@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');





@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    outline: none !important;
}

    a:hover {
        color: #03002F;
    }

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--bodyCol);
}

a, img, .logo, .smalln, #header, .btn, .btn::after, button, .filterBox, .comNamMainBox, .companyName {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

    a:hover {
        text-decoration: none
    }

.container {
    max-width: 1140px;
}

.wapper {
    width: 100%;
    overflow: hidden;
    padding-bottom: 50px
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

a, a:hover {
    text-decoration: none;
}

p {
    margin-bottom: inherit;
}

.FR {
    float: right;
}

.text-right {
    text-align: right;
}

.pl0 {
    padding-left: 0 !important;
}

.pt10 {
    padding-top: 10px;
}

.mt0 {
    margin-top: 0 !important;
}

.mt30 {
    margin-top: 30px;
}

.mt-2px {
    margin-top: -2px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt90 {
    margin-top: 90px;
}

.mt120 {
    margin-top: 120px;
}

.mt160 {
    margin-top: 160px;
}

.mt180 {
    margin-top: 180px;
}

.pl0 {
    padding-left: 0 !Important;
}


:root {
    --bodyCol: #222222;
    --colGreenVal: #4D8695;
    --colGryVal: #C4C1BD;
    --colwhiteVal: #ffffff;
    --colGryVal2: #8D8D8D;
}


input:focus {
    box-shadow: none !important;
}

.selectBox-dropdown-menu {
    z-index: 99;
}

.addressBook1::-webkit-scrollbar-track,
.conLeft::-webkit-scrollbar-track,
.ms-options::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #D19C1F;
    border-radius: 0;
    background-color: #F5F5F5;
}

.addressBook1::-webkit-scrollbar,
.conLeft::-webkit-scrollbar,
.ms-options::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.addressBook1::-webkit-scrollbar-thumb,
.conLeft::-webkit-scrollbar-thumb,
.ms-options::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 2px #D19C1F;
    background-color: #555;
}




h2 {
    font-size: 18px;
    font-weight: 600;
    color: #211908;
    padding-bottom: 29px;
}

h3 {
    font-size: 18px;
    font-weight: 800;
    color: var(--bodyCol);
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 8px;
}

    h3 .plusLinkBtn {
        content: '';
        width: 22px;
        height: 22px;
        border-radius: 11px;
        display: inline-block;
        border: 1px solid #D19C1F;
        background: #D19C1F url(../images/ic_plus2.svg) center center no-repeat;
        margin-left: 10px;
    }

        h3 .plusLinkBtn:hover {
            background: #5D574B url(../images/ic_plus2.svg) center center no-repeat;
            border: 1px solid #5D574B;
        }


.menuBox {
    width: 220px;
    height: 100vh;
    background: var(--colwhiteVal);
    box-shadow: 1px 0px 5px #E6DECA4D;
    padding: 20px 0;
    padding-bottom: 0;
    position: fixed;
    z-index: 99;
    top: 0;
}
.logo {
    width: 90px;
    height: 35px;
    margin: auto;
    margin-bottom: 15px;
}

.menuBox h4 {
    font-size: 12px;
    color: var(--colGryVal);
    padding-left: 20px;
    margin-top: 40px;
    padding-bottom: 10px;
}


nav {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.menuList li a {
    font-size: 10px;
    padding: 7px 0 8px 7px;
    color: #5D574B;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0;
    border-radius: 5px;
}

nav {
    z-index: 99;
}

.dropArrowMain span.arrowImg {
    content: '';
    width: 5px;
    height: 8px;
    display: block;
    background: url(../images/ic_arrow1.svg) no-repeat;
    margin-right: 10px;
    transition: all .3s;
    position: relative;
    z-index: 1;
}

.nav-menu > ul > li a.dropArrowMain:hover span.arrowImg {
    background: url(../images/ic_arrow2.svg) no-repeat;
}

.nav-menu > ul > li.active a.dropArrowMain span.arrowImg {
    background: url(../images/ic_arrow4.svg) no-repeat;
}
.nav-menu > ul {
    align-items: center;
    height: 80%
}

    .nav-menu > ul > li {
        position: relative;
        display: flex;
        height: 70%;
        align-items: center;
        margin-bottom: -3px;
        padding: 0 15px;
    }
.nav-menu a {
    display: inline-block;
    position: relative;
    color: var(--colwhiteVal);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    line-height: 18px;
    padding: 16px 20px;
}

.nav-menu > ul > li.active > a {
    border-radius: 5px;
}

.nav-menu > ul > li b {
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

    .nav-menu > ul > li b.menuDash {
        background: url(../images/ic_darshboard.svg) no-repeat center center;
    }

.nav-menu > ul > li:hover a b.menuDash {
    background: url(../images/ic_darshboard_hover.svg) no-repeat center center;
}

.nav-menu > ul > li.active a b.menuDash {
    background: url(../images/ic_darshboard_active.svg) no-repeat center center;
}


.nav-menu > ul > li b.menuCrm {
    background: url(../images/ic_crm.svg) no-repeat center center;
}

.nav-menu > ul > li:hover a b.menuCrm {
    background: url(../images/ic_crm_hover.svg) no-repeat center center;
}

.nav-menu > ul > li.active a b.menuCrm {
    background: url(../images/ic_crm_active.svg) no-repeat center center;
}

.nav-menu > ul > li b.menuDist {
    background: url(../images/ic_distribution.svg) no-repeat center center;
}

.nav-menu > ul > li:hover a b.menuDist {
    background: url(../images/ic_distribution_hover.svg) no-repeat center center;
}

.nav-menu > ul > li.active a b.menuDist {
    background: url(../images/ic_distribution_active.svg) no-repeat center center;
}

.nav-menu > ul > li b.menuSche {
    background: url(../images/ic_scheduler.svg) no-repeat center center;
}

.nav-menu > ul > li:hover a b.menuSche {
    background: url(../images/ic_scheduler_hover.svg) no-repeat center center;
}

.nav-menu > ul > li.active a b.menuSche {
    background: url(../images/ic_scheduler_active.svg) no-repeat center center;
}

.nav-menu > ul > li b.menuRep {
    background: url(../images/ic_reports.svg) no-repeat center center;
}

.nav-menu > ul > li:hover a b.menuRep {
    background: url(../images/ic_reports_hover.svg) no-repeat center center;
}

.nav-menu > ul > li.active a b.menuRep {
    background: url(../images/ic_reports_active.svg) no-repeat center center;
}

.nav-menu > ul > li b.menuAdd {
    background: url(../images/ic_addressBook.svg) no-repeat center center;
}

.nav-menu > ul > li:hover a b.menuAdd {
    background: url(../images/ic_addressBook_hover.svg) no-repeat center center;
}

.nav-menu > ul > li.active a b.menuAdd {
    background: url(../images/ic_addressBook_active.svg) no-repeat center center;
}

.nav-menu > ul > li b.menuSetting {
    background: url(../images/ic_setting.svg) no-repeat center center;
}

.nav-menu > ul > li:hover a b.menuSetting {
    background: url(../images/ic_setting_hover.svg) no-repeat center center;
}

.nav-menu > ul > li.active a b.menuSetting {
    background: url(../images/ic_setting_active.svg) no-repeat center center;
}


.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu active > a:before {
    visibility: visible;
    width: 100%;
}

.nav-menu li:hover a {
    color: #D19C1F;
}

.nav-menu li.active:hover a {
    color: var(--colwhiteVal);
}

.nav-menu li.active:hover li a {
    color: #5D574B;
}

.nav-menu .active > a {
    color: var(--colwhiteVal);
    background: #D19C1F;
}

.nav-menu .drop-down ul {
    display: block;
    position: absolute;
    right: -201px;
    top: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 5px 0;
    box-shadow: 4px 4px 14px #E2D7BD99;
    background-color: var(--colwhiteVal);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 200px;
    box-shadow: 7px 7px 15px #0000001A;
    padding: 10px 0;
    border-radius: 5px;
    padding: 17px 20px;
}

.nav-menu .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    visibility: visible;
}

.nav-menu .drop-down li {
    width: 100%;
    position: relative;
}

.nav-menu .drop-down ul a {
    position: relative;
    padding: 9px 15px;
    text-transform: none;
    color: #5D574B;
    margin: 0;
    display: flex;
    font-size: 13px;
    font-weight: normal !important;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
}

    .nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
        color: #D19C1F;
        background: #FCFBF9;
    }

.nav-menu li.drop-down li.drop-down > a {
    background: url(../images/ic_arrow1.svg) no-repeat 95% center;
}

    .nav-menu li.drop-down li.drop-down > a:hover {
        background: #E6EFFF url(../images/ic_arrow1.svg) no-repeat 95% center;
        color: #007AFF;
    }

.linkTxt {
    position: relative;
    z-index: 2;
    width: calc(100% - 20px);
    font-weight: 500;
}


.nav-menu .drop-down ul a.companyProLink { /*position: absolute; top: -40px; */
    margin-bottom: 10px;
}


.nav-menu .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
}

.nav-menu .drop-down .drop-down > a {
    padding-right: 35px;
}

.nav-menu .drop-down ul li ul li > a:hover {
    background: transparent;
}


.proBoxFot {
    border-top: solid 1px rgba(196, 193, 189, .2);
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
    padding: 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 20px;
}

    .proBoxFot .proBoxFotTxt {
        width: 100%;
    }

    .proBoxFot img {
        background: red;
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }

.proBoxFotTxt span {
    font-size: 13px;
    color: #211908;
    font-weight: bold;
}

.proBoxFot a {
    padding: 0;
    color: var(--colGryVal);
    font-size: 11px;
    font-weight: 500;
}

    .proBoxFot a:hover {
        color: #D19C1F;
    }

.menuList .proBoxFot .proBoxFotTxt span {
    width: auto;
    line-height: 1.1;
}

.menuList .proBoxFot .proBoxFotTxt li a {
    padding-left: 0;
    padding-right: 0;
}

    .menuList .proBoxFot .proBoxFotTxt li a.dropArrowMain:hover span {
        color: #D19C1F;
    }

    .menuList .proBoxFot .proBoxFotTxt li a b {
        font-weight: normal;
        color: var(--colGryVal);
        font-size: 11px;
    }

.nav-menu .proBoxFot .drop-down:hover > ul {
    top: auto;
    bottom: 10px;
}

.quickMenu {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
}

.plusLink {
    width: 50px;
    height: 50px;
    background: #D19C1F url(../images/ic_plus.svg) no-repeat center center;
    box-shadow: 0px 2px 6px #D19C1F99;
    border-radius: 25px;
    transition: initial;
    display: block;
    z-index: 100;
    position: relative;
}

    .plusLink:hover {
        background: #F96909 url(../images/ic_plus.svg) no-repeat center center
    }

    .plusLink.show {
        background: #F96909 url(../images/ic_close.svg) no-repeat center center;
        box-shadow: 0px 2px 6px #D19C1F99;
    }

.quickMenu {
}

.quickMenuLinks {
    width: 200px;
    box-shadow: 4px 4px 14px #E2D7BD99;
    background: var(--colwhiteVal);
    border-radius: 5px;
    position: absolute;
    right: 0;
    padding: 17px 20px;
    display: none;
    margin-bottom: -30px !Important;
}

    .quickMenuLinks a {
        display: block;
        color: #5D574B;
        padding: 9px 15px;
    }

        .quickMenuLinks a:hover {
            background: #FCFBF9;
            color: #D19C1F;
        }

.container {
    max-width: initial;
    width: 100%;
    padding: 0;
    padding-left: 220px;
}

.containerIn {
    display: flex;
    width: 100%;
}

.conLeft {
    width: 440px;
    background: #D19C1F26;
    padding: 20px 30px;
    height: 100vh;
    overflow: auto;
    position: fixed;
    overflow: auto;
}

    .conLeft::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px #D19C1F;
        border-radius: 0;
        background-color: #F5F5F5;
    }

    .conLeft::-webkit-scrollbar {
        width: 3px;
        background-color: #F5F5F5;
    }

    .conLeft::-webkit-scrollbar-thumb {
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 2px #D19C1F;
        background-color: #555;
    }



.conRight {
    background: var(--colwhiteVal);
    width: 100%;
    box-shadow: -1px 0px 2px #E6DECA4D;
    padding-left: 470px !important
}

.txtLable {
    font-size: 12px;
    color: var(--colGryVal2);
    font-weight: 500;
    padding-bottom: 4px;
}

.listBox1 {
    box-shadow: 0px 1px 1px #EFE6D1CC;
    background: var(--colwhiteVal);
    border-radius: 5px;
    padding: 14px 20px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}

    .listBox1:hover {
        box-shadow: 0px 1px 10px #D6CBB2;
    }

.listBoxTxt {
    padding-left: 10px;
    display: flex; /*justify-content: space-between;*/
    font-size: 12px;
    width: 100%;
    font-weight: 500;
    gap: 5px
}

    .listBoxTxt.justify-content {
        justify-content: space-between;
    }

.listBoxTxtHead {
    font-size: 14px;
    color: var(--colGreenVal);
    font-weight: 600;
    padding-bottom: 8px;
    display: block;
}

.listBoxTxtHead2 {
    padding-bottom: 8px;
    font-size: 14px;
    color: #211908;
    font-weight: 500;
}

.listBoxTxtHead3 {
    color: var(--bodyCol);
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 8px;
    display: block;
}

.listBoxTxtRight {
    text-align: right;
}

.listBoxTxt1 {
    color: #5D574B;
    font-weight: 500;
}

.listBoxTxt2 {
    color: var(--colGryVal);
}

.listBoxTxt3 {
    color: var(--colGryVal2);
}

.listBoxTxt4 {
    color: var(--colGryVal);
}

.listBoxTxt5 {
    color: var(--colGreenVal);
}


