@import "pos.css";

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");

:root {
    --pineapple-jet: #333333;
    --pineapple-link-color: #026fa0;
    --pineapple-bdg-color-green: #d3eedf;
    --bg-lulublue: #026fa0;
    --pineapple-breeze: #d6e9ff;
    --pineapple-blue_bgColor: linear-gradient(180deg, #3395c7 0%, #0570a5 100%);
    --pineapple-arrow_blue: rgba(2, 111, 160, 1);
}

* {
    font-family: "Inter", sans-serif;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #4193b8;
    /*color:#fe5441  !important;*/
}

/*.btn-close {
   opacity:1;
   background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}*/

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.bg-secondary {
    background-image: linear-gradient(180deg, #9b9b9b 100%, #c2c2c2 100%);
}

.bg-success {
    color: black !important;
    background-color: var(--pineapple-bdg-color-green) !important;
}

.bg-danger {
    background-color: #f3523f !important;
}

.btn-success {
    background-color: #d3eedf !important;
    color: #000 !important;
    border-color: transparent !important;
}

.btn-secondary {
    background-color: #9e9e9e !important;
    border-color: transparent !important;
}

.btn-pin {
    background-color: #126d34 !important;
    border-color: transparent !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 16px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.border-bottom-dark {
    border-bottom: 1px solid #000000;
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 40px;
    margin-top: 105px;
    /*background: linear-gradient(180deg, #d6e9ff 100px, #ffffff 150px 100%);*/
    top: 0px !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 20px;
    margin-bottom: 0 !important;
}

a {
    text-decoration: none;
}

.bg-honoluluBlue {
    /* background-color: #026fa0 !important;*/
    background-color: #3395c7;
    background-image: linear-gradient(180deg, #3395c7 0%, #0570a5 100%);
}

.iconCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.iconColorLightBlue {
    color: #d6e9ff !important;
}

.iconColorMango {
    /*color: #ffc859 !important;*/
    color: #a0ceec !important;
}

.iconColorHonoluluBlue {
    color: #026fa0 !important;
}

.iconColorWhite {
    color: #ffffff !important;
}

.bg-mango {
    background-color: #ffc859 !important;
}

.bg-gray {
    background-color: #ececec !important;
}

.bg-lightgray {
    background-color: #ececec !important;
}

.bg-gray2 {
    background-color: #eaeaea !important;
}

.bg-lulublue {
    background-color: #3395c7;
    background-image: linear-gradient(180deg, #3395c7 0%, #0570a5 100%);
    /*background-color: #026fa0 !important;*/
}

.bg-lulugreen {
    background-color: #68ab62;
    background-image: linear-gradient(180deg, #68ab62 0%, #126d34 100%);
    /*background-color: #026fa0 !important;*/
}

.bg-red {
    background-color: #f3523f !important;
}

.bg-orange {
    /*background-color: #fe5441 !important;*/
    background-image: linear-gradient(180deg, #f3523f 100%, #ff7a6a 100%);
}

.bg-darkblue {
    /* background-color: #045b9e !important;*/
    background-color: #3395c7;
    background-image: linear-gradient(180deg, #3395c7 0%, #0570a5 100%);
}

.bg-lightblue {
    background-color: #026fa09c !important;
}

.bg-lightbrown {
    background-color: #f9f5f1 !important;
}

.bg-yellow {
    background-color: #ffc859 !important;
}

.bg-purple {
    background-color: #a18ba8 !important;
}

.bg-green {
    background-color: #d3eedf !important;
}

.bg-lightblue {
    background-color: #d6e9ff !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-pine {
    background-color: #d6e9ff !important;
}

.text-orange {
    color: #fe5441 !important;
}

.text-lulublue {
    color: #026fa0 !important;
}

.text-mango {
    /* color: #ffc859 !important;*/
    color: #a0ceec !important;
}

.text-darkblue {
    color: #045b9e !important;
}

.text-yellow {
    color: #ffc859 !important;
}

.text-purple {
    color: #a18ba8 !important;
}

.text-green {
    color: #d3eedf !important;
}

.text-lightblue {
    color: #ebf4ff !important;
}

.text-lightgrey {
    color: #d3d3d3 !important;
}

.form-right i {
    font-size: 100px;
}

.thumbnail {
    width: 35px !important;
    height: auto;
}

select {
    /* styling */
    background-color: white;
    border: thin solid white;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    /* arrows */

    /*    select.classic {
        background-image: linear-gradient(45deg, transparent 50%, blue 50%), linear-gradient(135deg, blue 50%, transparent 50%), linear-gradient(to right, skyblue, skyblue);
        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
        background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
        background-repeat: no-repeat;
    }

        select.classic:focus {
            background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray);
            background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
            background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
            background-repeat: no-repeat;
            border-color: white;
            outline: 0;
        }

*/

    select.round {
        background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%);
        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 0.5em) 0.5em;
        background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
        background-repeat: no-repeat;
    }

        select.round:focus {
            background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), radial-gradient(gray 70%, transparent 72%);
            background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 0.5em) 0.5em;
            background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
            background-repeat: no-repeat;
            border-color: white;
            outline: 0;
        }

    select.minimal {
        background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
    }

        select.minimal:focus {
            background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
            background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
            background-size: 5px 5px, 5px 5px, 1px 1.5em;
            background-repeat: no-repeat;
            border-color: white;
            outline: 0;
        }

    select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

/*add treeview  of role 2021 12 31 */

.loadingP {
    background-image: url("../Images/generated-image.gif");
    width: 15px;
    display: inline-block;
}

.collapseRole {
    width: 15px;
    background-image: url("../Images/ui-icons_454545_256x240.png");
    background-repeat: no-repeat;
    background-position: -36px -17px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 2px;
}

.expand {
    width: 15px;
    background-image: url("../Images/ui-icons_454545_256x240.png");
    background-repeat: no-repeat;
    background-position: -50px -17px;
    display: inline-block;
    cursor: pointer;
}

.treeview ul {
    font: 18px Arial, Sans-Serif;
    margin: 0px;
    padding-left: 20px;
    list-style: none;
}

.treeview > li > a {
    font-weight: bold;
}

.treeview li a {
    padding: 4px;
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    width: auto;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #045b9e;
    border-color: #0d6efd;
}

.bold {
    font-weight: bold !important;
}

/*.nav-tabs {
    border-color: #045b9e !important;
}*/
.nav-tabs > .nav-link.active {
    background-color: #045b9e !important;
    border-color: #045b9e !important;
    color: #fff !important;
    font-weight: bold !important;
}

.nav-tabs > .nav-link {
    color: #fe5441 !important;
    font-weight: bold !important;
}

.header {
    display: block;
    width: 100%;
    max-height: 105px;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    padding: 0;
    background-color: #3395c7;
    background-image: linear-gradient(180deg, #3395c7 0%, #0570a5 100%);
    /*background-color: #026fa0;*/ /*#d6e9ff;*/
    /*transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;*/
}

    .header.active {
        background: #026fa0;
        /*-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);*/
    }

.small {
    font-size: 0.8em;
}

.a-dash {
    border: 1px solid transparent;
    display: inline-block;
    padding: 5px 15px 6px 15px;
}

    .a-dash:hover {
        border: 1px solid transparent;
        border-radius: 10px;
    }

    .a-dash img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        border: 1px solid #ddd;
        border-radius: 10px;
    }

    .a-dash:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        border: 1px solid #ffc859;
        border-radius: 10px;
    }

.card-body {
    padding: 0 10px !important;
}

#loading > span {
    background-color: red;
    color: white;
    position: fixed;
    top: 80px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 1502;
}

.ddyellow {
    background-image: url(../images/DropdownArrow.svg) !important;
    background-size: inherit !important;
    background-position: right -2px center !important;
    max-width: 8rem;
}

.ddyellow-wide {
    background-image: url(../images/DropdownArrow.svg) !important;
    background-size: inherit !important;
    background-position: right -2px center !important;
    max-width: 18rem;
}

.ddyellow-wide-auto {
    background-image: url(../images/DropdownArrow.svg) !important;
    background-size: inherit !important;
    background-position: right -2px center !important;
    max-width: auto;
}

.cb-element {
    white-space: nowrap;
}

    .cb-element label {
        padding-left: 0.4em;
    }

.my-error-class {
    color: red !important;
}

/*
.panel {
    border-radius: 15px;
    background-color:blue;
    padding: 20px;
    width: 100%;
    height: 150px;
}*/

.ddblue {
    background-image: url(../images/DropdownArrow.svg) !important;
    background-size: inherit !important;
    background-position: right -2px center !important;
}

/*save button*/

.saveButton {
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}

.ConditionTableHeader {
    font-size: 13px;
    font-weight: 600;
}

.conditionTitle {
    font-weight: 600;
    text-align: end;
    vertical-align: middle;
}

#lstDealBox1 option,
#lstDealBox2 option,
#lstPrvcBox1 option,
#lstPrvcBox2 option,
#lstLenderBox1 option,
#lstLenderBox2 option,
#lstEmpIncBox1 option,
#lstEmpIncBox2 option,
#lstLenderClassBox1 option,
#lstLenderClassBox2 option,
#lstAdditionIncBox1 option,
#lstAdditionIncBox2 option,
#lenderProgramsList option,
#lstBrokerageBox2 option,
#lstBrokerageBox1 option,
#lstBox2 option,
#lstBox1 option,
#lstBox3 option {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.conditionAssignBox {
    border: 2px solid #026fa0;
    border-radius: 7px;
}

#lstDealBox1 option:checked,
#lstDealBox2 option:checked,
#lstPrvcBox1 option:checked,
#lstPrvcBox2 option:checked,
#lstLenderBox1 option:checked,
#lstLenderBox2 option:checked,
#lstEmpIncBox1 option:checked,
#lstEmpIncBox2 option:checked,
#lstEmpIncBox2 option:checked,
#lstLenderClassBox1 option:checked,
#lstLenderClassBox2 option:checked,
#lstAdditionIncBox1 option:checked,
#lstAdditionIncBox2 option:checked,
#lenderProgramsList option:checked {
    border-radius: 7px;
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.notesText {
    font-weight: 300;
    font-style: italic;
    font-size: 10px;
    padding-top: 10px;
    margin-left: 10px;
}

.saveCondition,
.conditionCancel {
    border-radius: 8px;
    font-weight: 600;
}

/*.topFieldsName {
    font-weight: 600;
}*/

.toggle-on.btn {
    padding-right: 10px !important;
    font-weight: 600;
}

.toggle-off.btn {
    padding-left: 10px !important;
}

#btnExpand,
#btnCollapse,
.dosButton,
.backButton {
    border-radius: 3px;
}

#btn-text,
.actionsButton {
    font-size: 1rem;
    font-weight: 600;
}

.actionsButton {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.actionDropDowns {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .actionDropDowns.dropdown-toggle.show {
        background-color: #fff;
    }

        .actionDropDowns.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .actionDropDowns:hover {
        background-color: #fff;
    }

    .actionDropDowns:focus {
        box-shadow: none;
    }

.actionsButton:focus {
    box-shadow: none;
}

/* Select2 Styles*/
.select2-container--default .select2-selection--single {
    padding: 6px;
    height: 40px;
    width: 100%;
    font-size: 14px;
    position: relative;
    border-radius: 7px;
    /*border: 2px solid #026fa0;*/
    border: 2px solid #cccccc;
}

#modEmailTemplateId
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-position: right 0.5rem center;
    background-size: 10px 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: inherit;
    padding-left: 0px;
}

#modEmailTemplateId
.select2-selection {
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: #026fa0 !important;
    height: auto;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    display: block;
    cursor: default;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
/*    background-image: -khtml-gradient(linear, left top, left bottom, from(#026fa0), to(#026fa0));
        background-image: -moz-linear-gradient(top, #026fa0, #026fa0);
        background-image: -ms-linear-gradient(top, #026fa0, #026fa0);
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #026fa0), color-stop(100%, #026fa0) );
        background-image: -webkit-linear-gradient(top, #026fa0, #026fa0);
        background-image: -o-linear-gradient(top, #026fa0, #026fa0);
        background-image: linear-gradient(#026fa0, #026fa0);*/
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff) );
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: -o-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(#ffffff, #ffffff);
    color: #fff;
    font-size: 1.3em;
    padding: 0px 0px;
    height: 35px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
}

.select2-selection__arrow b {
    /*border-color: #ffc859 transparent transparent transparent !important;*/
    border-color: #000000 transparent transparent transparent !important;
}

.border-lulublue {
    /*border: 2px solid #026fa0 !important;*/
    border: 2px solid #cccccc !important;
}

.oneLogo {
    width: 180px;
}

.pineapleOne-brokerage_Logo {
    width: 100%;
    max-width: 150px;
    max-height: 45px;
    overflow-y: hidden;
}

.appSwitcherIcon, .noti-icon, .pineappleOneMenuLogo {
    width: 35px;
}

#navbarDropdown {
    color: white;
}

.mobileShow {
    display: none;
}

/*.carouselImgs {
    width: 1200px;
    height: auto;
}
*/
.mobileUserHeader {
    display: none;
}

.mobileUserCards {
    display: none;
}

.titleText {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 10px;
    padding: 8px;
    display: flex;
    align-items: center;
}

.cardsBody {
    margin-left: 2px;
    margin-right: 1px;
}

.titleText p {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 0 10px;
}

.socialIcons a {
    margin-right: 5px;
}

.userDetailsBlock p {
    margin-bottom: 0;
}

.userFullName {
    color: #026fa0;
}

.activeBdg {
    color: black !important;
    font-weight: 600 !important;
    background-color: var(--pineapple-bdg-color-green);
}

.mediaIcons {
    width: 24px;
    height: 24px;
}

.companyLogo {
    width: 150px;
}

.tabDetailsHeader {
    margin-left: 15px;
    margin-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.coAgentSelect {
    width: 50%;
}

.tableTitle {
    width: 25%;
}

.rowTitle {
    width: 15%;
}

.selectorGroups {
    width: 75%;
}

.payProfileOutterDiv {
    border: 1px solid #e4e6e6;
    background: #ffffff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .payProfileOutterDiv:nth-child(odd) {
        background: #f8f8f8;
    }

.payTitle {
    font-weight: 600;
}

.fieldTitle {
    font-weight: bold;
}

.modalContentRow button {
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
}

.actionModalContent {
    border-radius: 10px;
}

    .actionModalContent p {
        font-size: 13px;
        font-weight: 300;
        line-height: 16px;
        color: rgba(0, 0, 0, 0.79);
    }

    .actionModalContent h4 {
        font-weight: 700 !important;
        line-height: 29px;
        color: #333333;
    }

    .actionModalContent button {
        border-radius: 8px;
        padding: 5px 20px 5px 20px;
        font-weight: 600;
    }

.payProfileOutterDiv,
.counsellorOutterDiv {
    border: 1px solid #e4e6e6;
    background: #ffffff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .counsellorOutterDiv:nth-child(even) {
        background: #f8f8f8;
    }

    .payProfileOutterDiv p,
    .counsellorOutterDiv p {
        margin-bottom: 10px;
    }

.jumbotron p,
.jumbotron2 p {
    margin-bottom: 0;
}

.titleText h5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.counsellorSaveBtn,
.counsellorCancelBtn,
#btnAdminFlagsEdit,
.adminFlagSave,
#btnCounsellorLogAdd,
.payProfileAdd,
#btnFinancialsEdit,
#btnAdd,
#btnUpdate,
.counsellorCancel,
.businessLogAdd,
.conditionTabEdit,
.conditionEmailCancel,
.conditionEmailUpdate,
#btnCounsellorNoteEdit,
.btnCounsellorNoteUpdate,
.tabsSaveBtns,
.tabsBackBtns {
    border-radius: 8px;
    font-weight: bold;
}

.modal-footer button,
.modal-footer a {
    border-radius: 8px;
}

.conditionEmail {
    font-weight: bold;
}

.conditionNotes {
    font-style: italic;
}

.conditionEmailSub {
    font-weight: 800;
    display: inline-block;
}

.subjectBody {
    font-weight: 400;
    display: inline-block;
}

.conditionTabTitle {
    font-weight: bold;
    padding-top: 15px;
}

#modConditionsReminderEdit input {
    border: 1.5px solid #026fa0;
    border-radius: 5px;
}

/*Mobile CSS*/
@media screen and (max-width: 576px) {
    .coreLogo {
        max-width: 90px;
        max-height: 35px;
    }

    .navbar-dark .navbar-toggler {
        color: #faf5f0;
        border: none;
    }

    #navbarDropdown {
        color: black;
    }

    .mobileShow {
        display: flex;
    }

    .desktopShow {
        display: none;
    }

    .mobileLinkText {
        font-size: 24px;
        font-weight: 600;
        line-height: 29px;
        letter-spacing: 0.02em;
    }

    .mobileUserIcon {
        font-size: 24px;
    }

    .dropdown-item {
        font-size: 18px;
        font-weight: 300;
    }

    .carouselImgs {
        height: auto;
    }

    .carousel-control-prev-icon {
        width: 25px !important;
        height: 25px !important;
    }

    .carousel-control-next-icon {
        width: 25px !important;
        height: 25px !important;
    }

    .mobileCards {
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        border: none;
        padding: 10px;
    }

        .mobileCards img {
            border: none;
            border-radius: initial;
        }

    .mobileText {
        font-weight: 600 !important;
        line-height: 19px;
    }

    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: transparent;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #333333;
        background-color: transparent;
    }

    .subMenuTitle {
        margin-bottom: 0px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .textareaWithborder {
        border: solid 1px #026fa0 !important;
    }

    .mobileShowAll {
        font-weight: 500;
    }
    /* 
    .actionModalContent {
        border-radius: 10px;
    } */

    .userCardDiv {
        border: 0.75px solid #e4e6e6;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
    }

        .userCardDiv:nth-child(even) {
            background: #f8f8f8;
        }

    .fullName {
        font-weight: 500;
        font-size: 1rem;
        text-transform: capitalize;
        color: #4193b8;
        padding: 5px;
    }

    .jobTitle,
    .emailText,
    .phoneText,
    .commonFields {
        font-size: 13px;
    }

    .emailText,
    .phoneText {
        color: rgba(51, 51, 51, 0.6);
    }

    .jobTitle {
        font-weight: 500;
    }

    .commonText {
        font-size: 10px;
        font-weight: 500;
    }

    .mobileUserCards {
        display: block;
    }

    .userEditBtns:hover {
        background-color: #fff;
        color: #ffc107;
        border: none;
    }

    .teamSelectors {
        padding: 0.2rem;
    }

    .titleText h5 {
        padding-left: 0;
        padding-bottom: 0;
        font-size: 0.813rem !important;
        font-weight: 600;
        color: var(--pineapple-jet);
        padding-top: 0;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .cardsBody {
        margin-left: 5px;
        margin-bottom: 0.2rem !important;
    }

    .fieldsLink {
        word-break: break-word;
    }

    .cardsBody p {
        margin-bottom: 0;
        font-weight: 500 !important;
        font-size: 0.75rem !important;
        color: var(--pineapple-jet);
    }

    .cardsBody span {
        font-size: 0.688rem;
        font-weight: 300;
        color: var(--pineapple-jet);
        margin-bottom: 0.75rem;
    }

    .activeBdg {
        color: #000 !important;
        font-weight: 600 !important;
        background-color: var(--pineapple-bdg-color-green);
        padding: 0.35rem 0.65rem;
        width: initial;
    }

    .titleText p {
        font-size: 0.813rem !important;
        font-weight: 600;
        color: var(--pineapple-jet);
        margin: 0 0 0 10px;
    }

    .sinIcon {
        padding: 0.1rem 0.3rem;
        font-size: 0.625rem;
        margin-left: 0.25rem;
    }

    .badge {
        padding: 0.35rem 0.85rem;
        width: initial;
        font-weight: 600 !important;
    }

    .bg-danger {
        color: #fff !important;
    }

    #webEditBtn {
        font-weight: 600;
    }

    .cardsBody span label {
        padding-left: 0;
        padding-right: 0;
        font-size: 0.688rem;
        color: var(--pineapple-jet);
    }

    .signatureTitle {
        font-weight: 500 !important;
        font-size: 0.75rem !important;
        margin-right: 0.5rem;
    }

    .signatureTitleDiv {
        padding-left: 6px;
        padding-right: 0;
    }

    .helperIcon {
        position: relative;
        font-size: 1.25rem;
        top: 5px;
    }

    .userImg {
        width: 3.75rem;
        height: 3.75rem;
    }

    .socialIcons {
        position: relative;
        right: 25px;
    }

    .mediaIcons {
        width: 1.125rem;
        height: 1.125rem;
    }

    .userFullName {
        color: #026fa0 !important;
    }

    .usrAddress,
    .termsText {
        font-size: 0.75rem;
    }

    .usrAddSpan {
        font-size: 0.75rem !important;
        color: #4e4b4c !important;
        font-weight: 500 !important;
    }

    .usrEmail {
        font-size: 0.75rem;
        color: #4e4b4c !important;
        font-weight: 500 !important;
    }

    .applyImg,
    .companyLogo {
        width: 7.5rem;
    }

    .tableTitle {
        font-size: 13px;
    }

    .rowTitle,
    .revenueInfo {
        font-size: 12px;
    }

    .tabsTable td {
        font-size: 11px;
    }

    .coAgentSelect {
        width: 100%;
    }

    .rowTitle {
        white-space: nowrap;
    }

    .teamTD {
        padding: 0.5rem 0.2rem !important;
    }

    /*   .agentTD {
        padding: 0.5rem 0.1rem !important;
    }*/

    .tabsTable input {
        font-size: 11px;
    }

    .tabsTable select {
        font-size: 15px;
    }

    .agentTH {
        padding: 0.5rem 1.5rem !important;
    }

    .coAgentSelect {
        font-size: 15px;
    }

    .tabDetailsHeader span {
        font-size: 13px;
    }

    #cctype {
        font-size: 15px;
    }

    .cardsBody input {
        font-size: 11px;
    }

    .selectorGroups {
        width: 100%;
    }

    .payTitle {
        font-size: 13px;
    }

    .payText {
        font-size: 11px;
    }

    .mobileModalTitle {
        font-size: 1rem !important;
        font-weight: 800 !important;
    }

    .modalContentRow {
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .fieldTitle {
        font-weight: 500;
        font-size: 12px;
    }

    .deleteText {
        font-size: 13px;
    }

    .pagesHeader {
        font-weight: 500;
        font-size: 20px !important;
        font-size: 20px !important;
    }

    .commonFieldsText {
        background-color: #fff !important;
    }

    .activeBdg {
        width: initial;
    }

    #webEditBtn {
        font-weight: 600;
    }

    .socialIcons {
        position: relative;
        right: 10px;
    }

    #cctype {
        font-size: 15px;
    }

    .jumbotron,
    .jumbotron2 {
        background-color: #fff !important;
    }

        .jumbotron p,
        .jumbotron2 p {
            font-size: 12px;
            font-weight: 500 !important;
            white-space: nowrap;
        }

        .jumbotron label,
        .jumbotron2 label {
            margin-bottom: 0;
        }

    .col .toggle.btn {
        min-width: 50px !important;
        max-height: 30px !important;
        min-height: 30px !important;
    }

    .col .toggle-on.btn,
    .toggle-off.btn {
        font-size: 11px;
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .counsellorSaveBtn,
    .counsellorCancelBtn,
    #btnAdminFlagsEdit,
    .adminFlagSave,
    #btnCounsellorLogAdd,
    .payProfileAdd,
    #btnFinancialsEdit,
    .counsellorCancel,
    .businessLogAdd,
    .conditionTabEdit,
    .conditionEmailCancel,
    .conditionEmailUpdate,
    #btnCounsellorNoteEdit,
    .btnCounsellorNoteUpdate,
    .tabsSaveBtns,
    .tabsBackBtns {
        font-size: 12px;
    }

    .counsellorSelectors {
        font-size: 10px;
    }

    .col .ddblue,
    .col-sm-7 .ddblue {
        background-size: 30px !important;
        font-size: 11px;
    }

    #dateEnd,
    #dateStart,
    .dateEnd,
    .dateStart {
        font-size: 11px;
        border: 1.5px solid #026fa0;
    }

    #txtComments {
        border: 1.5px solid #026fa0;
        font-size: 11px;
        font-weight: 300;
    }

    .modalContentRow input {
        font-size: 10px;
    }

    .delBusinessLogText {
        font-size: 11px;
    }

    .logFileName {
        font-size: 11px;
        font-weight: 400;
        color: #4193b8;
    }

    .conditionEmail {
        margin-bottom: 0;
        font-weight: 500;
        font-size: 12px;
    }

    .conditionNotes {
        font-weight: 300;
        font-size: 11px;
    }

    .conditionEmailSub {
        font-weight: 400;
        font-size: 12px;
    }

    .subjectBody,
    .contentBody {
        font-weight: 400;
        font-size: 11px;
    }

    .conditionTabTitle {
        font-size: 13px;
    }

    .reminderModalTitle {
        font-size: 14px !important;
    }

    #cctype {
        font-size: 15px;
    }

    .userHeaderImage {
        width: 17% !important;
    }

        .userHeaderImage img {
            width: 60px !important;
            height: 60px !important;
        }

    .titleText {
        padding: 5px;
    }

    /*    #ImageResult {
        width: 80px !important;
        height: 80px !important;
    }*/

    .teamUpload {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.2rem;
    }

    .membersLogo {
        font-size: 12px !important;
    }

    .teamFinancialTabHeader span,
    .teamFinancialTabEditHeader span {
        font-size: 13px;
    }

    .teamFinancialEditInputs {
        width: 60% !important;
    }

    .updateCounsellorTitle {
        font-size: 13px !important;
        font-weight: 600;
    }

    select.teamEmailSelector option {
        font-size: 11px !important;
    }

    .teamEmailSelector {
        font-size: 11px !important;
    }

    select.round {
        background-size: 5px 5px, 5px 5px, 1.8em 1.8em;
        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 0.9em) 0.38em;
    }

        select.round:focus {
            background-size: 5px 5px, 5px 5px, 1.8em 1.8em;
            background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 0.5em) 0.5em;
        }

    .teamEditFieldsText {
        background-color: #fff !important;
    }

    textarea.form-control {
        font-size: 11px;
    }

    .teamEditBtnGroup {
        margin-left: -20px;
    }

    #dataTable-header th {
        font-size: 11px !important;
    }

    table.dataTable thead span.sortIcon {
        display: inline-block;
        width: 20px !important;
        height: 15px !important;
        margin-left: 5px;
    }

    /* Set up the default styles for the sort icon */
    table.dataTable thead .sorting span {
        background: url("../images/tableSortIcon/SortArrowsDefault.png") no-repeat center left;
        position: absolute;
        height: 15px !important;
        width: 20px !important;
        background-size: 20px 15px;
    }

    /*Set up the styles for the Font Awesome long arrow up icon*/
    table.dataTable thead .sorting_asc span {
        background: url("../images/tableSortIcon/SortArrowsUp.png") no-repeat center left;
        position: absolute;
        height: 15px !important;
        width: 20px !important;
        background-size: 20px 15px;
    }
    /*Set up the styles for the Font Awesome long arrow down icon*/
    table.dataTable thead .sorting_desc span {
        background: url("../images/tableSortIcon/SortArrowsDown.png") no-repeat center left;
        position: absolute;
        height: 15px !important;
        width: 20px !important;
        background-size: 20px 15px;
    }

    .dataTables_filter,
    .dataTables_length {
        margin-top: 0.5em;
        text-align: left !important;
    }

    p .form-label {
        margin-bottom: 0px;
    }

    .brokerageSocialIcons {
        font-size: 1rem;
    }

    .counsellorLabel {
        font-size: 12px;
        font-weight: 500;
    }

    .subDomainLastPart {
        margin-bottom: 0 !important;
    }

    #dataTable-header th {
        font-size: 11px !important;
    }

    table.dataTable thead span.sortIcon {
        display: inline-block;
        width: 20px !important;
        height: 15px !important;
        margin-left: 5px;
    }

    /* Set up the default styles for the sort icon */
    table.dataTable thead .sorting span {
        background: url("../images/tableSortIcon/SortArrowsDefault.png") no-repeat center left;
        position: absolute;
        height: 15px !important;
        width: 20px !important;
        background-size: 20px 15px;
    }

    /*Set up the styles for the Font Awesome long arrow up icon*/
    table.dataTable thead .sorting_asc span {
        background: url("../images/tableSortIcon/SortArrowsUp.png") no-repeat center left;
        position: absolute;
        height: 15px !important;
        width: 20px !important;
        background-size: 20px 15px;
    }
    /*Set up the styles for the Font Awesome long arrow down icon*/
    table.dataTable thead .sorting_desc span {
        background: url("../images/tableSortIcon/SortArrowsDown.png") no-repeat center left;
        position: absolute;
        height: 15px !important;
        width: 20px !important;
        background-size: 20px 15px;
    }

    .dataTables_length label,
    .dataTables_filter label,
    .dataTables_info,
    #dataGrid_paginate {
        font-size: 12px;
    }

    .form-select-sm {
        font-size: 11px;
    }

    .form-select {
        background-position: right 0.5rem center;
        background-size: 10px 10px;
    }

    #dataGrid tbody td {
        font-size: 11px !important;
    }

    #GoogleUserIdCreate,
    #GoogleFolderIdCreate,
    #SalesforceIdCreate,
    #GoogleHrFolderIdCreate {
        font-size: 11px;
    }

    .accordionToggle .toggle.btn {
        min-width: 70px !important;
    }

    .signaturesToggle .toggle-on,
    .signaturesToggle .toggle-off {
        padding-top: 8px;
    }

    .teamMembersBtns {
        font-size: 11px;
    }

    .dataTables_length label,
    .dataTables_filter label,
    .dataTables_info,
    #dataGrid_paginate {
        font-size: 12px;
    }

    .myUsrText {
        font-size: 22px;
    }

    .hashBgColorSections {
        margin-bottom: 0px !important;
    }

    .teamMembersBtns {
        font-size: 11px;
    }

    .leadsSearchSelector {
        width: 95%;
    }

    .usaIncluded {
        margin-bottom: 0px !important;
    }

    .hashBgColorSections {
        margin-bottom: 0px !important;
    }

    .myUsrPicDiv {
        width: 18% !important;
    }

    .mySiteImg {
        width: 180px !important;
        height: auto;
    }

    .myUsrText {
        font-size: 22px;
    }

    .accordionToggle .toggle.btn {
        min-width: 70px !important;
    }

    .signaturesToggle .toggle-on,
    .signaturesToggle .toggle-off {
        padding-top: 8px;
    }

    .CounsellorNote-placeholder {
        font-size: 12px;
    }

    .workPhoneExtField {
        max-width: 50px !important;
    }

    .myUsrPicDiv img {
        width: 60px !important;
        height: 60px !important;
    }

    .mySiteImg {
        width: 180px !important;
        height: auto;
    }

    .mobileTestimonialText {
        font-weight: 400 !important;
        font-size: 10px;
    }

    .mobileTestimonialSpan {
        font-weight: 400 !important;
        font-size: 13px !important;
        color: rgba(51, 51, 51, 0.6);
    }

    .testimonialDelModalText {
        font-size: 13px;
        color: rgba(0, 0, 0, 0.79);
    }

    .bannerImg {
        width: 100% !important;
        height: auto !important;
    }

    .instructionSteps {
        font-size: 0.75rem;
        font-weight: 500 !important;
    }

    .copyInsturctions {
        font-size: 0.688rem;
        font-weight: 300;
    }

    .copyInstructionsDiv span img {
        width: 100% !important;
        height: auto !important;
    }

    .applynow-img {
        width: 7.813rem;
        height: auto;
        object-fit: contain;
    }

    .googleReview-text {
        font-size: 0.75rem !important;
    }

    .banner__upload-text {
        font-size: 0.75rem;
    }

    .bannerInfo-icon {
        font-size: 0.9rem;
    }

    .banner__upload-input {
        font-size: 0.75rem;
    }

    .banner__upload-button {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.2rem;
    }

    .previewUserLogo {
        margin-left: 10px;
    }

    .mobilePreviewTitle {
        font-size: 1rem !important;
    }

    #lstDealBox1 option,
    #lstDealBox2 option,
    #lstPrvcBox1 option,
    #lstPrvcBox2 option,
    #lstLenderBox1 option,
    #lstLenderBox2 option,
    #lstEmpIncBox1 option,
    #lstEmpIncBox2 option,
    #lstLenderClassBox1 option,
    #lstLenderClassBox2 option,
    #lstAdditionIncBox1 option,
    #lstAdditionIncBox2 option,
    #lenderProgramsList option,
    #lstBrokerageBox2 option,
    #lstBrokerageBox1 option,
    #lstBox2 option,
    #lstBox1 option,
    #lstBox3 option {
        font-size: 0.625rem;
    }

    .lenderLogo {
        width: 100% !important;
    }

    .lenderEditLogoDelBtn {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.2rem;
    }

    .settingsRateText,
    .settingsRateEditInput {
        font-size: 1.125rem !important;
        font-weight: 500 !important;
    }

    .slidesBrokerageName {
        color: var(--pineapple-jet);
        font-weight: 300;
    }

    .slidesBrokerSubTitle {
        font-weight: 500;
        font-size: 0.625rem !important;
    }

    .slidesImgBtn {
        font-size: 0.688rem;
    }

    .slidesImg {
        width: 100% !important;
    }

    .slidesDisplayImg {
        width: 100% !important;
        height: 150px !important;
    }

    .slidesImgAdd {
        width: 25% !important;
    }

    .slidesModalText {
        font-size: 0.75rem !important;
        font-weight: 500;
    }

    .slidesLinks {
        font-size: 14px;
    }

    .bannerHelperIcon {
        font-size: 0.875rem;
        top: 1px;
    }

    .bannersBrokerageCheckBox {
        width: 0.8rem;
        height: 0.8rem;
    }

    .bannerDisplayImg {
        width: 80% !important;
        height: initial !important;
    }

    .bannerAddImg {
        width: 130px !important;
        height: 130px !important;
        object-fit: contain !important;
    }

    .uploadFileText {
        font-size: 13px;
    }

    .lenderProgramListBox {
        width: 100% !important;
        height: 200px !important;
    }

    .conditionsName {
        font-size: 1rem !important;
    }

    .dataTableBody tr td {
        font-size: 13px;
    }

    .onlineTemplateName {
        padding: 0px 12px 0px 12px !important;
        font-size: 13px !important;
    }

    .onlineTemplatesHeaders {
        font-size: 0.875rem !important;
    }

    .title {
        font-size: 0.813rem;
    }

    .onlineTemplatesSelectorFields {
        font-weight: 500;
        font-size: 0.75rem;
        margin-bottom: 0px;
    }

    .ddyellow {
        font-size: 0.688rem;
        max-width: 100%;
        background-size: 2.188rem !important;
    }

    .onlineTemplatesAccordionSelectors {
        max-width: 6rem;
        background-size: 2.188rem !important;
        height: max-content;
    }

    .onlineTempletSubHeader {
        font-weight: 500 !important;
        font-size: 0.813rem !important;
    }

    .onlineTemplatesAccordionBtns {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

    .onlineTemplatesAccordionBody {
        padding: 0.5rem 1rem;
    }

    .onlineTemplateNameText {
        font-size: 15px !important;
    }

    .stickyOnlineTemplatesTop {
        z-index: 1 !important;
        top: 65px !important;
    }

    #Color1Picker,
    #Color2Picker {
        font-size: 11px;
    }

    .inUseText {
        font-size: 13px !important;
    }

    #inUseDataTable tr td,
    #regionsDataTable tr td,
    #domainsDataTable tr td,
    #slidesTableGrid tr td,
    #onlineTemplatesTable tr td,
    #conditionsDataTable tr td,
    #dataGridSortingOnly tr td,
    #counsellorDataTable tr td {
        font-size: 12px;
    }

    #inUseDataTable_paginate ul.pagination,
    #regionsDataTable_paginate ul.pagination,
    #domainsDataTable_paginate ul.pagination,
    #slidesTableGrid_paginate ul.pagination,
    #onlineTemplatesTable_paginate ul.pagination,
    #conditionsDataTable_paginate ul.pagination,
    #counsellorDataTable_paginate ul.pagination {
        font-size: 13px;
    }

    #modTestimonial_TestimonialId p,
    #modTestimonial_TestimonialId span,
    #modTestimonial_TestimonialId button,
    #modTestimonial_TestimonialId a {
        font-size: 13px;
    }

    .socialInfoCols {
        margin-bottom: 0px !important;
    }

    #msgResultTop {
        font-size: 14px;
    }

    /***ONE mobile friendly code****/
    .oneLogo {
        max-width: 100px;
        max-height: 30px;
    }

    .thumbnail {
        width: 35px !important;
        height: auto;
    }

    .one-nav_container {
        justify-content: center !important;
        flex-wrap: nowrap !important;
    }

        .one-nav_container .nav-link {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
        }

    .pineapleOne-brokerage_Logo {
        width: auto;
        max-width: 65px;
    }

    .one-nav_container .dropdown-menu li a {
        font-size: 14px;
    }

    .pineapleOneLogo {
        max-width: 60px !important;
    }

    .pineappleOneMenuLogo,
    .appSwitcherIcon, .noti-icon {
        width: 35px;
    }

    .appSwitcherIcon {
        margin-bottom: 5px;
    }

    .one-appSwitcher_dropdowns {
        font-size: 13px;
    }

    .nav-icons_container {
        padding-right: 30px !important;
    }

    .one-mobile_menus .nav-item {
        font-size: 22px;
        margin-bottom: 15px;
        font-weight: 600;
    }

        .one-mobile_menus .nav-item a {
            color: black;
            margin-bottom: 5px;
        }

    .mobile-menus_logos {
        width: 30px;
        height: 30px;
        object-fit: contain;
        margin-right: 5px;
    }

    .mobile-plus {
        width: 80%;
        height: auto;
        object-fit: contain;
    }

    .core-upcoming_text {
        font-size: 13px;
    }

    .core-renewalDeal_searchGroup, .core-renewalDeal_viewGroup {
        font-size: 13px;
    }

        .core-renewalDeal_searchGroup .ddblue {
            font-size: 11px;
            background-size: 30px !important;
        }

        .core-renewalDeal_searchGroup input, .core-renewalDeal_searchGroup button, .core-renewalDeal_viewGroup button {
            font-size: 11px;
        }

    #renewalGrid table {
        font-size: 13px;
    }

        #renewalGrid table thead th {
            min-width: 180px;
        }

