/* @import "~@ng-select/ng-select/themes/default.theme.css"; */


.actionBox[_ngcontent-ceh-c3],
.brand-box[_ngcontent-ceh-c3],
.rightBox[_ngcontent-ceh-c3],
.searchBox[_ngcontent-ceh-c3],
.searchBox1[_ngcontent-ceh-c3] {
    display: -moz-flex;
    display: flex;
    -moz-flex: auto;
    flex: auto;
    -moz-align-items: center;
    align-items: center
}

.rightBox[_ngcontent-ceh-c3] {
    -moz-flex-grow: 0;
    flex-grow: 0;
    background-color: #05262b
}

.brand-box[_ngcontent-ceh-c3] {
    color: #fff;
    font-size: 1rem
}

.brand-box[_ngcontent-ceh-c3] .hamberger[_ngcontent-ceh-c3] {
    margin-left: 1.875rem;
    margin-right: 1.875rem;
    max-width: 2rem;
    max-height: 2rem;
    font-size: 1.375em;
    background-color: #4a90e2;
    cursor: pointer
}

.brand-box[_ngcontent-ceh-c3] .title[_ngcontent-ceh-c3] {
    font-size: 1.375em;
    font-weight: 400;
    margin: 0;
    line-height: 1.375em
}

.brand-box[_ngcontent-ceh-c3] img[_ngcontent-ceh-c3] {
    height: 1.75rem;
    margin-right: .625rem
}

.brand-box[_ngcontent-ceh-c3] .userType[_ngcontent-ceh-c3] {
    font-size: 1.25em;
    font-weight: 300;
    padding-left: 1.0625rem;
    letter-spacing: 1px;
    position: relative
}

.brand-box[_ngcontent-ceh-c3] .userType.hasLink[_ngcontent-ceh-c3] {
    cursor: pointer
}

.brand-box[_ngcontent-ceh-c3] .userType[_ngcontent-ceh-c3]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 15%;
    width: .125rem;
    background-color: #fff
}

.searchBox[_ngcontent-ceh-c3] {
    padding: 0 1.125rem;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, .3);
    margin-left: 2rem
}

.searchBox[_ngcontent-ceh-c3] .searchWrap[_ngcontent-ceh-c3] {
    background-color: #1f69c1;
    height: 3.5rem;
    width: 29.0625rem;
    border-radius: 3.5rem;
    position: relative;
    font-size: 1rem
}

.searchBox[_ngcontent-ceh-c3] .searchWrap[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3] {
    width: 100%;
    padding: .9375rem 1.5625rem;
    color: rgba(255, 255, 255, .5);
    height: 3.375rem;
    border-radius: 3.5rem;
    background-color: #1f69c1;
    border: 1px solid #1f69c1;
    font-size: 1.125em
}