.btnViewAll {
    color: #5D574B;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

    .btnViewAll:after {
        content: '';
        width: 5px;
        height: 9px;
        display: inline-flex;
        background: url(../images/ic_arrow3.svg) no-repeat;
        margin-left: 10px;
    }

    .btnViewAll:hover {
        color: #D19C1F;
    }

.listBox2 {
    position: relative;
    justify-content: space-between;
    align-items: center;
}

    .listBox2:before {
        content: '';
        width: 4px;
        height: 100%;
        position: absolute;
        left: 0;
        background: #D1861F;
        top: 0;
        border-radius: 5px 0 0 5px;
    }




.listBoxGreen:before {
    background: #1FD18C;
}

.listBoxGreen .btnOpen {
    color: #1FD18C;
}

.btnOpen {
    color: #D1861F;
    font-size: 14px;
    font-weight: 500;
}

.divLine1 {
    width: 1px;
    height: 10px;
    color: #AB9F9F;
    background: var(--colGryVal);
    display: inline-block;
    margin: 0 8px;
    position: relative;
    top: 2px;
}

.conRight {
    padding: 30px;
}

.tabsTop {
    background: #EDF3F4;
    height: 66px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

    .tabsTop a {
        display: flex;
        flex-direction: column;
        width: 12.5%;
        position: relative;
        margin-right: 20px;
    }

        .tabsTop a:after {
            content: '';
            width: 1px;
            height: 38px;
            background: #D3DADB;
            position: absolute;
            right: 0;
        }

        .tabsTop a:hover strong,
        .tabsTop a:hover span {
            color: #D19C1F;
        }


    .tabsTop strong {
        font-size: 22px;
        color: #5D574B;
        font-weight: bold;
        display: block;
        padding-bottom: 3px;
    }

    .tabsTop span {
        color: rgba(93, 87, 75,.7);
        font-size: 11px;
        font-weight: 500;
    }

    .tabsTop a.tabsTopActive {
        background: #D19C1F;
        display: block;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: var(--colwhiteVal);
        font-weight: normal;
        margin-left: 0;
    }

        .tabsTop a.tabsTopActive:after {
            display: none;
        }

        .tabsTop a.tabsTopActive img {
            margin-bottom: 6px;
        }

        .tabsTop a.tabsTopActive span {
            color: var(--colwhiteVal);
            font-weight: 600;
        }

    .tabsTop a.tabsSearch {
        width: 56px;
        height: 56px;
        background: #F6F8F8 url(../images/ic_search.svg) no-repeat center center;
        border: 1px solid #DFEEF1;
        border-radius: 8px;
        margin-right: 5px;
        font-weight: 500;
    }

    .tabsTop a:nth-last-child(2):after {
        display: none;
    }

    .tabsTop a.tabsSearch:after {
        display: none;
    }


.commonBox {
    box-shadow: 0px 0px 15px #E4DDCC66;
    background: var(--colwhiteVal);
    border-radius: 5px;
    padding: 20px 20px;
    margin-bottom: 5px;
    border: 1px solid #F8F0DD;
    margin-bottom: 30px;
}

.commonBox2 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

    .commonBox2 .commonHeader {
        padding-left: 20px;
        padding-right: 20px;
    }

.commonHeader {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.divLine2 {
    height: 2px;
    width: 100%;
    background: #F3F0E8;
    margin-top: 8px;
}


.smTabs {
    display: flex;
    position: relative;
}

    .smTabs a {
        color: #5D574B;
        width: 50px;
        height: 28px;
        border: solid 1px var(--colwhiteVal);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
    }

        .smTabs a.active,
        .smTabs a:hover {
            color: #D19C1F;
            border: solid 1px #D19C1F;
        }

.chatBoxTab {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}

.chartBox {
    position: relative;
}

    .chartBox img {
        width: 100%;
        height: auto;
    }

.chartIcons {
    color: #5D574B;
    font-size: 12px;
    font-weight: 500;
}

    .chartIcons span {
        position: relative;
        padding-right: 10px;
    }

        .chartIcons span:before {
            content: '';
            width: 10px;
            height: 10px;
            border-radius: 10px;
            margin-right: 10px;
            background: red;
            display: inline-flex;
        }

.chatBoxTab2 {
    justify-content: flex-start;
    align-items: center;
    gap: 10px
}

    .chatBoxTab2 h3 {
        padding-bottom: 0;
    }

.chartIcons span.chartIcons1:before {
    background: #F6EBD2;
}

.chartIcons span.chartIcons2:before {
    background: #BF4141;
}

.chartIcons span.chartIcons3:before {
    background: var(--colGreenVal);
}

.chartIcons span.chartIcons4:before {
    background: #F2A649;
}

.tabsBoxIn .nav-tabs {
    border: 0;
    background: var(--colwhiteVal);
    border-radius: 30px;
    height: 28px;
}

.tabsBoxIn .nav-link {
    color: #5D574B;
    height: 28px;
    padding: 0;
    width: 80px;
    font-size: 14px;
    font-weight: 500;
    transition: initial;
}

.tabsBoxIn .nav-tabs .nav-link.active,
.tabsBoxIn .nav-tabs .nav-link:hover {
    border: solid 1px #D19C1F;
    color: #D19C1F;
    isolation: isolate;
    border-radius: 20px;
}


.reportList .listBox1 {
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    border: 0;
    box-shadow: none;
}

.listBoxRepIn {
    display: flex;
    gap: 15px
}

.reportList li:nth-child(odd) {
}

.reportList li:nth-child(even) .listBox1 {
    background: #FDF9F1;
}

.socIcons {
    display: flex;
}

    .socIcons a {
        margin: 0 7px;
        width: 22px;
        height: 22px;
        background: url(../images/ic_phone.svg) no-repeat center center;
        display: block;
    }

        .socIcons a.socPhone:hover {
            background: url(../images/ic_phone_hover.svg) no-repeat center center;
        }

        .socIcons a.socMess {
            background: url(../images/ic_message.svg);
        }

            .socIcons a.socMess:hover {
                background: url(../images/ic_message_hover.svg);
            }

        .socIcons a.socWhats {
            background: url(../images/ic_whatapp.svg);
        }

            .socIcons a.socWhats:hover {
                background: url(../images/ic_whatapp_hover.svg);
            }

        .socIcons a.ic_eye {
            background: url(../images/ic_eye.svg);
        }

            .socIcons a.ic_eye:hover {
                background: url(../images/ic_eye_hover.svg);
            }

        .socIcons a.ic_edit {
            background: url(../images/ic_edit.svg);
        }

            .socIcons a.ic_edit:hover {
                background: url(../images/ic_edit_hover.svg);
            }

        .socIcons a.ic_edit2 {
            background: url(../images/ic_edit.svg);
        }

            .socIcons a.ic_edit2:hover {
                background: url(../images/ic_edit_hover.svg);
            }

        .socIcons a.ic_del {
            background: url(../images/ic_del.svg);
        }

            .socIcons a.ic_del:hover {
                background: url(../images/ic_del_hover.svg);
            }

        .socIcons a.socLind {
            width: 14px;
            height: 14px;
            background: url(../images/ic_lin.svg) no-repeat;
        }

            .socIcons a.socLind:hover {
                background: url(../images/ic_lin_hover.svg);
            }

        .socIcons a.socTw {
            width: 14px;
            height: 14px;
            background: url(../images/ic_tw.svg) no-repeat;
        }

            .socIcons a.socTw:hover {
                background: url(../images/ic_tw_hover.svg);
            }




.chartPup {
    box-shadow: 0px 3px 15px #5D574B33;
    min-width: 177px;
    background: var(--colwhiteVal);
    padding: 11px 20px 0;
    position: absolute;
    border-radius: 5px;
}

    .chartPup .chartIcons .chartPupTxt {
        display: flex;
        justify-content: space-between;
        padding-bottom: 11px;
        gap: 20px
    }

        .chartPup .chartIcons .chartPupTxt strong {
            font-weight: 600;
            font-size: 14px;
        }

        .chartPup .chartIcons .chartPupTxt span {
            padding-right: 0;
        }

            .chartPup .chartIcons .chartPupTxt span:nth-child(2):before {
                display: none;
                padding-right: 0;
            }

    .chartPup .chartIcons span:before {
        width: 8px;
        height: 8px;
    }

.innerHeader {
    background: #F8F0DD;
    box-shadow: 0px 1px 0px #F3E7CA;
    height: 80px;
    border-left: solid 5px #D19C1F;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
}

    .innerHeader h2 {
        font-size: 26px;
        font-weight: 800;
    }

.innerHeaderR {
    display: flex;
    align-items: center;
}

.headerSearch {
    position: relative;
    border-left: solid 1px #AB9F9F;
    padding-left: 15px;
    margin-left: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .headerSearch input {
        border: 0;
        background: 0;
        width: 210px;
        padding-left: 10px;
    }

    .headerSearch .searchClose {
        position: absolute;
        right: 20px;
        display: none;
        cursor: pointer;
    }


.innerHeaderR .dropdown-menu {
    margin-top: -18px !Important;
}

.dropdown-toggle::after {
    display: none;
}


/* DivTable.com */
.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    display: table-header-group;
}

.divTableCell, .divTableHead {
    display: table-cell;
    padding: 3px 10px;
    vertical-align: middle;
    padding: 18px 0;
    font-weight: 500;
}

.divTableHeading {
    display: table-header-group;
    font-size: 12px;
    font-weight: 500;
}

.divTableBody {
    display: table-row-group;
}

.table1 .divTableCell:first-child {
    width: 15%;
    padding-left: 25px;
}

.table1 .divTableCell:nth-child(2) {
    width: 33%;
}

.table1 .divTableCell:nth-child(3) {
    width: 20%;
}

.table1 .divTableCell:nth-child(4) {
    width: 20%;
}

.table1 .divTableCell:nth-child(5) {
    width: 12%;
    padding-right: 25px;
}

.divTable {
    box-shadow: 0px 0px 10px #E4DDCC4D;
    background: var(--colwhiteVal);
    border: 1px solid #F8F0DD;
    border-radius: 8px;
    margin-bottom: 5px;
}

    .divTable strong {
        font-weight: 600;
    }

.divTableHeadTxt {
    box-shadow: none;
    border: 0;
    padding-top: 0;
}

    .divTableHeadTxt .divTableCell {
        padding-top: 0;
        padding-bottom: 5px;
    }

.colGry {
    color: var(--colGryVal2);
}

.conIn {
    padding: 20px 30px;
}

.conInScroll {
    overflow: auto;
}

.pagination {
    padding-top: 8px;
}

.page-link {
    width: 32px;
    height: 32px;
    border: 1px solid var(--colGryVal);
    background: var(--colwhiteVal);
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5D574B;
    margin-right: 5px;
}


    .active > .page-link, .page-link.active, .page-link:hover {
        background: #D19C1F;
        color: var(--colwhiteVal);
        border: solid 1px #D19C1F;
    }

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    font-size: 0;
    border-radius: 20px;
    background: #5D574B url(../images/ic_arrow6.svg) no-repeat center center;
    border: solid 1px #5D574B;
}

.page-item.disabled .page-link {
}

.page-item:first-child.disabled .page-link,
.page-item:last-child.disabled .page-link {
    background: #F9F8F4 url(../images/ic_arrow7.svg) no-repeat center center;
    border: solid 1px var(--colwhiteVal);
}

.page-item:last-child.disabled .page-link,
.page-item:last-child.disabled .page-link {
    transform: rotate(180deg);
}

.dropdown-menu {
    z-index: 99;
    background-color: var(--colwhiteVal);
    width: 200px;
    box-shadow: 7px 7px 15px #0000001A;
    border-radius: 5px;
    padding: 17px 20px;
    font-size: 12px;
    border: 0;
}

    .dropdown-menu .dropdown-item {
        position: relative;
        padding: 9px 15px;
        text-transform: none;
        color: #5D574B;
        margin: 0;
        display: flex;
        font-size: 13px;
        font-weight: normal !important;
        align-items: center;
        justify-content: flex-start;
        line-height: 1;
    }

        .dropdown-menu .dropdown-item:hover {
            color: #D19C1F;
            background: #FCFBF9;
        }

.noResult {
    text-align: center;
    font-size: 14px;
    color: var(--bodyCol);
    height: 200px;
    padding-top: 50px;
}

    .noResult img {
        display: block;
        margin: auto;
        margin-bottom: 10px;
    }

.filterLink {
    width: 24px;
    height: 24px;
    background: url(../images/ic_filter.svg);
    cursor: pointer;
}

    .filterLink.active {
        background: url(../images/ic_filter_hover.svg);
    }


.filterBox {
    box-shadow: 0px 6px 10px #E6DECA33;
    background: var(--colwhiteVal);
    padding: 20px 30px;
    position: relative;
    display: none;
    top: 80px;
}

    .filterBox:before {
        content: '';
        width: 25px;
        height: 16px;
        display: block;
        background: url(../images/ic_arrow9.svg) no-repeat center center;
        top: -15px;
        position: absolute;
        right: 30px;
        z-index: 999;
    }

.filterBox {
    position: fixed;
    width: calc(100% - 20%);
    left: 20%;
    z-index: 1000;
}

/*.nsmall .filterBox:before{ display: none; }
*/
.filterBox2 {
    top: 148px
}

.filterBox .row {
    row-gap: 10px
}

.filterBox .form-control,
.filterBox .selectBox-dropdown .selectBox-label {
    height: 42px;
}

.selectBox-dropdown .selectBox-label {
    margin-top: 0;
}

.inputLabelBox {
    position: relative;
}

    .inputLabelBox label {
        font-size: 12px;
        color: var(--colGryVal2);
        font-weight: 500;
        position: absolute;
        background: var(--colwhiteVal);
        padding: 0 8px;
        z-index: 1;
        margin-left: 10px;
        top: -5px;
    }

    .inputLabelBox .selectBox-dropdown .selectBox-label {
        border: solid 1px #E5E3E0 !important;
        border-radius: 5px;
        box-shadow: none !important;
        font-size: 13px;
        color: #5D574B;
        padding-top: 11px;
    }

.selectBox-dropdown-menu {
    margin-top: 0px !important;
}

.inputLabelBox .selectBox-menuShowing .selectBox-label {
    border: solid 1px #D19C1F !important;
}

.selectBox-dropdown-menu {
    box-shadow: 4px 4px 14px #E2D7BD99;
}

.selectBox-options li a {
    color: #5D574B !Important;
}

.selectBox-options li.selectBox-selected a {
    color: #D19C1F !important;
    background: #FCFBF9 !Important;
}

.selectBox-options li:hover a {
    background: #FCFBF9 !Important;
    color: #D19C1F !Important;
}

.selectBox-dropdown .selectBox-label {
    font-weight: 500;
}

.form-control {
    border-radius: 5px;
    height: 52px;
    border: solid 1px #E5E3E0;
    font-size: 13px;
    font-weight: 500;
}

    .form-control:focus {
        border: 1px solid #D19C1F;
    }

.daterangepicker {
    box-shadow: 4px 4px 14px #E2D7BD99;
    border: 0;
}

    .daterangepicker.opensright:before,
    .daterangepicker.opensright:after {
        display: none;
    }

    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        font-weight: normal;
        font-size: 13px;
        width: 40px;
        height: 35px;
        border-radius: 20px !important;
        color: var(--bodyCol);
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        color: var(--colwhiteVal);
        background: #D19C1F;
        font-weight: 500;
    }

    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
        opacity: 0;
        pointer-events: none;
    }

    .daterangepicker .calendar-table th {
    }

    .daterangepicker .calendar-table thead tr:first-child th {
        color: var(--colGreenVal);
        font-weight: 600;
        font-size: 13px;
    }

    .daterangepicker .calendar-table thead tr:nth-child(2) th {
        font-weight: 600;
    }
    /*.daterangepicker.show-calendar .drp-buttons{ display: none; }*/

    .daterangepicker.show-calendar .drp-buttons .applyBtn {
        box-shadow: 0px 0px 10px #D19C1F4D;
        background: #D19C1F;
        color: var(--colwhiteVal);
        font-size: 12px;
        font-weight: 500;
        border: 0;
        margin-left: 0;
    }

    .daterangepicker.show-calendar .drp-buttons .cancelBtn {
        font-size: 12px;
        display: block !important;
        margin-left: 0;
    }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        border: solid #D19C1F;
        border-width: 0 2px 2px 0;
    }