/*    .one-desktop_nav {
        display: none !important;
    }*/

    .loop-container {
        margin-top: -40px !important;
        margin-left: -45px !important;
    }

    .one-loop_search {
        max-width: none !important;
    }

    .one-loopMsg_pagi, .one-loopMsg_pagi select {
        font-size: 13px;
    }

    .pone-homeButtons {
        font-size: 14px !important;
        height: 80px !important;
    }
    .loop-reply_container, .loop-compose_container, .loop-edit_container {
        margin-left: 5px !important;
    }
}

    .pone-homeButtons i {
        font-size: 1.5rem !important;
    }

    .pone-homepage_dealsTable-head, .upcoming-renewal_table thead {
        font-size: 15px !important;
    }

    .pone-homepage_dealsTable-text, .upcoming-renewal_table-text {
        font-size: 13px !important;
    }
    
    .pone-homepage_dealsTable tbody, .pone-homepage_dealsTable-pill, .upcoming-renewal_table tbody {
        font-size: 11px !important;
    }

    .pone-homepage_dealsTable-details {
        min-width: 150px;
    }

    .pone-homepage_dealsTable-dealNum {
        min-width: 100px;
    }
}

/********************************************/

#t1 th {
    white-space: nowrap;
}

/*Deal Status CSS*/
.statusDropDownToggle {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px solid #026fa0;
    margin-bottom: 2px;
    margin-left: 5px;
    font-weight: 300;
    border-radius: 8px;
}

    .statusDropDownToggle::after {
        display: none !important;
    }

    .statusDropDownToggle i {
        margin-left: 10px;
        color: #026fa0;
    }