.searchBox[_ngcontent-ceh-c3] .searchWrap[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3]::-webkit-input-placeholder {
    font-size: .875em;
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.searchBox[_ngcontent-ceh-c3] .searchWrap[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3]::-moz-placeholder {
    font-size: .875em;
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.searchBox[_ngcontent-ceh-c3] .searchWrap[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3]::-ms-input-placeholder {
    font-size: .875em;
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.searchBox[_ngcontent-ceh-c3] .searchWrap[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3]::placeholder {
    font-size: .875em;
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.searchBox[_ngcontent-ceh-c3] .searchWrap[_ngcontent-ceh-c3] .crm-icon[_ngcontent-ceh-c3] {
    color: #fff;
    position: absolute;
    right: 1.5625rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.375em;
    margin: 0;
    cursor: pointer
}

.actionBox[_ngcontent-ceh-c3] {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    height: 100%;
    font-size: 1rem
}

.actionBox[_ngcontent-ceh-c3] .actionItem[_ngcontent-ceh-c3] {
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    justify-content: center;
    height: 100%
}

.actionBox[_ngcontent-ceh-c3] .actionItem[_ngcontent-ceh-c3] .crm-add[_ngcontent-ceh-c3],
.actionBox[_ngcontent-ceh-c3] .actionItem[_ngcontent-ceh-c3] .crm-config[_ngcontent-ceh-c3] {
    color: #fff;
    font-size: 1.8em
}

.actionBox[_ngcontent-ceh-c3] .large-icon[_ngcontent-ceh-c3] {
    min-width: 6rem;
    line-height: 1
}

.actionBox[_ngcontent-ceh-c3] .small-icon[_ngcontent-ceh-c3] {
    min-width: 5rem;
    line-height: 1
}

.actionBox[_ngcontent-ceh-c3] .border-left[_ngcontent-ceh-c3] {
    border-left: 1px solid rgba(255, 255, 255, .3)
}

.userBox[_ngcontent-ceh-c3] {
    height: 100%;
    min-width: 6.25rem;
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    align-items: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.userBox[_ngcontent-ceh-c3] .avatar[_ngcontent-ceh-c3] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.875rem
}

.modalBox[_ngcontent-ceh-c3] {
    color: #2b3643
}

.modalBox.userType[_ngcontent-ceh-c3] .modalBody[_ngcontent-ceh-c3] {
    padding: 1.25rem .9375rem;
    background-color: #f0f0f0
}

.modalBox.userType[_ngcontent-ceh-c3] .userList[_ngcontent-ceh-c3] {
    background-color: #fff;
    font-size: 1rem
}

.modalBox.userType[_ngcontent-ceh-c3] .userList[_ngcontent-ceh-c3] .listHead[_ngcontent-ceh-c3] {
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    align-items: center;
    font-size: 1.125em;
    color: #4a90e2;
    padding: 1.25rem 2.5rem;
    border-bottom: 1px solid #e6e6e6
}

.modalBox.userType[_ngcontent-ceh-c3] .userList[_ngcontent-ceh-c3] .listHead[_ngcontent-ceh-c3] img[_ngcontent-ceh-c3] {
    height: 4.375rem;
    width: auto;
    margin-right: 1.5625rem
}

.modalBox.userType[_ngcontent-ceh-c3] .userList[_ngcontent-ceh-c3] .listBody[_ngcontent-ceh-c3] {
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    padding: 0 1.875rem
}

.modalBox.userType[_ngcontent-ceh-c3] .userList[_ngcontent-ceh-c3] .listBody[_ngcontent-ceh-c3] .userItem[_ngcontent-ceh-c3] {
    padding: 1.875rem 1.25rem;
    font-size: 1.125em;
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    align-items: center;
    -moz-justify-content: space-between;
    justify-content: space-between;
    cursor: pointer
}

.modalBox.userType[_ngcontent-ceh-c3] .userList[_ngcontent-ceh-c3] .listBody[_ngcontent-ceh-c3] .userItem[_ngcontent-ceh-c3]:not(:last-child) {
    border-bottom: 1px solid #e6e6e6
}

.modalBox.userType[_ngcontent-ceh-c3] .userList[_ngcontent-ceh-c3] .listBody[_ngcontent-ceh-c3] .userItem[_ngcontent-ceh-c3] .crm-icon[_ngcontent-ceh-c3] {
    color: #4a90e2
}

.logoutBlock[_ngcontent-ceh-c3] {
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    align-items: center;
    padding: .625rem
}

.logoutBlock[_ngcontent-ceh-c3] .avathar-block[_ngcontent-ceh-c3] {
    margin-right: 1.25rem
}

.logoutBlock[_ngcontent-ceh-c3] .nameBlock[_ngcontent-ceh-c3] {
    width: 100%;
    overflow: hidden
}

.logoutBlock[_ngcontent-ceh-c3] .nameBlock[_ngcontent-ceh-c3] p[_ngcontent-ceh-c3] {
    margin-bottom: .125rem;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.logoutBlock[_ngcontent-ceh-c3] .nameBlock[_ngcontent-ceh-c3] .mainHeader[_ngcontent-ceh-c3] {
    font-weight: 600;
    font-size: 1rem
}

.logoutBlock[_ngcontent-ceh-c3] .nameBlock[_ngcontent-ceh-c3] .subHeader[_ngcontent-ceh-c3] {
    font-size: .875rem;
    opacity: .5
}

.logoutBlock[_ngcontent-ceh-c3] .nameBlock[_ngcontent-ceh-c3] button[_ngcontent-ceh-c3] {
    margin-top: .9375rem;
    font-size: .875em;
    font-weight: 600;
    padding: .3125rem .625rem;
    float: right
}

.no-pointer[_ngcontent-ceh-c3] {
    cursor: default
}

.disabled[_ngcontent-ceh-c3] {
    color: #42413e;
    pointer-events: none;
    cursor: not-allowed !important
}

a[_ngcontent-ceh-c3] {
    text-align: center;
    font-size: 1.0625em;
    color: #fff
}

.dropdownBox1[_ngcontent-ceh-c3] {
    min-width: 4rem
}

li.drop-item.active[_ngcontent-ceh-c3] {
    color: #000
}

li.drop-item.active[_ngcontent-ceh-c3] .crm-icon.crm-clients[_ngcontent-ceh-c3] {
    color: #4a90e2 !important
}

li.drop-item.active[_ngcontent-ceh-c3]:hover {
    background-color: #4a90e2;
    color: #fff
}

li.drop-item.active[_ngcontent-ceh-c3]:hover .crm-icon.crm-clients[_ngcontent-ceh-c3] {
    color: #fff !important
}

.drop-label[_ngcontent-ceh-c3] {
    width: 14rem
}

.admin_height1[_ngcontent-ceh-c3] {
    margin-top: 16.5rem;
    margin-left: -10.9rem;
    min-width: 11rem
}

.admin_height2[_ngcontent-ceh-c3] {
    margin-top: 28.5rem;
    margin-left: -18.7rem;
    min-width: 11rem
}

.admin_height3[_ngcontent-ceh-c3] {
    min-width: 11rem
}

li.drop-item.active[_ngcontent-ceh-c3] .crm-icon.crm-contacts[_ngcontent-ceh-c3] {
    color: #4a90e2 !important
}

li.drop-item.active[_ngcontent-ceh-c3]:hover .crm-icon.crm-contacts[_ngcontent-ceh-c3] {
    color: #fff !important
}

li.drop-item.active[_ngcontent-ceh-c3] .crm-icon.crm-contact-journals[_ngcontent-ceh-c3] {
    color: #4a90e2 !important
}

li.drop-item.active[_ngcontent-ceh-c3]:hover .crm-icon.crm-contact-journals[_ngcontent-ceh-c3] {
    color: #fff !important
}

.ccl_style[_ngcontent-ceh-c3] {
    color: #fff;
    font-size: 1.5rem
}

.brand-box[_ngcontent-ceh-c3] {
    background-color: #171717;
    width: 88rem;
    border-radius: 0 50px 50px 0
}

.urllable_items[_ngcontent-ceh-c3] {
    font-size: .7em;
    word-wrap: break-word
}

li.drop-item.active[_ngcontent-hax-c5][_ngcontent-ceh-c3]:hover {
    background-color: #fff
}

.admin_height4[_ngcontent-ceh-c3] {
    margin-top: 25.5rem;
    margin-left: -11rem;
    min-width: 11rem
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] {
    height: 3.5rem;
    width: 36rem;
    border-radius: 3.5rem
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] .input-group-btn[_ngcontent-ceh-c3] {
    display: inline-block;
    margin: .55rem
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] .input-group-btn[_ngcontent-ceh-c3] select[_ngcontent-ceh-c3] {
    background: #1f69c1;
    color: #fff;
    height: 2.75rem;
    outline: 0;
    border: none;
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3] {
    width: 65%;
    height: 2.375rem;
    border-radius: 0;
    background-color: #454545;
    border: 1px solid #747474;
    font-size: 1.125em;
    padding: 12px;
    color: #e2eaf4
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] .lblexatmatch[_ngcontent-ceh-c3] {
    position: absolute;
    font-size: 11px;
    right: 2.6rem;
    top: .5rem;
    color: #fff
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] input[type=checkbox][_ngcontent-ceh-c3] {
    width: auto;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
    height: auto;
    color: #000;
    background: #fff
}

.checkmark[_ngcontent-ceh-c3] {
    position: absolute;
    top: 1;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee
}

.lblexatmatch[_ngcontent-ceh-c3]:hover input[_ngcontent-ceh-c3]~.checkmark[_ngcontent-ceh-c3] {
    background-color: #ccc
}

.lblexatmatch[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3]:checked~.checkmark[_ngcontent-ceh-c3] {
    background-color: #fff
}

.checkmark[_ngcontent-ceh-c3]:after {
    content: "";
    position: absolute;
    display: none
}

.lblexatmatch[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3]:checked~.checkmark[_ngcontent-ceh-c3]:after {
    display: block
}

.lblexatmatch[_ngcontent-ceh-c3] .checkmark[_ngcontent-ceh-c3]:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #165196;
    border-width: 0 2.5px 2.5px 0;
    transform: rotate(45deg)
}

.searchBox1[_ngcontent-ceh-c3] {
    padding: 2rem;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, .3);
    margin-left: 2rem;
    background-color: #05262b
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] {
    background-color: #2e2e2e;
    position: relative;
    font-size: 1rem
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3]::-webkit-input-placeholder {
    font-size: .875em;
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3]::-moz-placeholder {
    font-size: .875em;
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3]::-ms-input-placeholder {
    font-size: .875em;
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] input[_ngcontent-ceh-c3]::placeholder {
    font-size: .875em;
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.searchBox1[_ngcontent-ceh-c3] .searchWrap1[_ngcontent-ceh-c3] .crm-icon[_ngcontent-ceh-c3] {
    color: #fff;
    position: absolute;
    top: 1.3rem;
    float: right;
    right: .5rem;
    transform: translateY(-50%);
    font-size: 1.375em;
    margin: 0;
    cursor: pointer
}

.drop_menu[_ngcontent-ceh-c3] {
    top: .5rem;
    left: .5rem;
    height: 2.5rem
}

.drop_menu1[_ngcontent-ceh-c3] {
    top: .5rem;
    right: .5rem
}

.drop_menu[_ngcontent-ceh-c3] mat-form-field[_ngcontent-ceh-c3] {
    width: 6rem;
    height: 1px !important;
    background: #2069c1;
    color: #e2eaf4 !important;
    bottom: 1.5rem;
    border: none
}

.drop_menu mat-form-field .mat-select-value {
    color: #e2eaf4 !important
}

.drop_menu mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
    height: 0;
    display: none
}

mat-option[_ngcontent-ceh-c3] {
    background: #2e2e2e !important;
    color: #fff !important
}

mat-option[_ngcontent-ceh-c3]:hover {
    background: #747474 !important;
    color: #fff !important
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    color: #fff !important;
    background: #747474 !important
}

.input-auto[_ngcontent-ceh-c3] {
    right: -38%;
    background: #f5f5f5;
    left: 38%;
    overflow: hidden;
    padding: .65rem 0
}

.input-auto1[_ngcontent-ceh-c3] {
    overflow-x: hidden;
    overflow: scroll;
    height: 220px
}

.input-auto[_ngcontent-ceh-c3] ul[_ngcontent-ceh-c3] {
    background: #fff;
    padding: 0;
    margin: 0 3px 0 10px
}

.input-focus[_ngcontent-ceh-c3]:focus~.input-auto[_ngcontent-ceh-c3] {
    display: block
}

.input-auto[_ngcontent-ceh-c3] li[_ngcontent-ceh-c3] {
    padding: 10px 12px 15px 8px;
    border-bottom: 1px solid #eee;
    cursor: pointer
}

.input-auto[_ngcontent-ceh-c3]:after {
    width: 0;
    height: 0
}

.input-auto[_ngcontent-ceh-c3] .title[_ngcontent-ceh-c3] {
    color: #555;
    font-size: 15px
}

.input-auto[_ngcontent-ceh-c3] .sub[_ngcontent-ceh-c3] {
    font-size: 12px;
    color: #999
}

.input-auto[_ngcontent-ceh-c3] li[_ngcontent-ceh-c3]:hover {
    background: #399bff
}

.input-auto[_ngcontent-ceh-c3] li[_ngcontent-ceh-c3]:hover p[_ngcontent-ceh-c3] {
    color: #fff
}

.history[_ngcontent-ceh-c3] {
    float: right;
    border: 1px solid #4a90e2;
    padding: 1px 5px;
    font-size: 11px;
    border-radius: 4px;
    color: #4a90e2;
    position: relative
}

.input-auto[_ngcontent-ceh-c3] li[_ngcontent-ceh-c3]:hover p[_ngcontent-ceh-c3]>span[_ngcontent-ceh-c3] {
    color: #fff;
    border-color: #fff
}

.historyExact[_ngcontent-ceh-c3] {
    float: right;
    font-size: 10px !important;
    position: relative
}

.display-none[_ngcontent-ceh-c3] {
    display: none
}

[_ngcontent-ceh-c3]::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

[_ngcontent-ceh-c3]::-webkit-scrollbar-thumb {
    background: #9b9b9b !important;
    border-radius: 20px
}

.history-module-section[_ngcontent-ceh-c3] {
    align-items: flex-end;
    padding-left: 0;
    padding-right: 0
}

.chat-bot-box[_ngcontent-ceh-c3] {
    display: none;
    z-index: 2000
}

.chat-bot-box[_ngcontent-ceh-c3] .chat-bot-box-content[_ngcontent-ceh-c3] {
    min-width: 36rem !important;
    position: absolute;
    bottom: -200px;
    right: 5px;
    display: none;
    opacity: 0;
    transition: bottom .5s ease-in-out, opacity .5s ease-in-out .3s;
    transition-delay: .3s
}

.chat-bot-box.box-active[_ngcontent-ceh-c3] {
    display: block
}

.chat-bot-box.box-active[_ngcontent-ceh-c3] .chat-bot-box-content[_ngcontent-ceh-c3] {
    display: block !important;
    bottom: 5px !important;
    -webkit-animation: .5s ease-in-out slide-up;
    animation: .5s ease-in-out slide-up;
    transition-delay: .3s;
    opacity: 1
}

@-webkit-keyframes slide-up {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

.chat-bot-icon-container[_ngcontent-ceh-c3] {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 2000
}


body {
    font-size: 14px;
}

.btn.btn-icon .svg-icon svg+span {
    color: #B1F4DC;
    margin-top: 5px;
    font-size: 10px;
    font-weight: 400;
}

.searchblock {
    padding: 2px;
    background: #ffffff;
    border-radius: 4px;
    margin: 10px;
    position: relative;
}

.sumheader {
    background: #0C4048;
    padding: 5px;
    color: #fff;
}

.sumheader .accordion-icon,
.sumheader h3 {
    fill: #fff;
    color: #fff;
}

.ic-print {
    width: 50px;
    color: #B1F4DC;
    fill: #B1F4DC;
}

/* Fixed header table */
/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}

.fixedheader > tbody {
    display: block;
    height: 156px;
    overflow: auto;
}

.fixedheader thead,
.fixedheader tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.fixedheader tr:nth-child(odd) {
    background: #F9ECD8;
}

/* .table-striped-footer>tbody>tr:last-child {
    background-color: #E8E8E8 !important;
    --bs-table-accent-bg: #e8e8e8 !important;
} */

.table td,
.table th {
    height: auto !important;
    padding: 5px;
    min-width: 50px;
}

.table tr {
    height: auto !important;
}

.fixedheader th {
    background: #05262B;
    color: #B1F4DC;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
}

.fixedheader .brdright {
    border-right: 1px solid #B1F4DC;
}

.fixedheader .brdleft {
    border-left: 1px solid #B1F4DC;
}

.fixedheader .brdtop {
    border-top: 1px solid #B1F4DC;
}

.fixedheader .brdbtm {
    border-bottom: 1px solid #b1f4dc;
}

.fixedheader .sectionbrdleft {
    border-left: 1px solid #454545;
}

.bgpurple {
    --bs-table-accent-bg: #E7D4F1;
}

.bgcrm {
    --bs-table-accent-bg: #E3D9C7;
}

.bgblue {
    --bs-table-accent-bg: #9DDCFF;
}

.metaldrop {
    border-radius: 0px;
}

/* Fixed header table ends  */

.metaldrop {
    background: #E8E8E8;
    padding: 10px;
    border-radius: 0px;
}

.metaldrop .menu-sub {
    border-radius: 0px;

}

.metaldrop .menu-sub .menu-item {
    border-bottom: 1px solid #B9B9B9;
}

.metaldrop .menu-sub .menu-item .menu-link {
    color: #454545;
}

.metaldrop .menu-sub .menu-item .menu-link .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #a2a2a2;
    color: #fff;
}

.metaldrop .menu-sub .menu-item .menu-link:hover {
    background: #05262B;
    color: #fff;
}

.metaldrop .menu-sub .menu-item .menu-link:hover .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #ffffff;
    color: #fff;
}

.side_column .tagline_img {
    position: absolute;
    right: -25px;
    top: 0;
    height: 100%;
    background-color: #eff4f8;
    padding-left: 3px;
}

.side_column .tagline_img img[_ngcontent-red-c9] {
    transform: translateY(25%);
}

.form-floating>label {
    padding: 5px 5px 0px 5px;
    color: #b9b9b9;
    font-size: 12px;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: auto;
    line-height: 1.25;
    font-size: 14px;
    font-weight: 400;
    padding: 5px;

}

.mandate::before {
    content: "";
    width: 3px;
    background-color: #D44212;
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    height: 18px;
    border-radius: 0px 4px 4px 0px;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 1;
    transform: scale(.85) translateY(-1rem) translateX(1rem);
    background: #fff;
    font-size: 12px;
    color: #454545;
}

#kt_activities_header h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1A6566 !important;
    text-transform: uppercase;
}