.datepicker-single.form-control {
    background: #fff url(../images/ic_calc.svg) no-repeat 96% center;
}

.aliCenter {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}

.checkBoxCustom {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--bodyCol);
    margin-right: 10px;
    font-weight: 500;
}

    /* Hide the browser's default checkbox */
    .checkBoxCustom input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .checkBoxCustom .checkmark {
        position: absolute;
        top: -2px;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: var(--colwhiteVal);
        border-radius: 3px;
        border: 1px solid #E5E3E0;
    }

    /* On mouse-over, add a grey background color */
    .checkBoxCustom:hover input ~ .checkmark { /*background-color: #002B74;*/
    }

    /* When the checkbox is checked, add a blue background */
    .checkBoxCustom input:checked ~ .checkmark {
        background-color: #D19C1F;
        border: solid 1px #D19C1F;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkBoxCustom .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .checkBoxCustom input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .checkBoxCustom .checkmark:after {
        left: -1px;
        top: -1px;
        width: 20px;
        height: 20px;
        background: url(../images/ic_arrow8.svg) no-repeat center center;
    }

.checkBoxCustomRadio .checkmark {
    border-radius: 10px;
}

    .checkBoxCustomRadio .checkmark:after {
        background: #D19C1F;
        border-radius: 10px;
        border: solid 4px var(--colwhiteVal);
        width: 18px;
        height: 18px;
        left: 0;
        top: 0;
    }

.btnSearch {
    box-shadow: 0px 0px 10px #D19C1F4D;
    background: #D19C1F;
    color: var(--colwhiteVal);
    font-size: 14px;
    font-weight: 500;
}

    .btnSearch:hover {
        background: var(--bodyCol);
        border: solid 1px #000;
        color: var(--colwhiteVal);
    }

.researchResult {
    display: none;
    margin-bottom: 20px;
}

    .researchResult .container2 {
        padding: 13px 15px;
        border-bottom: solid 1px #F2F2F2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #F4F8F9;
        border-radius: 5px;
    }

.researchRLeft {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 12px;
    align-items: center;
}

    .researchRLeft a {
        background: var(--colwhiteVal);
        padding: 3px 9px 3px 9px;
        border-radius: 20px;
        color: var(--bodyCol);
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
    }

.researchRRight a {
    background: var(--colwhiteVal);
    color: #D19C1F;
    font-size: 12px;
    width: 63px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
}

    .researchRRight a:hover {
        background: #D19C1F;
        color: var(--colwhiteVal);
    }

.btnBack {
    background: url(../images/ic_arrow10.svg) no-repeat center left;
    padding-left: 15px;
    font-size: 14px;
    color: #5D574B;
    font-weight: 500;
}


.btnInput {
    background: var(--colwhiteVal);
    border: 1px solid var(--colGreenVal);
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: var(--colGreenVal);
}

    .btnInput:hover {
        background: #D19C1F;
        color: var(--colwhiteVal);
        border: 1px solid #D19C1F;
    }

.conIn .selectBox-dropdown .selectBox-label {
    height: 46px;
    padding-top: 16px;
}

.colIn2Col {
    width: 100%;
}

    .colIn2Col .row {
        justify-content: space-between;
        margin: 0 -30px;
    }

    .colIn2Col li {
        padding-bottom: 27px;
        padding-left: 30px;
        padding-right: 30px;
    }

        .colIn2Col li li {
            padding-bottom: 0;
            padding: 0 15px;
        }

        .colIn2Col li .form-control {
            height: 52px;
            padding-left: 20px;
        }

.w100 {
    width: 100% !important;
}




.selectBox.selectBox-disabled .selectBox-label,
.form-control:disabled {
    background: #F9F9F9 !important;
    border: solid 1px #F1F1F1 !important;
    color: var(--bodyCol);
}

.richTxtBox {
    width: 100%;
}

    .richTxtBox img {
        width: 100%;
    }


.form-control::placeholder, input::placeholder {
    color: var(--colGryVal);
    opacity: 1; /* Firefox */
}

.form-control::placeholder, input::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--colGryVal);
}


.dots3Link .dropdown-menu {
    width: 176px;
}

.dots3Link {
    margin: 0 20px;
}

    .dots3Link .dropdown-toggle {
        width: 24px;
        height: 24px;
        background: url(../images/dots3.svg) no-repeat center center;
        display: block;
    }

        .dots3Link .dropdown-toggle:hover,
        .dots3Link .dropdown-toggle.show {
            background: url(../images/dots3_hover.svg) no-repeat center center;
        }

.btnCommonBox a {
    padding: 8px 20px;
    background: #D19C1F;
    border-radius: 5px;
    color: var(--colwhiteVal);
    font-size: 14px;
    font-weight: 500;
}

    .btnCommonBox a:hover {
        background: #5D574B;
    }

.headtxt1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.text1 {
    font-size: 26px;
    font-weight: bold;
    line-height: 39px;
    padding-bottom: 12px;
}

.text2 {
    display: flex;
    align-items: center;
}

    .text2 img {
        margin-right: 10px;
        font-size: 14px;
    }

    .text2 span {
        color: var(--colGryVal);
        display: inline-block;
        margin: 0 10px;
    }

.gryBgBox {
    background: #F4F8F9;
    padding: 0;
    display: flex;
    width: 100%;
    border-radius: 8px;
}

    .gryBgBox .gryBgBoxIn:first-child {
        border-right: solid 1px #CBE0E5;
        box-shadow: 1px 0px 0px var(--colwhiteVal);
    }

.gryBgBoxIn {
    padding: 20px 25px;
    width: 50%;
}

.gryBgBoxCon {
    border-bottom: solid 1px #DBE8EB;
    padding-bottom: 15px;
    padding-top: 15px;
}

.gryBgBoxIn h4 {
    font-size: 18px;
    color: var(--bodyCol);
    font-weight: 600;
    padding-bottom: 10px;
}

    .gryBgBoxIn h4 + .gryBgBoxCon {
        padding-top: 0;
    }

.nameIcon {
    display: flex;
    align-items: center;
    column-gap: 6px;
    padding-bottom: 5px;
    font-weight: 600;
}

.gryBgBoxConLinks {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .gryBgBoxConLinks a {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 14px;
        color: var(--bodyCol);
        position: relative;
        padding-right: 10px;
    }

        .gryBgBoxConLinks a:last-child {
            padding-right: 0;
        }

        .gryBgBoxConLinks a:after {
            content: '';
            width: 1px;
            height: 14px;
            background: #AB9F9F;
            position: absolute;
            right: 0;
        }

        .gryBgBoxConLinks a:last-child:after {
            display: none;
        }

        .gryBgBoxConLinks a:hover {
            color: #D19C1F !important;
        }

.gryBgBox .gryBgBoxCon:last-child,
.yellowBgBox .gryBgBoxCon:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.yellowBgBox {
    background: #FDF9F1;
    padding: 0;
    display: flex;
    width: 100%;
    border-radius: 8px;
}


.comHeadTxt {
    border-bottom: solid 1px #ECECEC;
    padding-bottom: 10px;
}

    .comHeadTxt label {
        background: #D19C1F;
        padding: 3px 8px;
        font-size: 11px;
        color: var(--colwhiteVal);
        border-radius: 3px;
        margin-bottom: 7px;
    }

    .comHeadTxt h5 {
        font-size: 22px;
        font-weight: bold;
    }

        .comHeadTxt h5 span {
            font-weight: 500;
        }

.table2 .divTable {
    margin-bottom: 2px;
}

.table2 .divTableHeadTxt2 {
    box-shadow: none;
    border: 0;
    padding-top: 10px;
}

    .table2 .divTableHeadTxt2 .divTableHead {
        padding: 10px 0;
    }

.table2 .divTableCell {
    vertical-align: top;
    font-size: 14px;
}

    .table2 .divTableCell:first-child,
    .table2 .divTableHead:first-child {
        width: 15%;
        padding-left: 20px;
    }

    .table2 .divTableCell:nth-child(2),
    .table2 .divTableHead:nth-child(2) {
        width: 15%;
    }

    .table2 .divTableCell:nth-child(3),
    .table2 .divTableHead:nth-child(3) {
        width: 70%;
    }

    .table2 .divTableHead:last-child,
    .table2 .divTableCell:last-child {
        padding-right: 20px;
    }


    .table2 .divTableCell .gryBgBoxIn {
        padding: 0;
        border: 0;
        margin: 0;
        display: flex;
        width: 100%;
        gap: 10px
    }

    .table2 .divTableCell .gryBgBoxCon {
        border: 0;
        margin: 0;
        padding: 0;
    }

        .table2 .divTableCell .gryBgBoxCon:first-child {
            width: 60%;
        }

        .table2 .divTableCell .gryBgBoxCon:last-child {
            width: 40%;
        }

    .table2 .divTableCell .gryBgBoxConLinks {
        flex-wrap: nowrap;
        line-height: 22px;
        align-items: flex-start;
    }

    .table2 .divTableCell .gryBgBoxCon:last-child .gryBgBoxConLinks img {
        padding-top: 3px;
    }

.table2 .divTable:hover,
.table3 .divTable:hover {
    box-shadow: 0px 1px 10px #D6CBB2;
}

.table2 .divTable.divTableHeadTxt2:hover,
.table3 .divTable.divTableHeadTxt:hover {
    box-shadow: none;
}


.table3 .divTableCell:first-child {
    width: 6%;
    padding-left: 25px;
}

.table3 .divTableCell:nth-child(2) {
    width: 15%;
}

.table3 .divTableCell:nth-child(3) {
    width: 15%;
}

.table3 .divTableCell:nth-child(4) {
    width: 28%;
}

.table3 .divTableCell:nth-child(5) {
    width: 16%;
}

.table3 .divTableCell:nth-child(6) {
    width: 10%;
    text-align: center;
}

.table3 .divTableCell:nth-child(7) {
    width: 12%;
    padding-right: 25px;
}


.table3New .divTableCell:first-child {
    width: 6%;
    padding-left: 25px;
}

.table3New .divTableCell:nth-child(2) {
    width: 25%;
}

.table3New .divTableCell:nth-child(3) {
    width: 20%;
}

.table3New .divTableCell:nth-child(4) {
    width: 30%;
}

.table3New .divTableCell:nth-child(5) {
    width: 10%;
}


.table3New2 .divTableCell:first-child {
    width: 6%;
    padding-left: 25px;
}

.table3New2 .divTableCell:nth-child(2) {
    width: 15%;
}

.table3New2 .divTableCell:nth-child(3) {
    width: 18%;
    font-weight: 500;
}

.table3New2 .divTableCell:nth-child(4) {
    width: 20%;
    font-weight: normal;
}

.table3New2 .divTableCell:nth-child(5) {
    width: 30%;
    font-weight: normal;
}

.table3New2 .divTableCell:nth-child(6) {
    width: 12%;
    text-align: left;
}

.table3New3 .divTableCell {
    color: var(--bodyCol);
}

    .table3New3 .divTableCell:first-child {
        width: 13%;
        padding-left: 25px;
    }

    .table3New3 .divTableCell:nth-child(2) {
        width: 29%;
    }

    .table3New3 .divTableCell:nth-child(3) {
        width: 18%;
        font-weight: normal;
        color: #5D574B;
    }

        .table3New3 .divTableCell:nth-child(3) b {
            color: var(--bodyCol);
        }

    .table3New3 .divTableCell:nth-child(4) {
        width: 12%;
        font-weight: 500;
        color: var(--bodyCol);
    }

    .table3New3 .divTableCell:nth-child(5) {
        width: 17%;
        font-weight: normal;
    }

    .table3New3 .divTableCell:nth-child(6) {
        width: 12%;
        text-align: left;
    }


.table3New3Ins.table3New3 .divTableCell:first-child,
.table3New3Ins2.table3New3 .divTableCell:first-child {
    font-weight: normal;
}

.table3New3Ins2.table3New3 .divTableCell:nth-child(2) {
    width: 35%;
}

.table3New3Ins2.table3New3 .divTableCell:nth-child(3),
.table3New3Ins2.table3New3 .divTableCell:nth-child(4) {
    width: 20%;
}

.table3New4 .divTableCell {
    text-align: left;
    font-weight: normal;
    color: var(--bodyCol);
}

    .table3New4 .divTableCell:first-child {
        width: 13%;
        padding-left: 25px;
    }

    .table3New4 .divTableCell:nth-child(2) {
        width: 22%;
    }

    .table3New4 .divTableCell:nth-child(3) {
        width: 10%;
    }

    .table3New4 .divTableCell:nth-child(4) {
        width: 10%;
    }

    .table3New4 .divTableCell:nth-child(5) {
        width: 13%;
    }

    .table3New4 .divTableCell:nth-child(6) {
        width: 13%;
        text-align: left;
    }

    .table3New4 .divTableCell:nth-child(7) {
        width: 9%;
        padding-right: 0;
    }

    .table3New4 .divTableCell:nth-child(8) {
        width: 7%;
    }

    .table3New4 .divTableCell:last-child {
        padding-right: 25px;
    }

    .table3New4 .divTableCell b.colOrg {
        color: #D1861F;
    }

    .table3New4 .divTableCell b.colBlue {
        color: #1FA0D1;
    }

    .table3New4 .divTableCell b.colGren {
        color: #1FD172;
    }

    .table3New4 .divTableCell b.colRed {
        color: #E15C5C;
    }

.table5 .divTableCell {
    font-weight: normal;
    vertical-align: middle;
}

    .table5 .divTableCell:first-child {
        width: 6%;
        padding-left: 25px;
    }

    .table5 .divTableCell:nth-child(2) {
        width: 18%;
        color: #4D8695;
    }

    .table5 .divTableCell:nth-child(3) {
        width: 10%;
    }

    .table5 .divTableCell:nth-child(4) {
        width: 10%;
    }

    .table5 .divTableCell:nth-child(5) {
        width: 12%;
    }

    .table5 .divTableCell:nth-child(6) {
        width: 15%;
    }

    .table5 .divTableCell:nth-child(7) {
        width: 20%;
        padding-right: 25px;
        font-size: 12px;
    }

        .table5 .divTableCell:nth-child(7) a {
            color: #222;
        }


.table5 .divTableHeadTxt .divTableCell:nth-child(2) {
    color: #222;
}

.dotGreen {
    position: relative;
    width: 10px;
    height: 10px;
    background: #1FD172;
    border-radius: 5px;
    margin: auto;
    cursor: pointer;
}

    .dotGreen div {
        position: absolute;
        border: 1px solid #E6DCC4;
        background: #F8F0DD;
        padding: 2px 5px;
        top: -18px;
        left: -18px;
        border-radius: 3px;
        font-size: 11px;
        display: none;
    }

    .dotGreen:hover div {
        display: block;
    }

    .dotGreen.disabled {
        background: #D9D9D9;
        pointer-events: none;
    }

.table3 .divTableCell strong,
.table3 .divTableCell strong a {
    color: var(--colGreenVal);
}

.table3 .divTableCell span {
    color: var(--colGryVal2);
}

.table3 .divTableCell a {
    color: var(--bodyCol);
}

    .table3 .divTableCell a:hover {
        color: #D19C1F;
    }

.innerHeader {
    position: fixed;
    top: 0;
    width: calc(100% - 220px);
    z-index: 999;
}

.steps {
    position: absolute;
    bottom: -51px;
    display: flex;
    z-index: 99;
    padding-left: 30px;
    background: var(--colwhiteVal);
    width: 100%;
    left: 0;
}

    .steps ul {
        display: flex;
        gap: 50px;
    }

        .steps ul li {
            position: relative;
            top: -11px;
        }

    .steps li a {
        display: block;
        position: relative;
        text-align: center;
        font-size: 11px;
        font-weight: 500;
        color: var(--colGryVal2);
        cursor: pointer;
    }

        .steps li a:before {
            width: 20px;
            height: 20px;
            box-shadow: 0px 1px 0px #F3E7CA;
            background: var(--colwhiteVal);
            border-radius: 10px;
            content: '';
            display: block;
            margin: auto;
            margin-bottom: 10px;
            z-index: 2;
            position: relative;
        }

        .steps li a:hover {
            color: #D19C1F;
        }

    .steps li.active a {
        color: #1FD172;
    }

    .steps li.active:after {
        content: '';
        width: 190%;
        display: block;
        position: absolute;
        top: 10px;
        left: 30px;
        height: 2px;
        background: #1FD172;
        position: relative;
        z-index: 1;
        position: absolute;
        top: 10px;
    }

    .steps li.active a:after {
        content: '';
        width: 10px;
        height: 10px;
        background: #1FD172;
        display: block;
        position: absolute;
        top: 5px;
        left: 50%;
        border-radius: 10px;
        margin-left: -5px;
        z-index: 2;
    }

    .steps li.current a {
        color: var(--bodyCol);
    }

        .steps li.current a:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #D19C1F;
            display: block;
            position: absolute;
            top: 5px;
            left: 50%;
            border-radius: 10px;
            margin-left: -5px;
            z-index: 9;
        }