.statusMenu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
    font-size: 13px;
}

.dealModal {
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.disable-link {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}

.dealModal button {
    padding: 5px 20px;
    border-radius: 8px;
}
/*****************************/

.updateCounsellorText {
    padding-top: 5px;
    padding-bottom: 2px;
}

/*Change data table sort icon*/
/*hide default sort icon*/
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
    display: none;
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
    display: none;
}

table.dataTable thead th {
    background: transparent !important;
    white-space: nowrap;
    text-align: center;
    padding: 10px 24px;
}

table.dataTable thead span.sortIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

/* Set up the default styles for the sort icon */
table.dataTable thead .sorting span {
    background: url("../images/tableSortIcon/SortArrowsDefault.png") no-repeat center left;
    position: absolute;
    height: 25px;
    width: 20px;
    background-size: 20px 15px;
}

/*Set up the styles for the Font Awesome long arrow up icon*/
table.dataTable thead .sorting_asc span {
    background: url("../images/tableSortIcon/SortArrowsUp.png") no-repeat center left;
    position: absolute;
    height: 25px;
    width: 20px;
    background-size: 20px 15px;
}
/*Set up the styles for the Font Awesome long arrow down icon*/
table.dataTable thead .sorting_desc span {
    background: url("../images/tableSortIcon/SortArrowsDown.png") no-repeat center left;
    position: absolute;
    height: 25px;
    width: 20px;
    background-size: 20px 15px;
}
/*****************************/