.contactform {
    margin: 15px;
    background: #fff;
    margin-top: 0px;
}

.updateClientForm {
    margin: 15px;
    background: #fff;
    margin-top: 0px;
}

.bgslide {
    background: #E8E8E8 !important;
}


.form-switch .form-check-input::before {
    width: 18px;
    border-radius: 50%;
    height: 18px;
    background: #A2A2A2;
    display: inline-block;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
}

.form-switch .form-check-input:checked::before {
    left: 20px;
    background: #B1F4DC;
}

.form-switch.form-check-solid .form-check-input,
.form-check.form-check-solid .form-check-input:active,
.form-check.form-check-solid .form-check-input:focus,
.form-check.form-check-solid .form-check-input:checked:focus {
    /*background: #E8E8E8;*/
    position: relative;
}

.form-switch .form-check-input:checked {
    background-image: none !important;
    position: relative;
    background: #0C4048;
}

.actionbtn {
    display: flex;
    justify-content: space-evenly;
}

.form-switch.form-check-solid .form-check-input {
    height: 2rem;
}

table {
    font-size: 12px;
}

.w-70px {
    width: 70px !important;
}

.mb-30 {
    margin-bottom: -30px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.w-75px {
    width: 75px !important;
}

.w-155px {
    width: 155px !important;
}

.w-121px {
    width: 121px !important;
}

.w-109px {
    width: 109px !important;
}

.w-145px {
    width: 145px !important;
}

.w-214px {
    width: 214px !important;
}

.w-185px {
    width: 185px !important;
}

.contactlistbl > tbody {
    height: 60vh;
}

.contactlistbl td {
    vertical-align: middle;
}

.contactlistbl td .actionbtn i {
    font-size: 14px;
    color: #747474;
}

.starfill {
    color: #178888 !important;
}

.heartfill {
    color: #913DBF !important;
}

.editactive {
    color: #0AA7FF !important;
}

.nav-line-tabs .nav-item .nav-link {
    color: #747474;
    border: 0;
    border-bottom: 1px solid #05262B;
    transition: color .2s ease, background-color .2s ease;
    padding: 10px 8px;
    margin: 0;
    border-radius: 0px;
    background: #FBF4E8;
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(12, 78, 86, 1) 0%, rgba(5, 38, 43, 1) 100%);
    border: 0;
    color: #B1F4DC;
    border-bottom: 1px solid #05262B;
    transition: color .2s ease, background-color .2s ease;
}