.colIn2Col100 {
    width: 100%;
}


.inputSm {
    display: flex;
    gap: 10px
}

    .inputSm .selectBox {
        width: 97px !important;
    }

.conIn h5 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 20px;
}

.borBot {
    border-bottom: solid 1px #ECECEC;
    margin-bottom: 20px;
}

.tableMainBor {
    width: 100%;
    border-bottom: solid 1px #ECECEC;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.tableMobile {
}

.tableMain td,
.tableMain th {
    padding: 5px 20px;
}

    .tableMain td:first-child,
    .tableMain th:first-child,
    .tableMain th:nth-child(5),
    .tableMain td:nth-child(5) {
        padding-left: 0;
        width: 33.33%;
    }

.tableMain th {
    padding-bottom: 15px;
    text-align: center;
    font-size: 12px;
    color: #5D574B;
}

.tableMain td {
    text-align: center;
    vertical-align: middle;
}


.tableMain th:first-child,
.tableMain th:nth-child(4),
.tableMain th:nth-child(5) {
    text-align: left;
}

.tableMain td:first-child,
.tableMain td:nth-child(4),
.tableMain td:nth-child(5) {
    text-align: left;
}

.tableMain td:nth-child(2),
.tableMain th:nth-child(2),
.tableMain td:nth-child(3),
.tableMain th:nth-child(3),
.tableMain td:nth-child(4),
.tableMain th:nth-child(4),
.tableMain td:nth-child(6),
.tableMain th:nth-child(6),
.tableMain td:nth-child(7),
.tableMain th:nth-child(7) {
    width: 8%;
}

.tableMobile .select_box {
}

.tableMobile {
    border: 1px solid #E5E3E0;
    border-radius: 5px;
}

    .tableMobile .inputLabelBox .selectBox-dropdown .selectBox-label {
        border: 0 !Important;
    }

    .tableMobile .inputLabelBox .selectBox-dropdown {
        width: 50px !important;
    }

.country-select {
    width: 110px;
}

.tdBoxCheck {
    padding-left: 0 !important;
    margin-right: 0;
    width: 20px;
    margin: auto;
    top: 4px;
}

td.verTop {
    vertical-align: top;
}

.tableMain .inputLabelBox {
    display: flex;
    align-items: center;
}

.tableMain .inputLabelBox {
    border-radius: 5px;
    height: 42px;
    border: solid 1px #E5E3E0;
    font-size: 13px;
    height: 52px;
}

    .tableMain .inputLabelBox:focus {
        border: 1px solid #D19C1F;
    }

.country-select .form-control {
    border: 0;
    display: none;
}

.tableMain .inputLabelBox .form-control {
    border: 0;
}

.tableMain .inputLabelBox .country-select .selected-flag .arrow {
    background: url(../images/ic_arrow11.svg) no-repeat !important;
    border: 0 !important;
    width: 10px;
    height: 6px;
}

    .tableMain .inputLabelBox .country-select .selected-flag .arrow.up {
        transform: rotate(180deg);
    }

    .tableMain .inputLabelBox .country-select .selected-flag .arrow:hover {
        background: none;
    }

.tableMain .inputLabelBox .country-select .selected-flag {
    padding-left: 0;
    margin-left: 20px;
}

.tableMain .inputLabelBox .country-select.inside .flag-dropdown:hover .selected-flag {
    background: none;
}

.isdCode {
    font-weight: 500;
    width: 60px;
    font-size: 14px;
    text-align: left;
    padding-top: 2px;
}

.tableMain .inputLabelBox .form-control {
    height: 40px;
}

.addPlusBtn {
    transition: initial;
    width: 24px;
    height: 24px;
    background: url(../images/ic_plus4.svg) no-repeat center center;
    display: block;
}

    .addPlusBtn:hover {
        background: url(../images/ic_plus3.svg) no-repeat center center;
    }

.delBtn {
    transition: initial;
    background: url(../images/ic_del.svg) no-repeat center center;
    display: block;
    width: 22px;
    height: 22px;
}

    .delBtn:hover {
        background: url(../images/ic_del_hover.svg);
    }

.comBtns2New {
    display: flex;
    justify-content: space-between;
}

.comBtns2In {
    display: flex;
    gap: 10px
}

.comBtns2New .btnPre {
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    display: flex;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    border: 1px solid var(--colGreenVal);
    color: var(--colGreenVal);
    opacity: .3;
    pointer-events: none;
    cursor: pointer;
}

    .comBtns2New .btnPre:hover {
        background: #D19C1F;
        color: var(--colwhiteVal);
        border: 1px solid #D19C1F;
    }

    .comBtns2New .btnPre.active {
        opacity: 1;
        pointer-events: initial;
    }

.comBtns,
.comBtns2 {
    margin-top: 50px;
    display: flex;
    gap: 10px
}

    .comBtns .btn,
    .comBtns2 .btn {
        font-size: 14px;
        font-weight: 600;
        align-items: center;
        display: flex;
        padding-left: 40px;
        padding-right: 40px;
        height: 52px;
        border-radius: 5px;
    }

    .comBtns .btnSave,
    .comBtns2 .btnSave {
        background: #D19C1F;
        color: var(--colwhiteVal);
    }

        .comBtns .btnSave:hover,
        .comBtns2 .btnSave:hover {
            background: #D1861F;
        }

    .comBtns .btnRest,
    .comBtns2 .btnRest {
        background: #F1F1F1;
        color: var(--colGreenVal);
        border: 0;
    }

        .comBtns .btnRest:hover,
        .comBtns2 .btnRest:hover {
            background: #4D8695;
            color: var(--colwhiteVal);
        }

        .comBtns2 .btnRest.active {
            background: #D19C1F;
            color: var(--colwhiteVal);
        }

        .comBtns2 .btnRest.btnSelected,
        .comBtns2 .btnSave.btnSelected {
            background: #1FD172;
        }

    .comBtns a.disabled,
    .comBtns2 a.disabled {
        opacity: .4;
        pointer-events: none;
    }

.filterStatusBlock .ms-options-wrap > button:after {
    background: #fff url(../images/dropdownArrow.svg) no-repeat 95% center;
    -webkit-appearance: none;
    color: #212A30;
    border: 0;
    height: 6px;
    width: 9px;
}

.filterStatusBlock .ms-options-wrap > .ms-options > ul li.selected label, .filterStatusBlock .ms-options-wrap > .ms-options > ul label {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #5D574B;
    background-color: var(--colwhiteVal);
    cursor: pointer;
    padding: 8px 4px 8px 20px !important;
}

.ms-options-wrap > .ms-options {
    max-height: 300px !important;
}

.filterStatusBlock .ms-options-wrap > .ms-options > ul li.selected label:hover, .filterStatusBlock .ms-options-wrap > .ms-options > ul label:hover {
    color: #D19C1F;
}

.ms-options-wrap > .ms-options {
    box-shadow: 4px 4px 14px #E2D7BD99;
    ;
    border: 0;
}

.comLabel {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #827F7E;
}


.colIn2Col .ms-options li {
    padding-bottom: 0;
    padding: 0;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #D5D5D5 !important;
    font-size: 13px !important;
    color: #111927 !important;
    font-weight: 600;
    display: flex !important;
    align-items: center !important; 
    height: 38px !important;
    padding: 0 10px;
}

.select2-container--focus .select2-selection--single {
    border: solid 1px #D19C1F !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px !important;
    font-size: 13px !important;
    color: #1C263B !important;
    font-weight: 450;
    padding-left: 20px;
}

/* Arrow container */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: block !important; 
    height: 100% !important;
    right: 11px !important;
    top: 50% !important;
    position: absolute !important;
    transform: translateY(-50%) !important; 
}

    /* Arrow image inside the container */
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: block !important;
        width: 10px !important; 
        height: 6px !important; 
        background: #fff url('../images/arrow_dropdown.svg') no-repeat center center !important;
        border: 0 !important;
        position: relative !important;
    }

.select2-container--default .select2-results__option {
    color: #5D574B !important;
    background: transparent !important;
    padding: 9px 15px;
    font-size: 13px;
    transition: color 0.25s ease;
}

    .select2-container--default .select2-results__option:hover {
        color: #D19C1F !important;
        background: transparent !important;
    }

    .select2-container--default .select2-results__option--selected,
    .select2-container--default .select2-results__option[aria-selected="true"] {
        color: #D19C1F !important; /* Golden */
        background: transparent !important;
       
    }

.select2-search--dropdown {
    padding: 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0px !important;
    border-bottom: 1px solid #eee !important;
    font-size: 14px !important;
    padding: 10px 15px 10px 15px !important;
    margin-bottom: 5px !important;
}

.select2-container--default ::-webkit-input-placeholder {
    color: #dcdee5 !important;
}

.select2-container--default ::-moz-placeholder {
    color: #dcdee5 !important;
}

.select2-container--default :-ms-input-placeholder {
    color: #dcdee5 !important;
}

.select2-container--default :-moz-placeholder {
    color: #dcdee5 !important;
}

.select2-dropdown {
    background: var(--colwhiteVal);
    box-shadow: 0px 0px 16px #C4161C26;
    border-radius: 5px;
    border: 0px !important;
}

.select2-results__option {
    padding: 9px 15px !important;
    font-size: 13px;
    color: #1C263B;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 13px !important;
    color: #111927 !important;
    font-weight: 500;
}

.select2-container--default .select2-results > .select2-results__options {
    padding: 10px 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 6px;
}


.colIn2Col li {
    position: relative;
}

.filterStatusBlock {
    position: absolute;
    width: calc(100% - 60px);
    top: 0;
    height: 52px;
}

.ms-options-wrap > button {
    height: 52px;
    opacity: 0;
    font-size: 0;
}

    .ms-options-wrap > button:focus, .ms-options-wrap > button {
        font-size: 0;
        margin-top: 0;
        border-radius: 5px;
        background: transparent;
        border: solid 1px #D19C1F
    }

.ms-options-wrap > .ms-options > .ms-selectall.global {
    display: none;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    left: auto;
    right: 0;
    display: none;
}

.colIn2Col .ms-options li.selected label {
    color: #D19C1F !important;
}

.colIn2Col .ms-options li label:after {
    content: '';
    width: 13px;
    height: 9px;
    display: block;
    position: absolute;
    right: 10px;
    background: url(../images/ic_check.svg) no-repeat center center;
    top: 50%;
    margin-top: -6px;
}

.colIn2Col .ms-options li.selected label:after {
    background: url(../images/ic_check2.svg) no-repeat center center;
}

.ms-options-wrap > .ms-options > .ms-search input {
    padding: 10px 20px;
    border-bottom: solid 1px #E5E3E0;
}