/*table td font weight*/
.bg-lightblue td {
    font-weight: 500;
}

/*user header img*/
/*.userHeaderImage {
  width: 6%;
}*/

/*.userHeaderImage img {
  width: 96px;
  height: 96px;
}*/

.pagesHeader {
    font-size: 28px;
    font-weight: 500;
}

.membersLogo {
    font-size: 1rem;
}

.teamFinancialTabHeader {
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.teamFinancialTabEditHeader {
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -10px;
}

.teamFinancialEditInputs {
    width: 15%;
    display: inline-block;
}

.teamEditFieldsText {
    margin-bottom: 0px;
}

.ql-editor {
    background-color: white;
}

    .ql-editor p {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        color: black !important;
        font-size: 14px;
        font-weight: 400;
    }

.btn-outline-primary:hover {
    color: #026fa0 !important;
}

.filepond--label-action {
    text-decoration: none !important;
}

.dealAccordionTitle {
    font-size: 20px;
    font-weight: 600;
}

.mySiteImg {
    width: 180px;
    height: auto;
}

.testimonialsBtn {
    border-radius: 8px;
}

.myUsrText {
    font-size: 28px;
}

.mySiteImg {
    width: 180px;
    height: auto;
}

.myUsrPicDiv {
    width: 120px;
}

    .myUsrPicDiv img {
        width: 96px;
        height: 96px;
    }

.myUsrText {
    font-size: 28px;
}

.workPhoneExtField {
    max-width: 100px;
}

.copySignImg,
.copySignImg2,
.copySignImg3,
.copySignImg4,
.copySignImg5,
.copySignImg2Mac,
.copySignImg3Mac,
.copySignImg4Mac,
.copySignImg5Mac,
.copySignImg2MacMail,
.copySignImg3MacMail,
.copySignImg4MacMail,
.copySignImg5MacMail,
.copySignImg6MacMail .copySignImg7MacMail,
.copySignImgIphone1,
.copySignImgIphone2,
.copySignImgIphone3,
.copySignImgIphone4,
.copySignImgGmail2,
.copySignImgGmail3,
.copySignImgGmail4,
.copySignImgHTML1,
.signatureWindows2,
.copySignImgMac4-2,
.copySignImgMac5,
.copySignImgMac7 {
    object-fit: contain;
}

.copySignImg {
    height: 150px;
}

.copySignImg2Mac {
    height: 80px;
}

.copySignImgIphone1,
.signatureWindows2 {
    height: 100px;
}

.copySignImg2,
.copySignImgGmail4 {
    height: 120px;
}

.copySignImg3 {
    height: 85px;
}

.copySignImg4,
.copySignImg2MacMail,
.copySignImgIphone2,
.copySignImg3Mac,
.copySignImgMac4-2,
.copySignImgMac5,
.copySignImg5Mac {
    height: 350px;
}

.copySignImg5,
.copySignImgIphone3,
.copySignImgIphone4,
.copySignImgGmail2,
.signatureWindows3,
.signatureWindows6 {
    height: 420px;
}

.copySignImg4Mac {
    height: 250px;
}

.copySignImg3MacMail {
    height: 90px;
}

.copySignImg4MacMail,
.copySignImg5MacMail,
.copySignImg6MacMail,
.signatureWindows3 {
    height: 400px;
}

.copySignImg7MacMail {
    height: 270px;
}

.copySignImgGmail3 {
    height: 230px;
}

.signatureWindows6 {
    height: 110px;
}

.copySignImgMac6 {
    height: 130px;
}

.copySignImgMac7 {
    height: 260px;
}

.copySignAccordionBtns,
.copySignAccordionBtns:not(.collapsed) {
    background-color: var(--pineapple-breeze);
    color: var(--pineapple-jet);
    border-radius: initial;
    border: none;
}

    .copySignAccordionBtns:after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

@media screen and (min-width: 576px) {
    .userHeaderImage {
        width: 12% !important;
    }

        .userHeaderImage img {
            width: 60px;
            height: 60px;
        }

    .deal-hamburgerMenu_nestedLevel:hover > .dropdown-menu {
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
    }
}

/*Medium devices (tablets, 768px and up)*/

@media screen and (min-width: 768px) {
    .userHeaderImage {
        width: 9% !important;
    }

        .userHeaderImage img {
            width: 60px;
            height: 60px;
        }
}

/*Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) {
    .userHeaderImage {
        width: 8% !important;
    }

        .userHeaderImage img {
            width: 70px !important;
            height: 70px !important;
        }

    .userImg {
        width: 5rem;
        height: 5rem;
    }

    .copySignImg {
        height: 9.688rem;
    }
}
/*X-Large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1200px) {
    .userHeaderImage {
        width: 8% !important;
    }

        .userHeaderImage img {
            width: 80px !important;
            height: 80px !important;
        }

    .userImg {
        width: 6rem;
        height: 6rem;
    }

    .copySignImg {
        height: 10rem;
    }
}
/*XX-Large devices (larger desktops, 1400px and up)*/
@media screen and (min-width: 1400px) {
    .userHeaderImage {
        width: 8% !important;
    }

        .userHeaderImage img {
            width: 96px !important;
            height: 96px !important;
        }

    .copySignImg {
        height: 11.25rem;
    }
}

@media screen and (min-width: 1600px) {
    .userHeaderImage {
        width: 6% !important;
    }

        .userHeaderImage img {
            width: 96px !important;
            height: 96px !important;
        }

    .userImg {
        width: 7rem;
        height: 7rem;
        object-fit: contain;
    }

    .copySignImg {
        height: 11.25rem;
    }
}

@media screen and (min-width: 2000px) {
    .userHeaderImage {
        width: 6% !important;
    }

        .userHeaderImage img {
            width: 96px !important;
            height: 96px !important;
        }

    .userImg {
        width: 7.5rem;
        height: 7.5rem;
        object-fit: contain;
    }

    .copySignImg {
        height: 11.25rem;
    }
}

.copySignDiv {
    width: 55px;
}

.bannerImg {
    width: 510px;
    height: 95px;
}

.googleReview-text {
    font-size: 1rem;
    font-weight: 600;
}

.termsText {
    color: var(--bg-lulublue) !important;
    vertical-align: middle;
}

.modalCenter {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.signatureModal__outterDiv {
    border: 2px solid #d9d9d9;
}

.usrEmailText {
    margin-left: 5px;
}

.mobilePreviewTitle {
    font-size: 1.5rem;
}

.col input,
.col select,
.socialInfo__inputGroup input,
.col-sm-auto input,
.col-sm-auto select,
.addressFields__Span input,
.addressFields__Span select {
    margin-bottom: 0px !important;
}

.settingsRateText {
    border: hidden;
    font-size: x-large;
}

.settingsRateEditInput {
    font-size: x-large;
}

.slidesImg {
    width: 16rem;
    object-fit: contain;
}

.slidesDisplayImg {
    width: 607px;
    height: 280px;
    object-fit: contain;
}

.bannerDisplayImg {
    width: 510px;
    height: 95px;
    object-fit: contain;
}

.bannerAddImg {
    width: 256px;
    height: 160px;
    object-fit: cover;
}

.lenderProgramListBox {
    width: 450px;
    height: 250px;
}

.conditionsName {
    font-size: 1.5rem;
}

.onlineTemplateName {
    border: 2px solid #026fa0;
    border-radius: 0.5rem;
    padding: 0.188rem 3.75rem;
    margin-left: 5px;
    font-size: 1rem;
}

.onlineTemplateNameText {
    font-size: 1rem;
}

.stickyOnlineTemplatesTop {
    position: sticky;
    top: 72px;
    background-color: #fff;
    z-index: 50;
    left: 0;
}

.onlineTemplatesHeaders {
    font-size: 20px;
    color: #dc3545;
    font-weight: 700;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.onlineTempletSubHeader {
    font-weight: 700;
    font-size: 1rem;
}

.onlineTemplatesColorPickers1 {
    background-color: #e9e9e9;
    border: 1.5px solid var(--blue);
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.onlineTemplatesColorPickers2 {
    background-color: #e9e9e9;
    border: 1.5px solid var(--blue);
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.onlineTemplatesAssignBox {
    height: 180px;
}

.swal-wide {
    width: 850px !important;
}

.disabledorEnable {
    pointer-events: none;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none;
}

.backButton {
    background: var(--pineapple-blue_bgColor);
    color: #fff;
}

    .backButton:hover {
        color: #fff;
    }

#ParticipantsComponent
.select2-container--default
.select2-selection--single
.select2-selection__arrow,
#modSubmitToLender
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    color: var(--pineapple-arrow_blue);
    font-size: 1.1rem;
    width: 20px;
    background-image: none;
    top: 5px;
}

#modEmailTemplateId
.select2-selection__arrow,
#MortgageInformationCollapse
.select2-selection__arrow {
    width: 20px;
    background-image: url(../images/DropdownArrow.svg) !important;
    background-size: inherit;
    background-position: right -2px center;
    background-repeat: no-repeat;
}

    #ParticipantsComponent .select2-selection__arrow b[role="presentation"],
    #modSubmitToLender .select2-selection__arrow b[role="presentation"],
    #modEmailTemplateId .select2-selection__arrow b[role="presentation"] {
        display: none;
    }

.deal-hamburgerMenu_container {
    width: 300px;
    position: absolute;
    inset: 0px 0px auto auto;
    margin: 0px;
    transform: translate3d(-42px, -120px, 0px);
}

.deal-hamburgerMenu_subItem::before {
    transform: rotate(-90deg);
}

.right-arrow_btn {
    background: var(--pineapple-blue_bgColor);
    color: #fff;
}

    .right-arrow_btn:hover {
        color: #fff;
    }

.nonSubject-owned_ul {
    min-width: max-content;
}

.deal-hamburgerMenu_container a {
    padding-left: 1rem;
    padding-bottom: 5px;
    padding-right: 1rem;
}

@media screen and (min-width: 576px) {
    .oneLogOut-btn {
        background-color: red;
        text-align: center;
        color: #fff;
        font-size: 1rem;
    }

    .deal-hamburgerMenu_nestedLevel:hover > .dropdown-menu {
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
    }
}

.disable-control-fullopacity {
    color: currentColor;
    cursor: not-allowed;
    text-decoration: none;
    pointer-events: none;
    background: #e9ecef;
}

.one-main_menu .dropstart .dropdown-toggle::before {
    margin-right: 10px;
}

.breakAll {
    word-break: break-all;
}

.pineapleOneLogo {
    max-width: 150px;
}

.activeVadidationWarning {
    border: 2px solid red;
    /*background-color: orange;*/
    color: black;
}

.main-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 100;
}

.textAreaChracterCount {
    /*float: right;*/
    padding: 0.1rem 0 0 0;
    font-size: 0.875rem;
}

.loop-container {
    margin-top: 200px;
    margin-left: -20px;
    position: relative;
}

.loop-editor_container {
    margin-top: 20px;
/*    margin-right: 33px;*/
    margin-left:65px;
}

#loopQuillEditor {
    height: 150px;
}

#emailQuillEditor {
    height: 200px;
}

