/*=============== ALL MODALS ===============*/

#addProject h1, #addBusiness h1, #addDocument h1, #addGoal h1,
#addTransaction h1, #addInvestment h1, #addForum h1, #newPassword h1,
#addTranSupp h1, #addTransCat h1, #addSetting h1 {
    color: green;
}

.modal-header {
    background: #CEDDCB;
}

#addProject form p, #addBusiness form p, #addDocument form p, #addGoal form p,
#addTransaction form p, #addInvestment form p, #addForum form p, #newPassword form p,
#addTranSupp form p, #addTransCat form p, #addSetting form p {
    float: left;
    font-size: 12px;
}

#addProject form .mb-3, #addBusiness form .mb-3, #addDocument form .mb-3, #addGoal form .mb-3,
#addTransaction form .mb-3, #addInvestment form .mb-3, #addForum form .mb-3, #newPassword form .mb-3,
#addTranSupp form .mb-3, #addTransCat form .mb-3, #addSetting form .mb-3 {
    margin: 10px 0;
}


/*=============== SHARED MODALS ===============*/

.modalContainer {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}

.modalContainer .leftSection {
    width: 100%;
    align-self: flex-start;
    background: #CEDDCB;
    padding: 10px 20px;
    margin-top: 15px;
    border-radius: 8px;
    overflow: auto;
}

/* file select */
.leftSection input#fileInput2, input#fileInput2 {
    float: left;
    width: 65%;
}


.modalContainer .rightSection {
    width: 100%;
    background: #CEDDCB;
    padding: 10px 20px;
    border-radius: 8px;
    overflow: auto;
}

/* delete-btn */
.rightSection td.btnDeleteDoc {
    transition: 0.5s;
}
.rightSection td.btnDeleteDoc:hover, td.btnDeleteGoal:hover, td.btnDeleteInv:hover {
    cursor: pointer;
    transition: 0.5s;
    transform: scale(0.8);
}

/* select file input */
input[type=file]::file-selector-button {
    background: black;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    transition: background .2s ease-in-out;
}

#file-input-label {
    font-size: 12px;
}

input [type=file]::file-selector-button:hover {
    background: #0d45a5;
}


/* upload-btn */
#btnSubmitInv.btn.btn-success.btn-sm {
    margin: 10px 0px;
}



/*======== GOAL MODAL =======*/
.innerSection {
    display: flex;
    flex-direction: row;
    width: 100%
}
.innerSection div:nth-child(1) {
    width: 40%;
    padding-right: 2px;
}
.innerSection div:nth-child(2) {
    width: 60%;
    padding-left: 2px;
}
/*====== END OF GOAL =======*/



/*======== NOTIFICATION MODAL =======*/
.form-check-input:checked {
    background-color: black;
    border-color: black;
}
/*====== END OF NOTIFICATION =======*/



/*=============== DOCUMENT & GOAL & INVESTMENT -> MOBILE/TABLET ===============*/

@media (max-width: 1180px) {

    .modalContainer .leftSection {
        width: 100%;
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
    }


    .innerSection div:nth-child(1) {
        width: 38%;
    }
    .innerSection div:nth-child(2) {
        width: 62%;
    }

    .leftSection input#fileInput {
        float: none;
    }

    .modalContainer .rightSection {
        width: 100%;
        float: none;
        margin-left: 0px;
    }
}
/*================= END OF MOBILE/TABLET ====================*/