.dropSelected {
    padding: 15px 20px;
    background: #EDF3F4;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 13px
}

    .dropSelected a {
        background: var(--colwhiteVal);
        padding: 3px 10px;
        font-size: 14px;
        font-weight: 500;
        color: var(--bodyCol);
        border-radius: 10px;
        display: flex;
        column-gap: 10px;
    }

        .dropSelected a:hover {
            background: #D19C1F;
            color: var(--colwhiteVal);
        }

        .dropSelected a img {
            width: 8px;
            ;
        }

.dropCheck {
    margin-top: 10px;
}


.colIn2Col li textarea.form-control {
    height: 100px;
}

    .colIn2Col li textarea.form-control:focus {
        box-shadow: none;
        outline: none;
    }

    .colIn2Col li textarea.form-control::placeholder {
        color: var(--bodyCol);
    }

.btnAddRemarks {
    font-size: 14px;
    padding: 8px 22px;
    color: var(--colwhiteVal);
    background: #D19C1F;
    display: inline-block;
    margin-top: 20px;
    border-radius: 5px;
    font-weight: 500;
}


.table4 {
    width: 100%;
    margin-bottom: 50px;
}

    .table4 table {
        width: 100%;
    }

    .table4 .divTableCell strong {
        color: var(--bodyCol);
    }

    .table4 .divTableHeadTxt {
        border-top: solid 1px #ECECEC;
        padding-top: 20px;
    }

    .table4 .divTableCell {
        padding-left: 20px;
    }

        .table4 .divTableCell:first-child,
        .table4 .divTableCell:first-child {
            width: 10%;
        }

.table4-2 .divTableCell {
    font-weight: normal;
}

    .table4-2 .divTableCell:first-child,
    .table4-2 .divTableCell:first-child {
        width: 15%;
    }

.table4 .divTableCell:nth-child(2),
.table4 .divTableCell:nth-child(2) {
    width: 15%;
}

.table4 .divTableCell:nth-child(3),
.table4 .divTableCell:nth-child(3) {
    width: 70%;
}

.table4 .divTableCell:nth-child(4),
.table4 .divTableCell:nth-child(4) {
    width: 5%;
}

.table4 .divTableCell {
    padding-left: 20px;
}

.plusLinkNew {
    background: url(../images/ic_plus3.svg) no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
}

    .plusLinkNew:hover {
        background: url(../images/ic_plus3_hover.svg) no-repeat center center;
    }
    .plusLinkNew.disabled {
        background: url(../images/ic_plus3_hover.svg) no-repeat center center !important;
        cursor: not-allowed;
        opacity: 0.7;
        width: 24px;
        height: 24px;
        display: block;
    }
.ms-options-wrap > .ms-options {
    z-index: 99;
}

.dropNormal .ms-options-wrap > .ms-options > .ms-search input {
    padding: 10px 20px;
    border-bottom: solid 1px #E5E3E0;
    font-size: 13px;
}

.dropNormal .ms-options-wrap > button:focus, .ms-options-wrap > button {
    border: solid 1px #E5E3E0 !important;
}

.dropNormal .ms-options-wrap > button:focus,
.dropNormal .ms-options-wrap > button {
    font-size: 13px;
    opacity: 1;
    height: 42px;
    padding-left: 15px;
    color: var(--bodyCol);
    font-weight: 500;
    font-size: 13px;
}

    .dropNormal .ms-options-wrap > button:after {
        background: url(../images/ic_arrow11.svg) no-repeat center center;
        width: 10px;
        height: 6px;
        border: 0;
        right: 12px;
    }

.colIn2Col .dropNormal .ms-options-wrap > button:focus,
.colIn2Col .dropNormal .ms-options-wrap > button {
    height: 52px;
}

.dropNormal .ms-options-wrap > .ms-options > ul li.selected label, .dropNormal .ms-options-wrap > .ms-options > ul label {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #5D574B;
    background-color: transparent;
    cursor: pointer;
    padding: 8px 4px 8px 20px !important;
}

    .dropNormal .ms-options-wrap > .ms-options > ul li.selected label:hover, .dropNormal .ms-options-wrap > .ms-options > ul label:hover {
        color: #D19C1F;
    }

.colIn2Col .dropNormal2 .ms-options li label:after {
    display: none;
}

.innerHeaderLIn {
    display: flex;
    align-items: flex-start;
    gap: 20px
}

    .innerHeaderLIn .gryBgBoxCon {
        padding-top: 5px;
        padding-bottom: 0;
        border: 0;
    }

.clientLogo {
    width: 74px;
    height: 50px;
    background: var(--colwhiteVal);
    display: flex;
    align-items: center;
    justify-content: center;
}

.innerHeaderLIn .gryBgBoxCon h2 {
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px
}

    .innerHeaderLIn .gryBgBoxCon h2 img {
        display: block;
        position: relative;
        top: 3px;
    }


.innerHeader2 {
    flex-wrap: wrap;
    padding-bottom: 0;
}

.innerHeaderR .gryBgBoxConLinks {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px
}

    .innerHeaderR .gryBgBoxConLinks .nameIcon {
        padding-bottom: 0;
    }

    .innerHeaderR .gryBgBoxConLinks a {
        padding-right: 0;
    }

        .innerHeaderR .gryBgBoxConLinks a:after {
            display: none;
        }

.innerHeaderR .socIcons a {
    margin: 0;
}

.innerHeaderR .socIcons {
    gap: 14px;
    margin-right: 20px;
}

.innerHeaderR2 {
    align-items: flex-end;
}

    .innerHeaderR2 .gryBgBoxCon {
        border-left: solid 1px #AB9F9F;
        padding-left: 22px;
        border-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

.innerHeader2 .gryBgBoxConLinks a {
    gap: 10px
}

.headerTabsMain {
    background: #F8F0DD;
    width: calc(100% + 60px);
    display: flex;
    justify-content: space-between;
    border-top: solid 1px #E6DABB;
    margin: 0 -30px;
    position: relative;
    padding-top: 15px;
    margin-top: 15px;
}

    .headerTabsMain:before {
        content: '';
        width: 5px;
        height: 100%;
        background: #F8F0DD;
        position: absolute;
        left: -5px;
        top: 0;
    }

    .headerTabsMain:after {
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        top: 0;
        background: #FFF9E9;
    }

.headerTabs {
    display: flex;
    position: relative;
    z-index: 1;
    margin-left: -5px;
}

    .headerTabs a {
        color: #5D574B;
        font-weight: 500;
        padding: 5px 30px 13px;
        border-bottom: solid 2px #F8F0DD;
    }

        .headerTabs a:hover,
        .headerTabs a.active {
            color: #D19C1F;
            border-bottom: solid 2px #D19C1F;
        }

.headerTabsMain {
    padding-top: 0;
}

.headerTabs {
    padding-top: 10px;
}

.headerTabsMain .innerHeaderR {
    padding: 10px 30px 10px 0;
}

.gryBgBox2 {
    flex-wrap: wrap;
    padding: 20px 25px;
}

.lableBox {
    width: 100%;
}

    .lableBox .row {
        margin-left: -20px;
    }

    .lableBox li {
        margin-bottom: 24px;
        border-left: solid 1px #DBE8EB;
        padding-left: 20px;
    }

        .lableBox li:first-child {
            border-left: 0;
        }

    .lableBox label {
        font-size: 12px;
        font-weight: 500;
        color: #827F7E;
        display: block;
        padding-bottom: 5px;
    }

    .lableBox strong {
        font-weight: 500;
        color: var(--bodyCol);
    }

.lableBox2 {
    border-top: solid 1px #DBE8EB;
    width: 100%;
    padding-top: 20px;
}

.lableLoc {
    display: flex;
    align-items: center;
    gap: 10px
}

.iconTxt {
    display: flex;
    align-items: center;
    gap: 10px
}

.noBor {
    border: 0 !important;
}

.webLinktxt {
    color: var(--colGreenVal) !important;
}

.commonInputBox {
    position: relative;
}

    .commonInputBox label {
        position: absolute;
        font-size: 13px;
    }

.form-controlMain {
    width: 100%;
    position: relative;
}

    .form-controlMain textarea:focus ~ .floating-label,
    .form-controlMain textarea:not(:focus):valid ~ .floating-label,
    .form-controlMain input:focus ~ .floating-label,
    .form-controlMain input:not(:focus):valid ~ .floating-label {
        padding: 0 8px;
        left: 12px;
        top: -5px;
        font-size: 12px;
        opacity: 1;
        background: var(--colwhiteVal);
        color: var(--colGryVal2);
    }

.floating-label {
    font-weight: 500;
    font-size: 13px;
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 18px;
    transition: 0.2s ease all;
    color: var(--colGryVal)
}

.form-floating > label {
    font-weight: 500;
    font-size: 13px;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 0;
    transition: 0.2s ease all;
    color: var(--colGryVal);
    height: auto;
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 15px;
}

    .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
        padding: 0 8px;
        left: 12px;
        top: 3px;
        font-size: 12px;
        opacity: 1;
        background: var(--colwhiteVal);
        color: var(--colGryVal2);
        width: auto;
    }


.filterBox2In {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: space-between;
}

    .filterBox2In .row {
        width: 100%;
    }

.filterBox {
    padding: 20px 30px 0;
}

    .filterBox li {
        margin-bottom: 10px;
    }

.innerHeaderNew {
    background: #FDF9F1;
    padding: 15px 30px;
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}

.headerNewTxt {
    font-size: 20px;
    color: var(--bodyCol);
    font-weight: 800;
}

    .headerNewTxt span {
        font-weight: normal;
    }

.headerNewTxt2 {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 13px;
}

.headerNewTxt2In {
    display: flex;
    align-items: center;
    color: var(--colGryVal);
    font-weight: 500;
}

    .headerNewTxt2In img {
        margin-right: 5px;
    }

.headerNewTxt2In3 {
    color: var(--colGreenVal);
    font-weight: 500;
}

.headerNewTxt2In4 {
    color: var(--bodyCol);
    font-weight: normal;
}

.headerNewTxt2In5 {
    color: var(--bodyCol);
    padding-left: 16px;
    margin-left: 16px;
    border-left: solid 1px var(--bodyCol);
    display: flex;
}

    .headerNewTxt2In5 .dropdown-toggle {
        color: var(--colGreenVal);
        font-weight: 500;
    }

    .headerNewTxt2In5 span {
        color: var(--colGreenVal);
    }


.editIcon {
    margin: 0 7px;
    width: 22px;
    height: 22px;
    background: url(../images/ic_phone.svg) no-repeat center center;
    display: block;
    background: url(../images/ic_edit.svg);
}

    .editIcon:hover {
        background: url(../images/ic_edit_hover.svg);
    }

.headerNewTxt2InDrop .dropdown-menu {
    padding: 0;
    width: 180px;
    right: -29px !important;
    top: 10px !important;
}

    .headerNewTxt2InDrop .dropdown-menu .dropdown-item {
        padding: 10px 20px;
    }

        .headerNewTxt2InDrop .dropdown-menu .dropdown-item:first-child {
            padding-top: 20px;
        }

        .headerNewTxt2InDrop .dropdown-menu .dropdown-item:last-child {
            padding-bottom: 20px;
        }

    .headerNewTxt2InDrop .dropdown-menu:before {
        content: '';
        width: 25px;
        height: 16px;
        display: block;
        background: url(../images/ic_arrow9.svg) no-repeat center center;
        top: -15px;
        position: absolute;
        right: 30px;
        z-index: 999;
    }


.comBtns2 .btn {
    padding-left: 20px;
    padding-right: 20px;
    height: 36px;
    font-weight: 500;
}

.timepicker {
    background: #fff url(../images/ic_time.svg) no-repeat 97% center;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.tabsBtns {
    display: flex;
    gap: 10px
}

    .tabsBtns a {
        border: 1px solid #E5E3E0;
        padding: 8px 20px;
        color: var(--colGreenVal);
        font-size: 14px;
        font-weight: 500;
        border-radius: 5px;
    }

        .tabsBtns a:hover,
        .tabsBtns a.active {
            background: #D19C1F;
            color: var(--colwhiteVal);
        }


.table3New5.table3 .divTableCell:first-child {
    width: 20%;
}

.table3New5.table3 .divTableCell:nth-child(2) {
    width: 65%;
}

.table3New5.table3 .divTableCell:last-child {
    width: 6%;
}

.table3New5.table3 .divTableCell strong,
.table3New5.table3 .divTableCell strong a {
    color: var(--bodyCol);
    font-weight: 600;
}

.table3New5.table3 .divTableCell span {
    color: var(--colGreenVal);
    font-weight: 500;
}

.table3New5 .divTable.divTableHeadTxt:hover {
    border: 0;
}

.table3New5 .divTable:hover {
    border: solid 1px #D19C1F;
    box-shadow: none;
    box-shadow: 0px 0px 10px #E4DDCC4D;
}

.divTableCell {
    position: relative;
}

    .divTableCell .filterStatusBlock {
        width: 350px;
    }

    .divTableCell .headerNewTxt2 {
        margin-top: 0;
    }

    .divTableCell .gryBgBoxCon {
        padding: 0;
        border-bottom: 0;
    }

.headerNewTxt2New {
    gap: 40px
}

.table3New5.table3 .divTableCell .headerNewTxt2New span {
    color: var(--bodyCol);
    font-weight: 600;
}

.table3New5.table3 .divTableCell .headerNewTxt2New .gryBgBoxConLinks {
    font-weight: normal;
}



.dropNormal.divTabelSelect {
    width: 350px;
}

    .dropNormal.divTabelSelect .ms-options-wrap > button:focus,
    .dropNormal.divTabelSelect .ms-options-wrap > button {
        border: 0 !Important;
    }

    .dropNormal.divTabelSelect .ms-options-wrap > button {
        padding-left: 0;
        color: var(--colGreenVal);
        font-weight: 500;
        height: auto !important;
    }

        .dropNormal.divTabelSelect .ms-options-wrap > button:after {
            display: none !important;
        }

    .dropNormal.divTabelSelect .ms-options li label:after {
        display: none;
    }

.meetingEditBox .tableMain .inputLabelBox .form-control {
    padding-left: 0;
}

.divTableCell .metDrop.hideDive,
.divTableCell .metDrop2.hideDive {
    display: none !important;
    width: 0;
}


.meetingEditBox {
    display: none;
    border: solid 1px #D19C1F;
    border-radius: 5px;
    padding: 22px 25px 0;
}

    .meetingEditBox li {
        padding-bottom: 28px;
    }

.meetingTime {
    font-weight: 600;
    color: var(--bodyCol);
}