.nav-line-tabs {
    border-bottom: none;
    justify-content: center;
}

.addinfo h2.accordion-header button.accordion-button {
    background: rgb(12, 64, 72);
    color: #fff;
    padding: 10px;
    border-radius: 0px !important;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.66px;
    font-weight: 500;
}

.addinfo .accordion-button:not(.collapsed) {
    color: rgb(12, 64, 72);
}

.addinfo .accordion-body {
    padding: 10px;
}

.additioalinfoblock .blockttl {
    position: relative;
    margin: 10px 0px;
    background: #fff;
}

.additioalinfoblock .blockttl span {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 5px 0px;
    font-size: 16px;
    font-weight: 700;
}

.additioalinfoblock .blockttl::before {
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    left: 0;
    border-bottom: 1px solid rgb(216, 216, 216);
    width: 100%;
}

.btnsearchblock {
    width: 25px;
    height: 25px;
    background: rgb(10, 167, 255);
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    margin-left: 15px;
    box-shadow: 0px 0px 5px #ccc;
}

.btnsearchblock i {
    color: #fff;
}

.contactlisttl {
    position: relative;
    top: 10px;
}

.dociconblock {
    display: flex;
    float: right;
    position: relative;
    top: 5px;
}

.dociconblock i {
    font-size: 18px;
}

