.thm-txt-clr {
    color: #2A2F82 !important;
}

.thm-txt-10-clr {
    color: #100DA4 !important;
}

.thm-bg-clr {
    background-color: #2A2F82 !important;
}

.thm-bg-hl-clr {
    background-color: #E6ECFD !important;
}

.thm-red-hl-clr {
    color: #ff0000 !important;
}

.thm-btn-bg-hl-clr {
    background-color: #FFDBDB !important;
}

.thm-txt-hover {}

.thm-txt-hover:hover {
    color: "#F3F6F9";
}

.list-item.active .symbol-label {
    background-color: white;
}

.list.list-hover .list-item.active {
    background-color: #f4f6f9 !important
}

.list.list-hover .list-item.active:hover {
    color: #181C32 !important
}

/* NOTIFICATION */

.updatesHeader {
    margin-bottom: 30px;
}

.updatesHeader h4 {
    color: #000000;
    font-weight: 600;
    font-size: 20px;
}

.updates-timeline {
    padding: 0;
    list-style: none;
    margin: 0;
}

.updates-timeline li {
    position: relative;
    padding: 0 0 37px 49px;
}

.updates-timeline li:after {
    content: "";
    position: absolute;
    opacity: 0.2;
    border-left: 2px dashed #000000;
    border-radius: 4px;
    width: 4px;
    height: 100%;
    left: 17px;
    top: 0;
}