.meetingHeadBox {
    display: flex;
    justify-content: space-between;
    padding-bottom: 13px;
}

    .meetingHeadBox .comBtns2In {
        gap: 0
    }

        .meetingHeadBox .comBtns2In a {
            font-size: 14px;
            font-weight: 500;
            align-items: center;
            display: flex;
            padding-left: 20px;
            padding-right: 20px;
            border-radius: 5px;
        }

        .meetingHeadBox .comBtns2In .btnSaveMeting {
            background: #D19C1F;
            color: #fff
        }

        .meetingHeadBox .comBtns2In .btnCacel {
            padding-left: 13px;
            padding-right: 13px;
            color: #5D574B;
        }

.divTable.hideDive {
    display: none;
}

.sucessfullyBox {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    padding-top: 50px;
}

    .sucessfullyBox img {
        display: block;
        margin: auto;
        margin-bottom: 14px;
    }

    .sucessfullyBox strong {
        font-weight: 600;
        display: block;
        padding-bottom: 5px;
    }

    .sucessfullyBox span {
        display: block;
    }

.btnBackEvent {
    font-size: 14px;
    color: #D19C1F;
    border: solid 1px #D19C1F;
    display: inline-block;
    padding: 16px 40px;
    border-radius: 5px;
    margin: auto;
    margin-top: 30px;
}

    .btnBackEvent:hover {
        background: #D19C1F;
        color: var(--colwhiteVal);
    }


.divTableCell {
    padding-right: 10px;
    line-height: 1.3;
}

.table3New5.table3 .divTableCell .headerNewTxt2New .gryBgBoxConLinks {
    position: relative;
    padding-left: 25px;
}

    .table3New5.table3 .divTableCell .headerNewTxt2New .gryBgBoxConLinks img {
        position: absolute;
        left: 0;
        top: 0;
    }


.loginBox {
    position: absolute;
    background: #F8F0DD url(../images/loginBoxBg.png) no-repeat center center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginInBox {
    max-width: 420px;
    width: 95%;
    background: var(--colwhiteVal);
    box-shadow: 0px 0px 15px #AF96601A;
    border: 1px solid #F8F0DD;
    border-radius: 10px;
    padding: 30px;
}

.loginInBoxLogo {
    text-align: center;
    padding-bottom: 30px;
}

.loginInBox li {
    padding: 20px;
}

    .loginInBox li .form-control {
        padding-left: 20px;
    }

.show_password {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 42px;
    height: 52px;
    display: inline-block;
    border-radius: 0px 6px 6px 0px;
}


.show_password {
    background: url('../images/ic_eye2.svg') no-repeat center;
}

    .show_password.active {
        background: url('../images/ic_eye2_hover.svg') no-repeat center;
    }

.loginError .form-control {
    border: solid 1px #D93540 !important;
}

.loginErrorTxt {
    display: none;
    color: #D93540;
    font-size: 14px;
    padding-top: 10px;
}

.loginError .loginErrorTxt {
    display: block;
}

#forgotPassword {
    color: var(--colGreenVal);
    margin-top: 12px;
    float: right;
}

    #forgotPassword:hover {
        color: #D19C1F;
        text-decoration: underline;
    }

.loginInBox .btnLogin {
    background: #D19C1F;
    color: var(--colwhiteVal);
    height: 52px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-weight: 600;
    border:none;
}

    .loginInBox .btnLogin:hover {
        background: #5D574B;
    }

    .loginInBox .btnLogin.disabled {
        pointer-events: none;
        opacity: .4;
    }

.forgetBoxIN h3 {
    font-size: 18px;
    padding-bottom: 22px;
}

    .forgetBoxIN h3:after {
        display: none;
    }

.backLogin {
    font-weight: normal;
    color: var(--colGreenVal);
    font-size: 14px;
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 40px;
}


.forgotSucess {
    text-align: center;
    line-height: 1;
    padding-bottom: 80px;
}

    .forgotSucess p strong {
        font-weight: 600;
    }

    .forgotSucess p {
        line-height: 1.2;
        color: var(--bodyCol);
    }

    .forgotSucess .btnCommonBox a {
        background: var(--colwhiteVal);
        color: #D19C1F;
        border: solid 1px #D19C1F;
        width: 183px;
        margin: auto;
        height: 52px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 12px;
    }

        .forgotSucess .btnCommonBox a:hover {
            background: #5D574B;
            color: var(--colwhiteVal);
            border: solid 1px #5D574B;
        }

    .forgotSucess > img {
        margin-bottom: 20px;
    }

.chartBoxLinkMain {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 9;
    background: #FEFBF6;
    box-shadow: 0px 3px 4px #E4DDCC4D;
    border: 1px solid #F8F0DD;
    border-radius: 5px 0 0 5px;
}

.chartBoxLink1,
.chartBoxLink2 {
    display: block;
    width: 42px;
    height: 38px;
    cursor: pointer;
}

.chartBoxLink1 {
    background: url(../images/ic_chart.svg) no-repeat center center;
    border-bottom: solid 1px #E4DDCC4D;
    border-radius: 5px 0 0 0;
}

.chartBoxLink2 {
    background: url(../images/ic_table.svg) no-repeat center center;
    border-radius: 0 0 0 5px;
}

.pa {
    position: relative;
}

.pr40 {
    padding-right: 40px;
}

.chartBoxLink1.active {
    background: #fff url(../images/ic_chart_hover.svg) no-repeat center center;
}

.chartBoxLink2.active {
    background: #fff url(../images/ic_table_hover.svg) no-repeat center center;
}

.viewTable { /* height: 250px; overflow: auto;*/
}

    .viewTable table {
        width: 100%;
    }

        .viewTable table th {
            font-size: 11px;
            font-weight: 500;
            color: #5D574B;
            text-align: right;
            border-bottom: solid 1px #E4E4E4;
            padding-bottom: 10px;
            text-transform: uppercase;
        }

        .viewTable table td {
            font-size: 14px;
            font-weight: 500;
            color: var(--colGreenVal);
            height: 45px;
            vertical-align: middle;
            text-align: right;
            border-bottom: solid 1px #E4E4E4;
        }

            .viewTable table th:first-child,
            .viewTable table td:first-child {
                text-align: left;
                width: 15%;
            }

            .viewTable table td:first-child {
                color: var(--bodyCol);
            }

            .viewTable table th:last-child,
            .viewTable table td:last-child {
                padding-right: 12px;
            }

.viewTable2 table td:first-child {
    width: 40%;
}


.table3New401.table3New4 .divTableCell b {
    font-weight: 500;
}


.pupCommon .viewTable table td {
    font-weight: normal;
    color: var(--bodyCol);
}

.overlayer {
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
}

.pupCommon {
    height: calc(100vh - 10%);
    background: var(--colwhiteVal);
    width: 100%;
    position: fixed;
    z-index: 1000;
    left: 0;
    bottom: 0;
}

    .pupCommon .conIn {
        max-width: 1140px;
        width: 100%;
        margin: auto;
        height: 100%;
    }

    .pupCommon .viewTable {
        height: calc(78vh - 100px);
        overflow: auto;
    }

        .pupCommon .viewTable table td,
        .pupCommon .viewTable table th {
            text-align: left;
        }

            .pupCommon .viewTable table td:first-child,
            .pupCommon .viewTable table th:first-child {
                width: auto;
            }

            .pupCommon .viewTable table td:first-child {
                font-weight: 500;
            }

    .pupCommon .pagination {
        margin-top: 30px;
    }

.pupComClose {
    position: absolute;
    right: 5px;
    margin-top: 5px;
}

.tableView1, .tableView2 {
    color: var(--colGreenVal);
}

    .tableView1:hover, .tableView2:hover {
        color: #D19C1F;
    }


.pupHead h5 {
    padding-bottom: 0;
}

.pupHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.pupHeadSearch {
    display: flex;
}

    .pupHeadSearch .form-control {
        height: auto;
        border: 0;
        padding-left: 10px;
    }

.highcharts-figure text {
    font-family: "Poppins", sans-serif !important;
}

.highcharts-credits {
    display: none;
}

.highcharts-figure,
.highcharts-data-table table {
    margin: 0 auto;
}

#container,
#container2 {
    height: 350px;
}

.highcharts-data-table table {
    border-collapse: collapse;
    border: 1px solid #F5F5F5;
    margin: 5px auto;
    text-align: center;
    width: 100%;
    max-width: 589px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #E4E4E4;
}

.highcharts-data-table th {
    font-weight: 400;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #000000;
}

.highcharts-description {
    margin: 0.3rem 10px;
}


.highcharts-exporting-group {
    display: none;
}


.highcharts-tooltip .highcharts-header {
    font-size: 14px !important;
}

.highcharts-tooltip text {
    filter: none;
    font-size: 12px !important;
    padding: 20px;
}


.highcharts-axis-title {
    font-size: 16px !important;
}

.highcharts-tooltip .highcharts-header {
    font-size: 22px !important;
}



.highcharts-tooltip text tspan:first-child {
    font-size: 14px !important;
    color: #5D574B !important;
    font-weight: bold;
}


.table3New6 .divTableCell:first-child {
    width: 40%;
}

.table3New6 .divTableCell:nth-child(2) {
    width: 25%;
}

.table3New6 .divTableCell:nth-child(3) {
    width: 25%;
}

.table3New6 .divTableCell:nth-child(4) {
    width: 10%;
}

.btnDeleted {
    padding: 0 20px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #5D574B;
    margin-right: 20px;
    background: #D19C1F;
    color: var(--colwhiteVal);
    border-radius: 5px
}

    .btnDeleted:hover,
    .btnDeleted.active {
        background: #D1861F;
        color: var(--colwhiteVal);
        border-radius: 5px;
    }

.table3New6 .divTableCell,
.table3 .divTableCell span,
.table3New6 .divTableCell strong,
.table3New6 .divTableCell strong a {
    color: var(--bodyCol);
}


.table3New7 .divTableCell {
    font-weight: normal;
}

    .table3New7 .divTableCell:first-child {
        width: 25%;
    }

    .table3New7 .divTableCell:nth-child(2) {
        width: 18%;
    }

    .table3New7 .divTableCell:nth-child(3) {
        width: 18%;
    }

    .table3New7 .divTableCell:nth-child(4) {
        width: 12%;
    }

    .table3New7 .divTableCell:nth-child(5) {
        width: 22%;
    }

    .table3New7 .divTableCell:nth-child(6) {
        width: 10%;
    }

    .table3New7 .divTableCell .linkFollow {
        color: #4D8695;
    }

.socIcons a.ic_deleted {
    background: url(../images/ic_deleted.svg);
}

    .socIcons a.ic_deleted:hover {
        background: url(../images/ic_deleted_hover.svg);
    }

.modalSm.modal .modal-dialog {
    width: 300px;
}

.modalSm.modal .modal-content {
    box-shadow: 0px 3px 30px #5D574B4D;
    border: 0;
}

.modalSm.modal h4 {
    color: #211908;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 9px;
}

.modalSm p {
    font-size: 14px;
    color: #5D574B;
    padding-bottom: 20px;
}

.modalSm .comBtns .btn {
    width: 66px;
    height: 36px;
    padding: 0;
    text-align: center;
    justify-content: center;
}

.modalSm .comBtns {
    justify-content: center;
}

.modalSm .btn-close {
    z-index: 1;
    background: url(../images/ic_close5.svg) no-repeat center center;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 5px;
    opacity: 1;
    top: 5px;
}


.reportListPage {
    column-gap: 30px;
    display: flex;
    flex-wrap: wrap;
}

.reportListBox {
    cursor: pointer;
    border: 1px solid #F8F0DD;
    box-shadow: 0px 0px 10px #E4DDCC4D;
    background: var(--colwhiteVal);
    padding: 13px 20px;
    border-radius: 6px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(33.33% - 20px);
    margin-bottom: 10px;
}

.reportListBox2 {
    color: var(--colGryVal2);
}

.reportListBox:hover {
    border: solid 1px #D19C1F;
    box-shadow: 0px 0px 10px #E4DDCC4D;
}

.reportIcon {
}

.reportListTxt2 {
    display: flex;
    gap: 10px
}

a.reportIcon {
    background: url(../images/ic_edit.svg);
    width: 22px;
    height: 22px;
    display: block;
}

    a.reportIcon:hover {
        background: url(../images/ic_edit_hover.svg);
    }

a.delIcon {
    background: url(../images/ic_del.svg);
    width: 22px;
    height: 22px;
    display: block;
}

    a.delIcon:hover {
        background: url(../images/ic_del_hover.svg);
    }

a.plusIcon {
    background: url(../images/ic_plus5.svg);
    width: 24px;
    height: 24px;
    display: block;
}

    a.plusIcon:hover {
        background: url(../images/ic_plus5_hover.svg);
    }

.editReport .tabsBoxIn .nav-link {
    cursor: pointer;
    width: auto;
    padding: 11px 30px;
    border: 0;
    display: flex;
    border-radius: 0;
    height: auto;
    position: relative;
}

.editReport .tabsBoxIn .nav-tabs {
    height: auto;
    border-radius: 0;
    border-bottom: solid 1px #BEBEBE;
}

    .editReport .tabsBoxIn .nav-tabs .nav-link.active,
    .editReport .tabsBoxIn .nav-tabs .nav-link:hover {
        border: 0;
        border-radius: 0;
    }

.editReport .tabsBoxIn {
    margin-bottom: 10px;
}

    .editReport .tabsBoxIn .nav-link:after {
        content: '';
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        border-radius: 0;
        display: block;
        left: 0;
    }

    .editReport .tabsBoxIn .nav-tabs .nav-link.active:after,
    .editReport .tabsBoxIn .nav-tabs .nav-link:hover:after {
        background: #D19C1F;
    }

.selectBox-dropdown-menu {
    z-index: 1000;
}

.table6 .ms-options-wrap > button:focus {
    border: solid 1px #D19C1F !important;
}

.table6 .divTable {
    border: 0;
    box-shadow: none;
    border-bottom: solid 1px #E4E4E4;
    border-radius: 0;
}

.table6 .divTableCell {
    padding: 10px 15px;
}

    .table6 .divTableCell:first-child {
        padding-left: 0;
    }

.table6 .form-control {
    height: 36px;
    padding-left: 15px;
}

.table6 .selectBox-dropdown {
    height: 36px;
}

    .table6 .selectBox-dropdown .selectBox-label {
        padding-top: 0;
        padding-bottom: 0;
        height: 36px;
    }