.dociconblock a {
    display: inline-block;
    margin: 0px 5px;
}

.dociconblock a:last-child {
    margin-right: 0px;
}

.dociconblock a.printicon i {
    color: rgb(10, 167, 255);
}

.dociconblock a.pdficon i {
    color: rgb(237, 22, 22);
}

.dociconblock a.excelicon i {
    color: rgb(0, 198, 88);
}

.dociconblock a.mailicon i {
    color: rgb(10, 167, 255);
}

.title {
    color: #454545;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: left;
    text-transform: uppercase;
}

.mantextarea::before {
    content: "";
    width: 4px;
    background-color: #D44212;
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    height: 70px;
    border-radius: 0px 4px 4px 0px;
}

.radioWrapInner label {
    vertical-align: text-bottom;
    padding-left: 10px;
}

.aside-menu .menu-item .menu-icon {
    justify-content: center;
}

.aside-menu .menu-item .menu-link {
    padding-top: 15px;
    padding-bottom: 15px;
}

.advance_search {
    top: 65px !important;
}

.advance_search.drawer-on {
    top: 65px;
    left: 75px !important;
}

.advance_search .card-header {
    background-color: #fff !important;
    border: none;
}

.contactinfo {
    border-radius: 0px;
    position: relative;
    top: -15px;
}