.updates-timeline p {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.updates-timeline p span {
    font-size: 14px;
}

.blueClr {
    color: #446DBB;
    font-size: 13px !important;
}

.redClr {
    color: #D51F50;
}

.redBgClr {
    background-color: #D51F50 !important;
}

.viewBox {
    border: 1px dashed rgba(69, 69, 69, 0.1);
    border-radius: 6px;
    display: flex;
    padding: 8.5px 13px;
    align-items: center;
    justify-content: space-between;
}

.viewBox h5 {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #000000;
    font-weight: 500;
    margin: 0;
}

.viewBtn {
    background: #EBEBEB;
    border-radius: 6px;
    padding: 8px 14px;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}

.iconlisting {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.viewBox img {
    margin-right: 14px;
}

.viewBox h5 span {
    display: block;
    line-height: normal;
    font-size: 13px;
    position: relative;
    top: -4px;
}

.updates-timeline li:last-child:after {
    display: none;
}

.card.card-custom.updatescard {
    border-radius: 25px !important;
}

.addresinner .table-borderless {
    margin-bottom: unset;
}

@media (max-width: 1200px) {
    .addresinner {
        width: 82%;
    }
}

@media (max-width: 991.98px) {

    .submitedmodal {
        padding: 20px 15px;
    }


    .req-left {

        margin-bottom: 15px;
    }

    .req-left .iconlisting2 {
        display: none;
    }

    .req-left:after {
        display: none;
    }

    .req-right {

        margin-bottom: 15px;
    }

    .submitedmodal form {
        padding: 0;

    }

    .req-left .submited_by br {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .header-accounting {
        margin-bottom: 16px;
    }

    .addres-block .avatarhome {
        margin-right: 10px;
        width: 50px;
    }

    .submitcard .card-body {
        padding: 2rem 0.95rem !important;
    }

    .addres-block ul {
        flex-direction: column;
    }

    .addres-block ul li {
        margin-bottom: 5px;
    }

    .addres-block ul li {
        font-size: 10.0697px;
    }

    .alert_box {
        display: block;
    }

    .alert_box .alert {
        padding: 10px 5px 10px;
        margin: 10px 0;
        align-items: flex-start;
    }

    .addresinner table {
        width: 1000px;
    }

    .card.card-custom.updatescard .card-body {
        padding: 2rem 0.95rem;
    }

    .viewBox h5 {
        font-size: 12px;
    }

    .updates-timeline p {
        font-size: 13px;
        margin-bottom: 9px;
    }

    .updates-timeline p span {
        font-size: 11px;
    }

    .viewBox {
        padding: 8.5px 8px;
    }
}

/*
* FILES CSS
*/

<style>.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 14px;
}

.select2-selection--multiple>.select2-selection__rendered {
    box-sizing: border-box;
    border: 1px black solid;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 5px;
}

.datatable.datatable-default>.datatable-table>.datatable-body .datatable-row>.datatable-cell {
    padding-top: 25px
}

.fullnametxt {

    text-transform: none !important;
}

.min-h-110 {

    min-height: 110px;
}

.fullnametxt,
.fullnametxt-title,
.paymentNameInput {


    display: none
}

.fullnametxt::placeholder {

    color: #cccc;
}

.startFileButton:after {

    margin-left: 7px !important;

}

.datatable.datatable-default>.datatable-table {

    overflow-x: auto !important;

}

.file-upload {
    margin-top: 5px;
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.file-upload .file-select {
    display: block;
    /* border: 2px solid #dce4ec; */
    color: #34495e;
    cursor: pointer;
    height: 80px;
    line-height: 40px;
    border-radius: 4px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;


}

.file-upload .file-select .file-select-button {
    width: 100px;
    background: #dce4ec;
    padding: 18px 10px;
    display: inline-block;
    height: 80px;
    line-height: 40px;
    vertical-align: middle;
}

.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.file-upload .file-select:hover {
    border-color: #34495e;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select {
    border-color: #3fa46a;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}





.sec_submit {
    position: absolute;
    top: -52px;
    right: 56px;
}

.blockMsg {

    z-index: 1115 !important;
}

.officer-label {

    display: block;

}

.card-input-officers-element {
    display: none;
}

.card-input-officers-element:checked+.card-input {

    box-shadow: 0 0 1px 1px rgba(125, 243, 237, 0.19);
    background: #2A2F82 !important;
    color: white;
    border-radius: 4px;
}

.card-input-officers-element+.card-input {

    border-radius: 4px;
    border: 2px solid rgba(125, 243, 237, 0.19);


}

.card-input-officers-element+.card-input:hover {

    box-shadow: 0 0 1px 1px rgba(125, 243, 237, 0.13);
    background: rgba(9, 204, 151, 0.05);
    border-radius: 4px;
}

.officer-label div {
    cursor: pointer;
    padding: 5px 1px 2px 0px !important
}

.officer-content {
    margin-left: 10px;
    padding: 0;
    /* padding-left: 12px; */
}

.card-input-officers-element:checked+.card-input-apro span {
    background: #3699ff !important;
    color: white !important;
    padding: 23px;
    padding-bottom: 18px !important;
    padding-top: 19px !important;
}

.card-input-officers-element:checked+.redRadioNo span {
    background: #FFE2E5 !important;
    color: #F64E60 !important;
    padding: 23px;
    padding-bottom: 18px !important;
    padding-top: 19px !important;
}


.card-input-officers-element:checked+.greenRadioYes span {
    background: #C9F7F5 !important;
    color: #1BC5BD !important;
    padding: 23px;
    padding-bottom: 18px !important;
    padding-top: 19px !important;
}

.card-input-officers-element+.card-input-apro span {
    background: #f3f6f9 !important;
    color: black !important;
    padding: 23px !important;
    padding-bottom: 18px !important;
    padding-top: 19px !important;
}

.realtorinfo,
.mortgagepartinfo {

    display: none
}

.extraStep {

    display: none !important;
}

.first-col-table-tasks {

    width: 70px;

}

.first-col-table {

    max-width: 65px;
}

@media (max-width: 1300px) {

    .first-col-table {

        max-width: 70px;
    }

}



@media (max-width: 991px) {

    .sec_submit {

        right: 10%;
    }

    .first-col-table {

        max-width: 44px;
        width: 68px !important;
    }



}

@media (max-width: 663px) {

    .first-col-table {

        max-width: 65px;
        width: 68px !important;
    }

    .first-col-table-tasks {

        width: 70px;
        padding-right: 8px !important;


    }

}

@media (max-width: 480px) {

    .sec_submit {

        right: 12%;
        top: -49px;

    }

}

@media (max-width: 320px) {

    .sec_submit {

        right: 14%;

    }

}

.select2-container {
    width: 100% !important;
    border: none !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {

    border: none !important;
}

.select2-container--default .select2-search--inline .select2-search__field {

    width: 100% !important;
}

.cursor-pointer {
    cursor: pointer;
}

.cus_pagin .page-item:first-child span,
.cus_pagin .page-item:last-child .page-link {
    font-size: 2.4em;
    font-weight: lighter;
}

.pagination .page-item:first-child,
.pagination .page-item:last-child {
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.25rem;
    width: 2.25rem;
    padding: 0.5rem;
    position: relative;
    font-size: 0.9rem;
    line-height: 1rem;
    font-weight: 500;
    border-radius: 0.42rem;
    background-color: #ffffff;
    border: unset;
    color: #7e8299;
}

.page-link {
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.20rem;
    min-width: 2.25rem;
    padding: 0.5rem;
    position: relative;
    font-size: 0.9rem;
    line-height: 1rem;
    font-weight: 500;
    border-radius: 0.42rem;
    background-color: unset;
    border: unset;
    color: #7e8299;
}

.page-item.active .page-link {
    z-index: 3;
    color: #ffffff;
    background-color: #2A2F82;
    border-color: #2A2F82;
}

.page-link:hover {
    z-index: 3;
    color: #ffffff;
    background-color: #2A2F82;
    border-color: #2A2F82;
}