.conIn .table6 .selectBox-dropdown .selectBox-label {
    height: 36px;
    display: flex;
    align-items: center;
}

.table6 .dropNormal .ms-options-wrap > button:focus,
.table6 .dropNormal .ms-options-wrap > button {
    height: 36px;
}

.editReport .divTableHeadTxt {
}

.table6 .divTable.divTableHeadTxt .divTableCell {
    padding: 5px 15px;
}

    .table6 .divTable.divTableHeadTxt .divTableCell:first-child {
        padding-left: 0;
    }


.table6 .divTableCell:first-child {
    width: 20%;
}

.table6 .divTableCell:nth-child(2) {
    width: 11%;
}

.table6 .divTableCell:nth-child(3) {
    width: 20%;
}

.table6 .divTableCell:nth-child(4) {
    width: 10%;
}

.table6 .divTableCell:nth-child(5) {
    width: 16%;
}

.table6 .divTableCell:nth-child(6) {
    width: 13%;
}

.table6 .divTableCell:nth-child(7) {
    width: 10%;
}

.table6Scroll {
    height: calc(100vh - 290px);
    overflow: auto;
}

.editPup {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: var(--colwhiteVal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
    box-shadow: 0px -5px 10px #0000000D;
}

.table6Scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #D19C1F;
    border-radius: 0;
    background-color: #F5F5F5;
}

.table6Scroll::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.table6Scroll::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 2px #D19C1F;
    background-color: #555;
}


.rolAccor .accordion-header {
    position: relative;
}

    .rolAccor .accordion-header .dropCheck {
        position: absolute;
        z-index: 4;
        left: 20px;
        top: 18px;
        height: 20px;
        margin-top: 0;
    }

.rolAccor .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.rolAccor .accordion-item {
    box-shadow: 0px 0px 10px #E4DDCC4D;
    border: 1px solid #F8F0DD !important;
    margin-bottom: 2px;
    background: var(--colwhiteVal);
    border-radius: 6px;
}

.rolAccor .accordion-button {
    padding-left: 50px;
    height: 55px;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    color: var(--bodyCol);
    border-radius: 6px !important;
}

    .rolAccor .accordion-button.collapsed {
        border-radius: 6px !important;
    }

    .rolAccor .accordion-button:not(.collapsed) {
        background: var(--colwhiteVal);
        box-shadow: none;
        color: var(--bodyCol);
    }

    .rolAccor .accordion-button::after {
        background: url(../images/ic_plus6.svg) no-repeat center center;
        position: absolute;
        width: 55px;
        height: 55px;
        z-index: 4;
        right: 0;
        top: 0;
        border-radius: 6px;
        transform: rotate(90deg);
    }

    .rolAccor .accordion-button:not(.collapsed)::after {
        transform: rotate(-45deg);
    }

    .rolAccor .accordion-button::before {
        content: '';
        position: absolute;
        width: 55px;
        height: 55px;
        z-index: 4;
        right: 0;
        top: 0;
        border-radius: 0 6px 6px 0;
        border-left: solid 1px #F8F0DD;
    }

    .rolAccor .accordion-button:not(.collapsed)::before {
        border-bottom: solid 1px #F8F0DD;
        background: #FDF9F1;
        border-radius: 0 6px 0 0;
    }

.rolAccorBody {
    padding: 0 0 30px 50px;
}

.rolAccorBodyList {
    display: flex;
    flex-direction: column;
    gap: 10px
}

    .rolAccorBodyList .dropCheck {
        margin-top: 0;
        min-height: 20px;
        display: flex;
        align-items: center;
    }

    .rolAccorBodyList .checkBoxCustom .checkmark {
        top: 0;
    }

.error_popup_new,
.success_popup {
    position: fixed;
    bottom: 50px;
    display: flex;
    justify-content: flex-end;
    z-index: 999;
    left: auto;
    right: 30px;
    width: 100%;
}

.success_popupIn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 20px;
    gap: 10px;
    color: #1FD172;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 6px;
    border: 1px solid #1FD172;
    box-shadow: 0px 0px 10px #1FD1724D;
    background: var(--colwhiteVal);
}


.success_popup_new {
    position: fixed;
    bottom: 50px;
    display: flex;
    justify-content: flex-end;
    z-index: 999;
    left: auto;
    right: 30px;
    width: 100%;
}

.error_popup_new .error_popupIn {
    box-shadow: 0px 0px 10px #D935404D;
    background: #D935401A;
    border: 1px solid #D9354080;
    color: #D93540;
}

.messgePupShowHide {
    display: none;
}

.pr30 {
    padding-right: 30px;
}


.proBox .conIn {
    padding: 0;
}

.proBox {
    width: 28%;
    background: var(--colwhiteVal);
    padding: 30px 20px 20px 30px;
    height: 100vh;
    overflow: auto;
    position: fixed;
    overflow: auto;
    z-index: 1;
    box-shadow: 4px 0px 20px #E6DECA80;
}

.proBoxClose {
    position: absolute;
    right: 10px;
    top: 10px;
}

.proBox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #D19C1F;
    border-radius: 0;
    background-color: #F5F5F5;
}

.proBox::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.proBox::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 2px #D19C1F;
    background-color: #555;
}

.proBox .conIn h5 {
    padding-bottom: 30px;
}

.proBoxIn {
    display: flex;
    gap: 20px
}

    .proBoxIn .proTxt1 {
        font-size: 16px;
        color: var(--bodyCol);
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 10px
    }

    .proBoxIn .proTxt2 {
        padding-top: 5px;
        padding-left: 32px;
        font-size: 11px;
        color: var(--colGryVal);
        font-weight: 500;
        margin-bottom: 20px;
    }

.proTxt {
    padding-top: 10px;
}

.proBoxIn .proTxt a {
    display: block;
    color: var(--bodyCol);
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 5px;
}

.proBoxIn .proTxt .comBtns {
    margin-top: 30px;
}

    .proBoxIn .proTxt .comBtns .btnUpdate {
        border: 1px solid var(--colGreenVal);
        background: var(--colwhiteVal);
        color: var(--colGreenVal);
        height: 36px;
        width: 152px;
        padding-left: 0;
        padding-right: 0;
        justify-content: center;
        font-weight: 500;
    }

        .proBoxIn .proTxt .comBtns .btnUpdate:hover {
            background: #D19C1F;
            color: var(--colwhiteVal);
            border: solid 1px #D19C1F;
        }

.profileBox2 li {
    padding-bottom: 40px;
}

    .profileBox2 li .comBtns .btn {
        width: 50%;
        justify-content: center;
        font-weight: 600;
    }


.profileBoxSucss {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
}

    .profileBoxSucss p {
        color: var(--bodyCol);
        font-weight: 600;
        font-size: 20px;
        padding-top: 10px;
    }

.comBtns .btn.btnOk {
    width: 83px;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
    border: solid 1px #D19C1F;
    color: #D19C1F;
}


.profileBox3 {
    padding-top: 30%;
}

.profileLink {
}

.hide {
    display: none;
}

.interactionsPup {
    height: calc(100vh - 126px);
}

    .interactionsPup .conIn {
        padding-top: 30px;
    }

.colGreen {
    color: var(--colGreenVal);
}

.dateTxt {
    font-size: 13px;
}

.dateTxt {
    color: #5D574B;
}

    .dateTxt span {
        color: var(--colGryVal);
    }

    .dateTxt b {
        color: var(--colGryVal2);
    }

    .dateTxt i {
        color: var(--colGreenVal);
    }

    .dateTxt strong {
        font-weight: 500;
    }

.viewNewInner .dateTxt {
    font-weight: 500;
}


.dateTxtRight a {
    color: var(--bodyCol);
}

.dateTxtMain {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #EBEBEB;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.dateTxt2 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    display: block;
}

.dateTxtMain2 p {
    font-size: 14px;
    line-height: 22px;
    border-bottom: solid 1px #EBEBEB;
    padding-bottom: 20px;
    margin-bottom: 30px;
}


.dateTxtMain3 {
    display: flex;
    justify-content: space-between;
}

.dateTxtMain3LeftIN {
    padding-bottom: 15px;
    display: flex;
}

    .dateTxtMain3LeftIN strong {
        width: 180px;
        color: #827F7E;
        font-weight: normal;
    }

.interactionsPup .viewTable {
    height: calc(76vh - 76px);
}

.dateTxtMain3Right {
    width: 360px;
}

    .dateTxtMain3Right .dateTxtMain3LeftIN {
        flex-direction: column;
    }

        .dateTxtMain3Right .dateTxtMain3LeftIN strong {
            padding-bottom: 10px;
        }

        .dateTxtMain3Right .dateTxtMain3LeftIN a {
            color: var(--colGreenVal);
        }

.dateLinks {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.interactionsPupBtn { /* position: absolute;*/
    width: 100%;
    bottom: 20px;
    left: 0;
    display: flex;
    justify-content: center;
    border-top: solid 1px #EBEBEB;
    margin-top: 30px;
    padding-top: 30px;
}

.interactionsPup .conIn {
    position: relative;
}

.interactionsPup .comBtns .btn {
    border: solid 1px #4D8695;
    color: #4D8695;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

    .interactionsPup .comBtns .btn:before {
        content: '';
        width: 22px;
        height: 22px;
    }

.interactionsPup .comBtns .btnEdit:before {
    background: url(../images/ic_edit2.svg) no-repeat center center;
}

.interactionsPup .comBtns .btnDel:before {
    background: url(../images/ic_del2.svg) no-repeat center center;
}

.interactionsPup .comBtns .btn:hover {
    background: #D19C1F;
    color: #fff;
    border: solid 1px #D19C1F;
}

.interactionsPup .comBtns .btnEdit:hover:before {
    background: url(../images/ic_edit2_hover.svg) no-repeat center center;
}

.interactionsPup .comBtns .btnDel:hover:before {
    background: url(../images/ic_del2_hover.svg) no-repeat center center;
}

.summerBox {
    line-height: 27px;
    background: #EDF3F4;
    padding: 16px 25px;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 20px;
}

    .summerBox strong {
        font-weight: bold;
        font-size: 18px;
    }

.summerList {
    border-right: solid 1px #D3DADB;
    padding: 0 20px;
}

.summerBox .summerList {
    display: flex;
    align-items: center;
    gap: 5px
}

    .summerBox .summerList span {
        font-size: 14px;
        color: rgba(34, 34, 34, .7);
    }

    .summerBox .summerList:first-child {
        padding-left: 0;
    }

    .summerBox .summerList:last-child {
        padding-right: 0;
        border-right: 0;
    }

.summerListBox {
    display: flex;
    flex-wrap: wrap;
}


.fileName {
    color: #4D8695;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    position: absolute;
}

    .fileName:hover {
        color: #D19C1F;
    }

.btnInput.disabled {
    pointer-events: none;
    opacity: .3;
}


.inputLabelBoxBlank {
}

    .inputLabelBoxBlank label {
        margin-left: 0;
        padding: 0;
    }

.inputLabelBoxBlankIn {
    display: flex;
    gap: 10px;
    padding-top: 20px;
}

    .inputLabelBoxBlankIn a {
        background: #EDF3F4;
        color: #222222;
        font-size: 13px;
        padding: 4px 10px;
        border-radius: 15px;
    }

        .inputLabelBoxBlankIn a:hover,
        .inputLabelBoxBlankIn a.active {
            background: #D19C1F;
            color: #fff;
        }

.w20 {
    width: 20px;
}

.preGryBox {
    padding: 20px;
    background: #F4F8F9;
    border-radius: 6px;
    margin-bottom: 20px;
}

    .preGryBox td {
        vertical-align: middle;
        height: 30px;
    }

        .preGryBox td:first-child {
            color: #827F7E;
        }

        .preGryBox td:last-child {
            color: #222222;
            font-weight: 500;
        }

        .preGryBox td a {
            color: #4D8695;
        }

.preGryBoxIn {
    display: flex;
    align-items: center;
    gap: 10px
}

.preGryBoxLogo {
    margin-bottom: 20px;
}

.preGryBoxTxt {
    margin-bottom: 20px;
}

    .preGryBoxTxt p {
        font-size: 14px;
        line-height: 23px;
    }

.addressBook {
    background: #fff;
    padding: 0;
    overflow: visible;
}

    .addressBook .nav-tabs {
        display: flex;
        flex-direction: column;
        border: 0;
    }

    .addressBook .nav-item {
        position: relative;
    }

    .addressBook .nav-link {
        width: 100%;
        text-align: left;
        padding: 0;
        border-radius: 0;
        border: 0;
        margin: 0;
    }

.addressBook1 {
    padding-top: 70px;
    border-right: solid 1px #EBEBEB;
    height: calc(100vh - 80px);
    overflow: hidden;
    overflow-y: auto;
}

.addressBookIn {
    display: flex;
    gap: 13px;
    align-items: center;
    height: 70px;
    border-bottom: solid 1px #EBEBEB;
    padding-left: 30px;
    padding-right: 30px;
}

.addressBookLeft {
    background: #F2F4F5;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #8D8D8D;
    border-radius: 30px;
}

.addressBookRight {
    width: calc(100% - 50px);
}

    .addressBookRight strong {
        color: #4D8695;
        font-weight: 600;
        display: flex;
        padding-bottom: 5px;
    }

    .addressBookRight span {
        color: #8D8D8D;
        font-size: 12px;
    }

.addressBook .nav-link.active {
    border: 0 !important;
}

.addressBook .nav-link:focus {
    border: 0 !important;
}

.addressBook .nav-link.active .addressBookIn {
    position: relative;
}

    .addressBook .nav-link.active .addressBookIn:before {
        width: 5px;
        height: 100%;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: #D19C1F;
        display: block;
    }

.addressBook .nav-link.active:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: -1px;
    top: 0;
}

.addressBook .nav-link.active .addressBookRight strong {
    color: #222222;
}

.addressBook .nav-link.active .addressBookLeft {
    background: #D19C1F;
    color: #fff;
}


.addressBookSearch {
    position: absolute;
    width: 100%;
    z-index: 9999;
    background: #fff;
    margin: 0;
    border: 0;
    height: 70px;
    padding-left: 35px;
    border-bottom: solid 1px #EBEBEB !important;
    border-right: solid 1px #EBEBEB;
}

    .addressBookSearch input {
        width: 100%;
    }


.addressBookInRight {
    padding-left: 0;
    padding-bottom: 20px;
    gap: 20px;
    align-items: flex-start;
    height: auto;
}

    .addressBookInRight .addressBookLeft {
        width: 80px;
        height: 80px;
        border-radius: 40px;
        font-size: 24px;
        color: #fff;
        background: #D19C1F;
    }

    .addressBookInRight .addressBookRight {
        padding-top: 10px;
        width: calc(100% - 100px);
    }

        .addressBookInRight .addressBookRight strong {
            font-size: 20px;
            color: #222222;
            font-weight: 800;
        }

        .addressBookInRight .addressBookRight span {
            font-size: 16px;
            color: #222222;
            font-weight: 500;
            display: block;
            padding-bottom: 17px;
        }


    .addressBookInRight a.socLind {
        width: 14px;
        height: 14px;
        background: url(../images/ic_lin.svg) no-repeat;
    }

        .addressBookInRight a.socLind:hover {
            background: url(../images/ic_lin_hover.svg);
        }

.addressBookDetails {
    padding-top: 20px;
}

    .addressBookDetails h5 {
        font-size: 18px;
        color: #222222;
        font-weight: 600;
        padding-bottom: 13px;
    }


.addressBookDetailsIn {
    display: flex;
    gap: 20px;
    width: 100%;
}

.addRightBox {
    width: calc(100% - 60px);
}

    .addRightBox h6 {
        color: #4D8695;
        font-weight: 500;
        width: 100%;
    }

    .addRightBox h6 {
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        padding-bottom: 5px;
    }

.addRightBoxTxt {
    color: #827F7E;
    font-weight: normal;
    font-size: 14px;
}

    .addRightBoxTxt a {
        color: #4D8695;
        font-weight: 500;
    }

.addRightBoxTxt2 {
    font-size: 14px;
    color: #222222;
    padding-bottom: 20px;
}

    .addRightBoxTxt2 span {
        color: #827F7E;
        display: inline-block;
        padding-right: 5px;
    }

.addRightBoxInner li {
    padding-bottom: 30px;
}

.addRightBoxInner span {
    color: #827F7E;
}

.addRightBoxInner strong {
    color: #222222;
    display: block;
    padding-top: 4px;
    line-height: 23px;
}

.h20 {
    height: 20px;
}

.addRightBox2 .addRightBoxTxt2 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
}