.loop-editor_container .ql-toolbar.ql-snow, .loop-reply_container .ql-toolbar.ql-snow,
.loop-compose_container .ql-toolbar.ql-snow, .loop-mainMsgEditor_container .ql-toolbar.ql-snow {
    border-top: 2px solid #026fa0;
    border-left: 2px solid #026fa0;
    border-right: 2px solid #026fa0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.loop-editor_container .ql-container.ql-snow, .loop-reply_container .ql-container.ql-snow,
.loop-compose_container .ql-container.ql-snow, .loop-mainMsgEditor_container .ql-container.ql-snow {
    border-bottom: 2px solid #026fa0;
    border-left: 2px solid #026fa0;
    border-right: 2px solid #026fa0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.loop-msg_box {
    border: 1px solid #d4d4d4;
    width: 100%;
    border-radius: 8px;
}

.loop-msg_container {
    margin-top: 80px;
    margin-left: 65px;
}

.loop-msg_name {
    font-size: 15px;
    font-weight: 700;
    color: var(--bg-lulublue);
}

.loop-msg_date {
    font-size: 13px;
    font-weight: 400;
    color: #333333;
    margin-left: 10px;
    margin-top: 2px;
}

.loop-msg_main {
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    margin-left: 40px;
}

.loop-msg_box #avatar {
    width: 25px;
    height: auto;
    border-radius: 50%;
}