.contactinfo .card-header {
    background-color: #fff !important;
}

.contactinfo .btnfilter {
    margin-right: 15px;
    position: relative;
    top: 10px;
}

.contactinfo .btnsearch {
    position: absolute;
    right: 15px;
    top: 10px;
}

.contsearch {
    position: relative;
}

.contsearch i {
    font-size: 16px;
    color: #178888;
}

.contlist {
    max-height: 85vh;
    overflow-y: auto;
}

.contlist ul {
    margin: 0px;
    padding: 0px;
}

.contlist ul li {
    list-style: none;
    padding: 6px 15px;
}

.contlist ul li:hover {
    background: #1A6566;
    cursor: pointer;
    color: #fff;
}

.contlist ul li .cntname {
    font-size: 16px;
    font-weight: 700;
    color: #2E2E2E;
}

.contlist ul li .desg {
    font-size: 12px;
    font-weight: 400;
    color: #171717;
}

.contlist ul li .city {
    font-size: 12px;
    color: #747474;
}

.contlist ul li:hover .cntname,
.contlist ul li:hover .desg,
.contlist ul li:hover .city {
    color: #fff;
}

.float-right {
    float: right !important;
}

.pl-0 {
    padding-left: 0px;
}

.contoverview .card-header {
    background-color: #fff;
    min-height: 40px;
    border: none;
}