.addRightBox2 h6 {
    font-weight: 500;
    font-size: 16px;
}

.showingBox {
    color: #8D8D8D;
    display: flex;
    align-items: center;
    gap: 3px
}

    .showingBox span {
        color: #222;
        font-weight: 500;
    }

    .showingBox .dropdown {
        margin-left: 8px;
        margin-right: 8px;
    }

    .showingBox .dropdown-toggle {
        width: 30px;
        display: inline-flex;
        position: relative;
        padding-right: 15px;
        color: #222222;
        font-weight: 500;
    }

        .showingBox .dropdown-toggle:after {
            content: '';
            width: 10px;
            height: 6px;
            background: url(../images/ic_arrow11.svg) no-repeat center center;
            display: block;
            position: absolute;
            top: 50%;
            margin-top: -3px;
            right: 0;
            border: 0;
        }

    .showingBox .dropdown-menu {
        min-width: 40px;
        padding: 10px 0;
        width: auto;
    }

        .showingBox .dropdown-menu .dropdown-item {
            padding: 5px 15px;
        }


.fotShowPagi {
    display: flex;
    justify-content: space-between;
}

.tabsTop {
    padding: 0 5px;
    box-shadow: 0px 1px 1px #EFE6D1CC;
    background: #fff;
    height: 76px;
    display: flex;
    align-items: center;
}

    .tabsTop a.tabsTopActive {
        width: 70px;
        height: 66px;
        margin-right: 0;
    }

.tabsTopTotal {
    color: #5D574B;
    border-right: solid 1px #F8F0DD;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0 4%;
}

    .tabsTopTotal strong {
        color: #5D574B;
        font-size: 22px;
    }

    .tabsTopTotal span {
        font-size: 11px;
    }

.tabsTopList {
    border-right: solid 1px #F8F0DD;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px 4%;
}

.tabsTopList2 {
    border-right: 0;
}

.tabsTopListIn {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 4px 0;
}

    .tabsTopListIn strong {
        color: #5D574B;
        font-size: 12px;
        font-weight: bold;
        width: 50px;
        text-align: right;
        padding-bottom: 0;
    }

    .tabsTopListIn span {
        font-size: 12px;
        font-weight: normal;
    }

.tabsTopActiveRight {
    width: calc(100% - 70px);
    display: flex;
    height: 100%;
    justify-content: space-between;
}

.tabsTop a.tabsTopListIn {
    display: flex;
    width: auto;
    margin: 0;
    flex-direction: row;
}

    .tabsTop a.tabsTopListIn:after {
        display: none;
    }

.tabsBoxInNew {
    margin-bottom: 15px;
}

    .tabsBoxInNew .nav-link {
        width: auto;
        padding-left: 16px;
        padding-right: 16px;
    }

.tabsBoxIn .nav-tabs {
    background: #faf9f7;
    display: inline-flex;
}

.tabsBoxIn .nav-link {
    font-weight: normal;
}

.tabsBoxIn .nav-tabs .nav-link.active {
    font-weight: 500;
}


.notificationBox {
    box-shadow: 0px 0px 15px #E4DDCC66;
    margin-bottom: 30px;
    border-radius: 6px;
    border: 1px solid #D19C1F;
}

    .notificationBox .listBox1 {
        border: 0;
        padding: 0;
        box-shadow: none;
    }

        .notificationBox .listBox1:hover {
            box-shadow: none;
        }

.upcomingBox {
    color: #F97714;
    font-weight: 500;
    border: 1px solid #F977144D;
    background: #F977141A;
    font-size: 11px;
    display: inline-block;
    padding: 1px 5px;
    line-height: 12px;
    margin-bottom: 6px;
    border-radius: 3px;
}


.notiRight {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-left: solid 1px #F3F0E8;
}

    .notiRight a {
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        width: 106px;
        font-weight: 500;
    }

    .notiRight .btnRemindMe {
        color: #D19C1F;
        border-bottom: solid 1px #F3F0E8
    }

    .notiRight .btnDissmiss {
        color: #4D8695;
    }

    .notiRight .btnView {
        font-size: 14px;
        font-weight: 500;
        background: url(../images/ic_arrow3.svg) no-repeat center right;
        padding-right: 14px;
        width: auto;
        color: #5D574B;
        font-weight: 500;
        margin-top: 20px;
    }

.notiRight2 {
    border-left: 0;
    padding-right: 30px;
}


.notificationBoxIn {
    display: flex;
    justify-content: space-between;
}

.notificationBoxInLeft {
    display: flex;
}

.notificationBoxLeft {
    display: flex;
    padding: 20px 25px 0;
    gap: 20px
}

.dayBox {
    background: #D19C1F;
    color: #FCFBF9;
    font-size: 11px;
    font-weight: 500;
}

.notInner {
    padding: 20px 25px 8px 75px;
}

.dayBox {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
}

.notiTable {
    width: 100%;
}

    .notiTable td {
        border-bottom: solid 1px #ECECEC;
        font-size: 13px;
        height: 40px;
        vertical-align: middle;
    }

        .notiTable td:last-child {
            text-align: right;
        }

    .notiTable tr:last-child td {
        border-bottom: 0;
    }


.font500 {
    font-weight: 500;
}

.font600 {
    font-weight: 600;
}


.dotGry {
    width: 8px;
    height: 8px;
    background: #C4C1BD;
    display: inline-flex;
    border-radius: 4px;
    margin-right: 10px;
}

.dotOrg {
    width: 8px;
    height: 8px;
    background: #D19C1F;
    display: inline-flex;
    border-radius: 4px;
    margin-right: 10px;
}

.w20 {
    width: 20px;
    display: inline-flex;
}

.btnUpdate {
    color: #4D8695;
}

    .btnUpdate.disabled {
        pointer-events: none;
        opacity: .5;
    }

td.disabled {
    opacity: .5;
}

.viewNewIn {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.viewNewInner {
    display: flex;
    gap: 50px
}

.viewNewIn .dateTxtMain {
    padding: 0;
    margin: 0;
    border: 0;
}

.dateTxtRight a.colOrg,
.colOrg {
    color: #D1861F !important;
}

.linkFollow {
    color: #4D8695;
}


.borBot30 {
    border-bottom: solid 1px #EBEBEB;
    padding-bottom: 20px;
    margin-bottom: 30px;
}


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

.btnPreview {
    padding: 0 20px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    background: #fff;
    color: #4D8695;
    border: solid 1px #4D8695;
    border-radius: 5px;
    font-weight: 500;
}

    .btnPreview:hover {
        background: #4D8695;
        color: #fff;
    }

.noBor {
    border: 0;
}

.detailPageIn {
    margin-left: 100px;
    display: flex;
    border-top: solid 1px #EBEBEB;
}

    .detailPageIn .addressBookDetails {
        width: calc(100% - 300px)
    }

.detailPageInRight {
    max-width: 300px;
    width: 100%;
    padding-top: 20px;
}

    .detailPageInRight .gryBgBoxIn {
        width: 100%;
        background: #F4F8F9;
        border-radius: 6px;
        border: 0;
    }

    .detailPageInRight .gryBgBoxCon {
        border: 0;
        padding-bottom: 0;
    }

    .detailPageInRight .gryBgBoxConLinks {
        gap: 5px
    }

        .detailPageInRight .gryBgBoxConLinks a:after {
            display: none;
        }


.addressBookInRight .addressBookRight span.setPrimary {
    color: #D1861F;
    font-size: 11px;
    padding-bottom: 0;
    border: 1px solid #D1861F4D;
    padding: 2px 6px;
    border-radius: 3px;
}

.addressBookDetailsIn .addRightBoxInner li:last-child {
    padding-bottom: 0;
}


.filterHeight {
    display: none;
}

.h60 {
    height: 60px;
}

.h100 {
    height: 100px;
}

.h150 {
    height: 150px;
}


.eventsPup {
    display: flex;
    align-items: flex-start;
    gap: 50px
}

    .eventsPup .pupHead {
        flex-direction: column;
        align-items: flex-start;
    }

.eventListPup {
    width: 100%;
}

.eventListPupIn {
    padding-top: 10px;
    border-top: solid 1px #F3F0E8;
    width: 100%;
}

.eventListPupTxt1 {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .eventListPupTxt1 strong {
    }

.eventsPup .pupHead h5 {
    padding-bottom: 15px;
}

.eventListPupTxt2 {
    color: #222222;
    font-size: 13px;
}

    .eventListPupTxt2 i {
        font-style: normal;
        color: #4D8695;
        position: relative;
        margin-left: 12px;
        padding-left: 12px;
    }

        .eventListPupTxt2 i:before {
            background: #AB9F9F;
            width: 1px;
            height: 11px;
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -5px;
        }

.eventsPupRight {
    width: calc(100% - 400px);
}

    .eventsPupRight .form-control {
        height: 200px;
    }


.nsmall .daterangepicker {
    z-index: 998 !important;
}

.nsmall .selectBox-dropdown-menu {
    z-index: 998 !important;
}

.filterBox li li {
    margin-bottom: 0!important;
}

/**/
@media (max-width: 1240px) {

    .headerTabs a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .headerSearch input {
        width: 180px;
    }

    .headerSearch {
        margin-left: 10px;
    }

    .innerHeaderR .gryBgBoxConLinks {
        flex-direction: row;
    }

    .innerHeaderR2 {
        align-items: center;
        margin-top: 10px;
    }

    .mt160 {
        margin-top: 180px;
    }

    .table3.table3New3,
    .table3.table3New4 {
        width: 1200px;
    }


    .filterBox2Mob,
    .filterBox3Mob {
        top: 181px;
    }

    .table2 .divTableCell .gryBgBoxIn {
        flex-wrap: wrap;
    }

    .table2 .divTableCell .gryBgBoxCon:first-child {
        width: 100%;
    }

        .table2 .divTableCell .gryBgBoxCon:first-child .gryBgBoxConLinks {
            flex-wrap: wrap;
        }
}

@media (max-width: 1200px) {
    .tableMainBor {
        overflow: auto;
    }

    .tableMain {
        width: 1200px;
    }

    .colIn2Col .row {
        margin: 0 -15px;
    }

    .colIn2Col li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .table3New5.table3 .divTableCell:first-child {
        width: 28%;
    }

    .table3New5.table3 .divTableCell:nth-child(2) {
        width: 60%;
    }

    .table3New5.table3 .divTableCell:last-child {
        width: 11%;
    }

    .table2 .divTableCell:first-child,
    .table2 .divTableHead:first-child {
        width: 22%;
    }

    .table2 .divTableCell:nth-child(3),
    .table2 .divTableHead:nth-child(3) {
        width: 50%;
    }

    .table2 .divTableCell .gryBgBoxCon:last-child {
        width: 100%;
    }
}

@media (max-width: 1100px) {

    .filterBox2Mob li {
        width: 50%;
    }

    .filterBox3Mob li,
    .filterBox5Mob li {
        width: 33.3%;
    }

    .filterBox4Mob li:last-child {
        width: 66%;
    }

    .table4 .divTableCell:first-child, .table4 .divTableCell:first-child {
        width: 15%;
    }

    .table3New5.table3 .divTableCell {
        line-height: 1.3;
    }



    .innerHeaderNew .headerNewTxt2 {
        flex-wrap: wrap;
    }

    .tabsBtns a {
        padding: 8px 15px;
    }


    .conLeft {
        padding-left: 15px;
        padding-right: 15px;
    }

    .reportList .listBoxTxt {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .conLeft .listBoxTxt {
        flex-wrap: wrap;
    }

    .conLeft .listBox1 {
        flex-wrap: wrap;
    }

    .chatBoxTab2 {
        flex-wrap: wrap;
    }

    .listBoxTxtRight {
        text-align: left;
    }

    .conLeft .listBoxTxt {
        padding-left: 0;
    }

    .conLeft .listBoxTxtHead2 {
        padding-bottom: 0;
        display: flex;
    }

    .conLeft .listBoxTxtRight {
        display: flex;
        align-items: center;
        gap: 5px
    }

    .conLeft .listBox2 > div {
        width: 100%;
    }
}



@media screen and (min-device-width: 1370px) and (max-device-width: 5000px) {
    .innerHeader {
        width: calc(100% - 20%);
    }

    .menuBox {
        width: 20%;
    }

    .conLeft {
        width: 28%;
    }

    .container {
        padding-left: 20%;
    }

    .conRight {
        padding-left: 38% !important;
    }
}