#noteDetaileditor p {
    margin-bottom: 10px;
    text-align: left;
}

#noteDetaileditor ul {
    font-size: 13px;
    text-align: left;
    color: rgba(0, 0, 0, 0.79);
    font-weight: 300;
    line-height: 16px;
}

.nav-icons_container {
    padding-right: 12px;
}

.green-text {
    color: green;
}

.red-text {
    color: red;
}


.ql-mention-list-container {
    width: 350px !important
}

/*.one-desktop_nav {
    display: block;
}
*/
.one-loop_search {
    max-width: 60%;
}


.loop-editor_quill {
    height: 180px !important;
}

.loopEditEditorQuill {
    height: 80px !important;
}

.loop-reply_container, .loop-compose_container, .loop-edit_container {
    margin-left: 35px;
    width: 95.8% !important;
}

/* Mobile Safari Modal Fixes */
@media (max-width: 768px) {
    .modal {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .modal-dialog {
        margin: 0;
        min-height: 100%;
        width: 100%;
    }

    body.modal-open {
        position: fixed;
        width: 100%;
        overflow: hidden;
    }

    /* Fix for input focus zooming */
    input, select, textarea {
        font-size: 16px;
    }
}

.pone-homeButtons {
    background: linear-gradient(180deg, #3395C7 0%, #0570A5 100%);
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 126px;
}

.pone-homeButtons i {
    color: rgba(255, 200, 89, 1);
    padding-bottom: 1rem;
    font-size: 1rem;
}

.pone-homeContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pone-adsContainer {
    width: 100%;
    height: 100%;
}

.pone-adsContainer img {
    height: 100%;
}

.upcoming-renewal_table {
    border: 1px solid rgba(158, 158, 158, 1);
    position: relative;
    z-index: 0;
}

.upcoming-renewal_table thead {
    border-bottom: 4px solid rgba(218, 218, 218, 1);
}

.pone-homepage_dealsTable {
    border: 1px solid rgba(158, 158, 158, 1);
}

.pone-homepage_dealsTable thead {
    background: rgba(234, 234, 234, 1);
}

.pone-homepage_dealsTable-head {
    font-weight: 800;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    display: inline-block;
}

.pone-homepage_dealsTable-link {
    display: inline-block;
    float: right;
}

.pone-homepage_dealsTable-link a {
    color: rgba(2, 111, 160, 1);
    text-decoration: underline;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.pone-homepage_dealsTable-text {
    background-color: #fff;
    font-weight: 800;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    border-bottom: 4px solid rgba(218, 218, 218, 1);
}

.pone-homepage_dealsTable tbody {
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: baseline;
}

.pone-homepage_dealsTable-pill {
    background-color: rgba(211, 238, 223, 1) !important;
    color: var(--bg-lulublue);
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 1 !important;
    width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1);
    width: 3rem !important;
    height: 3rem !important;
}

.coreLogo {
    width: 200px;
    height: auto;
}

.one-deskNav_container {
    height: 80px;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .coreLogo {
        width: 150px;
    }
}

.loop-mainMsgEditor_container {
    margin-right: 30px;
}
/* @mention pills (Deal Activities loops).
   span.mention rather than .mention so this wins over quill-mention's own stylesheet,
   which loads after our local CSS in _MainLayout. Kept in sync with content_style in
   wwwroot/js/shared/rich-text-editor.js, which styles the same pill inside the editor
   iframe - page CSS cannot reach in there. */
span.mention {
    background-color: #d8ecfa;
    color: #0f5c8c;
    border-radius: 10px;
    padding: 1px 6px;
    white-space: nowrap;
}

/* quill-mention nests a contenteditable="false" span inside the pill - keep it flat. */
span.mention > span {
    background: none;
    color: inherit;
}