.contoverview .card-header h3 {
    font-size: 16px;
    font-weight: 700 !important;
    color: #454545;
}

.btnedit {
    padding: 0px 10px;
    min-width: 100px;
    text-align: center;
}

.contoverview .card-body {
    box-shadow: -19px 56px 20px -81px rgba(0, 0, 0, 0.45),
        0px -13px 20px -20px rgba(0, 0, 0, 0.45);
}

.ft10 {
    font-size: 10px;
    margin-bottom: 0px;
}

.ft10 i {
    color: red;
    font-size: 10px;
    margin-right: 5px;
}

.ft10+input {
    padding: 0px;
    font-size: 14px;
}


/* Style for the expanded state */
.aside-expanded {
    width: 12% !important;
    transition: width 0.5s ease; 

}

/* Style for the collapsed state */
.aside-collapsed {
    width: 4% !important;
    transition: width 0.5s ease; 
}


.content-collapsed{
    margin-left:7%;
    transition: margin-left 0.5s ease;

}

.content-expanded{
    margin-left: 0;
    transition: margin-left 0.5s ease;

}

.header-collapsed{
    margin-left:7% !important;
    transition: margin-left 0.5s ease;

}

.header-expanded{
    margin-left: 0;
    transition: margin-left 0.5s ease;

}

.selbtnttl {
    font-size:14px !important;
    font-weight:400 !important;
}

.brdleft { border-left: 1px solid rgb(216, 216, 216)!important;}