/* @font-face{
            font-family: 'Lexend Deca Light';
            src: url('../fonts/Lexend Deca Light.eot');
            src: url('../fonts/Lexend Deca Light.eot') format('embedded-opentype'),
                url('../fonts/Lexend Deca Light.woff2') format('woff2'),
                url('../fonts/Lexend Deca Light.woff') format('woff'),
                url('../fonts/Lexend Deca Light.ttf') format('truetype'),
                url('../fonts/Lexend Deca Light.svg#Lexend Deca Light') format('svg');
        }
        @font-face{
           font-family: 'Lexend Deca LightBold';
           src:url('../fonts/Lexend Deca Regular.eot');
           src:url('../fonts/Lexend Deca Regular.eot') format('embedded-opentype'),
               url('../fonts/Lexend Deca Regular.woff2') format('woff2'),
               url('../fonts/Lexend Deca Regular.woff') format('woff'),
               url('../fonts/Lexend Deca Regular.ttf') format('truetype'),
               url('../fonts/Lexend Deca Regular.svg#Lexend Deca Regular') format('svg');
        }*/
        @font-face{
           font-family: 'Lexend Deca';
           src: url('../fonts/LexendDeca-ExtraLight.ttf') format('truetype');
        }

        @font-face {
            font-family: 'Lexend Deca Regular';
            src: url('../fonts/LexendDeca-Black.ttf') format('truetype');
        }

        @font-face {
            font-family: 'Lexend Deca ExtraBold';
            src: url('../fonts/LexendDeca-ExtraBold.ttf') format('truetype');
        }
        @font-face {
            font-family: 'Lexend Deca Thin';
            src: url('../fonts/LexendDeca-Thin.ttf') format('truetype');
        }
        @font-face {
            font-family: 'Lexend Deca ExtraLight';
            src: url('../fonts/LexendDeca-ExtraLight.ttf') format('truetype');
        }
        @font-face {
            font-family: 'Lexend Deca Light';
            src: url('../fonts/LexendDeca-Light.ttf') format('truetype');
        }
        @font-face {
            font-family: 'Lexend Deca Regular';
            src: url('../fonts/LexendDeca-Regular.ttf') format('truetype');
        }
        @font-face {
            font-family: 'Lexend Deca Medium';
            src: url('../fonts/LexendDeca-Medium.ttf') format('truetype');
        }
        @font-face {
            font-family: 'Lexend Deca SemiBold';
            src: url('../fonts/LexendDeca-SemiBold.ttf') format('truetype');
        }

        @font-face {
            font-family: 'Lexend Deca Bold';
            src: url('../fonts/LexendDeca-Bold.ttf') format('truetype');
        }
        @font-face {
            font-family: 'Lexend Deca ExtraBold';
            src: url('../fonts/LexendDeca-ExtraBold.ttf') format('truetype');
        }

        /*Custom CSS Document*/
        body{
         font-family: 'Lexend Deca light';
         color:#000;
         background: #ecf3f8;
         min-height: 100vh!important;
        }

        .sun-mon{display:none;}

        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Lexend Deca Regular','Open Sans', sans-serif; }
        body .dn { display:none; }
        .aligncenter { margin:0 auto; }
        ul li { list-style: none; position: relative; }
        ul { margin: 0; padding: 0; }
        button:focus, button.active, a:focus, a.active { outline:none; }
        .left-pad{padding-left:15px;}
        .padding-top-0{padding-top:0 !important;}
        .padding-tb-15{padding:15px 0 !important;}
        .padding-lr-15{padding:0 15px !important;}
        .margin-0{margin:0 !important;}
        .form-actions .padding-tb-15{margin: 0; padding:15px 0 !important;}

        .form-control{border-radius: 3px;}

        label{font-weight:normal; font-size: 12px}
        /*= navbar-nav =======*/
        span.radius-box { padding: 10px; display: inline-block; border-radius: 50%; width: 55px; height: 55px; }
        span.radius-box { font-size: 22px; }
        .pull-left ul.nav.navbar-nav li a { padding: 25px 8px; }
        .pull-left ul.nav.navbar-nav li li a { padding: 7px 15px; }
        .navbar-nav>.user-menu>.dropdown-menu>li.user-header { height: auto; }
        .main-header #navbar-search-input.form-control{border-radius:0; width:175px; background: #efefef;}
        .pull-left-block { display: flex; align-items: center; justify-content: center; vertical-align: middle; width: auto; float: left; }
        .navbar-custom-menu>.navbar-nav>li.dropdown.user.user-menu a { display: flex; justify-content: center; align-items: center; padding:0 10px; }
        .navbar-custom-menu>.navbar-nav>li.dropdown.user.user-menu a small { display: block; }
        .navbar-custom-menu>.navbar-nav>li.dropdown.user.user-menu a i.fa.fa-user { margin: 0 15px 0 0; }
        .navbar-custom-menu>.navbar-nav>li.dropdown.user.user-menu a span.caret { margin-left: 15px; }
        .navbar-custom-menu ul.nav.navbar-nav { display: flex; justify-content: center; align-items: center; }
        .main-header .collapse ul ul span.caret { position: absolute; top: 50%; right: 15px; }
        .navbar-nav>li>a i{font-size: 18px;}

        /* menu redesign */

        .skin-md .main-header .navbar.header-menu .nav {
            float: none;
        }
        .skin-md .main-header .navbar .nav-bottom .nav > li > a {
            padding: 13px 15px 13px 15px;
            text-transform: uppercase;
            font-size: 13px;
            position: relative;
            font-weight: 400;
            font-family: "lexend deca Regular";
        }
        .skin-md .main-header .navbar .nav-bottom .nav > li:first-child a{padding-left: 7px;}
        .skin-md .main-header .navbar .nav-bottom .nav > li > a:hover{color: #3673B5!important }
        .skin-md .main-header .navbar .nav-bottom .nav > li.dropdown li a {
            font-size: 13px;
            padding: 8px 15px 8px 15px;
            text-transform: capitalize;
        }
        .skin-md .main-header .navbar .nav-bottom .nav > li.dropdown li:last-child a{border-bottom: 0;padding-bottom: 16px;}
        .skin-md .main-header .navbar .nav-bottom .nav > li.dropdown li:first-child a{padding-top: 16px;}
        .skin-md .main-header .navbar .nav-bottom .nav > li.dropdown li .dropdown-menu li a{padding-bottom: 8px;border-radius: 0;}
        .skin-md .main-header .navbar .nav-bottom .nav > li.dropdown li .dropdown-menu li:last-child a{padding-bottom: 16px;}
        .skin-md .main-header .navbar .nav-bottom .nav > li.dropdown li .dropdown-menu li:first-child a{padding-top: 16px;}
        .nav-top{background:#003B7A; padding:0 25px 0 10px;}
        .nav-top form.navbar-form.navbar-left{padding:0; margin-left:-3px;}
        .nav-top .main-search button#search-btn{padding: 5px 15px;    border-color: #083c76;border-left: 0;    background: #fff;}
        .nav-top .main-search button#search-btn:active {outline: none;background: #fff;box-shadow: none;}
        .nav-top .main-search .form-control{width:400px;border-radius: 4px 0 0 4px;border-color: #083c76;}
        .nav-top .main-search .form-control:focus {border-right: 0;}
        .nav-top .search-box .input-group{display: none;}
        .main-header .navbar.header-menu{padding: 0;z-index: 1;}
        .nav-bottom{padding: 0 20px;}      
        .align-items-center{    align-items: center;}
        .skin-md .main-header .nav-bottom .navbar .nav > li:first-child:after{display: none;}
        .header-menu span.caret{border-top: transparent;position: relative;}
        .header-menu span.caret:after {
            content: '\f078';
            position: absolute;
            font-family: 'FontAwesome';
            font-size: 8px;
            top: -10px;
            left: -4px;
        }
        .nav-bottom .input-group {
            border: 1px solid #74A3D5;
            padding: 3px 12px 3px 5px;
            border-radius: 4px;
            background: #fff;
            width: 250px;margin-right: 15px;
            float: right;
        }
        .nav-bottom .input-group input.form-control {
            border: transparent;font-size: 12px;
            background: transparent;height: 25px;padding-left: 8px;color:#003B7A;font-family: "lexend deca Regular";
        }
        .nav-bottom .input-group input.form-control::placeholder{color:#003B7A;font-family: "lexend deca Regular";}
        .page-title-header .nav-bottom .input-group input.form-control{height: 24px;}
        .nav-bottom .input-group button.btn.btn-default {
            background: transparent;
            color: #2F80CB;
            padding: 0;
            border: 0;
            font-size: 15px;height: auto;
            min-width: auto;
        }
        .navbar .nav-bottom .input-group button.btn.btn-default{height: 17px;}
        .nav-bottom .input-group button.btn.btn-default:hover, .nav-bottom .input-group button.btn.btn-default:focus {
            background: transparent!important;
            color: #797979!important;    outline: none;
            box-shadow: none;
        }
        .nav-bottom.comn-srch{        padding: 0;      position: relative;}
        .nav-bottom.comn-srch .input-group{padding: 1px 12px 0px 4px;width: 170px;margin-right: 0;}
        .nav-bottom.comn-srch .input-group button.btn.btn-default{font-size: 13px;;margin-top: 1px;}
        .nav-bottom .nav .dropdown li.dropdown.open {
            padding: 0;
        }
        /* sms-tt */
        .sms-tt{
           color: #1a85e7;
           height: 22px;
           width: 22px;
           position: relative;
           display: flex;
           margin-right: -7px;
           align-items: center;
           justify-content: center;
        }
        .sms-tt abbr{
            position: absolute;
            font-size: 8px;
            font-family: 'Lexend Deca Regular';
        }
        .cmn-modal.recycle-tp-modal.merge-acc .modal-dialog {
            width: 630px;
            right: 1px;
            margin-top: 2px;
         }
        /* cb_modal */
        .cb_modal{left: 388px !important;}
        .cb_modal .modal-dialog.lg-modal.d-inline {
            overflow: auto !important;
            padding: 0 13px;
            margin-top: 15px;
        }
        .cb_modal .modal-header:before {
            content: '';
            position: absolute;
            height: 0;
            width: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 12px solid #a6bedb;
            left: -12px;
            z-index: 11;
            top: 4px;
        }
        .cb_modal .oncanvas-group{border-bottom: 0;}
        .portlet_wrapper .status_update select.form-control.updated_status {
            height: 25px;
        }
        .listingpg table#dashboard_table_Reminders>thead>tr>th:nth-child(2n) {
            width: 131px !important;
        }
        .listingpg table#dashboard_table_Reminders>thead>tr>th:first-child {
            width: 100px !important;
        }
        /***For Dropdown Hover***/
        li.dropdown ul.dropdown-menu {
            background: #fff;
            border-radius: 0;
            text-align: left;
            float: right;
            right: 10px;
            left: auto;
        }
        li.dropdown li.dropdown ul.dropdown-menu { display:none !important; }
        li.dropdown li.dropdown:hover ul.dropdown-menu { display: block !important; } 
        /***For Dropdown Hover***/
        label.error { color: #f00 !important; display: block; font-size: 12px; margin-top: 0; font-weight: 400; position: absolute; bottom:-26px;}
        .mT2p {margin-top: 2%;}
        .error{border-color: #f00 !important;}
        /***User Dropdown***/
        .skin-md .main-header li.user-header { display:none; }
        .navbar-nav>.user-menu>.dropdown-menu>.user-footer div a { background: transparent; border: 1px solid #a9a9a9; }
        .navbar-nav>.user-menu>.dropdown-menu{padding:0; border:0; box-shadow:none; background:transparent;}

/******/
.ln-bx{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.ln-bx .ac-iconsec a {
    display: flex;
    align-items: flex-start;
    width: 40px;
    margin: 0;
}
.ln-bx .ac-iconsec span.icon-sec {
    margin: 0;
}
/*****/

        /******Messages-menu******/
        li.dropdown.messages-menu, li.dropdown.notifications-menu{}
        .header-user-icon span { font-size: 16px; }
        .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a { margin: 0; padding: 10px 10px; border-top: 1px solid; }
        .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 { margin: 0 0 0 50px; }
        .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p { margin: 0 0 0 50px; }
        .navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu { border-radius: 0; }
        .navbar-nav>.messages-menu>.dropdown-menu>li.header, .navbar-nav>.tasks-menu>.dropdown-menu>li.header { border-radius: 0; border-bottom: 1px solid; }
        .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a { display: block; white-space: nowrap; border-bottom: 1px solid; }
        .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a { border-top: 1px solid; }
        .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover { text-decoration: none; }
        .header-user-icon { padding: 8px 12px 6px 12px; border-radius: 27px; }
        .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a { border-radius: 0; border-bottom: 1px solid; text-align: center; }
        .navbar-custom-menu .navbar-nav>li>a { padding-right: 10px !Important; padding-left: 10px!Important;    height: 22px;
            display: flex;
            align-items: center;
            justify-content: center;}

        /*********mergeaccount-wrapp************/
        .mergeaccount-wrapp{padding: 20px;}
        .mergeaccount-title{margin: 0; padding: 35px 0 0 0; font-size: 20px; font-weight: bold; color: #1b84e7;}
        .mergeaccount-select-content{padding: 20px 0;}
        .mergeaccount-select-content .form-group{height: 40px; /*display: flex; align-items: center;*/}
        .mergeaccount-select-content .form-group input[type=radio]{margin: 0 7px 0 0; position: relative; top: 14px; float: left;}

        .mergeaccount-header .form-group {position: relative;} 
        .mergeaccount-header .form-group .error{position: absolute;bottom: -24px;} 
        #mergeaccount_modal .close-button{background: white; font-size: 13px; cursor: pointer; color: #14416C; width: 22px; height: 22px; border: 1.5px solid #1B84E7; border-radius: 30px; display: flex; align-items: center; justify-content: end; margin: 0 8px 0 0;font-weight: 700; font-family: "lexend deca Regular";}
        #mergeaccount_modal .modal-header  { border-top-left-radius: 10px;border-top-right-radius: 10px;}
        #mergeaccount_modal .modal-content { border-top-left-radius: 10px;border-top-right-radius: 10px;}
        #mergeaccount_modal .mergeacc-title{display: flex; justify-content: center; background: #ECF8FF; padding: 18px 0px;color: #0000;}
        #mergeaccount_modal.merge-acc .close-button{width: 21px;font-size: 11px;}
        /*******  common css  ******/
        .addintefund-pg .select2-container, .mergeaccount-header .select2-container{z-index: 0 !important;}
        .position-relative{position: relative;}
        .label-absolute.position-relative .abs-input{opacity: 1;position: absolute;top: -2px;left: 7px;}
        .label-absolute span.font-11{padding-left: 26px;}
        /*********mergeaccount-wrapp************/
        .ac-error {
            position: absolute;
            font-size: 11px;
            color: #f00;
        }
        /*** Language Css ****/
        .swich-language { padding: 0; position: relative; cursor: pointer; margin-left: 0px; }
        .lang-dropdown-wrapper { padding: 0 10px 3px 5px; width: auto;position: relative; }
        .lang-dropdown .drop-down .button a.select-list-link { color: #6b6b6b; position: relative; float: right; }
        .lang-dropdown .drop-down select { display: none; }
        .lang-dropdown .drop-down .button span.fa.fa-angle-down { position: relative; height: auto; width: auto; top: 0; right: 0; left: 5px; margin: 0; font-size: 15px; }
        .lang-dropdown .drop-down .select-list li { display: none; list-style: none; }
        .lang-dropdown .drop-down .select-list li:hover { background:#eeeeee; }
        .lang-dropdown .drop-down .select-list li a { display: block; }
        .lang-dropdown .drop-down .button:hover .select-list { display:block; }
        .lang-dropdown .drop-down .select-list li span { background-color: #fff; background-position: right 5px center; background-repeat: no-repeat; box-sizing: border-box; color: #6b6b6b; cursor: pointer; display: inline-block; font-size: 13px; min-height: auto; min-width: auto; opacity: 1; padding: 6px 25px 6px 6px; text-align: left; text-transform: capitalize; width: 100%; }
        .lang-dropdown .drop-down .select-list li span:hover, .lang-dropdown .drop-down .select-list li span:focus { opacity: 1; background-color:#eeeeee; }
        .lang-dropdown .drop-down { display: inline-block; margin-top: 0; position: relative; width: 80px; }
        .lang-dropdown .drop-down .button { width: 100%; }
        .lang-dropdown .drop-down .button span { background-position: right 1px center; background-repeat: no-repeat; background-size: 18px 12px; border: medium none; color:#000 !important; cursor:pointer; display: inline-block; font-size: 14px; line-height: normal; padding: 0; text-align: left; text-transform: capitalize; vertical-align: middle; width: 80%; }
        .lang-dropdown .drop-down .select-list { position: absolute; top: 0; left: -5px; right:0; z-index: 11; margin-top: 21px; padding: 0; background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(173,173,173,0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(173,173,173,0.5); -webkit-box-shadow: 0px 0px 8px 0px rgba(173,173,173,0.5);width: 95px;}
        .lang-dropdown .drop-down .button:hover .select-list { display:block; }
        .lang-dropdown .drop-down .select-list li span:hover, .lang-dropdown .drop-down .select-list li span:focus { opacity: 1; }
        .login-section .lang-dropdown .drop-down { margin-top: 20px; }
        .login-section .lang-dropdown .drop-down .button span { color: #fff; }
        .before-login-wrap .lang-dropdown .drop-down .button a.select-list-link { top: -12px; }
        /* before login  */
        .before-login-wrap .lang-dropdown .drop-down .select-list{margin-top:0;    top: 30px;            left: -5px;}
        .before-login-wrap .lang-dropdown .drop-down .select-list li a{height: 30px;}
        .before-login-wrap .lang-dropdown .drop-down .select-list li span{    position: relative;            top: -18px;}
        .before-login-wrap .lang-dropdown-wrapper{    height: 30px;}
        .before-login-wrap .lang-dropdown .drop-down .button{height: 30px;}
        .before-login-wrap  .lang-dropdown .drop-down .button span{position: relative;top: -13px;}  
        /*** Language Css ****/
        /*** Before Login Css ****/
        .before-login{    
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
        }
        .kyc-status-opt {
            border: 1.5px solid #5F9CD5;
            padding: 3px 6px;
            border-radius: 5px;
            font-size: 13px;
            color: #858585;
            margin: 0!important;
          }

        .access-main-menu {
            background: #f1f1f1;
            padding: 0 15px;
            color: #1a5a98;
            margin: 0 0 15px 0;
        }

        .access-main-menu h4 {
            font-size: 15px;
            font-weight: 500;
        }

        .campaign-navtab-menu {
            background: #EBF3F8;
            padding: 10px 15px !important;
            color: #000000;
            margin: 0 0 15px 0;
            height: 40px;
        }

        .campaign-navtab-menu h4 {
            font-size: 15px;
            font-weight: 500;
        }

        .before-login .lang-dropdown .drop-down .button span{color: #fff;}
        .before-login .carousel-indicators{bottom:-40px;}
        .before-login .carousel-indicators .active{background-color: #00bfd6; width: 10px; height: 10px;}
        .before-login .carousel-indicators li{background-color: #ddd;margin: 0px;}
        .before-login-wrap{
            /*padding: 50px 0;
            vertical-align: middle;
            display: table-cell;
            margin: 0; */
        } 
        .before-login .carousel-wrap {
            position: absolute;
            top: 35px;
            left: 50px;
        }
        .before-login .carousel-wrap h2 {
            font-size: 36px;
            color: #3a3a3a;
            text-shadow: none;
            font-weight: 400;
            text-align: left;
            width: 501px;
        }
        .before-login .carousel-wrap h4 {
            font-size: 20px;
            color: #3a3a3a;
            text-shadow: none;
            font-weight: 400;
            text-align: left;
            width: 501px;
        }
        .before-login input:focus ~ .floating-label,
        .before-login input:not(:focus):valid ~ .floating-label{
        top: -8px;
            bottom: auto;
            left: 6px;
            font-size: 12px;
            opacity: 1;
            background: #fff;
            padding: 0 5px;
        }

        .before-login .inputText{
        font-size: 14px;
        width:100%;
        height: 50px; padding: 5px 10px;border: 1px solid #ccc;    border-radius: 5px;
        }
        .before-login .login-box-body h2, .before-login  .password-box-body h2{    color: #707070;
            font-size: 18px;
            letter-spacing: 0;
            margin-top: 0;
            margin-bottom: 30px;
            text-align: left;
            font-family: 'Lexend Deca Regular';
            }
        .before-login .floating-label {
        position: absolute;
            pointer-events: none;
            left: 11px;
            top: 15px;
            transition: 0.2s ease all;
            font-size: 14px;font-weight: normal;
        }

        .before-login .password-box .floating-label{    top: 16px;    color: #666;}
        .before-login .inputText:focus {
            border: 1px solid #1c84e7;
        }
        .before-login .form-group.has-error label {
            color: #626262;
        }
        .before-login .form-group{margin-bottom: 20px;}
        .before-login .main-footer {
            position: fixed;
            bottom: 0;
            background: #adc2de;
        }

        .floating-label.overlapedData{
            top: -8px;
            bottom: auto;
            left: 6px;
            font-size: 12px;
            opacity: 1;
            background: #fff;
            padding: 0 5px;
        }

        /* .bl-footer .main-footer{display:none;} */




        /*****Messages-menu*******/
        .text-blue.text-blue-deposited { border: 1px solid #1b84e7; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.428571; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 4px; }
        .cm80px-width { width: 80px; display: inline-block; }
        @media only screen and (min-width: 767px) {
        .main-header .collapse ul li { position:relative; }
        .main-header .collapse ul ul { position:absolute; top:100%; left:0; min-width:195px; border-radius: 0; margin: 0; padding: 0; }

        .main-header .collapse ul ul li:first-child,
        .main-header .collapse ul ul li:first-child a{
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .main-header .collapse ul ul li:last-child,
        .main-header .collapse ul ul li:last-child a{
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }
        /*******/
        .main-header .collapse ul ul li{
            position: relative;
            color: #000;
        }
        .main-header .collapse ul ul li a{color: #000;}
        .main-header .collapse ul ul ul { position:absolute; top:0; left:100%; min-width:195px; margin: 0; padding: 0; }
        /*******/
        .main-header .collapse ul ul ul li { position:relative }
        .main-header .collapse ul ul ul ul { position:absolute; top:0; left:-100%; min-width:195px; z-index:1 }
        }
        /*** checkbox view list ****/
        ul.checkbox-view-list li:before { height: 20px; width: 20px; border: 1px solid #d8d8d8; position: absolute; content: ""; left:0; border-radius:4px;}
        ul.checkbox-view-list li{padding:0; padding-left:30px; margin: 7px 0; border: 0;}
        ul.checkbox-view-list li .fa{font-size:12px; position: absolute; left:0; top:0; width: 20px; height: 20px; vertical-align: middle; text-align: center; align-items: center; justify-content: center; display: flex; border-radius:4px;}
        ul.checkbox-view-list li .fa.fa-check{
        color: #1983e6;
        font-size: 11px;
        }
        /*ul.checkbox-view-list li .fa.fa-check:before{color:#fff;}*/
        /*= Toggle Button ======*/
        .navbar-brand { float: left; padding: 12px 15px 12px 8px; font-size: 18px; vertical-align: middle; display: flex; align-items: center;}
        span.caret { border: none; width: 8px; height: 4px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; background-repeat: no-repeat; }
        .skin-md .main-header .navbar .navbar-collapse .nav > li:first-child > a:after { display: none; }
        .main-header .navbar { padding: 0 30px; }
        .main-header .sidebar-toggle { padding: 6px 15px; margin: 10px 0 }
        /*.navbar-custom-menu .nav li.notifications-menu:after { width: 1px; height: 25px; position: absolute; content: ""; right: 0; top: 22px; }*/
        .navbar-custom-menu .nav li:first-child:after { display: none; }
        /*= Sidebar Menu ======*/
        .treeview-menu{padding-left: 0; border-left: 3px solid; }
        .wrapper-content{
            padding: 70px 12px 12px 65px; 
            background: #fff;
            border-radius: 8px;
            position:relative;
        }       
        .main-container > .wrapper-content:before{
           content: "";
           position: absolute;
           top: 1px;
           bottom: 0;
           left: 0;
           width: 63px;
           background: #083c76;
           right: 0;
           height: 100%;
        }
        /*= Footer  ======*/
        .main-footer{
            border-top: 0;
            text-align: center;
            /* position: absolute; */
            width: 100%;
            /* bottom: 0; */
            padding: 10px 0 10px 0;
            font-size: 12px;display: none;
        }
        /*= customize tabpane  ======*/
        .nav-tabs-custom-lg { margin-bottom: 0px; }
        .nav-tabs-custom-lg > .nav-tabs { margin: 0; border-radius: 0px; border-bottom: 15px solid #e8ecef; }
        .nav-tabs-custom-lg > .nav-tabs > li { margin-bottom: 0; margin-right: 15px; border: 1px solid; position: relative; text-align: center; }
        .nav-tabs-custom-lg > .nav-tabs > li > a { border-radius: 0; }
        .nav-tabs-custom-lg > .nav-tabs > li > a, .nav-tabs-custom-lg > .nav-tabs > li > a:hover { background: transparent; margin: 0; padding: 15px 80px; }
        .nav-tabs-custom-lg > .nav-tabs > li.active:after { content: ""; display: block; width: auto; height: 17px; position: absolute; top: initial; left: -1px; right: -1px; bottom: -17px; border: 1px solid; border-top: 0px; border-bottom: 0; }
        .nav-tabs-custom-lg > .nav-tabs > li:first-of-type { margin-left: 0; }
        .nav-tabs-custom-lg > .nav-tabs.pull-right { float: none !important; }
        .nav-tabs-custom-lg > .nav-tabs.pull-right > li { float: right; }
        .nav-tabs-custom-lg > .nav-tabs.pull-right > li:first-of-type { margin-right: 0; }
        .nav-tabs-custom-lg > .nav-tabs.pull-right > li:first-of-type > a { border-left-width: 1px; }
        .nav-tabs-custom-lg > .nav-tabs > li > a > span { font-size: 18px; }
        .nav-tabs-custom-lg > .nav-tabs > li.header { line-height: 35px; padding: 0 10px; font-size: 20px; }
        .nav-tabs-custom-lg > .nav-tabs > li.header > .fa, .nav-tabs-custom-lg > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom-lg > .nav-tabs > li.header > .ion { margin-right: 5px; }
        .nav-tabs-custom-lg > .tab-content{padding: 30px; border-radius: 0px; border: 1px solid; }
        .tabpane-formtable-body, .tabpane-table-body, .tabpane-form-body{padding:15px;}
        .tabpane-table-body, .tabpane-formtable-body{background:#fff;}
        .tab_drawer_heading{display: none;}
        /* Heding with description boxes ************************/
        .header-block-text { margin-bottom: 20px; }
        .header-block-text .modified-h1 { font-size:26px; }
        .header-block-text .subdescription { font-size:15px; line-height:25px; }
        .header-box-inner-button { border-bottom: 1px solid #d8d8d8; padding: 10px 0px 20px; margin-bottom: 30px; }
        .header-box-inner-button { border-bottom: 1px solid #d8d8d8; padding: 10px 0px 20px; margin-bottom: 30px; }
        .header-box-inner-button .box-title { text-transform: uppercase; margin: 0; padding: 0; margin-top: 5px; font-size: 20px; position: relative; float: left; }
        .header-box-inner-button .box-title > .fa { font-size: 28px; vertical-align: middle; }
        .header-box-inner-button .head-btn { float:right; border-radius:0px; margin-left: 10px; }
        /* Table Header css ***********************/
        /* .table-header-box { border-bottom: 1px solid #d8d8d8; padding: 10px 0px; margin-bottom: 20px; } */
        .table-header-box .box-title { text-transform: capitalize; margin: 0; padding: 0; margin-top: 5px; font-size: 18px; }
        .table-header-box .box-title > .fa { font-size: 28px; vertical-align: middle; color: #1b84e7 }
        .table-header-box-inner-button { border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; }
        .table-header-box-inner-button .box-title { text-transform: uppercase; margin: 0; padding: 0; margin-top: 5px; font-size: 20px; position: relative; float: left; }
        .table-header-box-inner-button .box-title > .fa { font-size: 28px; vertical-align: middle; }
        .table-header-box-inner-button .head-btn { float:right; border-radius:0px; margin-left: 10px; }
        .table-header-form { padding:0 0 10px 0 }
        .table-header-form select { width: 100% !important; }
        .table-header-form select.assign-status { width: 100%!important; }
        .form-group.assign-group { display: block; }
        .table-header-form .btn { border-radius: 0; }
        .table-header-box-inner-button .box-title {display:none;}
        /*.dashbord-table-box .text-right .btn-flat { position: absolute; bottom: 15px; right: 15px; background-color: #6c757d; border-color: #6c757d; color: #fff; }*/
        .dashbord-table-box .text-right .btn-flat { background-color: #ffffff;    border-color: #1ab494;    color: #1c84e7;    font-size: 14px;    text-transform: uppercase;    font-family: 'Lexend Deca Regular';    margin-right: 15px;}
        .tabpane-table-body .table-header-box-inner-button .box-title { display: block; }
        .table-header-box-inner-button h4.modal-title { margin-bottom: 20px; }
        table tr:hover { background: #f5f5f5 !important; }
        /* Table Striped css ***********************/
        .table{font-size: 13.5px;}
        .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
            vertical-align:middle; 
            padding:10px 15px;
            border-left: 1px solid #E1EBF6;
            font-size: 12px;
            font-family: 'Lexend Deca Light';
            color: #000;
         }
         .table>thead>tr>th{
           font-size: 13px;
           background:#d4e7fd;
           font-family: 'Lexend Deca Light';
           border: 1px solid #C5E1FF !important;
           border-right: 0px !important;
           color: #1D2433 !important;
           font-weight: 500;
         }
        .dt-buttons{display: none; position: relative; float: left; }
        .dt-button{padding: 6px 10px; display: inline-block; font-weight: bold; }
        .dt-button:hover, .dt-button:focus { opacity: 0.99; }
        .btn:active:focus, .btn:focus{outline:0; outline-offset: 0;}
        div.dataTables_wrapper div.dataTables_info{position:relative; float:left; font-size: 12px; padding:11px 13px 5px 13px;}
        div.dataTables_paginate{border-top:0; padding: 1px 0 0 1px !Important; float:left;font-size: 12px;}
        .td-link, table tr td a{cursor:pointer;}
        .table>thead>tr>th:first-child{width:40px !important;}
        table#allclientTable tr td.blue-link a{color:#1a85e7 !Important;}

        table#allclientTable tr td .fa{font-weight: bold; font-size: 15px; margin-right:12px; color:#1a85e7;}
        table#allrecycletable tr td .fa{font-weight: bold; font-size: 15px; margin-right:12px; color:#1a85e7;}

        /* table tr td .fa{font-weight: bold; font-size: 15px; margin-right:12px; color:#1a85e7;} */


        table#allclientTable tr td .clk2calls{
            font-size: 0;
            padding: 0;
            height: 25px;
            width: 25px;
            background: url(/images/new-sprit.png) #0000;
            display: inline-block;
            background-position: -221px -117px;
            border: 0;
        }
        /* table#allclientTable tr td:hover{background:#fff;} */
        table#allclientTable tr td span .fa{color:#ccc; display: none; padding: 5px; margin: 0; font-size: 15px; position:relative; top:0; float: right;}
        table#allclientTable tr td:hover span .fa{display: inline-block;} 
        table#allclientTable tr td .send_sms_icon .clk2calls {
            min-width: auto;
        }

          table#prop_pulse_traders tr td.blue-link a{color:#1a85e7 !Important;}

        table#prop_pulse_traders tr td .fa{font-weight: bold; font-size: 15px; margin-right:12px; color:#1a85e7;}
      

        /* table tr td .fa{font-weight: bold; font-size: 15px; margin-right:12px; color:#1a85e7;} */


        table#prop_pulse_traders tr td .clk2calls{
            font-size: 0;
            padding: 0;
            height: 25px;
            width: 25px;
            background: url(/images/new-sprit.png) #0000;
            display: inline-block;
            background-position: -221px -117px;
            border: 0;
        }
        /* table#prop_pulse_traders tr td:hover{background:#fff;} */
        table#prop_pulse_traders tr td span .fa{color:#ccc; display: none; padding: 5px; margin: 0; font-size: 15px; position:relative; top:0; float: right;}
        table#prop_pulse_traders tr td:hover span .fa{display: inline-block;} 
        table#prop_pulse_traders tr td .send_sms_icon .clk2calls {
            min-width: auto;
        }
        /**************/
        .send_sms_btn .img-responsive {height: 25px;}
        .send_sms_icon{display: flex;width: 180px;gap: 7px;align-items: center;}
        .listingpg .send_sms_icon{width: auto;}
        table.org-table.dataTable.nowrap td:last-child a {
            position: relative;
            padding: 0 15px;
            display: inline-block;
        }
        table.org-table.dataTable.nowrap td:last-child a:first-child {
            padding-left: 0;
        }
        table.org-table.dataTable.nowrap td:last-child a:last-child:after{
            content: "";
            position: absolute;
            right: 0;
            top: -7px;
            bottom: -6px;
            background: transparent;
            width: 1px;
        }

        table.org-table.dataTable.nowrap td a:before {
            content: "";
            position: absolute;
            left: auto;
            right: 0;
            top: 0px;
            bottom: -6px;
            background: #ccc;
            width: 1px;
            height: 15px;
        }
        table.org-table.dataTable.nowrap td a:last-child::before{display: none;}
        .table-striped > tbody > tr:nth-of-type(2n+1) {
            background-color: white!important;
        }
        /****account-search-page********/
        .account-search-page .account-box{width: 100%; border: 1px solid #cfcfcf; background: #fff; margin: 0 0 15px 0;}
        .account-search-page .account-box h3{padding: 12px 20px; margin: 0; font-size: 15px;font-weight: 500; border-bottom:1px solid #cfcfcf;}
        .account-search-page .account-box .small-box{padding: 20px; border: 0; box-shadow: none; margin:0;}
        .account-search-page .account-box .small-box h4{margin:0; font-size: 17px;}
        .account-search-page .account-box .small-box a{background: #fff; display: inline-block; color: #1a85e7; padding: 8px 15px; border: 1px solid #cfcfcf; border-radius: 5px;}
        .account-search-page .account-box p{margin: 10px 0;}
        .account-search-page .account-box abbr{width:100%; margin:0 0 10px 0; float: left;}
        /***************************/

        .commission-groups .button-wrap .dropdown .plus-button {
        position: relative;
        top: 2px;
        }


        /******span label*******/
        .span-label {
            display: inline-block;
            padding: 7px 0;
            line-height: 1;
            white-space: nowrap;
            border-radius: 0;
            min-width: 90px;
            background: transparent !important;
            color: #515151 !important;
            font-size: 12px;
        }
        /* Modifide modal large *****************************/
        .modal-lg .modal-content{
            /* padding: 15px 20px;  */
        }
        .modal-header{
            padding: 11.5px 15px;
            border-bottom: 0px solid #d8d8d8;
            /* position: relative;
            background: #1a5a98;
            color: #fff; */
            /* display: flex;
            align-items: center; */
        }
        /*.modal-header:after{display: block; width: 100%; height: 2px; position: relative; left: 0; right: 0; bottom: -17px; margin: 0 auto; }*/
        .modal-header .close{
        background: transparent;
        opacity: 1;
        text-shadow: none;
        font-size: 20px;
        font-weight: normal;
        color: #ffffff;
        }
        .modal-title{font-weight: 500; font-size: 18px; margin: 0 0 0px 0; color: #000; padding: 0; font-family: "lexend deca regular";}
        .page-title-main {font-weight:600; font-size: 17px; margin:0 0 0px 0;color: rgb(27,132,231); padding:0;}
        .modal-form-footer{padding: 20px 9px 0px;}

        .customfilter .modal-dialog{width:380px;}
        .customfilter .modal-body{padding:0;}
        .customfilter-top{padding:5px;}
        .customfilter-middle{padding:0 8px;}
        .customfilter-bottom{padding:15px 6px 8px 6px; background:#ecf3f8; border-bottom: 1px solid #ccc;}
        .customfilter .modal-footer{padding: 20px 30px;}

        /*********onboard-view*************/
        .onboard-view .fund-top{padding-top: 0 !important;}
        .onboard-view .modal-header{padding: 15px;}
        .onboard-sub-header {
            float: left;
            width: 100%;
            padding: 0 0 15px 0;
        }
        .onboard-view h6.text-red.impfiled{margin: 7px 0 0 0; font-size: 14px;}
        .grp.remove_button{margin-top: 25px;}
        .remove-wrap{
            background: #ededed;
            float: left;
            width: 100%;
            padding: 7px 0 7px 0;
            margin: 5px 0 20px 0;
        }
        .remove-wrap .btn-danger{background-color:#ededed !important; border-color:#ff0000; color:#ff0000;}

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

        /* Breadcrub css  *****************************/
        section.content-header h1 { font-size: 18px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 400; margin: 0 0 12px; }
        section.content-header { border: 1px solid #cfcfcf; padding: 12px 45px; }

        ol.breadcrumb{
            text-align: left;
            float: none;
            padding: 0;
            margin: 0;
            background-color: transparent;
            font-size: 12px;
            z-index: 999;
            display: flex;
            /*
            position: absolute;
            left:0;
            top: 17px;
            */
            font-size: 12px;
            z-index: 999;display: none;
        }
        ol.breadcrumb li, ol.breadcrumb li a{
            font-size: 11px;   text-transform: capitalize; font-weight: 400;font-family: "lexend deca regular";color: #001D3D;
        }
        ol.breadcrumb li.active{color: #001D3D;}
        .breadcrumb > li + li::before { content: "\f054";padding: 0 6px 0 6px;font-weight: 100;color: #001D3D;font-family: 'FontAwesome';font-size: 8px;}

        /*** Form fields *************************************/
        .form-group { margin-bottom: 17px; position: relative;}
        .form-control { border-radius: 0; border-color:#74A3D5; font-size: 12px; vertical-align: top !important; height: 32px; padding: 2px 12px; }
        span.form-control { padding-top: 6px; padding-bottom: 6px; }
        input[type=file] { display: block; padding: 4px 7px 0 7px; width: 100%; height: 30px; border-radius: 2px; border: #d3d3d3 1px solid; }
        input.fileinput { width: 60%; border:none; padding:5px 5px 5px 0; }
        select.form-control { background: #fff url('../../images/select-arrow.png') no-repeat center right 6px; -moz-appearance: none; -webkit-appearance:none; -ms-appearance:none; appearance:none;   padding: 2px 20px 2px 12px;}
        .call-s select.form-control{height: 35px;}
        .input-wraper.date select { width: 32%; display: inline-block; margin-right: 1.33%; float: left; }
        .input-wraper.date select:last-child { margin-right: 0; }
        .input-wraper.phone-no .country-code { display: inline-block; float: left; width: 30%; margin-right: 2%; }
        .input-wraper.phone-no .ph-number { display:inline-block; float:left; width:68%; }
        textarea.form-control{height:auto; resize: none; padding: 8px 12px;}
        .help-block.with-errors{color: #ff0000!important; position: absolute; margin-top: 2px; font-size: 12px; }
        .dataTables_info{
            font-size: 12px;color: #21456D;
        }
        .form-control.edit_cell{
        width: 100%;
        border: 1px solid #1a85e7;
        box-shadow: 0 0 11px #938e8e;
        border-radius: 4px;
        position:relative;
        z-index:185;
        }

        .modal-body .edit-platform-check input[type=checkbox] {    margin-left: 0;}
        .modal-body .edit-platform-check [type="checkbox"]:checked+label:before {    left: -25px;    top: 0;}
        .modal-body .edit-platform-check [type="checkbox"]+label:before {    left: -25px;    top: 0;}
        .modal-body .edit-platform-check [type="checkbox"]:not(.filled-in)+label:after {    left: -25px;    top: 0;}
        .cz-setting .box-title {    font-size: 16px;    color: #000;}
        .cz-setting .reg_heading {    font-size: 18px;    color: #000408;}
        .Org-management ~ .leads_btns{border-radius: 2px;    border: 1px solid #ffff;}
        /* ************************** */
        .platform-mngmnt~ .leads_btns{border-radius: 1px;    border: 1px solid #ffff;}
        .platform-mngmnt~ .leads_btns button{min-width: 30px !important;    min-height: 27px;}
        .platform-mngmnt~ .leads_btns .new-icon{height: 21px;    width: 25px;background-position: -71px -215px;}
        .platform-mngmnt~ .leads_btns .new-icon.cb-user-delet {    background-position: -71px -179px;}
        /* **************************** */
        .voip-managemnet ~ .leads_btns {    border-radius: 1px!important;    border: 1px solid #ffff!important;  }
        /* .voip-managemnet ~ .leads_btns .lead-bt {    display: flex;    align-items: center;} */
        .chevron-r{    background-position: -69px -245px;}
        .voip-managemnet ~ .leads_btns button{    min-height: 28px!important;}
        .voip-managemnet ~ .leads_btns .new-icon.edit-user {    background-position: -71px -215px;}
        .voip-managemnet ~ .leads_btns .new-icon.cb-user-delet {    background-position: -69px -179px;}
        /* *******************************/
        .delete-ip-modal .modal-dialog{width: 400px!important;}
        /* ***************************** */
        .crm-setting #leads_btns {    margin-top: 19px !important;border-radius: 2px;    border: 1px solid #ffff;}
        .crm-setting #leads_btns button{    min-height: 27px;}
        .crm-setting .new-icon{height: 23px;}
        /***view Form fields *************************************/
        .icheck-box-wrapp_flat-green { top: -1px; }
        span.colour-text-box { border: 1px solid #d2d6de; height: 30px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; width: 100% !important; display: block; vertical-align: middle; margin: 0 0 15px; border-radius:0; }
        span.colour-text-box.colour-text-box-approved { padding: 4px 0; border: none; display: inline-block; width: auto !important; }
        span.colour-text-box-edit { cursor:pointer; padding: 1px 10px 2px; display: inline-block; overflow: hidden; vertical-align: top; margin: 4px 5px; border-radius: 4px; }
        .margin-bottom15px { margin-bottom:15px; }
        span.form-control.colour-text-box-approved { margin: 0; border: none; padding: 0; display: inline-block; width: auto; }
        span.form-control.colour-text-box-approved span.label, span.form-control.colour-text-box-approved span.span-label { padding: 10px 15px; display: inline-block; font-size: 14px; }

        .colour-text-box-approved .label-approved{
            background: #13a14c !important;
            color: #fff !important;
            border-radius: 3px;
        }
        .colour-text-box-approved .label-pending{
            background: #e7b321 !important;
            color: #fff !important;
            border-radius: 3px;
        }
        /*************Popup msg box*************************/
        .pop-msg-wrap{background:rgb(255 255 255 / 0%) none repeat scroll 0 0; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 104044; text-align: center;}
        /* .pop-msg-wrap:before {    content: '';    display: inline-block;    vertical-align: middle;    height: 100%;} */
        .pop-msg-container { height: auto; left: 0; margin: auto; padding: 18px; position: relative; right: 0; text-align: center; top: 40%; width: 100%; border: 4px solid #1b84e7; vertical-align: middle;}
        .cross_pop { cursor: pointer; position: absolute; right: -20px; top: -20px; }
        .cross_pop .btn-circle { border-radius: 50px; border-color: #1b84e7; padding: 8px 10px; }
        .pop-msg-container .panel { border: 0px; box-shadow: none; margin-bottom: 0; }
        .pop-msg-container .panel-heading { border-color: transparent; font-size: 20px; font-weight: 400; text-transform: uppercase; }
        .pop-msg-wrap.modal-popup .pop-msg-container { top:14.5%; max-width:600px; width:90%; }

        /*****success msg******/
        /* .pop-msg-wrap.modal-popup.success-msg{background: transparent;} */
        .pop-msg-wrap.success-msg .pop-msg-container{background:#fff; border:0; padding: 0; text-align: left; display: inline-block; width: fit-content; min-width: fit-content; max-width: fit-content; border-radius: 4px; }
        .pop-msg-wrap.success-msg .pop-msg-container .panel{
            background: transparent;
            position: relative;
            max-width: 510px;
            width: auto;
        }
        .pop-msg-wrap.success-msg .pop-msg-container .panel:before {
            position: absolute;
            content: "";
            width: 6px;
            background: #3db87a;
            left: 0;
            top: 0;
            bottom: 0;
        }
        .pop-msg-wrap.success-msg.error-msg .pop-msg-container .panel:before{background: #ff0202;}
        .pop-msg-wrap.success-msg .pop-msg-container .panel .panel-body{padding:20px 25px;}
        .pop-msg-wrap.success-msg .pop-msg-container .panel .panel-body p {
        margin: 0;
        color: #747474;
        position: relative;
        line-height: 15px;
        padding: 20px 65px 0 45px;
        }

        .pop-msg-wrap.success-msg.error-msg .pop-msg-container .panel .panel-body p{color:#000;}

        .pop-msg-wrap.success-msg .pop-msg-container .panel .panel-body p i.fa {
            color: #3db87a;
            background: #fdfffe;
            border-radius: 25px;
            font-size: 13px;
            margin: 0 13px 0 0;
            border: 2px solid #3db87a;
            padding: 8px;
            position: absolute;
            top: 1px;
            left: -3px;
        } 

        .pop-msg-wrap.success-msg .cross_pop {
            cursor: pointer;
            position: absolute;
            width: 65px;
            float: right;
            right: 0;
            top: 0;
            bottom: 0;
            background: #ecfbf4;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .owner-class{
            /* background: #0a243c; */
            display: inheri;
        }
        .pop-msg-wrap.success-msg.error-msg .cross_pop{background: #f5d5d5;}

        .pop-msg-wrap.success-msg .cross_pop .btn-circle {
            background: #0000;
            border: 0;
            border-radius: 0;
            padding: 0;
            font-size: 0;
            position: absolute;
            cursor: pointer;
            z-index: 99999;
        }
        .pop-msg-wrap.success-msg .cross_pop .btn-circle:before {
            content: "x";
            bottom: 0;
            color: #056031;
            background: #ecfbf4;
            border: 0;
            font-family: 'Lexend Deca Light';
            font-weight: normal;
            font-size: 20px;
        }

        .pop-msg-wrap.success-msg.error-msg .cross_pop .btn-circle:before {
            background: none;
            color: #f00;
            font-size: 20px;
            content: "x";
        }

        .pop-msg-wrap.success-msg.error-msg .pop-msg-container .panel .panel-body p i.fa{background: transparent; color: #ff0202; top: 0; font-size: 17px; border-color: #ff0202;}

        .pop-msg-wrap.success-msg .pop-msg-container .panel .panel-body p:before {
            content: "Success!";
            position: absolute;
            left: 44px;
            font-size: 22px;
            top: -4px;
            color: #000;
        }

        .pop-msg-wrap.success-msg.error-msg .pop-msg-container .panel .panel-body p:before {
            content: "Failed!";
            position: absolute;
            left: 44px;
            font-size: 22px;
            top: -4px;
            color: #000;
        }

        /* .pop-msg-wrap-alert.modal-popup.alertpopup{background: transparent;} */
        .pop-msg-wrap-alert{text-align: center;}
        /* .pop-msg-wrap-alert:before {
            content: '';
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        } */
        /* .pop-msg-wrap-alert .pop-msg-container{    display: inline-block;    vertical-align: middle;    position: relative!important;    top: 0!important;} */
        .pop-msg-wrap-alert.modal-popup.alertpopup .pop-msg-container {
            background: #e74e0f;
            padding: 0;
            border-radius: 4px;
            position: absolute;
            top: 65px;
            display: inline-block;
            text-align: left;
            border:0; 
            width: fit-content; 
            min-width: fit-content; 
            max-width: fit-content; 
            border-radius: 4px; 
            top: 95px;
        }
        .pop-msg-wrap-alert.modal-popup.alertpopup .pop-msg-container p{
            margin: 0;
            color: #fff;
            font-size: 15px;
            min-width: 200px;
            width: auto;
        }
        .pop-msg-wrap-alert.modal-popup.alertpopup .pop-msg-container .panel{background: #e74e0f;}
        .cross_pop .btn-circle{background: #ffff; color: #ffffff;}

        .pop-msg-wrap-alert.modal-popup.alertpopup .pop-msg-container .cross_pop .btn-circle{
            background: #0000;
            color: #ffffff;
            border: 0;
        }

        .pop-msg-wrap-alert.modal-popup.alertpopup .pop-msg-container .cross_pop {
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 0;
        }

        /*********** Alert popup msg css *********************/

        /************* Alert Popup msg box for select account *************************/
        .alertpopup { /*background: rgba(0, 0, 0, 0.81) none repeat scroll 0 0; */height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1040; }
        /*.pop-msg-container { height: auto; left: 0; margin: auto; padding: 18px; position: absolute; right: 0; text-align: center; top: 40%; width: 100%; border: 4px solid #1b84e7; }
        .cross_pop { cursor: pointer; position: absolute; right: -20px; top: -20px; }
        .cross_pop .btn-circle { border-radius: 50px; border-color: #1b84e7; padding: 8px 13px; }
        .pop-msg-container .panel { border: 0px; box-shadow: none; margin-bottom: 0; }
        .pop-msg-container .panel-heading { border-color: transparent; font-size: 20px; font-weight: 400; text-transform: uppercase; }*/
        .alertpopup.modal-popup .pop-msg-container { top:25%; max-width:600px; width:90%; }
        /*********** Alert Popup msg box for select account *********************/
        .select2-container { width:100% !important; z-index:11111;}
        .form-group.has-error .help-block { position: absolute; font-size: 11px; margin:0;}
        .common-new-popup.for-change-satus .form-control{padding: 5px 10px;}
        .medium-heading{font-size: 15px;margin: 10px 0;font-family: "Lexend Deca Regular";}
        .lg-heading{color: #001D3D;font-size: 18px;margin: 0 0 4px 0px;font-family: "Lexend Deca Regular";}
        .small-heading{font-size: 13px;margin: 0 0 4px 0px;font-family: "Lexend Deca Regular";}
        /** Login page *****************************************/
        .nav-tabs-custom { box-shadow: none; border-radius: 0; }
        .password-logo { font-size: 35px; text-align: center; font-weight: 300;padding: 0 0 10px; }
        .login-logo, .password-logo {  }
        .password-box-body h2{margin-bottom: 15px;}
        .btn-login { font-size: 15px; text-transform: capitalize; border-radius: 4px; display: block; float: none; width: 100%; font-family:'Lexend Deca Regular';}
        .get-login-details { display: block; margin-top: 20px; text-align: center; }
        .login-box, .password-box { /*width: 420px;*/ margin: 7% auto; /*margin-left: -61px;*/ }
        .login-logo, .password-logo  {    display: flex;    align-items: center;    justify-content: space-between;background: transparent;}
        .password-box-body { border-top: 0; }
        .password-box-body p{color: #4c4c4c;}
        .login-box-body, .password-box-body { padding: 35px; border-top: 1px solid #ced4da;border-radius: 10px; text-align: left; margin-top: 10px;}
        .login-box-title, .password-box-title { text-align: center; margin-top: 0; }
        .password-box-msg { margin: 0; text-align: center; padding: 0 20px 20px 20px; }
        .login-box-body .form-control, .password-box-body .form-control { border-radius: 0; }
        /***extra classes*****************************************/
        select.input-sm { line-height: initial; }
        /*check-box-wrapp css start*/
        .check-box-wrapp input[type="checkbox"] { height:15px; left: 15px; margin: 0; position: absolute; width: 15px; }
        .check-box-wrapp { padding-left: 20px; margin: 7px 0; }
        .check-box-wrapp label { display:inline-block; padding-left: 0; position:relative; font-weight: 300; }
        .acc-table .check-box-wrapp label { top: -10px; }
        .check-box-wrapp label::before { border: 1px solid #1b84e7; border-radius: 1px; content: ""; display: inline-block; height: 22px; left: 0; margin-left: -30px; outline: 0 none; position: absolute; transition: all 0.3s ease-in-out 0s; width: 22px; }
        .check-box-wrapp label::after { display: inline-block; font-size: 11px; height: 22px; left: 0; margin-left: -30px; padding-left: 0; padding-top: 0; position: absolute; top: 0; width: 22px; text-align: center; }
        .check-box-wrapp input[type="checkbox"] { cursor: pointer; opacity: 0; outline: 0 none; z-index: 1; }
        .check-box-wrapp input[type="checkbox"]:disabled + label { opacity: 0.65; }
        .check-box-wrapp input[type="checkbox"]:focus + label::before { outline: none; outline-offset: -2px; }
        .check-box-wrapp input[type="checkbox"]:checked + label::after { content: ""; font-family: FontAwesome; font-size: 15px; font-weight: 400; }
        .check-box-wrapp input[type="checkbox"]:disabled + label::before { cursor: not-allowed; }
        /************************/
        .funding-request.innernavtabfont .check-box-wrapp input[type="checkbox"]{opacity: 1;top: 11px;left: -4px;}
        .btn-default .fa-check-square-o {display: none;        }
        .padding-top-bottom { padding: 15px 0; }
        .padding-bottom-10 { padding:0 0 10px 0 }
        /** inline image list classes *****************************************/
        .img-inline-list { text-align:center; }
        .img-inline-list .li-img { vertical-align: middle; width: 140px; height: 60px; margin: 10px; border: 2px solid #1b84e7; padding: 5px; }
        .img-inline-list .li-img .list-logo { width: 100%; height: 100%; object-fit: contain; }
        /* File upload imput with image ************************************/
        .upload-image { width: 150px; float: right; position: absolute; top: 0; right: 15px; }
        /* Dashboard Retention ************************************/
        .grph-buttons-titles { font-size: 20px; font-weight:400; margin:0;}
        .graph-box, .dashbord-table-box{padding:0; margin:0; background: #fff;}
        .datachart-header-box { padding-bottom: 12px; position: relative;}
        /*  Dashboard Graph Header css ***********************/
        .graph-table-header-box { border-bottom: 1px solid #d8d8d8; padding: 10px 0px 20px; margin-bottom: 30px; }
        .graph-table-header-box .box-title { text-transform: uppercase; margin: 0; padding: 0; margin-top: 5px; font-size: 20px; }
        .graph-table-header-box .box-title > .fa{font-size: 28px; vertical-align: middle;}
        .graph-table-header-box-inner-button{
            padding:0 10px;
            border-radius: 0;
            display: flex;
            min-height: 30px;
            align-items: center;
            margin: 5px 0;
        }
        .graph-table-header-box-inner-button input {
        background:#fff;
        border-radius:3px;
        height: 31px;
        }
        .net-date-input-wrap{
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            position: absolute;
            right: 175px;
            width: 200px;
        }
        .net-date-input-wrap input {
            padding-left:35px;
        }
        .net-date-input-wrap:before{
            font-size: 14px;
            height: 15px;
            width: 15px;
            position: absolute;
            top: 5px;
            left: 12px;
            content: "\f073";
            z-index: 99;
            font-family: 'FontAwesome';
        }
        .net-date-input-wrap:after {
            content: "Date:";
            position: absolute;
            left: -44px;
            color: #000;
            text-transform: uppercase;
            font-size: 12px;
        }
        .graph-table-header-box-inner-button b.b-graph {
            text-align: center;
            display: flex;
            justify-content: center;
        }
        .graph-table-header-box-inner-button .box-tools.text-right{display:none;}
        .graph-table-header-box-inner-button .form-inline .calender-sec .input-group-addon{display: none;}
        .graph-table-header-box-inner-button .form-group .search-btn{display: none;}
        .graph-table-header-box-inner-button .form-inline .calender-sec .form-control {
            width: 210px;
            padding-left: 30px;
            z-index: 999;
            background: #fff;
            right: 0;
            top: 0;
            float: right;
            border: 1px solid #d8d8d8 !IMPORTANT;
        }
        .graph-table-header-box-inner-button .row {
            display: flex;
            width: 100%;
            align-items: center;
            position: relative;
            right: -15px;
        }
        b.b-graph{
        width: 100%;
        display: block;
        color: #666666;
        font-weight: normal;
        font-size: 15px;
        text-align:center;
        }
        .graph-table-header-box-inner-button .box-title{
        text-transform: uppercase;
            padding: 0;
            font-size: 14px;
            position: relative;
            float: left;
            margin: 0;
            color: #000;
            font-family: 'Lexend Deca Regular';
        }
        .graph-table-header-box-inner-button .box-title > .fa{font-size: 28px; vertical-align: middle; color: #1b84e7; display: none;}
        .user-content-box {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        .user-content-box .form-group{
        margin : 0;
        }
        .user-content-box div:first-child{
        margin-right: 10px;
        }
        .show-text{text-transform:uppercase; font-size:13px; margin-right:3px; color:#000;}
        .comment-page div {display:inline-block;}
        .recycle-pg .dataTables_length, .recycle-pg .dataTables_filter{display: none!important;}
        .mergeaccount-page .content{height: 100%;padding-top: 0;border-radius: 0 0 10px 10px;}
        body .mergeaccount-page .page-title-header{    margin-bottom: 20px;    border-bottom: 1px solid #ccc;}
        .mergeaccount-page .tabpane-form-body{padding-top: 0!important;    padding-bottom: 0!important;}
        .mergeaccount-page .mergeaccount-wrapp {    padding: 0px;}
        .mergeaccount-page .form-horizontal .control-label{font-family: 'Lexend Deca Regular'!important;}
        /*.icon-withdrawal, .icon-ios-upload-outline{color:#ff6000!important;}*/
        .graph-table-header-box-inner-button .head-btn{float:right; border-radius:0px; margin-left: 10px; }
        .graph-table-header-form select{width: 212px!important;}
        .graph-table-header-form .btn {border-radius: 0;}
        .dropdown-select{position: absolute; right:12px; color:#fff;}
        .dropdown-select .btn-primary{width:100px; height:30px; text-align:end; border: 1px solid #ccc !important; border-radius:4px;}
        .dropdown-select .dropdown-menu{left:51px; min-width:180px; margin:0; padding:0; margin-top:2px;}
        .dropdown-select .dropdown-menu>li>a{
            padding: 6px 15px;
            border: 1px solid #e7e7e7;
            font-size: 13px;
        }
        .dashbord-table-box .btn-primary{color: #767171;}
        .btn-primary.active, 
        .btn-primary:active, 
        .open>.dropdown-toggle.btn-primary{
            color: #767171;
            background-color: #ffffff;
            border-color: #204d74;
        }
        .dropdown-select .dropdown-menu>li>a:hover{background-color:#ecf3f8;}
        /*  Dashboard Table form-inline css ***********************/
        .graph-table-header-box-inner-button .form-inline .input-group .input-group-addon { border: none; }
        .graph-table-header-box-inner-button .form-inline .input-group .form-control { width: 190px; }
        .graph-table-header-box-inner-button .form-inline { text-align: right; }
        .dashbord-table-box .table-header-box-inner-button { border-bottom: none; padding: 0; margin-bottom: 0; }
        /******************************* LIST BOX CSS ********************************************************************/  
        /* Dashbord Table css ***********************************************************/
        /*.dashbord-table-box { background:#fff; height: 578px; position: relative; }*/
        .dashbord-table-box{background: #fff; height: 100%; position:relative; margin-bottom:0; border-radius:10px; padding:10px 0;}
        .dashbord-table-box .btn-primary{background-color: transparent; border-color: transparent;}
        .dashbord-table-box.auto-height{height:auto;}
        .dashbord-table-box .right-form{margin-top:3px;}
        .flex-box{display:flex; width:100%; flex-wrap: wrap; /*overflow: hidden;*/}
        .spacetop-less{margin-top:6px;}
        .spacebottom1x{margin-bottom:10px;}
        .spacebottom2x{margin-bottom:25px;}
        .dashboard .spacebottom2x{margin-bottom:14px;}
        .padbottom15x{padding-bottom:15px;}
        .padtop15x{padding-top:15px;}
        .pd-x-20{padding-left:20px; padding-right: 20px; }
        .pd-y-20{padding-top: 20px; padding-bottom: 20px; }
        .full-height{height:100%;}
        .half-height{height:45.5%;}
        .white-box-height, .tab-content.white-box-height { background: #fff; }
        .blue-clr { color:#1b84e7 !important; }
        .purple-clr { color:#6f42c1 !important; }
        .green-clr { color:#22ab0a !important; }
        .orange-clr { color:#f15c12 !important; }
        .yellow-clr { color:#f3b80b !important; }
        .royal-blue-clr { color:#210fab !important; }
        .red-clr { color:#d00000 !important; }
        .greenstatus{background-color: #039E13!important;}
        .yellowstatus{background-color: #DA9D00!important;}
        .tx-danger { color: #dc3545; }
        .tx-success { color: #23BF08; }
        .pop-txt-msg i { font-size: 85px; }
        .pop-txt-msg h4 { font-size: 35px; font-weight: 500; margin: 10px 0 12px; }
        .btn-red, .btn-green, .btn-blue { color: #fff; background-color: #dc3545; border-color: #dc3545; font-size: 15px; margin: 10px 0 0; }
        .btn-red:hover, .btn-red:focus { color: #fff; background-color: #c82333; border-color: #bd2130; }
        .btn-green { background-color: #23BF08; border-color: #23BF08; }
        .btn-green:hover, .btn-green:focus { color: #fff; background-color: #1c9a06; border-color: #1a8e06; }
        .btn-blue { background-color: #1b84e7; border-color: #1b84e7; }
        .btn-blue:hover, .btn-blue:focus { color: #fff; background-color: #176ebf; border-color: #176ebf; }
        .btn-dgreen{background-color: #009493;border-color: #009493;font: 400 11px/1.5 "Lexend Deca Regular";text-align: center;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;padding: 0.4rem 1.3rem;border-radius: 3px;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s;display: inline-block;min-width: 74px;height: 27px;box-sizing: border-box;margin-top: 0;color: #fff;}
        .btn-dgreen:hover, .btn-dgreen:focus{background-color: #007271;border-color: #007271;color: #fff;}
        /**************************************************************************************/
        .list-box{border:1px solid #cfcfcf; margin:15px 0; border-radius:10px;}
        .listbox-header { display: block; clear: both; }
        .listbox-header:after, .listbox-header:before { content: ""; clear: both; display: table; }
        .listbox-header { text-align: center; padding: 15px 15px; border-radius: 4px 4px 0 0;}
        .listbox-title{
            text-transform:uppercase;
            padding: 0;
            margin-top: 5px;
            font-size: 20px;
            position: relative;
            float: left;
            font-weight: 500;
            margin: 0;
            color: #fff;
        }
        .listbox-body .products-list .item{padding:10px; border-bottom-color:#cfcfcf; min-height:auto;}
        .listbox-body .products-list .product-title{font-weight:normal; font-size:14px; text-transform:capitalize;}
        .listbox-body .box-body{padding:0;}
        .listbox-body .products-list .price-span {font-size: 14px; padding:7px 0 0 0; }
        .listbox-body .products-list .product-title .list-no{padding:4px; border:1px solid #1b84e7; width:30px; display: inline-block; text-align: center; margin: 0 15px 0 0; border-radius: 4px; }
        .listbox-body .products-list .item:nth-child(even) .product-title .list-no { border: 1px solid #1b84e7; }
        .list-box .box-tools { padding: 15px; }
        .list-box.top-traders-box .listbox-body { background: -moz-linear-gradient(270deg, rgba(8,83,130,1) 0%, rgba(18,144,224,1) 50%, rgba(107,197,255,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(8,83,130,1)), color-stop(50%, rgba(18,144,224,1)), color-stop(100%, rgba(107,197,255,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(270deg, rgba(8,83,130,1) 0%, rgba(18,144,224,1) 50%, rgba(107,197,255,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(270deg, rgba(8,83,130,1) 0%, rgba(18,144,224,1) 50%, rgba(107,197,255,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(8,83,130,1) 0%, rgba(18,144,224,1) 50%, rgba(107,197,255,1) 100%); /* ie10+ */ background: linear-gradient(180deg, rgba(8,83,130,1) 0%, rgba(18,144,224,1) 50%, rgba(107,197,255,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085382', endColorstr='#6bc5ff', GradientType=0 ); /* ie6-9 */
        }
        .list-box.top-traders-box .listbox-body .products-list .product-title .list-no { display:none; }
        .list-box.top-traders-box .listbox-body .products-list .item { border-bottom-color: rgba(255, 255, 255, 0.5); background: transparent; }
        .list-box.top-depositer-box .listbox-body { min-height:384px; }
        /******************************* DESCRIPTION BOXES CSS ********************************************************************/ 
        
        .description-block { display: -ms-flexbox; display: flex; flex-flow: column; flex-direction: column; /*height:100%;*/ justify-content: center; align-items: center; padding: 48px 20px; margin: 15px 0px; }
        .description-block .description-icon { font-size: 28px; }
        .description-block>.description-header { margin: 0; padding: 0; font-weight: 500; font-size: 36px; margin: 10px 0px; }
        .description-block>.description-text { text-transform: uppercase; font-size: 17px; }
        /******dashboard popup cusatom Page******/
        div#show_custom { position: absolute; right: 15px; background: #fff; padding: 15px; box-shadow: 0 0 5px #000; top: 100%; z-index: 1; width: auto; }
        div#show_custom:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; position: absolute; display: inline-block; content: ''; right:50px; }
        div#show_custom:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; position: absolute; display: inline-block; content: ''; right:50px; }
        div#show_custom .form-inline .input-daterange.input-group .input-group-addon { border: none; }
        div#show_custom .form-inline .input-daterange.input-group .form-control { width: 200px; }
        table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { border: 0 solid white; box-shadow: none; line-height: normal; background-color: #1b84e7; vertical-align: middle; justify-content: center; align-items: center; padding: 1px; font-weight: bold; display: flex; top: 30%; }
        /******Erroe Page******/
        .error-wrapper { text-align: left; padding: 60px 0; }
        .error-wrapper h3 { margin: 15px 0; font-size: 42px; font-weight: bold; }
        .error-wrapper h4 { font-size: 30px; }
        .error-wrapper p { font-size: 20px; }
        .error-wrapper .error-img { padding: 0 40px; text-align: right; }
        .error-wrapper .error-img img { display: inline-block; }
        .error-wrapper .link-div a { padding: 10px 40px; text-decoration: none; border-radius: 5px; display: inline-block; margin: 10px 0; font-size: 18px; }
        .error-wrapper .link-div a i { margin: 0 15px 0 0; }
        /******icon picker******/
        .icon-popup { position: absolute; width: 325px; height: 275px; font-size: 14px; z-index: 9999; }
        .icon-popup:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,0.2); position: absolute; top: -7px; left: 6px; }
        .icon-popup:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px; }
        .icon-popup .icon-title { position: relative; border: 1px solid #463265; }
        .icon-popup .icon-title h4 { margin: 0; padding: 8px 10px; font-size: 17px; font-weight: bold; }
        .pointer { cursor: pointer; }
        .icon-popup .ip-control { height: auto; margin-top: -2px; padding-top: 2px; border-bottom: 1px solid #e5e5e5; }
        .icon-popup .ip-search { width: 235px; padding: 7px 0px 7px 27px; margin-left: 8px; background-repeat: no-repeat; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAQAAAAEABcxq3DAAACcElEQVQ4y5XSQUiaYRgH8P+rzlSS6lKuZbkvvjq0NWfg0Xu1jO0gWbO5ctBtxDrtsE51CIJZgxWLMQbtsA7TQ5RX5ygPFbRD1rBJDko+ZtI++fT7nM8uDpoWrD+8p/d5fu8Dz8tQChEZs9nsk4ODgwcnJye8RqNRmpubd3ief69Wq1dwSTSl5tbt7e2VYDB4N51Ow2AwoFgsQpKkGxzH3Usmkx+amppGGWO5coARkXFra+vzwuLCnVau9ai3t3fWbDZHC4WCPhaL3Q8EAmMqxrTPJiYWTSbTWMUIv0Tx6fj4OE1OTsay2ewLIpo9f59IfPf6fD7l1fw8EVFXeb/q6+6uK5FIwOl0rhoMBhlA5HyBxXLzncPhWN/Y3IQgCP0VwOHhIQcALS0tqwDeMMY+lRfxPB8WBAHHx8dcBQBAyWQykGVZwxj7SUS6sqMSRdEoiiJUKpVSsYW2tradVCplDofDLiI6BVAPoACAlR44Da2HempqamCxWL5UAFardamzs9M5NTXt5nk+bbPZJAAmAL8B/FheXr4VCAa6bDYbdHodVawRAPb29t4ODAw8FgShODw8vGG321O5XE4dCoW4tbW120ajEfl8Hn19fTm/3/9Iq9V+/EchomvxePyl1+stNNQ3kE6nI71eTx0dHdTT3U11dXV0vbGRqquraWRkRM7n864LvyURWY+Oks8jkchSNBp9nclkfLIse0ZHfRIAqq2tJcYYDT0cuhy5KIqi9Hs8HgkAVVVVEQByuVzy2dnZ1ZDBwUEJADHGCADNzMyk/xv4i7jdbgkAtbe30/7+/vSVAACQZdk5Nzf3LR6PTwHAHzdFLfF/9+ryAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEwLTAyLTExVDExOjIxOjA0LTA2OjAw10lxMgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAwNi0wNS0zMFQxMToxMzowNi0wNTowMGfB+zwAAAAASUVORK5CYII=) no-repeat 3px; border: 1px solid #ddd; height: 32px; margin: 0 7px; font-family: 'Open Sans', sans-serif; }
        .icon-popup .icon-list { position: absolute; top: 52px; bottom:0; overflow: hidden; }
        .icon-list ul { margin: 0; padding: 0; margin-bottom: 10px; }
        .icon-popup .ip-control ul { margin: 0 0; padding: 6px 0; overflow: hidden; text-align: center; vertical-align: middle; display: flex; justify-content: center; }
        .icon-popup .ip-control ul li { display: inline-block; list-style-type: none; }
        .icon-popup .ip-control ul li a { margin-top: 0; border-radius: 0; vertical-align: middle; border: 1px solid #ddd; padding: 5px 8px; }
        .icon-popup .ip-control ul li:first-child { margin-left: 0; }
        .icon-popup .ip-control ul li:last-child { position: relative; right: 0; top: 0; }
        .icon-list ul li { display: inline-block; margin: 5px; float: left; border: 1px solid #ddd; }
        .icon-list ul li a { display: block; text-decoration: none; padding: 6px 10px; }
        .icon-popup .ip-control ul li:nth-child(2) { visibility: hidden; }
        /******additional css******/
        .vertically-middle { font: normal normal normal 25px/0.78 FontAwesome; vertical-align: middle; }
        .list-inline.img-inline-list { border: 1px solid #33363f; margin: 20px 0; }
        h2.logo-list-head { background: #33363f; margin: 0; text-align: left; font-size: 16px; padding: 8px 15px; }
        /******account search css******/
        .small-box>.small-box-footer{padding: 12px 0;}
        .account-box{width:20%;}
        .info-box-wrap{
            padding: 4px 0 10px 0;
        }
        .account-box .info-box{
            margin: 10px 0;
            background: #ebf2f8;
            border-radius: 8px;
            border: 1px solid #b3b3b3;
            position: relative;
            display: flex;
            align-items: center;
        }
        .account-box .info-box .current-month{
            position: absolute;
            right: 0;
            background: #ebf2f8;
            top: -10px;
            padding: 3px 7px;
            text-transform: uppercase;
            border-radius: 5px;
            font-size: 11px;
        }
        .account-box .info-box-text{font-size:17px; font-family: 'Lexend Deca Regular';}
        .account-box .info-box-content{}
        .account-box .info-box-content a{color:#fff;}
        /****trading-data-wrap****/
        .trading-data-wrap{padding:40px; background:#f5f5f5;}
        .trading-data-wrap .trading-data{box-shadow:0 1px 7px #e3dddd;  background: #fff;}
        .trading-data-wrap .trading-data .table>thead:first-child>tr:first-child>th{padding:12px 15px; font-size: 16px; text-align:left !important;}
        .trading-data-wrap .trading-data table{
            border-right: 0;
            border-bottom: 0;
            border-top: 1px solid #d8d8d8;
            padding: 0;
            margin: 0;
        }
        .trading-data-wrap .trading-data .table tr td{text-align:left; padding: 12px 15px;}
        .trading-data-wrap .trading-data h3{margin:0; padding:20px 15px 12px 15px; font-size: 19px; font-weight:bold;}
        /****trading-data-wrap*****/
        .myImport table.dataTable{margin-top: 0 !important;}
        .myImport .content{padding: 0 0 10px 0}
        .myImport .dataTables_filter_new {
            display: block;
        }
        /****LeadAudit-page*****/
        .LeadAudit-page .page-title-header{border-bottom: 1px solid #e3e2e2;}
        .LeadAudit-page .content{padding:0; height: 100%;background-color: #fff;}

        .leadaudit-left{padding:15px;}
        .leadaudit-left .leadaudit-box{
            position: relative;
            padding: 8px 20px 8px 34px;
            box-shadow: 0 1px 6px #bdbdbd;
            margin: 0 0 30px 0;
            z-index: 99;
            background: #F2F6F9;
            border-radius: 4px;
            display: flex;
            align-items: center;
        }

        table#activitiesdata tbody tr td {
            background: #f5f5f5;
            margin: 0;
            height: 100%;
            border-radius: 3px;
            padding: 4px;
            position: relative;
            margin: 5px;
        }

        .leadaudit-left .leadaudit-box:before {
            content: "";
            width: 12px;
            height: 12px;
            border-radius: 60px;
            padding: 0;
            background: url(/images/new-sprit.png);
            background-color: rgba(0, 0, 0, 0);
            background-position-x: 0%;
            background-position-y: 0%;
            display: inline-block;
            background-color: #143659;
            background-position: -368px -18px;
        }

        .leadaudit-box.lead_converted_account:before{background-position: -368px -18px;background-color: #143659;}
        .leadaudit-box.lead_converted_account:before{background-position: -368px -18px;background-color: #143659;}


        /*
        .leadaudit-left .leadaudit-box:before{content: ""; position: absolute; left:0; width: 2px; height:100%; top: 0; bottom: 0; background: #ccc;}
        .leadaudit-left .leadaudit-box:after{content: ""; position: absolute; left: -8px; width: 17px; height: 17px; top:21px; bottom: 0; background: #fff; border-radius: 50px; border: 3px solid #000;}
        */
        .leadaudit-left .leadaudit-box h3{
            margin: 0;
            font-size: 11px;
            font-weight: 500;
            background: #F2F6F9;
            padding: 0px 10px;
            color: #000;
            font-family: "lexend deca regular";
            text-transform: capitalize;
        }
        .leadaudit-left .leadaudit-box p{
            margin: 0;
            /* background: #f7f7f7; */
            padding: 0 10px 3px 10px;
        }
        .leadaudit-left .leadaudit-box p span{font-size:10px; display: inline-block;}
        .leadaudit-left .leadaudit-box p span.date{position: absolute; right: 25px; top: 25px; color:#1a85e7;}
        .leadaudit-left .leadaudit-box p span.ip{margin-top: 2px;}
        .leadaudit-left .leadaudit-box .fa-info-circle {
            font-size: 14px;
            position: relative;
            top: 2px;
            margin-left: 6px;    cursor: pointer;
        }
        .leadaudit-left .leadaudit-right{padding: 15px; background: #ebebeb;}
        .LeadAudit-page .open>.dropdown-menu {   padding: 10px;    border: 1px solid #ccc;}
        .LeadAudit-page .dropdown-menu .input-group{    width: 88%;    float: left;}
        .LeadAudit-page .dropdown-menu .btn-default{margin-left: 3px;}
        .leadaudit-right {
            padding: 15px 20px;
            background: #ecf3f8;
        }
        .leadaudit-right h3{margin: 0 0 4px 0; font-weight: 500; text-transform: uppercase;}
        .leadaudit-right h4{
            font-size: 15px;
            font-weight: 500;
            margin: 0 0 15px 0;
            color: #000;
        }
        .leadaudit-right p{margin: 0 0 4px 0;}
        .leadaudit-right-bottom ul{
            margin: 0;
            background: #fff;
            padding: 25px 30px;
            border-radius: 15px;
            border: 1px solid #c3c3c3;
        }

        .leadaudit-right-bottom ul li{
            border-bottom: 1px solid #ccc;
            padding: 10px 0 10px 20px;
            display: flex;
            align-items: center;
            position:relative;
        }

        .leadaudit-right-bottom ul li:before{
            content: "";
            position: absolute;
            top: 9px;
            left: 0;
            width: 20px;
            height: 20px;
            padding: 0;
            background: url(/images/audit-sprit.png);
            display: inline-block;
            background-position: -274px -23px;
        }

        .leadaudit-right-bottom ul li.new_lead:before{background-position: -273px -69px;}
        .leadaudit-right-bottom ul li.lead_deleted:before{background-position: -273px -116px;}
        .leadaudit-right-bottom ul li.owner_updated:before{background-position: -275px -165px;}
        .leadaudit-right-bottom ul li.status_updated:before{background-position: -274px -211px;}
        .leadaudit-right-bottom ul li.lead_converted_account:before{background-position: -274px -258px;}
        .leadaudit-right-bottom ul li.made_call:before{background-position: -274px -303px;}
        .leadaudit-right-bottom ul li.bulk_lead_created:before{background-position: -274px -349px;}

        .leadaudit-right-bottom ul li.bulk_lead_deleted:before{background-position: -274px -396px;}
        .leadaudit-right-bottom ul li.lead_note_added:before{background-position: -274px -442px}
        .leadaudit-right-bottom ul li.lead_details_updated:before{background-position: -274px -488px;}
        .leadaudit-right-bottom ul li.delete_account:before{background-position: -274px -534px;}
        .leadaudit-right-bottom ul li.account_created:before{background-position: -274px -580px;}


        .leadaudit-right-bottom ul li.acc_phone_updated:before{background-position: -274px -626px;}
        .leadaudit-right-bottom ul li.acc_email_updated:before{background-position: -274px -673px;}
        .leadaudit-right-bottom ul li.deposit_status_updated:before{background-position: -273px -719px;}
        .leadaudit-right-bottom ul li.tp_recycled:before{background-position: -273px -767px;}
        .leadaudit-right-bottom ul li.acc_owner_updated:before{background-position: -273px -813px;}
        .leadaudit-right-bottom ul li.update_main_tp:before{background-position: -273px -859px;}
        .leadaudit-right-bottom ul li.password_updated:before{background-position: -273px -905px;}

        .leadaudit-right-bottom ul li.account_followup:before{background-position: -323px -21px;}
        .leadaudit-right-bottom ul li.chargeback_request:before{background-position: -327px -67px;}
        .leadaudit-right-bottom ul li.bonus_cancellation:before{background-position: -327px -114px;}

        .leadaudit-right-bottom ul li.withdrawal_request:before{background-position: -325px -163px;}
        .leadaudit-right-bottom ul li.deposit:before{background-position:-325px -208px;}
        .leadaudit-right-bottom ul li.bonus:before{background-position:-325px -253px;}
        .leadaudit-right-bottom ul li.trading_access_updated:before{background-position: -325px -300px;}
        .leadaudit-right-bottom ul li.temp_forgot_password_mail_sent:before{background-position: -325px -347px;}
        .leadaudit-right-bottom ul li.updated_leverage:before{background-position: -325px -392px;}
        .leadaudit-right-bottom ul li.deposit_deleted:before{background-position: -325px -437px;}
        .leadaudit-right-bottom ul li.bonus_deleted{background-position:-325px -484px;}
        .leadaudit-right-bottom ul li.withdrawal_deleted:before{background-position: -325px -530px;}
        .leadaudit-right-bottom ul li.account_details_edited:before{background-position: -325px -575px;}
        .leadaudit-right-bottom ul li.kyc_approval_mail_sent:before{background-position: -325px -618px;}
        .leadaudit-right-bottom ul li.kyc_status_updated:before{background-position: -326px -663px;}
        .leadaudit-right-bottom ul li.additional_account:before{background-position: -325px -710px;}
        .leadaudit-right-bottom ul li.demo_to_real:before{background-position: -324px -758px;}
        .leadaudit-right-bottom ul li.upload_doc:before{background-position: -324px -806px;}
        .leadaudit-right-bottom ul li.acc_email_verified:before{background-position: -324px -852px;}
        .leadaudit-right-bottom ul li.bulk_account_deleted:before{background-position: -324px -899px;}
        .leadaudit-right-bottom ul li.acc_status_updated:before{background-position: -324px -945px;}


        .leadaudit-right-bottom ul li.api_account_created:before{background-position: -328px -1006px;}
        .leadaudit-right-bottom ul li.api_account_user_logged_in:before{background-position: -328px -1056px;}
        .leadaudit-right-bottom ul li.api_account_user_logged_out:before{background-position: -328px -1107px;}
        .leadaudit-right-bottom ul li.api_deposit:before{background-position: -328px -1155px;}
        .leadaudit-right-bottom ul li.api_withdrawal_request:before{background-position:-328px -1205px;}


        .leadaudit-right-bottom ul li.api_interfund_transfer:before{background-position: -329px -1253px;}
        .leadaudit-right-bottom ul li.api_password_changed:before{background-position: -329px -1302px;}
        .leadaudit-right-bottom ul li.api_account_updated:before{background-position: -328px -1349px;}
        .leadaudit-right-bottom ul li.api_forgot_password:before{background-position: -328px -1399px;}
        .leadaudit-right-bottom ul li.api_email_verified:before{background-position: -328px -1448px;}

        .leadaudit-right-bottom ul li.api_document_uploaded:before{background-position: -328px -1499px;}
        .leadaudit-right-bottom ul li.api_tnc_accepted:before{background-position:-328px -1549px;}
        .leadaudit-right-bottom ul li.api_case_created:before{background-position: -328px -1601px;}
        .leadaudit-right-bottom ul li.api_acc_followup_added:before{background-position: -328px -1648px;}
        .leadaudit-right-bottom ul li.api_account_user_logged_in_error:before{background-position: -328px -1695px;}
        /*********************/

        .leadaudit-right-bottom ul li label{font-size: 14px;}
        .leadaudit-right ul li a{display: block; text-align:left;}

        .leadaudit-right ul li [type="checkbox"]+label:before, .leadaudit-right ul li [type="checkbox"]:not(.filled-in)+label:after {
            content: '';
            position: absolute;
            top: 0px;
            left: auto;
            height: 18px;
            width: 18px;
            z-index: 0;
            border: 1px solid #c7c7c7;
            border-radius: 1px;
            margin-top: 2px;
            transition: .2s;
            right: 0;
        }

        .leadaudit-right ul li [type="checkbox"]:checked+label:before {
        top: 0;
            content: "\f00c";
            font-family: 'FontAwesome';
            position: absolute;
            left: auto;
            right: 0;
            color: #fff;
            border: 1px solid #cdc8c6;
            height: 18px;
            width: 19px;
            padding: 0;
            font-size: 11px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #1b84e7;
        }

        .leadaudit-right ul li [type="checkbox"]+label {
            padding:0;
            margin: 0;
            width: 100%;
            text-transform: capitalize;
        }
        .leadaudit-left .leadaudit-left-wrap{margin:0 0 15px; position:relative;}
        .leadaudit-left .leadaudit-left-wrap:before{
            width: 2px;
            content: "";
            position: absolute;
            top: -15px;
            bottom: 0;
            background: #9b9797;
            left: 40px;
            z-index: 2;
        }
        .leadaudit-left .leadaudit-head {
            display: inline-block;
            padding: 10px 0 15px 0;
            background: #ffffff;
            position: relative;
            left: 0;
            z-index: 99;
            margin: 15px 0 25px 0;
        }
        .leadaudit-left .leadaudit-head p {    margin: 0;font-size: 11px;}
        .leadaudit-left .leadaudit-box:last-child {
            margin: 0;
        }
        /*************/
        .filter_opt {
            width: 50%;
            float: right;
            text-align: right;
            top: -5px;
            position: absolute;
            right: 0;
        }
        .filter_opt button {
            background: #14416b;
            color: #fff;
            border: 0;
            padding: 4px 20px;
            border-radius: 5px;
        }
        
        /******chart css******/
        .chart { width: 100%; min-height: 300px; text-align:center; }
        .daterangepicker.dropdown-menu.ltr.show-calendar.opensright.open { left:auto !important; right:0 !important; }
        /******search-box-mobile css******/
        .search-box-mobile span .fa { font-size: 16px; }
        .search-box-mobile span { display: flex; vertical-align: middle; }
        .navbar-custom-menu>.navbar-nav>li.search-box-mobile ul.dropdown-menu { min-width: 190px; padding: 5px; border-radius: 0; }
        .navbar-custom-menu>.navbar-nav>li.search-box-mobile ul.dropdown-menu form { border: none; box-shadow: none; padding: 0; margin: 0; }
        .navbar-custom-menu>.navbar-nav>li.search-box-mobile ul.dropdown-menu form span.input-group-btn { display: block; margin: 0; position: absolute; right: 0; background: transparent; left: auto; float: left; width: auto; border: none; z-index:3;}
        .main-header .navbar-custom-menu>.navbar-nav>li.search-box-mobile ul.dropdown-menu form .input-group input#navbar-search-input { width: 200px; float: left; }
        .main-header .navbar-custom-menu>.navbar-nav>li.search-box-mobile ul.dropdown-menu form .input-group { display: block; }
        .kyd-done-box{border-radius:4px; background: #f4f7f9; border: 1px solid #ddd; padding: 8px 15px; margin: 0 0 7px 0;}


        .kyd-done-box .check-box-wrapp [type="checkbox"]+label:before, 
        .kyd-done-box .check-box-wrapp [type="checkbox"]:not(.filled-in)+label:after{margin: -2px 0 0 -8px;}

        .kyd-done-box .check-box-wrapp [type="checkbox"]:checked+label:before{margin: -2px 0 0 -8px;}
        .kyd-done-box .check-box-wrapp{padding-left:0;}

        .kyd-done-box.upld-pg .check-box-wrapp{padding-left: 0;}
        .kyd-done-box .check-box-wrapp{padding-left: 10px;}
        .kyd-done-box.upld-pg{padding: 0 15px;}

        .kyd-done-box .new-blue-btn{
            padding: 9px 13px 4px 13px;
            background: #1b84e7;
            display: inline-block;
            color: #fff;
            border-radius: 4px;
            font-size: 13px;
            margin-top: 7px;
        }

/***********/
#editpromo_form .inputContainer1 {
    margin: 0 0 5px 0;
}
#editpromo_form .inputContainer1 .currency-option-box1 {
    margin-bottom: 10px;
}
#editpromo_form .inputContainer1 .currency-option-box1 select {
    padding-left: 10px !important;
}
/************/
        /******promotional campaine css******/
        .promo-pagination { text-align: right; }
        .pro-meadia-box .wrap-media { padding: 15px 0px 30px; border-bottom: 1px solid #ddd; color: #000; margin-bottom: 15px; }
        .pro-meadia-box .flex-data-list { display: block; align-items: center; justify-content: flex-start; width: 100%; margin: 0; vertical-align: middle; line-height: 2em; margin-bottom: 10px; }
        .pro-meadia-box .flex-data-list li { vertical-align: middle; padding: 0 10px; }
        .pro-meadia-box .flex-data-list li.edit-btn { float: right!important; }

        .pro-meadia-box .wrap-media p { margin-bottom: 0; }
        .pro-meadia-box figure.promo-img { display: block; margin: 15px auto; width: 100%; height: 150px; object-fit: contain; }
        .pro-meadia-box figure.promo-img img { width: 100%; height: 100%; }
        .promotional-footer-box .rec-per-page { float: left; display: inline-block; }
        .promotional-footer-box .rec-per-page .form-group .form-control { width: 200px; border-color: transparent; text-decoration: underline; color: #000; }
        .promo-pagination .pagination { margin: 0; }
        .form-horizontal .control-label { margin-top: 7px; margin-bottom: 5px; text-align: left; padding-top: 3px; }
        .form-horizontal .form-group { margin-right: 0; margin-left: 0; }
        .form-horizontal .form-group figure.promo-img { display: block; margin: 15px auto 0; width: 100%; height: 170px; object-fit: contain; }
        .form-horizontal .form-group figure.promo-img img { width: 100%; height: 100%; }
        /**************************************/
        .total-warpp-table h3 { background: #5e666d; padding: 12px 15px; color: #fff; }
        /*------ sticky social bar start ------------*/
        .sticky-container { padding: 0px; margin: 0px; position: fixed; right: 2px; top:88%; width: auto;}
        .social_sticky { margin:0; padding:0; }
        .social_sticky li { list-style-type: none; background-color:#ffffff; color: #919191; height: 36px; padding:3px 0 0 0; box-shadow: 0 0 10px #9f9898; border-radius:4px; margin: 0px 0px 1px 0px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; }
        .social_sticky li a{float:left; padding: 2px 8px; margin: 0px; text-transform:uppercase; line-height: normal; font-size: 22px; display: inline-block; color: #919191;}
        .social_sticky li a:hover{color:#000;}
        /*------ sticky social bar end ------------*/

        /****************custom modal css*************/
        .custom-modal .modal-dialog{
            width:460px; 
            height: auto;
            background: #ededed;
            border-radius: 4px;
            /*
            right:12px;
            bottom:20px;
            -webkit-transform: translate(0,8%) !important;
            -ms-transform: translate(0,8%) !important;
            -o-transform: translate(0,8%) !important;
            transform: translate(0,8%) !important;
            margin-top: 28px;
            */
        }
        .external-link i {
            font-size: 20px !important;
            color: #0377c4 !important;
            position: relative;
        }
        .external-link{
            margin: 0px 0px 0px 5px;
        }
        .custom-modal .modal-content{box-shadow: none; height: 100%;}
        .custom-modal .cmn-btn {
            /* padding: 5px 8px 2px 5px; */
            display: inline-block;
            border: 1px solid #5691c9;
            text-decoration: none;
            outline: none;
            text-align: center;
            color: #fbfdff;
            background: transparent;
            font-size: 12px;
            border-radius: 5px;
        }
        .top-header h4{
            display: inline-block;
            text-align: left;
            float: left;
            color: #000;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
        }
        .custom-modal .cmn-btn:last-child{margin-right:0px;}
        .custom-modal .cmn-btn:hover, .custom-modal .cmn-btn:focus, .custom-modal .cmn-btn:active{color: #14416C; background: #195A97;text-decoration: none;outline: none;border: 1px solid #14416C;}
        .custom-modal .disable-btn{
            background: transparent !important;
            cursor: no-drop !important;
            border: 1px solid #5691c9 !IMPORTANT;
        }
        .custom-modal .disable-btn:hover{color: #000;}
        .custom-modal .disable-btn:hover .s-icon.icon-pre{background-position: -145px -424px;}


        .custom-modal .close{
            float:none;
            color:#000;
            opacity: 1;
            font-weight:400;
            background: none;
            font-size:24px;
            position:relative;
            top: 3px;
        }
        .custom-modal .footer-header {
            padding-left: 0;
            display: flex;
            width: 100%;
            position: relative;
            top: -15px;
        }

        .custom-modal .top-header{text-align:right; margin-bottom: 15px; width: 37%; float: right;}
        .custom-modal .middle-header{
            display: flex;
            align-items: flex-start;
            padding: 0;
            width: 63%;
            float: left;
            margin: 0 0 20px 0;
        }
        .custom-modal .middle-header a:nth-child(2){width:auto;}
        .custom-modal .middle-header .fa{font-size: 47px; color:#669ccf !important; font-weight: 400;}
        .custom-modal .middle-header a:hover {background: none;color: transparent;text-decoration: none;outline: none;}
        .custom-modal .middle-header h3{
            font-size: 18px;
            margin: 0 15px 0 0;
            color: #14416C;
            overflow: hidden;
            text-decoration: none;
            display: flex;
            align-items: center;
            position: relative;
            text-transform: capitalize;
            font-weight: 500;
            padding: 5px 0;
            font-family: "lexend deca light";
        }
        .middle-header-input {
            margin-top: 0;
            margin-left: 0;
            border-radius: 5px;
            width: 120px;
            color: #8d8888;
            font-size: 12px;
            height: 27px;
            text-align: left;
        }
        .custom-modal .modal-body{background:#ffffff;}
        .custom-modal .middle-header select{border-radius: 0;width: 150px;}
        .custom-modal .footer-header .cmn-btn .fa {margin-right: 15px;}


        .custom-modal .footer-header select.form-control{width: 150px;}
        .custom-modal .footer-header .clk2calls {    position: absolute;    left: 17px;    width: 35px;    margin-right: 0;    padding: 6px 0;}
        .custom-modal .footer-header .clk2calls .fa{margin-right: 0px;}
        .custom-modal .modal-header:after{display:none;}
        .custom-modal .footer-header .cmn-btn{color: #fff; border: 1px solid; background:none; display:none;}
        .custom-modal .footer-header .cmn-btn:hover{background: #6c757e;}
        .custom-modal .form-group label{padding-right: 10px;   margin: 0;   font-family: 'Lexend Deca regular';   font-weight: 700 !important;   color: #000;}
        .custom-modal .form-group p{
            padding-right: 10px;   margin: 0;   
            font-size: 12px;
            font-family: 'Lexend Deca Regular';
            color: #000000 !important;
            font-weight: 500;
        }
        .custom-modal .form-group p{margin:0;}
        .custom-modal .form-group{margin:0;}
        .custom-modal .form-group{
            padding: 10px!important;
            margin: 0;
            font-size: 12px;
            text-align: left;
            width: 50%;
            float: left;
            border-bottom: .2px solid lightgray;
        }
        .custom-modal .form-group span{
        color: #000;
        font-weight: 400;
        font-family: "lexend deca light";
        font-size: 11px;
        }
        .custom-modal .form-group .fa{color:#1a85e7; margin-left: 10px;}
        .custom-modal .form-group .fa.fa-envelope-o, 
        .custom-modal .form-group .fa.fa-phone{margin-left:0; margin-right: 10px;}

        .custom-modal .modal-body .form-group.btn-wrap {
            background: rgba(237,237,237,1);
            background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(245,246,248,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(100%, rgba(245,246,248,1)));
            background: -webkit-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(245,246,248,1) 100%);
            background: -o-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(245,246,248,1) 100%);
            background: -ms-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(245,246,248,1) 100%);
            background: linear-gradient(to right, rgba(237,237,237,1) 0%, rgba(245,246,248,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f5f6f8', GradientType=1 );
            padding: 15px 20px;
            display: block;
            margin: 25px 0 5px 0;
        }

        .custom-modal .modal-body .form-group.btn-wrap button{
            padding: 5px 10px;
            display: inline-block;
            border: 1px solid #1a85e7;
            text-decoration: none;
            outline: none;
            text-align: center;
            color: #1a85e7;
            background: #fff;
            font-size: 15px;
            border-radius: 5px;
        }

        .custom-modal .modal-body{
            padding-top:15px;
            padding-bottom:15px;
            padding-left: 0;
            padding-right: 0;
            white-space: nowrap;
        }
        .tool-tip + .tooltip > .tooltip-inner {background-color: #57ff50;font-size: 11px;color: #000;}
        .lead-pg .dropdown .tooltp {
            font-size: 9px;
            height: 15px;
            width: 15px;
            position: absolute;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            left: 183px;
            top: 15px;
            border: 1px solid #7e7e7e;
            color: #7e7e7e;
        }
        .lead-pg  .tooltip.top .tooltip-arrow{ }
        .lead-pg  .tooltip-inner{}
        /* .lead-pg  .tooltip{left: 171px!important;} */
        .lead-pg .filter-bottom .tooltip {    left: 80px!important;}
        /* .lead-pg .td-link, .lead-pg table tr td a{display: block;} */

        /*********************/
        .contact-info{
         display: flex;
         padding-left: 15px;
        }
        .contact-info .contact-info-body{
            width: 22px;
            height: 21px;
            border: 1px solid #1B84E7;
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 8px 0 0;
            padding-bottom: 1px;
        }
        .contact-info a{
            color: #1B84E7;
            /* animation: zoom-in-zoom-out 2s ease-out infinite; */
        }

        .contact-info a .fa-phone {
            margin-top: 4px;
        }

        .crct-canvas .crct-cntct .send_msg_btn .sms-tt {
            color:#1a85e7;
            height: 22px;
            width: 22px;
            position: relative;
            display: flex;
            margin-right: -7px;
            align-items: center;
            justify-content: center;
            border: 1px solid #1B84E7;
            border-radius: 70px;
            padding: 4px 0 0 0;
         } 

         @keyframes zoom-in-zoom-out {
            0% {
            transform: scale(1,1);
            }
            25% {
                color: #11599c;
                transform: scale(1.1,1.1);
            }
            50% {
                color: #6fa3d3;
            transform: scale(0.8,0.8);
            }

            75% {
                color: #6fa3d3;
                transform: scale(0.9,0.9);
            }
            100% {
            transform: scale(1, 1);
        
            }
        }
        .contact-info a:hover{color:#14416C!important;}
        .close.over-popup{
            position: absolute;
            top: 7px;
            right: 15px;
            color: #fff;
        }
        .custom-modal .top-header{
            text-align: right;
            width: 37%;
            float: right;
            margin: 0 !important;
            position: relative;
            top: 36px;
            z-index: 50;
        }

        /*******************/
        .dark-top-info{background:#F5F8FC;color: #000;padding: 0px 0px 0 15px; display:flex;align-items: center;font-size: 10px;}

        .dark-top-info div > span, .dark-top-info div > p {
            display: flex;align-items: center;
        }
        .dark-top-info p .form-control {
            height: 20px;
            font-size: 10px;
        }
        .dark-top-info .dti-box{float:left; padding:0 3%; position: relative;}

        /* .dark-top-info .dti-box:after{
            content: "";
            position: absolute;
            width: 1px;
            background: #8ba0b5;
            right: 0;
            top: 0;
            bottom: 0;
        } */
        .dark-top-info .dti-box:last-child:after{display:none;}

        .dark-top-info .dti-box:nth-child(2){
            /* padding: 0 3%; */
            width: 26%;
            font-size: 10px;
            color: #000;
            display: flex;
            font-family: "lexend deca regular";

        }

        .shownumphone{
            padding: 0 3%;
            width: 26%;
            font-size: 10px;
            color: #000;
            display: flex;
        }

        .dark-top-info .dti-box:nth-child(2) span:first-child {
            margin-top: -1px;
            margin-right: 5px;
        }

        .dark-top-info .dti-box:last-child div{
            width: 100%;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .dark-top-info .dti-box:last-child div p{
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .dark-top-info .dti-box a{color:#ebebeb; font-size:13px;}

        .dark-top-info .dti-box:first-child{
        width:9%;
        text-align: right;
        padding-left: 0;
        display: block;
        }
        .dark-top-info .dti-box{
            border-right:0.2px solid #C6E7FA!important;
            padding: 6px 10px;
        }
        .dark-top-info .dti-box:last-child{
            border-right:none!important;
        }

        .dark-top-info .dti-box:first-child img {
            margin-top: -2px;
            margin-right: 5px;
            height: 10px;
            width: 15px;
        }

        .dark-top-info .dti-box:last-child {
        padding-right: 0 !important;
        position: relative;
        width: 40%;    background: #deedff;
        }

        .dark-top-info .dti-box span:last-child {
        /* word-break: break-all; */
        line-height: normal;
        }

        .dark-top-info .dti-box:last-child > span{font-size:13px;}

        .dark-top-info .dti-box:last-child span:last-child{
            position: absolute;
            right: 0;
            font-size: 11px;
            top: 1px;
        }
        .dark-top-info .dti-box:last-child span:last-child:after{
            width: 13px;
            height: 1px;
            background: #fff;
            position: absolute;
            left: -2px;
           
            bottom: 1px;
        }

        .dark-top-info .dti-box .fa-phone, 
        .dark-top-info .dti-box .fa-envelope-o{
            font-size: 12.5px;
            margin: 0 5px 0 0;
            position: relative;
            top: 0px;
            color:#1B84E7;

        }

        .dark-top-info .dti-box .fa-pencil {
            font-size: 9px;
            float: right;
            /* top: 4px; */
            position: relative;
            left: 6px;
            color: #000;
            padding-bottom: 1px;
            border-bottom: .2px solid #000;
        }
       

        .dark-top-info .dti-box .fa-pencil:after {
            content: "";
            position: absolute;
            top: 12px;
            left: 0;
            height: 1px;
            width: 10px;
            /* background: #fff; */
        }

        .select-owner.form-group{
            background: #edf6fc;
            border: 0;
            padding: 16px 20px !IMPORTANT;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 0 12px 0;
        }
        .select-owner.form-group label{width:auto; padding-right:15px;}

        .select-owner.form-group p#name_owner{
            width: 76%;
            background: #fff;
            position: relative;
            padding: 7px 11px;
            border: 1px solid #d1d1d1;
        }

        .select-owner.form-group select.form-control{width:100%;}

        .dark-top-info .dti-box p{
            margin: 0;
        }

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

        /*addleads-modal*/
        /*.cmn-modal.addleads-modal:before{display:none;}*/
        .cmn-modal.addleads-modal .modal-dialog{width:940px;}

        .cmn-modal.addleads-modal.addleads-modal .input-wraper.date select{width:100%;}
        .cmn-modal.addleads-modal.addleads-modal .input-wraper div:first-child{padding-left:0;}
        .cmn-modal.addleads-modal.addleads-modal .input-wraper div:last-child{padding-right:0;}

        /*.cmn-modal.addleads-modal .modal-header{padding:10px 0;} */
        .cmn-modal.addleads-modal .modal-body{padding: 0;}
        .cmn-modal.addleads-modal .wrapper-content {    padding: 0;}
        .cmn-modal.addleads-modal .tabpane-form-body {    padding: 0px !important;border-radius: 0 0 8px 8px;}
        .cmn-modal.addleads-modal .tabpane-form-body .panel-heading a:after{left: auto;right: 5px;}
        .cmn-modal.addleads-modal .tabpane-form-body .panel-heading .panel-title{padding-left: 0;}
        .cmn-modal.addleads-modal .tabpane-form-body .panel-default .panel-heading{border-radius: 0;}
        .cmn-modal.addleads-modal .padding-tb-15{padding:15px 18px 15px !important;}
        .cmn-modal.addleads-modal .cbw .check-box-wrapper{padding-top:0;}
        .cmn-modal.addleads-modal .cbw .check-box-wrapp input[type="checkbox"]{top:15px; left: -12px;}
        .cmn-modal.addleads-modal .content{height: 100%;border-radius: 0 0 8px 8px; min-height:auto;}
        .cmn-modal.addleads-modal .tabpane-form-body .panel-group .panel:first-child{margin: 0 0 10px 0;}
        .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{height: 32px;}
        .cmn-modal.addleads-modal .form-group label.control-label{width:100%; float:left; position: relative;}
        .cmn-modal.addleads-modal .input-wraper.phone-no .country-code{width:26% !important;} 
        .cmn-modal.addleads-modal .input-wraper.phone-no .ph-number{width: 72% !important;}
        .calendarwithsearch .select2-container--default .select2-selection--single, .calendarwithsearch .select2-selection .select2-selection--single{border: 1px solid #74A3D5;
            padding: 8px 6px 6px 11px;
            display: flex;
            align-items: center;            
            height: 27px;
            border-radius: 4px;}
            .calendarwithsearch   .select2-selection__arrow{display: none;}
            .calendarwithsearch .select2-container--default .select2-selection--single:after{content: '\f078';
                position: absolute;
                font-family: 'FontAwesome';
                font-size: 8px;
                top: 8px;
                right: 10px;}
                .calendarwithsearch .inputbox-search-btn{    height: 27px !important;    border-radius: 0 4px 4px 0;border-color: #74A3D5!important;}
                .calendarwithsearch .resetfilter .form-control{border-color: #74A3D5;    height: 27px;border-radius: 0 !important;border-right: 0;color: #003B7A;}
                .calendarwithsearch .input-group-addon{border-radius: 4px 0 0 4px;
                    height: 27px !important;height: 27px;    border: 1px solid #74A3D5;padding-top: 5px !important;border-right: 0;}
        /*.cmn-modal.addleads-modal .panel-body .col-md-6:nth-child(even){padding-left:30px;}
        .cmn-modal.addleads-modal .panel-body .col-md-6:nth-child(odd){padding-right:30px;}*/
        .cmn-modal.addleads-modal .impfiled{margin:0;}
        /* ***************    profile modal     ************** */ 
        .cmn-modal.prfl-modal .modal-body{padding:0;}
        .common-new-popup.prfl-modal .modal-body .wrapper.wrapper-content{padding:0; min-height:auto;}
        .common-new-popup.prfl-modal .wrapper-content,
        .common-new-popup.prfl-modal .modal-body{padding:0;} 
        .common-new-popup.prfl-modal .profile-pg{padding: 0;}
        .cmn-modal.prfl-modal .profile-heading{font-size: 16px; text-transform: capitalize;    font-weight: 500;    color: #000;margin: -30px -20px 20px;background: #f9f9f9;padding: 15px 10px;}
        .common-new-popup.prfl-modal .profile-box{padding:10px; border-radius:0;}
        .cmn-modal.prfl-modal:before{vertical-align: top;} 
        .common-new-popup.prfl-modal .profile-box .form-actions{margin: 10px 0 10px 0;}
        .common-new-popup.prfl-modal label.error{bottom:initial;}

        .common-new-popup .tabpane-form-body .panel-group{padding: 0 !Important;}
        .common-new-popup .tabpane-form-body .panel-group .panel .panel-body{box-shadow:none !Important;}
        .common-new-popup .tabpane-form-body .panel-group{background:#0000 !Important;}

        /* .lead-pg .open-lead-dropwrap .btn.btn-default{    max-width: 100%;    width: 175px;    text-align: left;overflow: hidden;} */
        .common-new-popup.for-convert-lead .modal-title{padding: 20px 15px;}
        .open-lead-dropwrap .btn.btn-default span.caret{position: absolute;    left: 155px;    top: 11px;}
        .fa-cog-wrap{
            /* background: #15426c; */
            height: 25px;
            width: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 5px;
        }

        /* ******************      convert lead modal      ******************* */
        .common-new-popup.for-convert-lead {    text-align: center;}
        .common-new-popup.for-convert-lead:before {    content: '';    height: 100%;    display: inline-block;    vertical-align: middle;}
        .common-new-popup.for-convert-lead .modal-dialog{    display: inline-block;    vertical-align: middle;    text-align: left;}
        .edit-lead-pg .ars-box-content th.sorting_disabled, .edit-lead-pg .dataTables_wrapper th.sorting_disabled {    display: none;}
        .edit-lead-pg .table-striped>tbody>tr:hover{background: transparent!important;}
        .edit-lead-pg .edit-lead-filter .panel-collapse{padding: 0;}
        .cke_dialog_body{position: relative!important;}
        /******************/
        .common-new-popup.for-user-role .modal-dialog{width:800px;}

        .custom-modal .common-new-popup .form-group {
           padding: 0 !important;
           margin-bottom: 17px;
           width: 100% !important;
        }
        .custom-modal .common-new-popup .form-group label {
           padding-right: 10px;
           font-family: 'Lexend Deca regular';
           color: #000;
           width: 100%;
           margin: 5px 0;
           padding-top: 0;
           text-align: left;
           font-size: 11px;
           font-weight: 400 !important;
        }

      /********************    add activity modal    ******************** */
        .add-activitiy-modal {text-align: center;}
        .add-activitiy-modal:before {    content: '';    display: inline-block;    vertical-align: middle;    height: 100%;}
        .add-activitiy-modal .modal-dialog {    width: 750px;    margin: 30px auto;    display: inline-block;    vertical-align: middle;text-align: left;}
        .add-activitiy-modal .modal-header .modal-title {    padding: 20px 0;}
        .add-activitiy-modal .tabs-left {    margin: 0 0 25px;    border-bottom: 3px solid #ddd;}
        .add-activitiy-modal .tabs-left {    margin: 0 0 25px;    background: #f1f1f1;    padding: 0 10px;}
        .add-activitiy-modal .nav-tabs>li>a:hover{background-color: transparent;}
        .add-activitiy-modal .nav-tabs>li.active>a, .add-activitiy-modal .nav-tabs>li.active>a:hover, .add-activitiy-modal .nav-tabs>li.active>a:focus {    background: transparent;    border: 0;    background-color: transparent;    border: 0;color: #000;}
        .add-activitiy-modal .nav-tabs>li.active>a:after {    content: '';    position: absolute;    height: 3px;    width: 50px;    background: #1b84e7;    bottom: -2px;    left: 13px;}
        .add-activitiy-modal .nav-tabs>li>a{border: 0;    padding: 12px 15px;    color: #969696;}
        .common-new-popup.add-activitiy-modal, .common-new-popup.activiti{text-align: right;}
        .common-new-popup.add-activitiy-modal .modal-dialog, .common-new-popup.activiti  .modal-dialog{left:auto!important;}
        .common-new-popup.activiti
        /* *********************     notification modal     ***************** */
        .notification-modal {    text-align: center;}
        .notification-modal:before {    content: '';    height: 100%;    display: inline-block;    vertical-align: middle;}
        .notification-modal .modal-body {   padding: 0;}
        .notification-modal .wrapper-content{padding: 0;}
        .notification-modal .content{height: 100%;padding: 0;}
        .notification-modal .modal-dialog {    width: 750px;text-align: left;display: inline-block;    vertical-align: middle;    margin: 0;}
        .notification-modal .page-header {    border-bottom: 1px solid #ccc;    margin: 0 0 -2px 0!important;    padding: 5px 20px 15px;}
        .notification-modal button.close{position: absolute;    right: 25px;    top: 25px;    opacity: 1;    color: #848484;}
        .notification-modal table.dataTable {    margin-top: 0!important;}
        .notification-modal div.dataTables_paginate{padding: 10px 0 0 0!important;}
        .notification-modal div.dataTables_wrapper div.dataTables_info{    padding: 20px 13px 25px 13px;}
        .notification-modal .modal-content{    border-radius: 4px;}
        /* ************************      cmn-modal ticket_detail      *********************** */
        .cmn-modal.ticket_detail{overflow: auto;}
        .cmn-modal.ticket_detail .modal-dialog{width: 1199px;}
        .cmn-modal.ticket_detail .modal-header{padding:0; border:0; height: 0;}
        .cmn-modal.ticket_detail .close{z-index: 99;    top: 5px;right: 5px;position: absolute;}
        .cmn-modal.ticket_detail .modal-body{padding: 0;}
        .cmn-modal.ticket_detail .wrapper-content {    padding: 0;}
        .cmn-modal.ticket_detail .content {   background: #ffffff;    height: 100%;}
        .cmn-modal.ticket_detail .page-title-header{    width: 100%;}
        .cmn-modal.ticket_detail .page-title-header h2{text-transform: uppercase;}
        .cmn-modal.ticket_detail .ticket-s{    margin: -2px 0 0 20px;    font-size: 14px;    color: #787878;    font-weight: normal;    font-family: 'Open Sans';}
        .cmn-modal.ticket_detail .ticket-s a{    padding: 3px 8px;    display: inline-block;    background: #fff;    border-radius: 3px;    color: #000;}
        .cmn-modal.ticket_detail .ticket-s .fa-pencil{margin-left: 10px;}
        .cmn-modal.ticket_detail .post .user-block {    margin-bottom: 15px;    display: flex;    align-items: baseline;}
        .cmn-modal.ticket_detail .user-block .username{    font-size: 18px;    margin: 0 10px 0 0;}
        .cmn-modal.ticket_detail .user-block .description{margin: 0;}
        .cmn-modal.ticket_detail .ticket-editor {    border: 1px solid #dbdbdb;    padding: 0px 0 15px;    margin-top: 15px;}
        .chat-post{    margin-top: 20px;position: relative;}
        .chat-post h2{    color: #007bff;   text-decoration: none;    background-color: transparent;    font-size: 18px;    font-family: 'Lexend Deca Regular';    margin-top: 0;}
        .chat-post h2 span{font-size: 12px;    color: #000;    font-family: 'Lexend Deca Light';    margin-left: 10px;}
        .chat-post p{    padding: 15px;    background: #f1f1f1;    border-radius: 6px;    max-width: 90%;    margin: 0px 0 0px 0;    display: inline-block;    position: relative;}
        .chat-post.right-right{text-align: right;}
        .chat-post.right-right h2 {    text-align: right;    display: flex;    align-items: baseline;    flex-direction: row-reverse;}
        .chat-post.right-right h2 span{margin-left: 0;margin-right: 10px;}
        .chat-post.right-right p {   margin-left: 10%;    background: #e1f0ff;text-align: left;}
        span.max-lnth {    position: absolute;    right: -65px;    bottom: 7px;    font-size: 12px;    color: #000;}
        /* *********************************** */
        .tp-title {    text-align: center;    text-transform: uppercase;    padding: 10px 20px;    border-bottom: 1px solid #ccc;    color: #565656;   font-family: 'Lexend Deca Regular';font-size: 11px;}
        .modal-backdrop.in{    opacity: 0;}
        .custom-modal{background: none;z-index: 1050;}



        #leads_overview_modal.custom-modal{z-index:10055 !important;}
        /* #leads_overview_modal.custom-modal.in{display: flex !important; align-items: center; justify-content: center;  */
            /* background: rgba(0,0,0,0.5); */
            /* overflow-y: scroll;} */
        #leads_overview_modal.custom-modal .modal-header{background: #C5E1FF; padding:0;}
        .overview-footer{
            /* padding: 20px 20px 10px 20px;  */
            /* border-top: 1px solid #ccc; */
        }
        #leads_overview_modal.custom-modal .modal-header .crct-canvas .crct-canvas-top{display: block; align-items: center;}
        #leads_overview_modal.custom-modal .modal-header .crct-canvas .crct-name{padding: 20px;}

        #leads_overview_modal.custom-modal .closeButton{position: absolute; top: 3px; right: 10px;}
        #leads_overview_modal.custom-modal .closeButton .close-button{font-size:15px;}
        #leads_overview_modal.custom-modal .modal-header{padding: 20px 15px;}



        span.tool-tip{position: absolute; top:0; background: #57ff50;    font-size: 11px;    padding: 4px 10px;    color: #000;    border-radius: 1px;    top: -23px; left: 25px;}
        .custom-modal a{position: relative;}
        .custom-modal .modal-body .cmn-btn {    width: 250px;    background: none;    text-align: left;    color: #1c84e7;    font-weight: bold;    padding: 8px 5px;    transition: 0.5s ease all;    text-orientation: none;    margin-bottom: 10px;cursor: pointer;    border: 1px solid #b3b3b3;}
        .custom-modal .modal-body .cmn-btn:hover, .custom-modal .modal-body .cmn-btn:focus{background: #1c84e7; color: #fff;    border: 1px solid #1c84e7;}
        .custom-modal .modal-body .cmn-btn .fa{margin: 0 12px;}
        .mbody-top-btn{padding:15px 20px 15px 20px; background: #d9e9f9;} 
        .mbody-top-btn div{width: 100%; float:left;} 
        .mbody-top-btn div select.form-control{height:33px; margin:0 0 5px 0;}
        .mbody-top-btn div a{
            padding: 6px 10px;
            margin: 0 0 10px 0;
            border: 1px solid #d7d7d7;
            position: relative;
            display: flex;
            align-items: center;
            font-size: 14px;
            border-radius: 5px;
            background: #fff;
            box-shadow: 0 2px 3px #b3b3b3;
            color: #1b84e7;
        }
        .mbody-top-btn div:last-child a{margin: 0 0 0 0;}
        .new-icon.ld-icon{background-position: -147px -411px; margin-right: 5px;}
        .new-icon.aan-icon{background-position: -147px -463px; margin-right: 10px;}  
        .new-icon.mt-icon{background-position: -147px -464px; margin-right: 10px;}

        .middle-header .new-icon.user {
            background-color: #0377c4;
            height: 45px;
            width: 45px;
            background-position: -135px -337px;
        }
        .online-status{
            background: #22d751;
            height: 17px;
            width: 17px;
            border-radius: 30px;
            border: 1px solid #1b84e7;
        }
        .offline-status{
            position:absolute;
            background:#ffba00;
            height: 17px;
            width: 17px;
            border-radius: 30px;
            border: 1px solid #1b84e7;
        }

        .show-status{padding: 14px 0 0 25px;}
        .show-status span{padding: 4px 14px; background:#fff; margin-left: 6px;}
        .show-status i.fa {
            margin-left: 6px;
        }
        .ah-left>div:last-child.show-status span {
            background: #0000;
            padding-left: 0;
            font-weight: bold;
        }
        /********/
        .activity-wrapper .content{padding:0;}

        .activity-wrapper .activity-header{
            background-color: #e9e9e9;
            padding: 10px 0;
            display: flex;
            align-items: center;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }
        .activity-wrapper .activity-header .new-icon.user{
        background-color:#d3d3d3;
        height: 35px;
        width: 36px;
        background-position: -141px -343px;
        }
        .activity-wrapper .activity-header ul li:first-child {
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
        }
        .activity-wrapper .activity-header ul li:last-child {
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
        }
        .activity-wrapper .activity-header ul li{
        padding: 4px 15px;
        border: 1px solid #d8d8d8;
        float: left;
        background: #fff;
        }

        .activity-wrapper .activity-header ul li a{color:#337ab7;}
        
        .activity-wrapper .activity-header .new-icon.user{position: relative; border:1px solid #ccc;}

        .ah-left {
            display: flex;
            align-items: flex-start;
        }

        .ah-left h5{
            margin: 0;
            padding: 0 0 3px 17px;
        }
        .ah-left h3{
        margin: 0;
        padding: 0 0 0 17px;
        font-weight:bold;
        font-size:17px;
        text-transform:capitalize;
        }
        .online-status, .offline-status{
            position: absolute;
            height: 10px;
            width: 10px;
            border-radius: 30px;
            border: 1px solid #e6e3dc;
        }
        .online-status{background:#06bc39;}
        .offline-status{background:#ffba00;}
        ul.next-priv-btn{float:right; margin-left: 12px;}
        ul.next-priv-btn li a{color:#565656;}

        .activity-header-bottm {
            display: flex;
            border-radius: 0 0 4px 4px;
            justify-content: space-between !important;
            margin: 0px 0px 15px 0px;
        }
        .activity-header-bottm .header-bottm-box:not(:last-child) {
            margin-right:20px;
        }
        .header-bottm-box{ 
            padding: 6px;
            float: left;
            min-width: 10.9%;
            background: #fff;
            border-radius: 5px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
            text-align: center;
        }
        .header-bottm-box:first-of-type {
            background: #EBF5FB;
        }
        .header-bottm-box.email-check{
            display: flex;
            align-items: center;
        }
        .header-bottm-box.email-check .check-box-wrapp {
            margin: -5px 0 0 0;
        }

        .header-bottm-box i {
            margin: 0 0 0 8px;
            position: relative;
        }

        .activity-header-bottm h4 {
            margin: 0;
            font-size: 13px;
            font-family: 'Lexend Deca Light';
            display: flex;
            color: #000;
        } 

        .activity-header-bottm h4.currency{color:#85b300; font-size:14px;}
        .activity-header-bottm h4.platform{color:#1a0375; font-size:14px;}

        .activity-header-bottm h4.check-box-wrapp [type="checkbox"]:checked+label:before{
        left: 15px;
        right:auto;
        top:0;
        } 

        .activity-header-bottm h4 [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after{
        left: 15px;
        right:auto;
        top:0;
        }
        .header-bottm-box h6{
            font-family: 'Lexend Deca Light';
            font-size: 13px;
            margin: 0 0 6px 0;
            color: #4D4F51;
            font-weight: 400;
        }
        .header-bottm-box a{
        color:#337ab7;
        }
        .account-form{
        padding: 15px 12px;
        border-radius: 2px;
        background: #fff;
        margin: 0 0 12px 0;
        border-radius: 4px;
        }
        .account-form .client-details-wrapper {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        .account-form .cd-box{
        width: 25%;
        float: left;
        padding: 0 15px;
        position: relative;
        margin: 0 0 15px 0;
        }

        .account-form .cd-box.converted .cd-title,
        .account-form .cd-box.converted .cd-details{border-color:transparent;}
        .not-converted{
            border: 1px solid #e5454c !important;
            text-align: center;
            text-transform: uppercase;
            border-radius: 3px;
            min-width: 64px;
            font-size: 13px;
        }
        .yes-converted {
            border: 1px solid #52b51e !important;
            text-align: center;
            text-transform: uppercase;
            border-radius: 3px;
            min-width: 64px;
            font-size: 13px;
        }

        .cd-box.converted .span-label.label-warning{
            background: #3e3b3b !important;
            color: #fff !IMPORTANT;
            font-size: 12px;
            padding: 11px 12px;
        }

        .cd-box.converted .cd-details-edit {
            margin: 0 0 0 6px;
        }

        .account-form .cd-box .cd-title{
        width: 100%;
        padding: 0;
        margin: 0 0 4px 0;
        font-weight: normal;
        color: #000;
        font-size: 14px;
        float: left;
        }
        .account-form .cd-box .cd-details{
            font-size: 13px;
            width: 100%;
            border: 1px solid #ccc;
            padding: 8px 10px;
            float: left;
            height: 35px;
            margin: 0;
        }
        .account-form .cd-box a .fa{
            position: absolute;
            right: 23px;
            top: 35px;
        }

        .activity-right-section div:nth-child(2).ars-box-title-wrap {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        } 

        .ars-box-title-wrap .ars-box-title {
            width: auto;
            float: left;
        }
        .ars-box-title-wrap .button-wrap {
            display: inline-block;
            float: left;
            margin: -3px 0 0 10px;
        }


        .page-title-header.activity-header.clearfix{background: #1a5999;  color: #fff;}
        .page-title-header.activity-header.clearfix a{color: #fff;}
        .activity-wrapper .page-title-header.activity-header .new-icon.user{background-color: #0000;}
       
        /************/
        .light-blue-wrap{
            background: #EDF3FA ! IMPORTANT;
            padding: 15px;
            border: 1px solid #C5E1FF;
        }
        .light-blue-wrap .form-check input[type=radio]{
           margin: 8px 8px 11px 0;
        }
        
        /***************/
        .light-blue-bottom{
            background: #F7FCFE;
            padding: 10px 0;
            display: flex;
            margin: 10px 0px;
            border: 1px solid #C5E1FF;
        }
        .light-blue-bottom .lbb-box {
            width: 17.33%;
            float: left;
            text-align: center;
            position: relative;
            display: flex;
            flex-direction: column;
        }

        .light-blue-bottom .lbb-box h4 {
            margin: 0 0 3px 0;
            color: #424344;
            font-size: 15px;
            font-weight: 500;
            font-family: "lexend deca regular";
        }

        .light-blue-bottom .lbb-box span {
            font-size: 13px;
            color: #727272;
            }
            .light-blue-bottom .lbb-box span.pending{color: #f39827;}
            .light-blue-bottom .lbb-box span.approved{color: #30830d;}
            .light-blue-bottom .lbb-box span.rejected{color: #d00b0b;}
        .light-blue-bottom .lbb-box:after {
            position: absolute;
            content: "";
            right: 0;
            height: 100%;
            width: 2px;
            background: #CFDBE5;
        }

        .light-blue-bottom .lbb-box [type="checkbox"]:checked+label:before{color:#0ac742; border:1px solid #0ac742;}

        span.pending{color: #f39827;}

        .light-blue-bottom .lbb-box:last-child:after {
            display: none;
        }
        /* *********** details account page ****************** */
        .ars-box-left{
            display: flex;
            position: relative;
          }
          .ars-box-content-box  .add-note:not(:last-child) {
           border-bottom: 1px solid #DDDBDA;
          }
          .ars-box-content-box  .add-note {
           padding:10px;
          }
          .ars-box-content-box  .add-note .add-note-title{
            display:flex;
            align-items: baseline;
          }
          .ars-box-content-box  .add-note > span{
            padding: 0;
            font-size: 12px;
            margin: 0px 37.4px;
          }
          .ars-box-title-wrap span{
            color:#195A97;
            font-size:14px;
            font-family:"lexend deca regular";
          }
          .ars-box-title-wrap #notes_count{
            color: white;
            font-size: 10px;
            font-family: "lexend deca regular";
            border-radius: 50%;
            height: 13px;
            width: 13px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #e85151;
            font-weight: 400;display: none;
          }
          .log-a-call-wrap  .changestatus-title{ 
            display: flex;
            align-items: center;
            background: #C5E1FF;
            margin: 0;
            padding: 15px 20px;
            color: #195A97;
            justify-content: space-between;
          }
          .log-a-call-wrap  .list-inline * {
            font-size: 11px;
            color: #195A97;
            font-weight: 400;
            font-family: "lexend deca regular";
          }
          .log-a-call-wrap  .list-inline *:hover {
            font-size: 10px;
            color: black;
          }

        /*********edit-leade-header************/
        .edit-leade-header{
            background-color:#C5E1FF;;
            padding:20px 15px 20px 30px;
            position: relative;
        }
        .edit-leade-header .ah-left{display:flex;}
        .edit-leade-header .ah-left .new-icon.user{
            padding: 0;
            border-radius: 50px;
            background-position: -205px -159px;
            height: 55px;
            width: 55px;
            margin: 0 15px 0 0;
            border: 2px solid #fff;
        }
        .edit-leade-header .ah-left h2{margin: 0 0 7px 0;   color: #14416C;   text-transform: capitalize;   font-size: 22px;   font-weight: 500;}
        .edit-leade-header .ah-left h2 span{background:#fff; display: inline-block; padding: 2px 8px; width: 100%; color:#000; line-height: normal; font-size: 12px;}
        .edit-leade-header .ah-left select.form-control{
            border-radius: 3px;
            border-color: #d3d3d3;
            font-size: 13px;
            height: 25px;
            padding: 2px 12px;
            width: 130px;
            margin-left: 0;
        }
        .edit-leade-header .ah-left div{display: block;}

        .lhr-box{
            padding: 10px 15px;
            background: #E0F3FE;
            display: flex;
            margin-right: 10px;
            color: #195A97;
            font-size: 13px;
            border: 1px solid #98D1F5;
            border-radius: 5px;
            font-weight: 500;
            font-family: 'Lexend Deca regular';
        }
        .lhr-box .new-icon.owner-name-icon{
            background-position: -291px -816px;
            height: 21px;
            width: 23px;
            margin: 0 10px 0 0;
        }
        .lhr-box .new-icon.affiliate-icon{
            background-position: -291px -854px;
            height: 21px;
            width: 23px;
            margin: 0 10px 0 0;
        }
        .lhr-box h4.owner-name {
            font-size: 13px;
            margin: 0;font-family: 'Lexend Deca regular';
        }
        .lhr-box h4.owner-name span:last-child {
            font-size: 12px;
        }

        .next-previous{padding:4px 0 0 0; text-align: right;}
        .next-previous ul li{display: inline-block;}
        .next-previous ul li a{display: inline-block; border: 1px solid #5691c9; padding: 5px 8px 2px 5px; border-radius: 4px;}
        .next-previous ul li a:hover{border: 1px solid #fff;}
        .next-previous ul li a.arrow-btn {padding: 4px 10px;margin: 0;}
        .next-previous ul li a.arrow-btn:hover{border: 1px solid #3b72a7;}
        .edit-leade-header-bottom{
        background:#ECF8FF;;
        color: #195A97;
        height: 45px;
        display: flex;
        align-items: center;
        padding: 13px 15px;
        justify-content: space-between;
        position: relative;
        }
        .edit-leade-header-bottom .left-ul li{padding:0 13px; position:relative;}
        .edit-leade-header-bottom .left-ul li:after{
            content: "";
            position: absolute;
            height: 20px;
            width: 2px;
            background: #B8E2FA;
            top: 0;
            right: 0;
        }
        .lu-box{display: flex;   font-size: 13px;   font-family: "lexend deca regular";   align-items: center;}
        .lu-box span p{margin:0;}
        .lu-box .flag{margin-right: 5px; margin-top: -1px;}

        .lu-box a{color: #195A97 !important;   font-size: 13px;   display: inline-block;   padding: 0px 3px;   font-weight: 400;   font-family: "lexend deca regular";}
        .lu-box a:hover, span:hover, .fa.fa-pencil:hover {color: #113E68 !important;}
        .right-ul li .rl-box a:hover,  .fa.fa-pencil:hover, .fa.fa-trash-o:hover {color: #113E68 !important;}
        .lu-box .fa.fa-pencil, .rl-box .fa.fa-pencil{color: #5F9CD5;  padding: 2px 3px;   border-radius: 5px;}
        .td-ac .kyc-status-edit a .fa.fa-pencil, .td-ac .kyc-card .kyc-card-content .fa.fa-trash-o{background: transparent;border: 0;}
        .edit-leade-header-bottom .new-icon.lu-email{background-position: -294px -26px; height: 16px; width: 16px; margin-right: 10px;}
        .edit-leade-header-bottom .new-icon.lu-phone{background-position: -294px -66px; height: 16px; width: 16px; margin-right:10px;}
        .edit-leade-header-bottom .new-icon.lu-crm{background-position: -295px -105px;   height: 16px;   width: 18px;   margin-right: 5px;   margin-top: -2px;}
        .edit-leade-header-bottom .new-icon.lu-reg{background-position: -293px -146px;   height: 16px;   width: 23px;   margin-right: 5px;   margin-top: -2px;}

        .right-ul{display: flex; align-items: center;}
        .right-ul li .rl-box{
            display: flex;
            font-size: 13px;
            align-items: center;
            min-height: 31px;
        }
        .right-ul li .rl-box span{color: #195A97;   font-size: 13px;   font-weight: 500;   font-family: "lexend deca regular"; }
        .right-ul li .rl-box h4{font-size: 13px;   margin: 0;   font-weight: 500;   font-family: "lexend deca regular"}
        .right-ul li .rl-box a{font-size: 13px;   color: #195A97 !important;   display: inline-block;   padding: 0px 4px;   font-weight: 500;   font-family: "lexend deca regular";}
        .right-ul li{position: relative;   padding: 0px !important;}
        .right-ul li:first-child{padding-left:0;}
        .right-ul li .rl-box:after {
            content: "";
            height: 20px;
            width: 2px;
            background: #B8E2FA;
            display: flex;
            align-items: center;
            margin: 0px 10px;
        } 
        
        .right-ul li:last-child .rl-box:after{display:none;}
        .rl-box .new-icon.lu-user{background-position: -292px -179px; height: 22px; width: 22px; margin-right: 10px; margin-top: -2px;}
        .rl-box .new-icon.lu-pass{background-position: -292px -220px; height: 22px; width: 22px; margin-right: 10px; margin-top: -2px;}
        .rl-box .new-icon.lu-delet{background-position: -292px -258px; height: 22px; width: 22px; margin-top: -2px;}

        /**********/
        .lead-head-right{display: flex; justify-content: flex-end; align-items: center;}


        /********/

        /*************/
        .edit-detail-right-sidebar{
            padding: 0 !important;
            background: #fff;
            border-top-right-radius: 7px;
            position:relative;
            transition: 0.5s;
            border-left: 1px solid #98D1F5;
        }

        .edit-detail-right-sidebar i.arrow-click-btn{
            position: absolute;
            left: -11px;
            top: 16px;
            height: 22px;
            width: 22px;
            border-radius: 50px;
            background: #1883e7;
            box-shadow: 0 0 5px #9b9a9a;
            font-family: 'FontAwesome';
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 0;
            color: #fff;
            cursor: pointer;
            z-index: 999;
        }

        .edit-detail-right-sidebar i.fa-angle-left.arrow-click-btn{display:none;}
        .edit-detail-right-sidebar i.fa-angle-right.arrow-click-btn{display: inline-flex;}
        .edit-detail-right-sidebar.right-sidebar-close i.fa-angle-right.arrow-click-btn{display:none;}
        .edit-detail-right-sidebar.right-sidebar-close i.fa-angle-left.arrow-click-btn{display: inline-flex;left: -23px;}

        .edit-detail-left-contet{width: 77%; transition: 0.5s;}
        .edit-detail-left-contet.full-width{width:100%;}

        .edit-detail-right-sidebar.right-sidebar-close {
            width: 23%;
            margin-right: -1463px;
        }

        .edit-detail-right-sidebar h3{
            color: #195A97;
            font-size: 16px;
            font-weight: 500;
            margin: 0px;
            font-family: "lexend deca regular";
        }
        /* .log-a-call-wrap form{padding:25px 20px 10px 20px;}
        .log-a-call-wrap #activity_form {padding: 25px 20px 10px 20px;}*/
        .log-a-call-wrap{padding: 7px;}
        .log-a-call-wrap .activity-btns{padding: 0 10px;   display: flex;   height: 25px;   align-items: center;}
        .panel-default>.panel-heading{color:#000; background: #C1D2E9; border-color: #1b84e7;display: flex;justify-content: space-between;border-bottom: 0.2px solid #E8E9EA!important;}
        .panel-heading .panel-title, .panel-heading a{color: #000;}
        #accordion .panel-heading a, #accordion .panel-default>.panel-heading{display: block;}
        .uo-number{background: #d9ecfd;}
        #activitytablediv > p{
            /* margin: 0 0 10px; */
            background: #f5f5f5;
            margin: 0;
            height: 100%;
            border-radius: 3px;
            padding: 10px;
            position: relative;
            margin: 5px 5px;
            font-size: 10px;
        }
        /* #activitytablediv > p:hover{
            margin: 0px 0px;
            padding:15px;
            
        } */
        .popupclass .panel-default {
            border: 0.2px solid #E8E9EA!important;
        }
        /*******/
        .activity-tab-section{
            padding: 15px 0 15px 0 !important;
            background: #fff;
            margin:0;
            border-radius:4px;
            min-height: 41vh;
            height: auto;
        }


        .activity-tab .tabpane-form-body .panel-group{
            margin-bottom: 0 !important;
            border: 1px solid #ccc;
            padding: 15px;
            background: #f3f4f6;
        }


        .activity-tab .nav.nav-pills{margin-bottom:15px;}
        .activity-tab .nav.nav-pills>li.active>a,
        .activity-tab .nav.nav-pills>li.active>a:focus, 
        .activity-tab .nav.nav-pills>li.active>a:hover
        {
            background: linear-gradient(to bottom, #D3EAFF 0%, #B2DAFF 100%) !important;
            padding: 12px 13px !important;
            color: #1B84E7;
            font-family: 'Lexend Deca Regular';
            border: 1px solid #87BEF2;
            border-radius: 5px;
            border-bottom: none;
            display: flex;
            align-items: center;
        }

        .activity-tab .nav.nav-pills>li.active:after {
            height: 2px;
            background: #1b84e7;
            z-index: 0;
            content: "";
            position: absolute;
            bottom: -1px;
            width: 99.80%;
        }
        .activity-tab .nav.nav-pills>li{margin-right:4px;}
        .activity-tab .nav.nav-pills>li a{
            display: flex;
            padding: 12px 30px;
            color: #979797;
            font-weight: normal;
            font-family: 'Lexend Deca regular';
            font-size: 16px;
            text-align: center;
            border-top: 0;
            gap: 10px;
            align-items: center;
            justify-content: center;
            font-weight: 500;cursor: pointer;
        }
        .activity-tab .nav.nav-pills>li a.new-blue-btn {
            background: #288be8;
            color: #fff !important;
            font-size: 13px !important;
            margin-top: 32px;
            font-family: 'Lexend Deca Light' !important;
            padding: 4px 15px !important;
        } 

        .activity-tab-section h3 {
            margin: 0 0 0 0;
            font-size: 17px;
            font-weight: bold;
            background: #f3f1f2;
            padding: 10px 15px;
        }

        .activity-tab-section h4 {
            font-family: 'Open Sans', sans-serif;
            margin: 0 0 0 0;
            font-size: 17px;
            
        }

        .activity-tab-section .boder{border-top:0;}
        .activity-tab-section .tabpane-form-body{padding:0 !important;}

        .activity-tab-section .new-icon.ta-icon{
            background-position: -290px -312px;
            height: 22px;
            width: 23px;
        }
        .activity-tab-section .new-icon.ma-icon{
            background-position: -290px -361px;
            height: 22px;
            width: 23px;
        }

        .activity-tab-box .row{margin:0;}
        .padding-10{padding:10px;}
        .padding-15{padding:15px !important;}
        .padding-rlb-15{padding:0 15px 15px 15px !important;}
        .padding-rlt-15{padding:15px 15px 0 15px !important;}
        .pt-0{padding-top:0 !important;}
        .pl-0{padding-left:0 !important;}
        .pr-0{padding-right:0 !important;}
        .pl-15{padding-left:15 !important;}
        .pb-15{padding:0 0 15px 0;}
        .pt-15{padding:15px 0 0 0;}
        .ptb-15{padding:15px 0;}

        .ml-15{margin-left:15px;}

        .activity-tab-section ul.nav.nav-pills{position:relative; margin:0;}
        .activity-tab-section .tabpane-form-body .panel-group .panel .panel-body,
        .activity-tab-section .tabpane-formtable-body{
        padding: 20px !important;
        box-shadow: 0 2px 5px #ccc;
        }

        .activity-tab .nav.nav-pills>li .dropdown {
            margin-top: 31px;
            background: transparent;
            border: 1px solid #ccc;
            margin-right: 15px;
        }
        .activity-tab .nav.nav-pills>li .dropdown button.btn {
            background: transparent;
            padding: 5px 15px;
            color: #1b84e7;
        }
        .activity-tab .nav.nav-pills>li .dropdown .dropdown-menu {
            padding: 0;
            border: 1px solid #d3d3d3;
        }
        .activity-tab .nav.nav-pills>li .dropdown .dropdown-menu a {
            font-size: 13px;
            text-align: left;
            font-family: 'Lexend Deca Light';
            padding: 5px 12px;
            color: #545454;
            border-bottom: 1px solid #d3d3d3;display: block;
        }
        .activity-tab .nav.nav-pills>li:last-child .dropdown .dropdown-menu a{border-bottom:0;}

        .activity-tab-section.edit-lead-activ{min-height: auto;}
        .activity-tab-section.edit-lead-activ .activity-tab .nav.nav-pills>li .dropdown{margin-top:0;}



        #kycdocuments .panel-heading{margin:0;}
        .full-width-block.pl-15{
            padding-left: 15px;
        }
        .view-btn-div{
            padding: 8px 15px 0 15px;
        }


        .activity-tab-section textarea {
            height: 35px;
            border-radius: 4px;
        }

        .activity-btns {padding: 24px 0 0 0;}
        /* .activity-btns button{padding: 7px 17px;} */

        .callback-date {margin:0;}
        .callback-date input{height: 35px;}

        .activity-tab-section .tabpane-form-body .panel-heading .panel-title{text-transform: capitalize; font-weight: 500; color: #000; padding:0;}
        .activity-tab-section .tabpane-form-body .panel-default .panel-heading a{
            padding: 8px 25px;
            font-size: 16px;
        }
        .activity-tab-section .tabpane-form-body .panel-default .panel-heading a.collapsed{background:#fff;}
        .activity-tab-section .tabpane-form-body .panel-default .panel-heading{border-radius:0; padding:0; border-bottom: 1px solid #cbcbcb; margin:0; background:#f7f7f7;}
        .activity-tab-section .tabpane-form-body .panel-heading a:after{right:15px; left:auto; top:12px;}
        .activity-tab-section .tabpane-form-body .panel-group .panel{margin:0;}
        .activity-tab-section .text-red.impfiled{position: absolute; right: 8px; top: 0px;}

        /*********/
        .bottrafficreport .input-group .form-control{z-index:1;}
        .bottrafficreport .top-table-wrap{padding: 10px 4px;}
        /**********************deposit******************** */
        .all-leads-page .page-title-header{padding: 12px 20px 12px;}
        .all-leads-page .content {height: 100%; padding-top: 0; border-top-left-radius: 10px; border-top-right-radius:10px;}
        .all-leads-page div.dataTables_wrapper div.dataTables_length{padding-left: 15px;}
        .all-leads-page div.dataTables_wrapper div.dataTables_filter{display: none;}
        /* .all-leads-page .resetfilter{position: absolute; right: 0px; bottom: -40px; z-index: 99;} */
        .cmn-modal.deposit-modal .modal-dialog{width:780px;vertical-align: middle;}
        .cmn-modal.deposit-modal .modal-body{padding: 30px 0px 0;}
        .cmn-modal.deposit-modal .form-wrp{padding: 0 25px;}
        .cmn-modal.deposit-modal .head-wrap ul li {    display: inline-block;    padding: 0 10px;}
        .cmn-modal.deposit-modal .icon {    height: 72px;    width: 90px;    display: inline-block;    background: url(/images/sprite-deposit.png);cursor: pointer;}
        .cmn-modal.deposit-modal .icon1{background-position: -35px -49px;}
        .cmn-modal.deposit-modal .icon2{background-position: -34px -165px;}
        .cmn-modal.deposit-modal .icon3{background-position: -34px -272px;}
        .cmn-modal.deposit-modal .icon4{background-position: -34px -381px;}
        .cmn-modal.deposit-modal li.active .icon1{    background-position: -214px -49px;}
        .cmn-modal.deposit-modal li.active .icon2{    background-position: -213px -165px;}
        .cmn-modal.deposit-modal li.active .icon3{    background-position:  -212px -272px;}
        .cmn-modal.deposit-modal li.active .icon4{    background-position: -211px -381px;}
        .cmn-modal.deposit-modal .head-wrap {    text-align: center;    margin: 0 0 25px;}
        .cmn-modal.deposit-modal .cbw .check-box-wrapp input[type="checkbox"] {    top: 6px;    left: -5px; }
        .cmn-modal.deposit-modal [type="checkbox"]+label:before, .cmn-modal.deposit-modal [type="checkbox"]:not(.filled-in)+label:after{top: 0px;    left: 10px;}
        .cmn-modal.deposit-modal .cbw .check-box-wrapper {    padding-top: 0;}
        .cmn-modal.deposit-modal .modal-form-footer {    padding: 20px 30px;    text-align: left!important;margin-top: 20px;}

        .cmn-modal.deposit-modal .control-label,
        .cmn-modal.interfunds-modal .control-label
        {
            margin: 0;
            padding: 0;
        }


        /* *****************   deposit detail   **************** */
        .bs-example-modal-lg.cmn-modal .modal-dialog{width: 900px;}
        .bs-example-modal-lg.cmn-modal .modal-content{padding: 0;}
        .bs-example-modal-lg.cmn-modal .modal-body{padding: 0px 0 30px;}
        .bs-example-modal-lg.cmn-modal .modal-wrp {    padding: 30px 40px 10px;}
        .bs-example-modal-lg.cmn-modal .modal-form-footer{padding: 20px 30px 0;    text-align: left!important;}
        .bs-example-modal-lg.cmn-modal .modal-title {    margin: 0px -40px!important;    padding: 10px 30px;    background: #f5f6f8;}
        .bs-example-modal-lg.cmn-modal .col-md-12.col-lg-12 {    padding: 0 15px;    margin-top: 15px;    border: 0;}
        .bs-example-modal-lg.cmn-modal .card-img {    display: flex;padding: 0;}
        .bs-example-modal-lg.cmn-modal .card-detl {    position: relative;    margin-right: 10px;}
        .bs-example-modal-lg.cmn-modal .modal-header .modal-title {    margin: 0!important;    background: none;    padding: 0 0 0 15px;}
        .bs-example-modal-lg.cmn-modal label{margin: 0 0 5px;}
        .bs-example-modal-lg.cmn-modal .status-drp{border-radius: 0;    border-color: #d3d3d3;    font-size: 14px;    vertical-align: top !important;    height: 30px;    padding: 2px 12px;    line-height: 1.42857143;    border: 1px solid #ccc;    display: flex;    align-items: center;    overflow: hidden;}
        .bs-example-modal-lg.cmn-modal span.form-control.colour-text-box-approved span.span-label {    height: 30px;    padding-top: 7px;    padding-left: 0;}
        .card-detl-wrap {    position: absolute;    top: 80px;    width: 100%;    padding: 0px 20px 0 20px;}
        .card-detl-wrap h3 {   font-size: 21px;    color: #fff;    margin: 0;}
        .myr {    display: flex;    justify-content: end;    align-items: end;    padding-top: 7px;    text-align: center;    padding-bottom: 2px;}
        .myr-left {    margin-right: 10px;}
        .myr p {    font-size: 11px;    text-transform: uppercase;    color: #bfbfbf;    margin: 0 0 2px;}
        .card-detl-wrap h4 {    color: #fff;    font-size: 16px;    margin: 0;}
        .bs-example-modal-lg.cmn-modal .card-cvv {    position: relative;}
        .cvv-num {    position: absolute;    top: 80px;    right: 20px;}
        .bs-example-modal-lg.cmn-modal span.form-control.colour-text-box-approved{    display: block;}
        /* listing page canvas */
        .offcanvas {
            position: fixed;
            top: 0;
            right: -630px; /* Initially hidden */
            width: 630px;
            height: 100%;
            background: #fff;
            box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
            z-index: 1000;
            transition: right 1s;
            overflow-y: auto;
            border-radius: 6px 0 0 6px;
            }

        .offcanvas.show {
        right: 0; /* Slide in from the right */
        }
        .offcanvas p {
            font-size: 10px;
            margin: 0;
        }
        .offcanvas table.dataTable.nowrap th, .offcanvas table.dataTable.nowrap td{font-size: 10px;}
        .blue-text{
            color:#2F80CB;
        }
        .offcanvas-content {
        border-radius:10px;
        }
        .input-error {
            border: 1px solid red;
        }
        body .offcanvas .table>thead>tr>th:first-child {
            border-left: 1px solid #d4e6fb !important;
            border-top-left-radius: 10px !important;
        }
        body .offcanvas .table>thead>tr>th:last-child {
            border-right: 0 !important;
            border-top-right-radius: 10px !important;
            border-right: 1px solid #C5E1FF !important;
        }
        .offcanvas table.dataTable.nowrap tr td {
            border-right: 0;
            border-left: 1px solid #dce9f9;
        }
        .offcanvas table.dataTable.nowrap tr td:first-child {
            border-left: 1px solid #dce9f9;
        }
        .offcanvas table.dataTable.nowrap tr td:last-child {
            border-right: 1px solid #dce9f9;    border-bottom: 1px solid #dce9f9 !important;
        }
        .lead-pg .view-control-gearicon{
            cursor: pointer;
            height: 18px;
            outline: 1px solid #E6EEF3;
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 8px 0 10px;
            padding: 2px;
            box-sizing: border-box;
        }
        .lead-pg .view-control-gearicon:hover{
            outline:1px solid #BFE7FF;
        }

        .lead-pg .cke_inner, .lead-pg .cke_chrome{border-radius: 5px;}
        .lead-pg .cke_top{border-radius: 5px 5px 0 0;border-top: 0!important;}
        .lead-pg .common-new-popup .cke_bottom{border-radius: 0 0 5px 5px;    border-bottom: 0!important;
            border-right: 0!important;
            border-left: 0!important;}

        /* End canvas */
        .offcanvas.custom-modal .bs-example-modal-lg{text-align: right;}
        .offcanvas.custom-modal .bs-example-modal-lg .modal-dialog{    margin-right: 4.5%;background: transparent;}
        .offcanvas.custom-modal .bs-example-modal-lg .close{    float: right;            margin-top: -7px;}
        .offcanvas.custom-modal .bs-example-modal-lg .modal-body{    padding: 15px;}
        .offcanvas.custom-modal .bs-example-modal-lg  .form-group{    width: 100%;text-align: center;}

        /*****CKE Editor*********/
        div#cke_1_contents{ min-height: auto !Important; /*border: 1px solid #d1d1d1 !Important;*/ width: 99.9% !important;}
        .cke_reset{width: 100% !Important; height:auto;border: 0!important;}
        .cke_top{border-top:1px solid #d1d1d1 !Important; border-bottom:0 !Important;}
        .cke_editable{
            font-size: 13px;
            line-height: 20px;
            word-wrap: break-word;
            width: auto !Important;
        }

        div#cke_1_contents iframe, #cke_2_contents iframe{width:100% !important;}
        #reglead .cke_inner{border: 1px solid #ccc!important;}
        /************/

        /*****Common-new-popup*******/
        .common-new-popup.modal{z-index:1;} 

        .modal-backdrop.in{
            z-index: 1;
            position: relative;
        }

        .common-new-popup .modal-dialog {
            position: fixed!important;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
            overflow: hidden;
            border-radius: 10px;
        }

        .common-new-popup.menu_ac .modal-dialog {
            position: relative;
        }
        .modal.menu_ac:before {
            height: auto;
        }
        /* .common-new-popup.for-email .modal-dialog{width:630px!important;} */
        /* .common-new-popup.for-email.activiti .modal-dialog{width:650px;}  */
        .common-new-popup.for-export .modal-dialog{width: 370px;} 
        .common-new-popup.add-calendar .modal-dialog{width:370px;}

        .common-new-popup.Assign-for .modal-footer{padding-top: 0;}

        .for-export.for-account-export .modal-dialog{width: 450px;}
        .for-export.for-account-export .cmn-modal label{text-align:center;}
        .for-export.for-account-export .m-btn{text-align: left;}
        .for-export.for-account-export .m-btn button{margin: 0 0 10px 0;}
        .for-export.for-account-export.cmn-modal .modal-body{padding: 20px 0;}

        .common-new-popup.for-click2call  .modal-dialog{width:550px;}
        .common-new-popup .modal-content{border-radius:10px; padding:0; width:100%;}
        .common-new-popup .modal-title, .deleteacc_modal .modal-title{font-size: 16px; border-bottom: 1px solid #d3d3d3; padding: 10px 12px!important; background:#C5E1FF; border-radius: 7px 7px 0px 0px;font-family: "lexend deca regular";}
        .common-new-popup .modal-header{background:transparent; padding:0;}
        .common-new-popup .modal-body{padding:0;}
        .common-new-popup .radio input[type=radio] + .radio-label:before{top:0px;}
        .common-new-popup .modal-header .close, .deleteacc_modal .modal-header .close{
            color: #000;    
            width: 20px;
            height: 20px;
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            padding-bottom: 3px;
            position: absolute;
            right: 14px;
            top: 14px;  
            line-height: unset;
            background: transparent;
            font-size: 20px;
          }
        .common-new-popup .modal-footer{text-align:left !important; padding:15px 0 0 7px; border-top: 0;}

        .common-new-popup .event-footer {
            text-align: left;
            padding: 16px 15px 15px 16px !important;
        }
        .setting-usr .form-group {
            height: 60px;
        }
        .common-new-popup .control-label {
            color: #000;
            width: 100%;
            margin: 5px 0;
            padding-top: 0;
            text-align: left;
            font-size: 11px;
            font-weight: 400 !important;
            font-family: "lexend deca regular";
        }
        .input-group-addon{
            padding-top:10px!important;
        }
        .common-new-popup .modal-footer button{margin: 0px;}
        .cbs-box button i.fa.fa-cog::before{top:3px; position: relative;}
        .common-new-popup .modal-body div{
           box-shadow: none; 
        }
        .common-new-popup .modal-body .radio-iss {
          margin: 0;
          padding: 10px 0 12px 0;
        }
        .common-new-popup .modal-body .radio-iss input[type=radio] {
            margin-left: 0;
            margin-top: 0;
            margin-right: 10px;
        }
        #editwithdrawal_monetarytransac_modal.common-new-popup .modal-body .info_deposit
        #tbl_symboltype .fa-color i {
            position: relative;
            top: -6px;
            font-size: 14px;
    margin: 0 2px;
        }
        #tbl_symboltype .fa-color i.fa-pencil{font-size: 10px;}
        .common-new-popup .modal-body h3{
            margin: 0;
            font-size: 12px;
            background: #f3f3f3;
            padding: 12px 15px;
            color: #195A97;
            font-family: 'lexend deca regular';
            font-weight: normal;
        }
        .common-new-popup .modal-body h3 a{
            color: #195A97;
            font-weight: 500;
        }
        .common-new-popup .modal-body h3 a:hover{
            color: #1b84e7;
        }
        .common-new-popup.for-My-event .modal-dialog{width: 550px;}
        .common-new-popup.for-My-event .check-box-wrapp{padding: 0;}
        .common-new-popup.for-My-event .check-box-wrapp .check-box-wrapp input[type="checkbox"] {height: 22px; left:88px; top: 10px; position:absolute; width: 22px;}
        .common-new-popup.for-My-event .check-box-wrapp .control-label{width: 130px; position: relative; padding: 0;}
        .common-new-popup.for-My-event .check-box-wrapp .control-label::before{border: 1px solid #1b84e7; border-radius: 1px; content: ""; display: inline-block; height: 22px;outline: 0 none; position: absolute; transition: all 0.3s ease-in-out 0s; width: 22px; right:0; left: auto;}
        .common-new-popup.for-My-event .btn.sp-search-btn{
            height: 33px;
            margin-top: -1px;
            border: 1px solid #ccc;
        }
        .common-new-popup .table-header-box{padding: 0; margin-bottom:5px;}
        .common-new-popup .cke_bottom{
            padding: 6px 8px 2px;
            position: relative;
            border-bottom: 1px solid #d1d1d1;
            background: #f8f8f8;
            border-right: 1px solid #d1d1d1;
            border-left: 1px solid #d1d1d1 !important;
            border-left:0;
        } 
        .common-new-popup .modal-body input[type=radio]{margin: 3px 4px 0px 2px;}

        .apply-filter-btn {
            display: flex;
            padding: 15px;
            background: #e9e7e7;
            margin-top: 15px;
        }

        .apply-filter-btn select.form-control {
            height: 34px;
            border-radius: 0;
            border: 1px solid #bdbdbd;
        }

        .apply-filter-btn button {
            border: 1px solid #bdbdbd;
            border-radius: 0;
            margin-right: 5px;
            padding: 5px 15px;
        }

        .common-new-popup .tabpane-form-body .panel-group .panel:first-child{border:0;}



        /****overdue-table****/
        table.overdue-table{
            margin: 0 !important;
            padding: 0;
            border: 0;
        }

        .overdue-table tbody{display: flex; flex-wrap: wrap;}

        table.overdue-table tbody tr {
            display: flex;
            width: 100%;
            flex-direction: column;
            margin: 0;
            float: left;
            font-size: 10px;
            font-family: 'Lexend Deca Light';
        }

        table.overdue-table tbody tr td {
            background: #f5f5f5;
            margin: 0;
            height: 100%;
            border-radius: 3px;
            padding: 10px;
            position: relative;
            margin: 5px 5px;
        }



        .uo-number {
            /* position: absolute; */
            background: #d9ecfd;
            padding: 2px 10px;
            z-index: 99;
            color: #1372AB;
            font-family: "lexend deca regular";
        }

        /****for-change-satus****/
        .common-new-popup.for-change-satus .modal-body .row{margin: 0;}
        .common-new-popup.for-change-satus .modal-body .form-group{padding:0; margin:0;margin-bottom: 4px;}
        .common-new-popup.for-change-satus .modal-body{padding: 15px 6px 0 6px;}  
        .common-new-popup.for-change-satus .modal-footer{padding: 15px 20px;}
        .common-new-popup.for-change-satus .modal-body form .modal-footer{padding: 15px 10px; }
        .common-new-popup.for-change-satus .control-label.att{padding-left: 15px;}
        .common-new-popup.for-change-satus .modal-body form .modal-footer{    display: flex;-webkit-flex-flow: row wrap;}
        /* .common-new-popup.for-change-satus .formprocessgif {    display: flex;justify-content: flex-start;        position: relative;background: transparent;margin-top: 10px;} */
        .common-new-popup.for-change-satus .modal-body form .modal-footer div:nth-of-type(1) {            order: 3;        }
        /* .common-new-popup.for-change-satus .formprocessgif .fa-spinner {position: relative;z-index: 999;color: #1b84e7;font-size: 21px;} */
        .common-new-popup.for-change-satus button{margin-right: 5px;}
        .common-new-popup.for-change-satus .modal-dialog{left:auto; position: relative!important; right:7px;}
        .common-new-popup.for-change-satus{text-align: right;}
        
        div.dataTables_wrapper div.dataTables_processing{z-index: 9999; background: rgb(0 0 0 / 60%); position:fixed; top:0; left:0; right: 0; bottom: 0; width:100%; border:0; margin: 0 auto; padding:0;}
        div.dataTables_wrapper div.dataTables_processing .show_entries{position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content:center;}
        div.dataTables_wrapper div.dataTables_processing .show_entries span{padding: 8px 30px; color: #fff !important; font-size: 20px;}
 
        /**********************/
        .common-new-popup.add-group .modal-dialog{width:650px;}
        .common-new-popup.deposit-detailsuu-modal .modal-dialog{width:650px;}
        .deposit-detailsuu-modal .modal-form-footer{padding:0;}

        .common-new-popup.mc-change-status .modal-dialog{width:450px;}
        .common-new-popup.mc-change-status .campdata div{margin: 0 0 12px 0;}
        /* loader flex  */
        .loadr-flex{    display: flex;-webkit-flex-flow: row wrap;}
        .loadr-flex div:nth-of-type(1){    order: 3;}
        .loadr-flex .formprocessgif {    display: flex;justify-content: flex-start;position: relative;background: transparent;margin-top: 10px;}
        .loadr-flex button { margin-right: 5px;}
        .loadr-flex  .formprocessgif .fa-spinner {position: relative;z-index: 999;color: #1b84e7;font-size: 21px;}
        #loader {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 99;}
        /******/
        .lead-pg.affiliates-pages .table-header-box-inner-button{border-bottom: none!important; margin: 0; padding-bottom: 0;}
        .lead-pg.mark-rep-pg .top-table-wrap, .lead-pg.affiliates-pages .top-table-wrap{padding-top: 0;border-bottom:none!important;margin: 0;/*padding-bottom:0;*/}
        .lead-pg.campaign-paage.main-filter #Filter-div.top-options-check,
        .lead-pg.affiliates-pages.main-filter #Filter-div.top-options-check{top:148px;}
        .Symbol-Master .table tr td a{
        cursor: pointer;
        text-transform: uppercase;
        }

        .affiliates-pages section.content>div,
        .marketing-campaign section.content>div,
        .marketing-campaign .table-graph>div,
        .Org-management section.content>div,
        .platform-mngmnt section.content>div,
        .voip-managemnet section.content>div{padding:0;} 

        .marketing-campaign .button-wrap .dropdown .plus-button{top:0;}
        
        .affiliates-pages .button-wrap .dropdown .plus-button{top: 1px; padding: 5px 10px 4px 10px;}

        .onboard-view .modal-header{background: transparent;}
        .onboard-view .modal-header .modal-title{color: #000000; padding-bottom: 0; margin:0;}
        .tab-content .page-title-header h2{color: #000;}



        /******/
        .wrapper-content .content{padding-top:0;}
        .wrapper-content table.dataTable{margin-top:-1px !important; width: 100% !important;border: 1px solid #add8e6;
            border-bottom: 1px solid #add8e6;border-top-left-radius: 10px;border-top-right-radius: 10px;
        } 
        .dataTables_wrapper{
            
        }
        /****view-affusers***
        .view-affusers .nav-tabs-custom>.nav-tabs{margin: 0; border-bottom-color: transparent; border-radius: 0; padding: 15px 0; background: #fff;}
        .tabpane-form-body{padding: 0 30px !important; background: #fff;}
        .view-affusers .nav-tabs-custom>.nav-tabs{margin:0; border-bottom-color: transparent; border-radius: 0; padding: 17px 15px 7px 20px; background: #fff;}
        .view-affusers .page-title-header.padding-bottom-0{padding:12px 15px; border-bottom:2px solid transparent;}
        .view-affusers .nav-tabs-custom>.nav-tabs>li.active>a,
        .view-affusers .nav-tabs-custom>.nav-tabs>li>a:hover{background-color: transparent; color: #000000; border-bottom: 2px solid #1b84e7; padding:10px 8px;}
        .view-affusers .nav-tabs-custom>.nav-tabs>li>a{background-color: transparent; color:#aeaeae; border-bottom: 2px solid transparent; padding: 10px 8px;}
        .view-affusers .tabpane-form-body{padding: 0 30px !important; background: #fff;}
        */ 

        /*************** commond modal ****************/
        .cmn-modal{text-align: center;background: rgb(0 0 0 / 64%);}
        .cmn-modal:before {content: ''; height: 100%; display: inline-block; vertical-align: middle; }
        .cmn-modal .modal-dialog{display: inline-block; width:480px; vertical-align:middle;}
        /* .cmn-modal .modal-header{background: transparent; border-bottom:1px solid #ccc; background: #1a5999;} */
        .cmn-modal .close{font-size:22px; top:0; position: relative; right:5px; color: #2d82c3; font-size:20px;}
        .cmn-modal .modal-body{border-radius: 0 0 4px 4px;text-align: left;}
        /* .cmn-modal .modal-content{border-radius: 4px;} */
        .cmn-modal label{margin: 0 0 10px; display:block; color:#000;}
        .m-btn .btn-primary{margin: 0 8px 0 0; border-radius: 7px;}
        .cmn-modal .cancl{border: 1px solid #8a8a8a; padding:5px 10px; font-size: 12px; border-radius:4px; color: #1b84e7;}

        .cmn-modal p{color:#515151;}

        .for-edit-record .modal-body{text-align:center;}
        .help-block.form-error{color:#f70a0a; font-size: 11px; padding-left: 10px;}
        .error-message{position: absolute;
            bottom: -17px;
            font-size:10px!important;
            width: 100%;
            text-align: right;color:#f70a0a;}


        /************************/
        .cmn-modal.delete-view .modal-dialog .modal-content{
        /* background: rgba(5,107,182,1); */
        /* background: -moz-linear-gradient(top, rgba(5,107,182,1) 0%, rgba(24,132,234,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,107,182,1)), color-stop(100%, rgba(24,132,234,1)));
        background: -webkit-linear-gradient(top, rgba(5,107,182,1) 0%, rgba(24,132,234,1) 100%);
        background: -o-linear-gradient(top, rgba(5,107,182,1) 0%, rgba(24,132,234,1) 100%);
        background: -ms-linear-gradient(top, rgba(5,107,182,1) 0%, rgba(24,132,234,1) 100%);
        background: linear-gradient(to bottom, rgba(5,107,182,1) 0%, rgba(24,132,234,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#056bb6', endColorstr='#1884ea', GradientType=0 ); */
        }
        /* .cmn-modal.delete-view .modal-dialog .modal-content .modal-header{padding:10px 15px; background: transparent; border-bottom: 1px solid #66a5df;} */
        .cmn-modal.delete-view .modal-dialog .modal-content .modal-title{font-weight: 500;}
        .cmn-modal.delete-view label{margin: 0 0 10px;display: inline-block;color: #363636;float: left;font-weight: 400 !important;font-size: 11px;font-family: "lexend deca regular";}
        /* .cmn-modal.delete-view .modal-body{padding: 20px;} */
        .cmn-modal.delete-view .modal-dialog{width: 420px;}

        .cmn-modal.delete-view .form-group{margin:0;padding: 0px 0px;text-align: start;}
        .cmn-modal.delete-view p{color: #195A97 !important;; margin:0;font-family: 'lexend deca regular';font-size: 12px;}
        .cmn-modal.delete-view .modal-form-footer {text-align: left;padding: 13px 0px 0px;}
        /* .cmn-modal.delete-view .modal-form-footer button{text-align: left;text-align: left; font-weight: 400; font-size: 10px; font-family: "lexend deca regular";} */
        /*.cmn-modal.delete-view .modal-header{padding: 10px 15px;} */
        /* .cmn-modal.delete-view .btn-submit{background-color:#ffffff; color:#1b84e7;}
        .cmn-modal.delete-view .btn-submit:hover{color: #fff!important; border-color: #ffffff; background: transparent;} */
        .cmn-modal.delete-view .btn-default:hover,
        .cmn-modal.delete-view .btn-default:active,
        .cmn-modal.delete-view .btn-default.hover,
        .cmn-modal.delete-view .btn-default:active:focus,
        .cmn-modal.delete-view .btn-default:active:hover{color: #fff!important; border-color: #ffffff;}
        .cmn-modal.delete-view .modal-header{
        padding:0px!important;
        }
        /* .cmn-modal.delete-view .close{color:#fff;} */
        .common-new-popup.for-creat-new-user .modal-dialog{width: 650px;}
        .common-new-popup.for-change-status .modal-dialog{width: 400px;}

        .cmn-modal.delete-view .modal-footer{border-top-color: #0000; text-align: left !important; padding-top: 0;}
        .common-new-popup.for-detailsuu-modal .modal-form-footer{background: #ebf2f8; margin: 0; padding: 15px 22px; text-align: left;}
        .common-new-popup.for-detailsuu-modal .modal-form-footer .btn-submit{background: #fff; color: #1b84e7; border-color: #a1a1a1;}
        .common-new-popup.for-detailsuu-modal .modal-dialog{width: 650px;}
        .common-new-popup.for-detailsuu-modal .approved-btn{background: #1b84e7; padding:7px 20px; color:#fff; position: relative; top: 6px;}

        /************************common TP account modal********************* */
        .cmn-modal.recycle-tp-modal .modal-dialog{width: 1024px; margin:0px auto;}
        .cmn-modal.recycle-tp-modal .modal-body{padding:0;}
        .cmn-modal.recycle-tp-modal .wrapper-content{padding: 0;height: auto;}
        .cmn-modal.recycle-tp-modal .content{height: auto;}
        .cmn-modal.recycle-tp-modal:before{margin-top: 0;}
        .cmn-modal.recycle-tp-modal .top-table-wrap{padding:10px 10px 10px 10px;}
        .cmn-modal.recycle-tp-modal .mergeaccount-header .form-group .error{bottom: -26px;    right: 18px;}
        .cmn-modal.recycle-tp-modal .mergeaccount-header .form-group .select2.error {       position: relative;    bottom: 0;    right: 0;}
        .cmn-modal.recycle-tp-modal .mergeaccount-page .page-title-header{    border-radius: 0 0 4px 4px;}
        .cmn-modal.recycle-tp-modal .wrapper-content .top-options-check{width: 220px;}
        .cmn-modal.recycle-tp-modal .wrapper-content .filter-by-Owner-rec{    padding: 0px 15px 10px;margin: 0 18px 15px;    border: 1px solid #ccc;    padding: 12px 15px;    position: relative;}
        .cmn-modal.recycle-tp-modal .wrapper-content .filter-by-Owner-rec a{display: block;    text-align: left;    border: 0 !important;    font-size: 14px !important;    margin: 0 0 5px 0 !important;}
        .cmn-modal.recycle-tp-modal .wrapper-content .filter-result-box{    padding: 10px 6px 10px 10px;}
        .cmn-modal.recycle-tp-modal .wrapper-content .filter-result-box .btn.close{font-size: 11px;    padding: 2px 7px 2px 7px;}
        /* ***********************    common alert     ********************* */
        .pop-msg-wrap-alert.modal-popup.alertpopup.cmn-alert .pop-msg-container {    width: 245px;    max-width: 100%;}
        .pop-msg-wrap-alert.modal-popup.alertpopup.cmn-alert .pop-msg-container .cross_pop{    right: 4px;    top: 10px;}
        /* *************************    Export Modal     ****************************** */
        .for-export.cmn-modal .modal-body {    padding: 20px 30px;}
        /* *******************      merge account modal      ************************ */
        .cmn-modal.recycle-tp-modal.merge-acc .modal-body{padding: 0;}
        .recycle-tp-modal.merge-acc .page-title-header.padding-bottom-0 {    padding: 0;}
        .recycle-tp-modal.merge-acc .merge-acc .mergeaccount-header{background: #f5f6f7;padding: 10px 0;}
        .recycle-tp-modal.merge-acc .merge-acc .mergeaccount-title{    padding: 15px 0 0 0px;color: #535353;margin-left: 10px;font-size: 16px;}
        .recycle-tp-modal.merge-acc .merge-acc .form-group{padding: 0 15px;}
        .recycle-tp-modal.merge-acc label{    color: #535353;}
        .recycle-tp-modal.merge-acc .mergeaccount-page .content{width: 100%;}
        .border-bottom1x{border-bottom: 1px solid #ccc;}
        .cmn-modal.recycle-tp-modal.cases-modal .filter-result-wrap .fieldname{font-size: 12px;}
        /* *************************add ticket modal************************* */
        .cmn-modal.add_ticket .modal-dialog {width:850px;  margin: 0;}
        .cmn-modal.add_ticket .modal-body{padding: 0;}
        .cmn-modal.add_ticket .wrapper-content {    padding: 0;}
        .cmn-modal.add_ticket .content{min-height:auto;}
        .cmn-modal.add_ticket .tabpane-form-body {    padding: 0px !important;}
        .cmn-modal.add_ticket .panel-heading{border-radius: 0!important ;}
        .cmn-modal.add_ticket .cke_chrome{border: 1px solid #dbdbdb!important;}
        .cmn-modal.add_ticket .cke_contents{border-top: 1px solid #ccc!important;}
        .cmn-modal.add_ticket .tabpane-form-body .panel-group .panel .panel-body{padding:15px 15px 15px;}
        /******************funding request page css**********************/
        .funding-request .content{border:0; border-radius:4px;}        
        .funding-request .fund-top li{margin: 0; border: 0;}
        .funding-request .fund-top li.active{margin:0; border:0;}
        .funding-request .fund-top li a{width:185px; text-align: center; background-color: #e8f4fe; margin:0 5px 0 0; color:#000; border:0; border-radius:0; font-size:14px;}
        .innernavtabfont .fund-top li a{font-size:12px !important; width: 125px !important;}
        .funding-request .fund-top li.active a{background-color: #0000; color:#1a5999; border:0; position:relative;    font-family: 'Lexend Deca Regular';}
        .funding-request .fund-top li.active a:after{position: absolute; height: 2px; width:80%; background:#1b84e7; content: ""; bottom:0; left:0; right:0; margin: 0 auto;} 
        .funding-request .wrapper-content {padding: 0;}
        .funding-request .page-title-header .btn-default{margin-bottom:2px; border-color:#ffffff; border:transparent; background:#2d82c3; color: #fff;}
        .funding-request .resetfilter .button-wrap .dropdown .btn-default{margin-bottom: 2px;}
        .funding-request .top-options-check{top: 35px; width:auto; padding: 0;}
        .funding-request .d-pg table tbody tr td:nth-child(4) {text-align: left;}
        .funding-request .with-pg table tbody tr td:nth-child(3) {text-align: left;}
        .funding-request .d-pg table tbody tr td:nth-child(4) {text-align: left;}
        .funding-request .fund-body .page-title-header{border-radius:0; padding:12px 20px 12px; background: transparent;}
        .funding-request .button-wrap .dropdown .plus-button{    top: 0;}
        .funding-request .button-wrap .dropdown:hover>.plus-button i { color: #ffffff !important;}
        .funding-request .search-box.lead-search .form-control{color: #000;}
        .funding_request_search_input{color:#000!important;}
        .funding_request_search_input::placeholder{color:#181717d9!important;}
        .funding_table_buttons{float:right !important; margin-left:5px!important;}
        .funding-request .search-box.lead-search .form-control::placeholder{color: #fff;}

        /************************ ticket page ********************** */
        .tickets-eye {    box-shadow: none!important;    background: none!important;}
        .tkt-pg .content{height: 100%;}
        .tkt-pg .table-header-box-inner-button{margin-bottom: 0;}
        .tkt-pg .resetfilter{padding-top: 0px;}
        .tkt-pg .button-wrap .btn{padding:4px 8px 4px 8px;}
        .tickets-eye button{min-width: auto!important;    min-height: auto!important;position: relative;    top: 2px;    box-shadow: 0 1px 15px #b7b7b7;border-radius: 5px!important;}
        .tickets-eye button span{padding: 0;    height: 23px;    width: 25px;    background: url(/images/sprite.png);    display: inline-block;    background-position: -139px -487px;}
        /* *************************   For Email    **************************** */
        .common-new-popup.cmn-modal.for-email .modal-title{border: 0;}
        .common-new-popup.cmn-modal.for-email .mb-0{    margin-bottom: 15px;}
        .common-new-popup.cmn-modal.for-email .modal-dialog{position: relative;}
        .common-new-popup.cmn-modal.for-email .modal-header .close{top: 0;}
        /* *****************     next prevoius icon      ****************** */
        .s-icon{height: 15px; width:15px; display:inline-block; background:url(/images/sprite.png);}
        .icon-pre{background-position: -146px -424px;}
        .icon-next{background-position: -145px -462px;}

        .custom-modal .cmn-btn:hover .icon-pre,
        .next-previous ul li a:hover .icon-pre{background-position: -146px -529px;}
        .custom-modal .cmn-btn:hover .icon-next,
        .next-previous ul li a:hover  .icon-next{background-position: -145px -567px;}

        /***********************/
        .for-email .main-table{width:100% !Important;}
        .for-email .main-table tr:last-child, .for-email .main-table tr:nth-last-child(2){display:none;}
        .for-email .main-table tr td{border: 4px solid #0a0a0a !Important; padding:8px !important;}
        .for-email .main-table tr td img{width: 150px !important;}
        .for-email .main-table tr td p{padding: 0 !important; margin:0 0 8px 0 !important; font-size: 13px !important;}

        /***fields-display-wrapper****/
        .fields-display-wrapper{display:none; position: fixed; top: 0; bottom:0; left: 0; right:0; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; background: rgba(0,0,0,0.5); padding:15%; z-index: 999;}
        .fields-display-box{background: #fff; width: 700px; padding: 15px 0; border-radius: 8px; position: relative;}
        .fields-display-box h3{margin:0 0 10px 0; padding: 0 0 15px 0; font-size:17px; text-align: center; border-bottom: 1px solid #ccc;}
        .fdb-left label, .fdb-right label{font-size: 15px;}
        .fields-display-box .fdb-left{padding: 0 30px 0 20px; position: relative;}
        .fields-display-box .fdb-right{padding: 0 50px 0 30px; position: relative;}
        .fields-display-modal{padding: 0;text-align: center;}
        .fields-display-modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
        .fields-display-modal .fields-display-box {display: inline-block;vertical-align: middle;}
        .right-triangle{width:0; height: 0; border: 0 solid transparent; border-bottom-width: 8px; border-top-width: 8px; border-left: 15px solid #ccc; background-color: #0000; position: absolute; top: 54px; right: -19px; z-index: 123;}
        .left-triangle{width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 8px; border-top-width: 8px; border-right: 15px solid #ccc; background-color: #0000; position: absolute; top: 112px; left: -19px; z-index: 123;}
        .top-triangle{width: 0; height:0; border: 0 solid transparent; border-bottom-width:8px; border-top-width: 8px; border-right:15px solid #ccc; background-color:#0000; position:absolute; top:50px; right:13px; transform:rotate(90deg);}
        .bottom-triangle{width:0; height:0; border:0 solid transparent; border-bottom-width:8px; border-top-width: 8px; border-right: 15px solid #ccc; background-color: #0000; position: absolute; top:120px; right: 13px; transform:rotate(-90deg);}
        .fdb-left select, .fdb-right select{padding: 15px; margin-bottom:20px; background-image:none;} 
        
        .fdb-left select option, .fdb-right select option{padding:5px 0;} 
        .fdb-footer{display: flex; padding-top: 15px; justify-content: center;}
        .seperate-bb-grey { border-top: 1px solid #ccc;  }
        /* .fdb-footer{padding:18px 0 3px 0; border-top:1px solid #ccc; margin-top:5px;}
        .fdb-footer button{background: #ffff; color: #1b84e7; font-size: 14px; padding: 5px 20px; border: 1px solid #c1c1c1;}
        .fdb-footer button:first-child{margin-right: 8px;}
        .fdb-footer button:last-child{background: #1b84e7; color: #fff;} */
        .display-close{font-size:22px; position:absolute; right:15px; top:-8px; color:#787878; cursor:pointer;}
        /****.show-columns-check****/
        .show-columns-check{position: absolute; z-index: 999; right:0; padding: 20px; box-shadow: 0 2px 4px -1px #09333c, 0 4px 5px 0 #09333c, 0 1px 10px 0 #adadad; background: #fff; top:47px; border-radius:10px; width:380px;}
        .show-columns-check ul li{width: 50%; float: left; background: #fff; padding-left: 30px !IMPORTANT;}
        .show-columns-check ul li:hover{color: #0377c4; font-weight: bold;}
        ul.show-columns-check.checkbox-view-list li .fa.fa-check{left: 12pxpx; top: 0px;}
        /**/
        .save-filter-dropdown{position: absolute; box-shadow: 0 2px 4px -1px #09333c, 0 4px 5px 0 #09333c, 0 1px 10px 0 #adadad; padding:20px 15px; border-radius:10px; z-index: 999; right:0; top:47px; background: #fff; color: #000; width:185px;}
        .save-filter-dropdown button{background: #d3d2d2 !important; height: 34px;}
        .save-filter-dropdown button:hover{background:#bdbdbd;}
        .save-filter-dropdown h3{font-size: 17px; margin: 0 0 10px 0;}
        .save-filter-dropdown h4{font-size: 15px; margin: 15px 0 10px 0;}
        .save-filter-dropdown .new-icon.add-icon{background-position: -220px -64px;}
        .all-lead-box{padding: 5px 10px;}
        .all-lead-box:hover{background: #dfdddd;}
        /***/
        .top-options-check{position: absolute; z-index: 999; right:0; padding:1px 0; box-shadow: 0 2px 4px -1px #09333c, 0 4px 5px 0 #09333c, 0 1px 10px 0 #adadad; background: #fff; top: 47px; border-radius:5px; width: 200px;}

        .top-options-check .checkbox-wrap{width: 100%; float: left; background:#fff; padding:3px; text-align: left;}
        .top-options-check .checkbox-wrap:hover{background:#ecf3f8;}
        .top-options-check .checkbox-wrap .fa.fa-check{left:12px; top:0px;}

        .top-options-check ul{margin: 0;}
        .top-options-check ul li{width: 100%; border:0 !important;}
        .top-options-check ul li a, .top-options-check ul li button{
            border: 0;
            font-size: 15px;
            padding: 5px 9px;
            text-align: left;
            color: #000 !important;
            background: transparent;
            display: block;
            width: 100%;
            text-transform: capitalize;
        }
        .top-options-check ul li a:hover{background: #ecf3f8; border-radius: 0;}

        .open-lead-dropwrap{position: relative;}
        .open-lead-dropwrap .top-options-check{left:0; right:auto; width:230px; overflow-y:scroll; max-height:420px; height:auto;}
        .open-lead-dropwrap .btn.btn-default span.caret{font-size: 34px !important; margin: -1px 0 0 10px; color: #88bbe8;}
        .open-lead-dropwrap .btn.btn-default{
        background: #0000;
        color: #393939;
        border: 0;
        font-size: 12px;
        padding: 0px;
        box-shadow: none;
        border-radius: 0;
        max-width: 100%;
        width: 175px;
        text-align: left;
        overflow: hidden;
        font-family: 'Lexend Deca Regular';
        font-weight: 400;
        }
        .open-lead-dropwrap .btn.btn-default.viewname:hover{
            background:#0000!important;
            color: #323131!important;
            /* border-bottom:1px solid #88bbe8!important; */
        }
        .open-lead-dropwrap .btn.btn-default:hover{
            background:#0000!important;
            color: #323131!important;
        }
        .open-lead-dropwrap .listviewctrl-addnote{
            background-position: -153px -990px;
        }
        .list-view-control{
            display: flex;
            flex-direction: row; 
        
        }
        .list-view-control  #checked-opt-opearation{
           
        }
        .list-view-control  div{
            display: flex;
            list-style-type: none;
            align-items: center;
        }
        .list-view-control #checked-opt-opearation li {
            padding: 0 10px;position: relative;
        }
        .list-view-control #checked-opt-opearation li:after {
            content: '';
            position: absolute;
            height: 15px;
            width: 1px;
            background: #C5E1FF;
            right: 0;
            top: 0;
        }
        .list-view-control #checked-opt-opearation li:first-child:after, .list-view-control #checked-opt-opearation li:last-child:after, .list-view-control #checked-opt-opearation li:nth-child(2):after{display: none;}
        .list-view-control #checked-opt-opearation li:first-child, .list-view-control #checked-opt-opearation li:nth-child(2){padding: 0;}
        .list-view-control li a i{
            margin: 0px 0px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 21px;
            height: 21px;
            border-radius: 50%;
            background-color: #C9E7F9;
            color: rgb(12 93 169 / 71%);
            font-size: 10px;
        }
        .list-view-control li a i:hover{
            outline: 1px solid #a0c7d3!important;
            color: rgb(12 93 169);
        }
        .list-view-control li a {
            color: #0076F5;    display: flex;
            align-items: center;cursor: pointer;
        }
        .list-view-control li a span{font-size: 11px;margin-left: 5px;font-family: 'Lexend Deca Regular';}
        .list-view-control li a:hover{
            color: rgb(12 93 169);
        }
        .list-view-control-id li{
            position: relative;
        }
        .list-view-control .checked-opt-opearation li{
            position: relative!important;
        }
        .list-view-control .list-view-assign{
            background-position: -150px -1025px;
        }
        .list-view-control .list-view-changestatus{
            background-position: -150px -1069px;
        }
        .list-view-control .list-view-export{
            background-position: -147px -1104px;
        }
        .list-view-control .selectedcheckbox{color: #001D3D;font-family: 'Lexend Deca Regular';font-size: 11px;margin: 0 5px 0 0;}
        .search-box .input-group-btn button:active{box-shadow: none;}

        .open-lead-dropwrap.open-lead-in .top-options-check{    overflow-y: hidden;padding-bottom: 0;}
        .open-lead-in .open-lead-inwrp{max-height:420px; height:auto; overflow: auto;}

        .page-title-header .top-options-check ul li{background: #EBF3F8;    color: #565656;    font-size: 13px;}
        .page-title-header .top-options-check ul li a{height: 33px;font-family: 'Lexend Deca Light';padding: 0.375rem 1.4rem;font-size: 13px;background: #fff!important;display: flex;align-items: center;}
        .page-title-header .top-options-check ul li i{margin-right: 8px;width: 9px;}
        .page-title-header .top-options-check ul li a:hover{background-color: #cde2f1!important;}

        /* .search-box.lead-search{margin-right: 5px;} */

        /* .page-title-header .search-box .input-group .form-control{color: #ffff;} */
        .page-title-header .search-box ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff;}
        .page-title-header .search-box ::-moz-placeholder { /* Firefox 19+ */ color: #fff;}
        .page-title-header .search-box :-ms-input-placeholder { /* IE 10+ */color: #fff;}
        .page-title-header .search-box :-moz-placeholder { /* Firefox 18- */color: #fff;}
        /**/
        .radio {
        margin:0;
        display:inline-block !important;
        }
        .radio label.radio-label {
            margin: 0 15px 0 0;
            padding: 0;
            font-size: 10px;
            color: #000;
            font-family: "lexend deca Regular";
            font-weight: 400;
        }
        .radio input[type=radio] {
        position: absolute;
        opacity: 0;
        }
        .radio input[type=radio] + .radio-label:before {
        content: "";
        background: #fff;
        border-radius: 100%;
        border: 1px solid #0377c4;
        display: inline-block;
        width: 14px;
        height: 14px;
        position: relative;
        top:0;
        margin-right: 1em;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
        }
        .radio input[type=radio]:checked + .radio-label:before {
        background-color:#1b84e7;
        box-shadow: inset 0 0 0 2px #fff;
        }
        .radio input[type=radio]:focus + .radio-label:before {
        outline: none;
        border-color: #3197EE;
        }
        .radio input[type=radio]:disabled + .radio-label:before {
        box-shadow: inset 0 0 0 4px #1b84e7;
        border-color:#0377c4;
        background: #0377c4;
        }
        .radio input[type=radio] + .radio-label:empty:before {
        margin-right: 0;
        }

        /******Filter-wrapbox**********/
        .edit-feild{padding-top: 10px;border: 0!important;    padding-right: 10px;box-shadow: none!important;}
        .edit-feild button{    padding: 0;    border: 0;    background: transparent;}
        .edit-feild button span {
            height: 15px;
            width: 14px;
            background: url(/images/edit-icon.png);
            display: inline-block;
            position: relative;
            top: 1px;
            right: -4px;
        }
        .edit_action_div{position: relative; z-index:186; width: 100%; border-bottom: 1px solid #ccc; background: #f5f5f4; padding: 14px 10px!important;}
        .main-filter #Filter-div.top-options-check{
            width: 100%;
            background: transparent;
            padding-top: 0;
            position: fixed;
            right: 12px!important;
            overflow-y: scroll;
            top: 175px;
            box-shadow: none;
            padding-bottom: 0;
            bottom:37px;
        }
        .marketinginfo7.main-filter #Filter-div.top-options-check{top: 115px;}
        .myImport.main-filter #Filter-div.top-options-check{
            top: 105px;
        }

        .main-filter .content {
        
        }
        .main-filter .top-options-check.l-filter {
        right: -54px;
        }

        /* .lead-pg .top-options-check {
            width: 100%;
            background: transparent;
            padding-top: 0;
            position: fixed;
            right: 14px!important;
            overflow-y: scroll;
            top: 175px;
            box-shadow: none;
            height: 80vh;
        } */
        .main-filter .filter-wrapbox {
        height: 100vh;
        width: 334px;
        float: right;
        background: #eaebed;
        box-shadow: 0 2px 4px -1px #e1e1e1, 0 4px 5px 0 #e1e1e1, 0 1px 10px 0 #e1e1e1;
        position: relative;
        }
        /*.main-filter .top-options-check.collapse.in .filter-wrapbox .Filter-div-wrap:after {
            content: '';
            background: #eaebed;
            box-shadow: 0 2px 4px -1px #e1e1e1, 0 4px 5px 0 #e1e1e1, 0 1px 10px 0 #e1e1e1;
            height: 76vh;
            width: 327px;
            bottom: 34px;
            position: fixed;
            right: 28px;
            z-index: -1;
        }*/
        ::-webkit-scrollbar{width: 20px;}
        .main-filter .filter-wrapbox .btn.close{opacity: 0.5;}
        /* Track */
        .main-filter #Filter-div.top-options-check::-webkit-scrollbar-track{background: #f4f4f4;}
        .main-filter #Filter-div.top-options-check::-webkit-scrollbar{width: 12px;}
        .main-filter #Filter-div.top-options-check::-webkit-scrollbar-thumb{background: #cecece;}
        /*
        .select2-results__option{padding-right: 20px; vertical-align: middle;}
        .select2-results__option:before{
        content: "";
        display: inline-block;
        position: relative;
        height: 20px;
        width: 20px;
        border: 1px solid #000000;
        border-radius: 0;
        background-color: #fff;
        margin-right: 20px;
        vertical-align: middle;
        }
        .select2-results__option[aria-selected=true]:before{
            font-family: fontAwesome;
            content: "\f00c";
            color: #1a85e7;
            background-color:#fff;
            border-radius: 0 !important;
            display: inline-block;
            padding: 2px 3px 3px 3px;
            border: 1px solid #1a85e7;
            font-size: 12px;
        }*/
        .filter-top {
            padding: 15px;
            margin:0;
            border-bottom: 1px solid #ccc;
            background: #fff;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }
        .filter-top button {
            /* padding: 3px 18px;
            font-size: 14px !important;
            border-radius: 3px !important;
            color: #1a85e7 !important; */
        }
        .main-filter .filter-wrapbox {
            border: 1px solid #e1e1e1;
        }
        .filter-top button:first-child{float: left;}
        /* .filter-top button:last-child{background:#2d82c3; color:#fff !important;} */


        .filter-middle {
            background: #fff;
            padding: 15px 0;
        }

        .filter-result-wrap{
            padding: 0 20px;
        }
        .filter-result-wrap h4 {
            margin: 0 0 12px 0;
            font-size: 14px;
            text-align: left;
        }

        .filter-result-box{
            padding: 15px 15px 15px 25px;
            background: #d8ecff;
            margin: 0 0 15px 0;
            border: 1px solid #ccc;
            position: relative;
            border-radius: 3px;
        }

        .filter-result-box.filter-saved{
            background: white;
        }

        .add-filter-form {
            padding: 20px;
            position: absolute;
            top: -100px;
            width: 320px;
            right: 100%;
            margin-right: 22px;
            background: #fff;
            box-shadow: 0 2px 4px -1px #09333c, 0 4px 5px 0 #09333c, 0 1px 10px 0 #adadad;
            border-radius: 5px;
            text-align: left;
        }
        .add-filter-form:after {
            content: "";
            width: 0;
            height: 0;
            border: 0 solid transparent;
            border-bottom-width: 18px;
            border-top-width: 16px;
            border-left: 20px solid #cccccc;
            position: absolute;
            top: 42%;
            right: -21px;
        }


        .filter-result-box span {
            display: block;
            text-align: left;
            color: #6a6a6a;
        }
        .filter-result-box .count-filter {
            position: absolute;
            left: 7px;
            top: 14px;
            font-size: 14px;
        }
        .filter-result-box span.close {
            color: #979797;
            position: absolute;
            top: 5px;
            right: 9px;
            opacity: 1;
            font-size: 17px;
        }

        .filter-bottom h4 {
            text-align: left;
            padding: 0 22px;
            font-size: 14px;
        }

        .add-filter-form button{
        /* padding: 3px 18px;
        font-size: 14px !important;
        border-radius: 3px !important;
        color: #1a85e7 !important;
        float:right; */
        }

        .filter-by-Owner {
            margin: 0 18px 15px;
            border: 1px solid #ccc;
            padding: 12px 15px;
            position: relative;
        }

        .filter-by-Owner a{
            display: block;
            text-align: left;
            border: 0 !important;
            font-size: 14px !important;
            margin: 0 0 5px 0 !important;
        }

        .add-filter-btns{padding:0 20px 15px 20px; margin: 0 0 11px 0; background: #fff}
        .add-filter-btns button{
            /* border: 0 !important; font-size: 14px !important; color:#fff !important; */
        }
        .add-filter-btns button:first-child{float: left;}

        .filter-bottom{padding: 20px; background:#eaebed;}
        .filter-bottom h4{text-align: left; padding: 0; font-size: 14px; margin: 0 0 10px 0;}
        .filter-bottom h4 a{color:#000 important;}
        .logic-blank-div{width:100%; background:#fff; padding: 15px; color: #8f8f8f; height: 80px; text-align:left; font-size:13px; text-transform:uppercase;}

        .filter-bottom a{
            color: #1b84e7 !important;
            border: 0 !important;
            float: right !important;
            background: transparent !important;
            font-size: 14px !important;
        }



        .select2-container--default .select2-results__option[aria-selected=true]{background-color: #fff;}
        .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#eaeaeb; color: #272727;}
        .select2-container--default .select2-selection--multiple{margin-bottom:0;}
        .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-radius: 4px;}
        .select2-container--default.select2-container--focus .select2-selection--multiple{border-color: #f77750; border-width:2px;}
        .select2-container--default .select2-selection--multiple{border-width: 2px;}
        .select2-container--open .select2-dropdown--below{border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
        .select-icon .select2-selection__placeholder .badge{display: none;}
        .select-icon .placeholder{}
        .select-icon .select2-results__option:before,
        .select-icon .select2-results__option[aria-selected=true]:before {display: none !important;}
        .select-icon  .select2-search--dropdown{display:none;}
        .select2-container:after{
            content: "";
            background-repeat: no-repeat;
            right: -35px;
            top: 16px;
        }
        .margin-bottom-0{margin-bottom:0;}

        .filter-by-Owner .add-filter-form {
            top: -46px;
        }
        /**********/
        .edit-account-page{
          /*
           display: flex;
           box-shadow: 0 1px 8px #00000040;
           background: #fff;
           border-radius: 5px;
           margin: 15px 15px 0 15px;
           padding: 0;
          */
        }
        .edit-lead-filter-header{padding:15px; display: flex; justify-content: flex-end; align-items:center;}
        .edit-lead-filter-header .button-wrap .btn i{
            color: #fff;
        }
        .edit-lead-filter-header>button-wrap>div{display:inline-block; float:right;}
        .edit-lead-filter-header .filterIcon{margin-left: 0;}
        .edit-lead-filter-footer{text-align: right; padding: 0 0 10px 0;}
        .edit-lead-filter-footer ul li{position:relative;}
        .edit-lead-filter-footer ul li:after {
            content:"";
            position: absolute;
            height: 5px;
            width: 5px;
            border-radius: 540px;
            background: #000;
            top: 8px;
            right: -5px;
            padding:0;
        }
        .edit-lead-filter-footer ul li:last-child:after{display:none;}
        .edit-lead-filter-footer ul li a{font-size: 14px; color: #1b84e7;}

        .elf-box{
        /* padding: 0 0 0 20px;
        position: relative;
        margin-top: -30px; */
        }
        .elf-box.user [type="checkbox"]:not(:checked), .elf-box.user [type="checkbox"]:checked {
            top: 4px;
            left: 0;
            cursor: pointer;
        }
        .elf-box.user label {
            cursor: default;
            /* margin-left: -17px; */
        }

        .elf-box h3{
            color: #000000;
            font-size: 12px;
            font-weight: 500;
            background: transparent;
            padding: 0 0 2px 0;
            margin: 0;
            text-align: left;
            font-family: "lexend deca regular";
        }

        .elf-box h3{
            /* padding-top:10px; */
        }

        .edit-lead-filter .panel-body{
            padding: 20px 10px;
            background: #fff;
            border-bottom: 1px solid #ccc;
            height:100%;
            position: relative;

        }

        .del_activity {
            position: absolute;
            top: 8px;
            right: -14px;
            background: #ccc;
            padding: 0px 5px;
            border-radius: 3px;
        }

        body .panel-body .elf-box p{
        margin: 0;
        font-size: 10px;text-align: left;
        color: #727272;
        }
        
        .upcoming-overdue  .panel-group .panel{border-radius: 0;}
        .elf-box.phone:after{
        color: #fff;
        font-family: 'FontAwesome';
        font-size: 24px;
        text-align: center;
        content: "\f095";
        }

        .details-flex {   display: flex;   padding: 15px 0px 0 15px!important;   overflow: hidden; }

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

        .overflow-hidden{overflow-x:hidden;}

        .edit-lead-pg .panel-default>.panel-heading{
            color: #195A97;
            background-color: #C5E1FF;
            border-color: #375d82;
            border-radius: 0;
        }

        .upcoming-overdue .collapse p{padding:8px 0 0 0; text-align:center;}

        .upcoming-overdue .panel-heading{border-radius:0;}

        .edit-lead-filter-header .top-options-check {width: 340px;}
        .edit-detail-right-sidebar .edit-lead-filter-header .top-options-check {
            width: 340px;
            opacity: 0;
            transition: 0.7s;
            height: 430px !important;
            right: -400px;
            top: -266px;
        }
        
        .edit-detail-right-sidebar .edit-lead-filter-header .top-options-check.in {
            opacity: 1;
            right: 37px;
        }

        .edit-lead-filter-header .radio{width: 50%; float: left; margin:0 0 10px 0; padding:0 20px; font-size:13px;}
        .edit-lead-filter-header .radio.radio-dt {
            width: 65%;
        }
        .edit-lead-filter-header .checkbox-wrap{width: 100%;    float: left;    position: relative;padding: 3px 20px;}
        .top-options-check .checkbox-wrap:hover{background: #ffffff;}
        .edit-lead-filter-header .checkbox-wrap [type="checkbox"]:checked, .edit-lead-filter-header .checkbox-wrap [type="checkbox"]:not(:checked){position: absolute;    left: 0;opacity: 0;}
        .edit-lead-filter-header .checkbox-wrap label{width: 50%;    float: left;}
        .edit-lead-filter-header h4{font-size: 13px; margin: 5px 0 12px 0; padding: 0 20px;}
        .edit-lead-filter-header .stng-crs .checkbox-wrap label {font-size: 11px;padding: 0px 0 2px 20px;margin-bottom: 3px;height: auto;}
        .filter-btns{padding: 20px; background: #eaebed; margin-top: 15px;}
        .filter-btns button{padding:3px 15px; font-size:11px;    background: transparent;color: #2F80CB;border: 1px solid #2F80CB;}
        .filter-btns button:first-child{background:#1b84e7; color:#ffff;}

        .ars-box-title-wrap {
            background: #EBF3F8;
            display: flex;
            border: 1px solid #C5E1FF;
            border-radius: 3px;
            border-bottom-right-radius: 0 3px; 
            border-bottom-left-radius: 0 0;
            padding: 10px 15px;
            justify-content: space-between;
        }
        .ars-box-title-wrap h3{margin: 6px 0 0 0;   font-size: 18px;   font-weight: 500;   color: #195A97;}
        .ars-box-title .icon{background: #1b84e7; color: #fff; padding: 5px 9px; margin: 0 10px 0 0;}
        .ars-box-title-wrap ul{padding:0; box-shadow: 0 0 5px #c7c7c7;}
        .ars-box-title-wrap ul li a{padding: 8px 15px; border-radius: 3px;}
        .ars-box-title-wrap button{ background: #288be8;}
        .ars-box-title-wrap .plus-button.new-activity-btn{top:8px;}

        .ars-box-content {
            padding:0px 12px !important;
            background: #fff;
            border: 1px solid #d5d5d5;
            border-top: 0;
        }
        .ars-box-content-box{margin: 0 0 20px 0;}
        .ars-box-content-box:last-child{margin:0;}
        .ars-box-content-box h3{margin: 0 0 5px 10px;font-size: 16px;   color: #424344;   font-weight: 500;   font-family: "lexend deca regular";}
        /* .ars-box-content-box h3 + p{color: #000000;} */

        .ars-box-content-box p{padding: 0;   font-size: 12px;   color: #252525;   font-family: "lexend deca regular";   font-weight: 400;}

        .edit-lead-filter .panel-default>.panel-heading h4{font-size: 16px;}
        .edit-lead-filter{font-size: 13px;}

        #activitydata_paginate{
        padding: 13px 15px !important;
        width: 100%;
        }

        .filter_text {
            padding-right: 15px;
        }
        .filter_text.ftxt{padding-left: 10px;padding-top: 8px;    font-size: 11px;color: #989898;}

        .dashboar-content h2 {
            text-align: left;
        }
        .change_tradinggroup_access .fa-edit{font-size: 21px;
            color: #7b7b7b;
            margin: 0px;
            position: relative;
            top: -3px;
            right: -1px;}
            .change_tradinggroup_access:hover .fa-edit{color:#1B84E7;}
            span#send_sms_btn:hover{color: #fff!important;}

          .open_new_position .fa-edit {
              font-size: 21px;
              color: #7b7b7b;
              margin: 0px;
              position: relative;
              top: -3px;
              right: -1px;
           }
          .open_new_position:hover .fa-edit {
             color: #1B84E7;
           }

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

        .ars-html-editor {
            background: rgba(0,0,0,0.6);
            padding: 0;
            position: fixed;
            bottom: 0;
            top: 0;
            left:0;
            right:0;
            z-index:10510;
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            display:none;
        }

        .ars-html-editor.open{display:flex;}

        .ars-html-editor-wrapper{
            width: 45%;
            right: 20px;
            background: #fff;
            padding: 0;
            z-index: 99;   
            border: 0;
            border-radius: 8px;
            transform: translate3d(10px, 10px, 10px);
        }

        .ars-html-editor-header {
            font-size: 12px;
            border-bottom: 1px solid #d3d3d3;
            padding: 10px 12px!important;
            background: #C5E1FF;
            border-radius: 7px 7px 0px 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .ars-html-editor-header h3 {
            font-size: 16px;
            background: #C5E1FF;
            font-weight: 100;
            color: #14416C;
            margin: 0px;
            font-family: 'Lexend Deca Regular';
        }

        .ars-html-editor-header ul {
            display: flex;
            align-items: center;
            float: right;
            padding: 0;
            margin: 0;
        }
        .ars-html-editor-header ul li {
            padding: 0 10px;
        }

        .ars-html-editor-content .input-group {
            padding: 0;
            height: 42px;
        }

        .ars-html-editor-content .input-group .input-group-addon{border: 0;}

        .ars-html-editor-content .input-group input{
            height: 42px;
            margin: 0;
            border: 0;
        } 

        .ars-html-editor-content {
        background: #fff;
        padding: 0px 10px;
        }

        .ars-html-editor-footer {
            position: relative;
            top: -10px;
            background: #fff;
        }
        .ars-html-editor-footer .top {
            display: flex;
            align-items: center;
            padding: 0 17px;
            margin-top: 11px;
            font-size: 12px;
        }

        .ars-html-editor-footer .top span{
            border: 1px solid #ccc;
            padding:5px 10px 5px 8px;
            display: flex;
            align-items: center;
            border-radius: 3px;
            margin-left: 12px;
            
        }
        .ars-html-editor-footer .top .new-icon.user {
            height: 27px;
            width: 27px;
            background-position: -18px -140px;
            padding: 0;
            display: inline-block;
            margin-right: 7px;
            border-radius: 3px;
            margin-left: 0;
        }
        .ars-html-editor-footer .bottom {
            padding: 22px 2px 0px 8px;
            display: block;
            border-top: 1px solid #ccc;
            margin: 17px 10px 0px 10px;
        }

        .ars-html-editor-footer .bottom button.btn {
            background: #fff;
            border: 1px solid #b9b9b9;
            font-size: 13px;
            color: #6c6c6c;
        }

        .ars-html-editor-footer .bottom button.btn:last-child{
            margin-right: 6px;
            background: #1b84e7;
            color: #ffff;
        }

        /*********/
        .mb-25{margin-bottom:20px;}

        .add-activities-modal-wrapper{padding: 15px 0;}
        .add-activities-modal-wrapper label{font-weight: normal; font-size: 15px;}
        .add-activities-modal-wrapper .submit{
            background: #efefef;
            font-size: 16px;
            padding: 7px 17px;
            margin-left: -5px;
            margin-right: 15px;
            border: 1px solid #9b9b9b;
            border-radius: 4px;
        }
        .add-activities-modal-wrapper .reset{
            background: #fff;
            font-size: 16px;
            padding: 7px 17px;
            border: 1px solid #0377c4;
            border-radius: 4px;
            color:#0377c4;
        }

        .add-activities-modal-wrapper h3 {
            background: #e6e3dc;
            color: #000;
            font-size: 17px;
            padding: 15px;
        }
        .add-activities-modal-wrapper .table{
            border: 0;
            margin: 0;
        }
        .add-activities-modal-wrapper i.fa.fa-trash{
            font-size: 16px;
            color:#0377c4;
        }
        .add-activities-modal-wrapper .radio input[type=radio] + .radio-label:before{top:4px;}

        #c2m_modal input.form-control{height:35px;}
        #c2m_modal textarea.form-control{height:75px;}

        .add-activities-modal-wrapper .table>thead:first-child>tr>th{border-top: 1px solid #ccc;}

        /*****notification-menu***/
        .dropdown-menu.notification-menu {
            box-shadow: 0px 2px 9px #564e4e !important;
            border: 0;
            background: transparent !important;
            border-top-left-radius: 5px !important;
            border-top-right-radius: 5px !important;
            border-bottom-left-radius: 5px !important;
            border-bottom-right-radius: 5px !important;
        }
        .notification-menu li.header
        .navbar-nav>.notifications-menu>.dropdown-menu>li.header{
            background: #ffffff !important;
            font-size: 15px !important;
            color: #000 !important;
            color: #000 !important;
            border-top-left-radius: 5px !important;
            border-top-right-radius: 5px !important;
            border: 0 !important;
            padding: 15px;
            position:relative;
        }

        .navbar-nav>.notifications-menu>.dropdown-menu>li.header .notify_clear_all {
            float: right;
            font-size: 13px;
            padding: 3px 12px 1px 12px;
            color: #1a85e7;
            border-radius: 4px;
        }


        .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a{
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-bottom: 0;
        }
        .notification-menu li.header span {
            background: #f24439;
            color: #fff;
            font-size: 10px;
            padding: 2px 6px 3px 6px;
            border-radius: 50px;
            display: inline-block;
            margin-left: 10px;
            position: relative;
            top: -1px;
        }
        .notification-menu li ul.menu a {
            background: #fff !important;
            color: #8f8f8f !important;
            border-bottom: 1px solid #ffffff !important;
            font-size: 13px;
        }
        .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a {
            background: #fff !important;
            color: #8f8f8f !important;
            text-align: left;
            padding: 10px 15px;
            font-size: 14px;
            border-top: 1px solid #c7c7c7;
            text-decoration:underline;
            color: #000 !important;
        }
        .notification-page .content{border-radius: 10px;}
        .notification-page .box-title {    color: #000;    font-size: 16px;    font-weight: 700;    margin: 15px 0 0 0;}
        .notification-page .page-header {    margin: 0px 0 10px 10px;}
        .notification-page .page-header p{    font-size: 14px;    margin-top: 6px;    color: #3c3c3c;margin-bottom: 0;}
        .notification-page  .table-responsive{    overflow-x: inherit;}
        .notification-page .table-header-form {    padding: 0 0 10px 0;    position: absolute;    right: 7px;    top: -66px;
            float: none!important;    z-index: 5;}
        .notification-page .dataTables_length {        display: none!important;    }
        .notification-page .btn-submit {
            padding: 8px 15px;
            font-size: 14px;
            border-radius: 5px 0 0 5px;
            color: #1a85e7;
            background-color: #ffffff;border-color: #dbdbdb;margin-right: -1px;    font-family: 'Lexend Deca Regular';
        }
        .notification-page .btn-submit:last-child {
            border-radius: 0 5px 5px 0;
            margin-left: -3px;
        }
        .notification-page .btn-submit .fa {
            display: none;
        }
        .notification-page th.sorting_asc label, .notification-page th.sorting_desc label {
            margin-left: -3px;
        }
        .navbar-nav>.notifications-menu>.dropdown-menu>li .menu li{padding: 5px 10px 10px; border-top: 1px solid #ccc;}
        .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{padding: 10px 20px 0 5px; border: 0; text-transform:capitalize;}
        .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li> button.close{position: absolute; right: 11px; top:9px;}
        .notifications-menu span.time-elapsed{color: #8f8f8f !important; border-bottom: 1px solid #ffffff !important; font-size: 13px;    padding-left: 8px;}
        .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a.notify_clear_all{position: absolute; top:0; right:40px; border:0;}
        .navbar-nav>.notifications-menu>.dropdown-menu {   top: 40px;}
        /***********  end custom css  ************/
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            /* Safari and Chrome */

            /* Safari only override */
        ::i-block-chrome, .navbar-custom-menu>.navbar-nav>li.dropdown.user.user-menu > a {
        display: inline-block;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        height: 70px;
        }
        ::i-block-chrome, .navbar-custom-menu>.navbar-nav>li.dropdown.user.user-menu a i.fa.fa-user {
        margin: 0 15px 0 0;
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        }
        ::i-block-chrome, .navbar-custom-menu>.navbar-nav>li.dropdown.user.user-menu a span {
        display: inline-block;
        }
        ::i-block-chrome, .navbar-custom-menu>.navbar-nav>li.dropdown.user.user-menu a span.caret {
        display: inline-block;
        height: 100%;
        margin-left: 15px;
        vertical-align: text-top;
        }
        }
        .modal-body .modal-title{margin: 0 0 20px;}
        .btn-large:hover {background-color: #2bbbad;}
        .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
        /* box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15); */
        }
        .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; transition: all .3s ease-out; }
        .left{float: left !important;}
        .filterSearchText{
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #9e9e9e;
            border-radius: 0;
            outline: none;
            height: 3rem;
            width: 86%;
            box-shadow: none;
            box-sizing: content-box;
            transition: all 0.3s;
            font-size: 13px;
            margin: 0 auto;
            float: none;
            margin-left: 7%;
        }
        [type="checkbox"]:not(:checked), [type="checkbox"]:checked{ 
            position: relative;
            left: 14px;
            opacity: 0;
            z-index: 88;
            top: 3px;margin-right: 0;cursor: pointer;
        }
        [type="checkbox"]+label {
        position:relative;
        padding-left:16px;
        cursor:pointer;
        display:inline-block;
        height:16px;
        line-height:20px;
        font-size:13px;
        margin-bottom: 0;
        -webkit-user-select:none;
        -moz-user-select:none;
        -khtml-user-select:none;
        -ms-user-select:none;
        font-weight: 500;
        }
        [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
        content:'';
        position:absolute;
        top:1px;
        left:0;
        height:15px;
        width:15px;
        z-index:0;
        border:2px solid #74A3D5;
        border-radius:2px;
        margin-top:2px;
        transition:.2s;
        }
        #Label_autoapprove{
            top: 3px;
    left: 7px;
        }
        #progress_cb{
            opacity: 1;
        }
        [type="checkbox"]:not(.filled-in)+label:after { border:0; -webkit-transform:scale(0); transform:scale(0) }
        [type="checkbox"]:not(:checked):disabled+label:before { border:none; background-color:rgba(0,0,0,0.26) }
        [type="checkbox"].tabbed:focus+label:after { -webkit-transform:scale(1); transform:scale(1); border:0; border-radius:50%; box-shadow:0 0 0 10px rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.1) }
        /*[type="checkbox"]:checked+label:before { top:-1px; left:-4px; width:12px; height:18px; border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #1b84e7; border-bottom:2px solid #1b84e7; -webkit-transform:rotate(40deg); transform:rotate(40deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:100% 100%; transform-origin:100% 100% }*/
        [type="checkbox"]:checked+label:before{
        top:0;
        content: "\f00c";
        font-family: 'FontAwesome';
        position: absolute;
        left: 0;
        color: #fff;
        background: #2F6FED;
        border: 1px solid #2F6FED;
        height: 16px;
        width: 16px;
        padding: 0;
        font-size: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        }

        [type="checkbox"]:checked:disabled+label:before { border-right:2px solid rgba(0,0,0,0.26); border-bottom:2px solid rgba(0,0,0,0.26) }
        [type="checkbox"]:indeterminate+label:before { top:-11px; left:-12px; width:10px; height:22px; border-top:none; border-left:none; border-right:2px solid #1b84e7; border-bottom:none; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:100% 100%; transform-origin:100% 100% }
        [type="checkbox"]:indeterminate:disabled+label:before { border-right:2px solid rgba(0,0,0,0.26); background-color:transparent }
        [type="checkbox"].filled-in+label:after { border-radius:2px }
        [type="checkbox"].filled-in+label:before, [type="checkbox"].filled-in+label:after { content:''; left:0; position:absolute; transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index:1 }
        [type="checkbox"].filled-in:not(:checked)+label:before { width:0; height:0; border:3px solid transparent; left:6px; top:10px; -webkit-transform:rotateZ(37deg); transform:rotateZ(37deg); -webkit-transform-origin:20% 40%; transform-origin:100% 100% }
        [type="checkbox"].filled-in:not(:checked)+label:after { height:20px; width:20px; background-color:transparent; border:2px solid #5a5a5a; top:0px; z-index:0 }
        [type="checkbox"].filled-in:checked+label:before { top:0; left:1px; width:8px; height:13px; border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #fff; border-bottom:2px solid #fff; -webkit-transform:rotateZ(37deg); transform:rotateZ(37deg); -webkit-transform-origin:100% 100%; transform-origin:100% 100% }
        [type="checkbox"].filled-in:checked+label:after { top:0; width:20px; height:20px; border:2px solid #1b84e7; background-color:#1b84e7; z-index:0 }
        [type="checkbox"].filled-in.tabbed:focus+label:after { border-radius:2px; border-color:#5a5a5a; background-color:rgba(0,0,0,0.1) }
        [type="checkbox"].filled-in.tabbed:checked:focus+label:after { border-radius:2px; background-color:#1b84e7; border-color:#1b84e7 }
        [type="checkbox"].filled-in:disabled:not(:checked)+label:before { background-color:transparent; border:2px solid transparent }
        [type="checkbox"].filled-in:disabled:not(:checked)+label:after { border-color:transparent; background-color:#BDBDBD }
        [type="checkbox"].filled-in:disabled:checked+label:before { background-color:transparent }
        [type="checkbox"].filled-in:disabled:checked+label:after { background-color:#BDBDBD; border-color:#BDBDBD }

        .addleads-modal [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after{
        top: 3px;
        left: 3px;
        }

        .switch, .switch * { -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none }
        .switch label { cursor:pointer }
        .switch label input[type=checkbox] { opacity:0; width:0; height:0 }
        .switch label input[type=checkbox]:checked+.lever { background-color:#84c7c1 }
        .switch label input[type=checkbox]:checked+.lever:after { background-color:#1b84e7; left:24px }
        .switch label .lever { content:""; display:inline-block; position:relative; width:40px; height:15px; background-color:#818181; border-radius:15px; margin-right:10px; transition:background 0.3s ease; vertical-align:middle; margin:0 16px }
        .switch label .lever:after { content:""; position:absolute; display:inline-block; width:21px; height:21px; background-color:#F1F1F1; border-radius:21px; box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); left:-5px; top:-3px; transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease }
        input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
        box-shadow:0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(38,166,154,0.1)
        }
        input[type=checkbox]:not(:disabled) ~ .lever:active:after, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
        box-shadow:0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(0,0,0,0.08)
        }
        .switch input[type=checkbox][disabled]+.lever { cursor:default }
        .switch label input[type=checkbox][disabled]+.lever:after, .switch label input[type=checkbox][disabled]:checked+.lever:after { background-color:#BDBDBD }
        select{display:none;}
        .filterIcon{height:16px; width: 16px; color: #000; margin-left: 8px;}
        .modalFilter{margin:40px 0 0 0; display: none; height: auto; width: auto !important; background: #f6f9fd; border:solid 1px #ccc; padding:0; position: absolute; z-index: 985;}
        .modalFilter .modal-content{
            max-height: 250px;
            overflow-y: auto;
            background: #f6f9fd;
            padding: 10px 0 10px 0;
            box-shadow: none;
            border-bottom: 1px solid #ccc;
            margin: 0 0 6px 0;
            border: 0;
            max-width: 250px;
        }
        .modalFilter .modal-content div{
            padding: 5px 10px 5px 0px;
            display: block;
            align-items: center;
        }
        .modalFilter .modal-content div:hover{background:#e6e3dc;}
        .modalFilter .modal-content label{padding-left:23px;}
        .modalFilter .modal-footer{background:#f6f9fd; /*height:35px;*/ /*padding-top:6px;*/ text-align:left;border-top-color: #d7d7d7;}
        .modalFilter .btn{
            padding: 0 1em;
            height: 28px;
            line-height: 28px;
            text-transform: none;
            border: 1px solid #28acbc;
            border-radius: 4px;
            font-size: 13px; 
            background: #fff;
            color: #000;
        }
        .modalFilter [type="checkbox"]+label{margin-bottom:0; padding: 2px 0 0 26px;}
        .modalFilter [type="checkbox"]:not(:checked), [type="checkbox"]:checked{top:0;}
        #mask { display: none; background: transparent; position: fixed; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 1000; }
        .table-header-form.fo.padding-bottom-8 .form-group { margin-bottom: 8px; }
        /************* Accounts Tab accordion css *************/
        .tabpane-form-body{padding: 15px !important; background:#fff;}
        .table-responsive{position: relative;text-align: left;}
        .tabpane-form-body .panel-group .panel { border-radius: 0; box-shadow: none; border-color: transparent; margin-top: 12px; }
        .tabpane-form-body .panel-group .panel:first-child{margin-top:0; border:1px solid #ccc;}
        .tabpane-form-body .panel-group .panel .panel-body{padding: 15px 15px 8px; border:0;}
        .tabpane-form-body .panel-heading .panel-title{font-size: 16px; text-transform: capitalize; font-weight: 500; color: #000; padding-left:30px; /*border-left: 4px solid #1b84e7;*/}
        .tabpane-form-body .panel-heading .panel-title .accordion-toggle{color:#000;}
        .tabpane-form-body .panel-heading .panel-title .accordion-toggle.collapsed{color:#000 !important;}
        .tabpane-form-body .panel-default .panel-heading{/*background:#eff1f3;*/ padding: 8px 15px; border-color:transparent; border-radius:0;}
        .tabpane-form-body .panel-heading a { display:block; line-height: normal; position:relative;}
        .tabpane-form-body .panel-heading a:after {
            float: right;
            font-family: 'Glyphicons Halflings';
            color: #000;
            content: "\e258";
            transition: all .5s;
            position: absolute;
            transform: rotate(90deg);
            left: -27px;
            top: 3px;
            font-size:14px;
        }
        .tabpane-form-body .panel-default .panel-heading{margin: 0 0 15px 0;}
        .tabpane-form-body .panel-heading a.collapsed:after { content: "\e258"; transform: rotate(0deg);}
        .tabpane-form-body .panel-group{margin-bottom:0 !important; border:1px solid #ccc; padding:0;} 
        /************* Loader fixed css *************/

        .formprocessgif { position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; display: flex; align-items: center; vertical-align: middle; justify-content: center; background: rgba(0,0,0, 0.8 ); z-index:99999; border-radius:8px;}
        .formprocessgif .fa { position: static; z-index: 999; color: #fff; }
        .formprocessgif01 { position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; display: flex; align-items: center; vertical-align: middle; justify-content: center; background: rgba(0,0,0, 0.8 ); z-index:99999;}
        .formprocessgif01 .fa { position: static; z-index: 999; color: #fff; }
        .formprocessgif02 { position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; display: flex; align-items: center; vertical-align: middle; justify-content: center; background: rgba(0,0,0, 0.8 ); z-index:99999;}
        .formprocessgif02 .fa { position: static; z-index: 999; color: #fff; }
        .import-detail { position: relative; display: inline-block; }
        .import-detail a, .import-detail a:hover, .import-detail a:focus { text-decoration:none; }
        .import-detail a span { position:relative; }
        .import-dropdown { position: absolute; width: 100px; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding: 6px 0; text-align: center; list-style: none; background-color: #fff; color: #808080; border: 1px solid #adadad; }
        .import-dropdown span { display: inline-block; padding: 0 6px; border-right: 1px solid #808080; }
        .import-dropdown span:last-child { border-right: none; }
        /************  processing div  ***************/
        /*******  loader css  ********/
        .processingdiv{display:none!important;width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; margin: auto; text-align: center; left: 0; right: 0; background: #e8ecef; display: flex; align-items: center; justify-content: center; z-index: 111; }
        /*.processingdiv span { display: inline-block; width: 20px; height: 20px; border-radius: 100%; background-color: #1b84e7; margin: 35px 2px; }
        .processingdiv span:nth-child(1) { animation: bounce 1s ease-in-out infinite; }
        .processingdiv span:nth-child(2) { animation: bounce 1s ease-in-out 0.33s infinite; }
        .processingdiv span:nth-child(3) { animation: bounce 1s ease-in-out 0.66s infinite; }
        @keyframes bounce {  0%, 75%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
        25% { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}
        }*/
        .processingdiv span{display:inline-block; width: 12px; height: 12px; border-radius: 100%; background-color: #6c757d; margin: 35px 5px; opacity: 0; }
        .processingdiv span:nth-child(1){animation: opacitychange 1s ease-in-out infinite; }
        .processingdiv span:nth-child(2){animation: opacitychange 1s ease-in-out 0.33s infinite; }
        .processingdiv span:nth-child(3){animation: opacitychange 1s ease-in-out 0.66s infinite; }
        @keyframes opacitychange{0%, 100% {
        opacity: 0;
        }
        60%{
        opacity: 1;
        }
        }

        /****New Account Page********/
        .new-account-page .table-header-box-inner-button .box-title { display: flex; font-weight: 700; text-transform: capitalize; font-size: 24px; align-items: center; margin:0; }
        .new-account-page .table-header-box-inner-button .box-title span { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 100; margin: 0 15px 0 0; }
        .new-account-page .table-header-box-inner-button .head-btn { float: right; /*margin: 10px 15px 0 0;*/ background: transparent; padding: 0;}
        .dashboard .info-box-icon .icon{height:45px; width: 45px; border-radius: 50%; margin:auto; background: url(/images/new-sprit.png); background-color: #d23b28;}
        .dashboard .info-box-icon .icon1{background-position: -136px -13px;}
        .dashboard .info-box-icon .icon2{background-position: -135px -75px; background-color:#d4791c;}
        .dashboard .info-box-icon .icon3{background-position: -134px -136px; background-color:#b45084;}
        .dashboard .info-box-icon .icon4{background-position: -135px -199px; background-color:#8b68a8;}
        .dashboard .info-box-icon .icon5{background-position: -134px -261px; background-color:#b82b56;}

        .dashboard .info-box-icon .icon6{background-position: -136px -626px; background-color:#d23b28;}
        .dashboard .info-box-icon .icon7{background-position: -137px -701px; background-color:#d4791c;}
        .dashboard .info-box-icon .icon8{background-position: -138px -775px; background-color:#b45084;}
        .dashboard .info-box-icon .icon9{background-position: -138px -846px; background-color:#8b68a8;}
        .dashboard .info-box-icon .icon10{background-position: -138px -920px; background-color:#d23b28;}

        .dashboard .info-box-icon .green-clr{color: #fff !important; background-color:#d4791c; font-size: 25px; padding: 10px; border-radius:50px;}
        .dashboard .info-box-icon .royal-blue-clr{color: #fff !important; background-color:#8b68a8; font-size: 25px; padding: 10px 12px; border-radius:50px;}
        .dashboard .info-box-icon .red-clr{color:#fff !important; background-color:#b45084; font-size: 25px; padding: 10px 12px; border-radius:50px;}


        .new-account-page.activity-wrapper .activity-right-section table.dataTable.nowrap{border:0;}

        .new-account-page.activity-wrapper .activity-right-section table.dataTable.nowrap td{
        padding: 7px 15px !important;
        background: #f3f3f3;
        border: 0;
        border-radius: 5px;
        width: 100%;
        margin: 0 0 10px 0;
        float: left;
        height: auto;
        } 

        .icon.person-icon { width: 40px; height: 40px; display: inline-block; background-position: -53px -374px;}
        .icon.icon.edit { width: 25px; height: 25px; display: inline-block; background-position: -141px -372px; padding: 0; margin: 0;}
        .icon.icon.delete { width: 20px; height: 20px; display: inline-block; background-position: -58px -305px; padding: 0; margin: 0;}
        .cd-box .cd-title { font-size: 15px; font-weight: 500; width: 150px; display: inline-block; padding: 10px 0; margin-bottom: 0;}
        .cd-box .cd-details { font-size: 15px; }
        .cd-box .new-blue-btn { font-size: 14px; font-weight: 500; color: #288be8; border: 1px solid #288be8; padding: 6px 19px; display: inline-block; }
        .online-btn-wrap { margin: 0; }
        .online-btn-wrap button { background: transparent; border: 0; color: #008000; /* padding: 10px 0; */
            /* font-weight: bold; */
            -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 0.8s; animation-name: blinker; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(.5, 0, 1, 1); animation-duration: 0.8s; font-size: 17px; padding: 0; }

        @-webkit-keyframes blinker{from {
        opacity: 1.0;
        }
        to { opacity: 0.5; }
        }
        .status-btn { padding: 9px 0 0 8px; display: inline-block; }
        .status-btn.red button{background: transparent; border: 0; color: #ff0000; font-size: 17px; padding:0;}
        .action-icon-btn{border: 0; background: transparent; padding: 0;}
        .action-icon-btn .fa-envelope-o{font-size: 21px; color:#7b7b7b; margin:0px; position:relative; top:-3px; right: -1px;}
        .action-icon-btn .icon{background:url(/dist/img/sprit.png); background-repeat:no-repeat; margin:0 15px 0 0;  height: 22px; width: 35px; display: inline-block; padding: 0; margin:0;}
        .action-icon-btn .icon.one { background-position: -50px -39px;}
        .action-icon-btn .icon.one:hover { background-position: -133px -39px;}
        .action-icon-btn .icon.two { background-position: -48px -89px;}
        .action-icon-btn .icon.two:hover{background-position: -131px -89px;}
        .action-icon-btn .icon.three{background-position: -50px -146px;}
        .action-icon-btn .icon.three:hover{background-position:-133px -146px;}
        .action-icon-btn .icon.four{background-position: -52px -193px;}
        .action-icon-btn .icon.four:hover{background-position: -135px -193px;}
        .action-icon-btn .icon.five{background-position: -51px -244px;}
        .action-icon-btn .icon.five:hover{background-position: -134px -244px;}
        .action-icon-btn .icon.Ticon{background-position: -237px -147px}
        .action-icon-btn .icon.Ticon:hover{background-position: -316px -147px;}
        .action-icon-btn .icon.email{background-position:-235px -309px;}
        .action-icon-btn .icon.email:hover{background-position: -314px -309px;}
        .action-icon-btn .icon.leverage{background-position: -233px -361px; height: 23px;}
        .action-icon-btn .icon.leverage:hover{background-position: -311px -361px;} 

        .icon.loadreportdata{background-position:-233px -408px;}
        .icon.loadreportdata:hover{background-position:-312px -408px;}
        .icon.loadmargincallleveldata{background-position:-240px -450px;}
        .icon.loadmargincallleveldata:hover{background-position:-321px -450px;}

        .action-icon-btn .icon.delete{background-position: -54px -303px;}
        .action-icon-btn .icon.delete:hover{background-position: -141px -303px;}
        .new-account-page table.dataTable.nowrap td{padding:5px 15px !important;}
        .new-account-page table.trading-account-table th:last-child{width: 200px;}
        .accordion-section { padding: 15px 0 0 0; }
        .accordion-section .tabpane-form-body .panel-default .panel-heading, .accordion-section .tabpane-form-body .panel-group .panel .panel-body { padding: 15px 0; }
        .activity-wrap .nav-tabs>li { float: left; margin-right: 7px; background: #ecf1f7; width: 32.1%; text-align: center; }
        .activity-wrap .nav-tabs>li:last-child { margin-right: 0; }
        .nav-tabs>li>a { margin-right: 0; }
        .activity-wrap .nav-tabs>li>a { padding:10px 0; }
        .activity-wrap .nav-tabs>li.active>a, .activity-wrap .nav-tabs>li.active>a:focus, .activity-wrap .nav-tabs>li.active>a:hover { border: 1px solid #2289e8; color: #000; font-weight: bold; border-radius: 0; padding:10px 0; }
        .activity-wrap .nav>li>a:hover, .activity-wrap .nav>li>a:active, .activity-wrap .nav>li>a:focus { background: #f7f7f7; border: 1px solid #1b84e7; border-radius: 0; color: #000; font-weight: bold; padding:10px 0; }
        .activity-wrap .tab-content h3 { margin: 0; padding: 15px 0 5px 0; font-size: 17px; }
        .activity-wrap .tab-content { border: 1px solid #d8d8d8; border-top: 0; padding: 15px; }
        .edit-btn--wrapper { text-align: right; padding: 10px 0 0 0; }
        .accordion-section .panel-collapse.collapse.in { border-bottom: 1px solid #ccc; }
        .trading-account-section .cd-box { text-align: right; }
        .activity-wrap h4 { margin-bottom: 15px; }
        .activity-wrap .table-header-box { padding: 0 0 15px 0px; margin-bottom: 15px; }
        .activity-wrap .table-header-box .box-title { margin-top: 0px; text-transform: capitalize; }
        .new-account-page .content { min-height: auto; }
        .new-account-page .tp-table { display: flex; align-items: center; }
        .new-account-page .table-title-header { border-bottom: 1px solid #ccc; margin: 0 0 15px 0; padding: 0 0 15px 0; }
        .new-account-page .table-header-box-inner-button .table-header-form { padding: 0; }
        .new-account-page .table-header-box-inner-button { border-bottom: 1px solid #d8d8d8; padding: 5px 0 8px 0; }
        .new-account-page .input-daterange.input-group { width: 250px; float: left; }
        .new-account-page .table-header-form .btn { border-radius: 0; margin: 0px 1px; }
        /**** TP Account*****/
        .new-account-page.tp-account .table-header-box-inner-button .box-title { margin:0; padding: 0; }
        .new-account-page.tp-account .table-header-box-inner-button .box-title a { color:#000; }
        .new-account-page.tp-account .content { height: auto; min-height: auto; }
        .mt-15{margin-top:15px;}
        .mb-15{margin-bottom:15px;}
        .mb-0{margin-bottom:0;}
        .pb-0{padding-bottom:0 !important;}
        .table-title-header { padding:13px 0 7px 0; }
        .table-title-header h4 { margin: 7px 0 0 0; }
        .search-wrap { display: flex; float: right; align-items: center; }
        .search-wrap .control-label { font-weight: normal; margin: 0 15px 0 0; }
        .new-account-page .table-header-box-inner-button.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: #fff; box-shadow: 0px 0px 5px #adadad; }
        /***********  marketing campaign   *************/
        .marketing-campaign .dataTables_length_new label, .horizontal-show-entry .dataTables_length_new label { font-weight: normal; text-align: left; white-space: nowrap; }
        .marketing-campaign .dataTables_length_new select.input-sm, .horizontal-show-entry  .dataTables_length_new select.input-sm { width: 75px; display: inline-block; vertical-align: middle !important; margin-left: 5px; margin-right: 5px; }
        /* .resetfilter{text-align: right; float:right;} */
        .resetfilter .table-header-form, .resetfilter .dataTables_filter_new { display: inline-block;}
        .resetfilter .dataTables_filter_new label { font-weight: normal; white-space: nowrap; text-align: left; }
        .resetfilter .dataTables_filter_new .input-sm { margin-left: 0.5em; display: inline-block; width: auto; vertical-align: middle !important; }
        .marketing-campaign .table-graph .table{font-size: 10.5px;}
        .chart-section {
            overflow-x: auto;
            overflow-y: auto;
            box-shadow: 0px 0px 3px 0px #ccc;
            padding: 10px;
            margin-top: 6px;
            height: 503px;
        }
        /*.marketing-campaign .d-flex{display:flex;}*/
        .graphsection #columnchart_material div div{margin:auto;}
        .graphsection #columnchart_material g text{font-size:11px;}
        /* .resetfilter .head-btn{margin-left: 5px;} */
        .openchartdiv span{
            font-size: 12px;
            font-weight: bold;
            top: 0px;
            right: 34px;
            display: block;
            text-align: right;
        }
        .resetfilter .filterIcon{
            margin: 0;
            color: #fff;
            font-size: 14px;
        }
        .resetfilter .fa-cog{
            color: #8d8b8b;
            font-size:15px;
            margin: 0px 2px 0 0;
            position: relative;
            top: 1px;
        }
        .resetfilter .caret{
            color: #fff;
            position: relative;
            top: -1px;
            right: -3px;
            margin: 0 2px;
        }

        .button-wrap .dropdown:hover .caret,
        .button-wrap .dropdown:hover .fa-cog,
        .button-wrap .dropdown:hover .fa-plus,
        .button-wrap .dropdown:hover .fa-filter{color:#fff;}

        .content-header .pager{
        padding: 0;
        margin: 5%;
        text-align: right;
        list-style: none;
        }

        .backbutton {
        padding: 5px 10px;
        background: #1b84e7;
        color: #fff;
        display: inline-block;
        font-family: 'Open Sans', sans-serif;
        }
        .backbutton:hover, .backbutton:active, .backbutton:focus{color: #fff;}
        .backbutton .fa-arrow-left{margin-right:5px;}

        /*********/
        /* .tkt-pg .table-header-box-inner-button.clearfix{padding: 8px 0;} */
        /*********/
        .ibreport .resetfilter .form-inline{margin-left: 5px;}
        .ibreport .resetfilter .btn.btn-default{padding: 5px 9px 5px 9px !important;margin: 0 0 0 -6px !important;border-top-left-radius: 0;border-bottom-left-radius: 0;border: 0;top: 0;position: relative;height: 30px;}
        .ibreport .resetfilter .form-inline .select2{width: 200px !important; text-align: left; z-index:9;}
        .ibreport .select2-container--default .select2-selection--single .select2-selection__arrow{top: -3px;}
        /*********/
        .mon-tr-pg .search-box .input-group-btn{margin: 0 7px 0 0;}
        .mon-tr-pg .resetfilter .btn-default{padding: 6px 8px 3px 9px; background:#1a85e7;    border: 0;}
        .mon-tr-pg .top-table-wrap{padding:10px;}
        /********/
        /******Affiliate Performance******/
        .affiliate-performance .table-header-box-inner-button {
            border: 0;
            margin-bottom: 0;
        }
        /* .ap-search-form{display: inline-block; float: right; margin-right: 8px;}	 */
        .ap-search-form .form-group .btn-submit {
            background: #1B84E6;
            color:#fff;
            border-radius: 0;
            margin-left: -2px;
            height: 32px;
        }
        .ap-search-form .form-inline select.form-control{width:195px;}
        .ap-search-form .btn-default, .resetfilter .btn-default{
            border-radius: 0;
            height: 25px;
            /* background: #1b84e7; */
            color: #f5faff;
            padding: 5px 10px;
        }
        .ap-search-form .form-control {
            border-radius: 0 !important;
        }

        .resetfilter .input-daterange {
            margin-left: 5px;
        }
        .inputbox-search-btn{
            height: 32px!important;
            padding: 8px;
            font-weight: 400;
            line-height: 1.5;
            text-align: center;
            cursor: pointer;
            -moz-user-select: none;
            user-select: none;
            color: #615F5F;
            border: 1px solid #d3d3d3;
            border-radius: 3px;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
          }
        /*************/

        .tp-details-report .btn-default{
            padding: 5px 10px;
            background: #2d82c3
        }

        /****************profile**************** */
        .profile-pg{padding: 10px;}
        .profile-box {
            padding: 30px;
            background: #fff;
            height: 100%;
        }
        .profile-box .row {
            margin: 0 -7px;
        }
        .profile-heading {
            color: #000;
            font-size: 20px;
            margin: -30px -30px 20px -30px;
            background: #f3f1f2;
            padding: 15px 26px;
        }
        /*********carddetamodal************/
        .carddetamodal{padding: 0 !important;}
        .carddetamodal .modal-dialog.modal-lg{margin: 0; padding: 0;}
        .carddetamodal .modal-lg .modal-content{padding: 15px 20px 15px 10px;}
        .carddetamodal .modal-header{background: #fff;}
        .carddetamodal .modal-header{background: #fff; padding: 20px 38px 0 0;}
        .carddetamodal.modal.fade.bs-example-modal-lg.in{height: 1182px; margin: 0 0 30px 0;}
        .carddetamodal iframe{padding:35px 0; height:1070px; border: 1px solid #ccc;}
        /*********carddetamodal end************/
        
        /****audit-log-wrap****/
        .audit-log-wrap{}
        
        .audit-third-dv {
    border-left: 1px solid #d8d8d8;
    background: #E8F3FC;
    padding: 25px 20px !important;
    position: relative;
}
        .audit-second-dv h5{margin: 0 0 5px 0;}
        .audit-second-dv .small-box h3{text-decoration: none; color:#000; margin: 0; font-size: 30px;}
        .audit-second-dv .small-box:hover h3, .audit-second-dv .small-box:hover p{text-decoration: none; color:#1b84e7; margin: 0;}

        .audit-third-dv ul{background: #fff; padding: 25px 20px; border: 1px solid #CEDAE1; border-radius: 12px; height: 600px; overflow-y: scroll;}
        .audit-third-dv li{display: flex; margin: 0; padding: 12px 0; border-bottom: 1px solid #e5e5e5;}
        .audit-third-dv li [type="checkbox"]+label{line-height: 15px}
        .audit-third-dv li [type="checkbox"]:not(:checked), 
        .audit-third-dv li [type="checkbox"]:checked{position: absolute; left: auto; opacity: 1; z-index: 99; top:9px; right: 0;}
        .audit-third-dv li [type="checkbox"]:checked+label:before, 
        .audit-third-dv li [type="checkbox"]+label:before, 
        .audit-third-dv li [type="checkbox"]:not(.filled-in)+label:after{display:none;}
        .audit-icon{color: #616569; font-size: 14px;}
        .audit-third-dv h3{float:left; width: 100%; font-size: 18px; margin: 0 0 20px 0; padding: 0;}
        .audit-third-dv .daterangediv{display:flex;}
        .audit-third-dv #date_filter{min-height: auto; margin: 0 0 15px 0; padding: 0;}
        .audit-third-dv .text{font-size:13px;} 
        .audit-third-dv a{font-size:13px; color:#1b84e7;}
        .audit-third-dv h2{font-size: 22px; margin: 0 0 5px 0;text-transform: uppercase;}
        .audit-log-pg .content{height: 100%;}
        /**************/

        .calendarwithsearch span.btn.auto-border-btn:after{content: '\f078';
            position: absolute;
            font-family: 'FontAwesome';
            font-size: 8px;
            top: 8px;
            right: 10px;}
        /***********  custom css  ************/
        .acc-flex {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .acc-flex .text-right-padding {
            display: flex;
            height: 100%;
            align-items: center;
            justify-content: flex-end;
        }
        .text-left{text-align: left!important;}
        .text-right{text-align: right!important;}
        .graph-table-header-box-inner-button .form-inline .calender-sec .form-control{
            width: 210px;
            padding-left: 30px;
            z-index: 99;
            background:#fff;
            border-radius: 3px;
        }
        .log-call-r .form-group.margin-bottom-0{padding-top: 28px;}
        .graph-table-header-box-inner-button .form-inline .calender-sec .input-group-addon{position: absolute; left: 2px; z-index: 999; top: 4px; padding: 6px;}
        .btn-righ-sec{height: 50px; display: flex; align-items: center; justify-content: flex-end;}
        .btn-righ-sec .btn-flat{margin-right: 0;}

        .deposit-box-sec tbody tr td a span.label-warning{background-color:transparent !important;}
        .daterangepicker .ranges{display: block!important;}
        .daterangepicker{box-shadow: 0px 0px 2px 1px #ccc; border:1px solid #fff;z-index: 30011!important;}
        .daterangepicker td.in-range {
            background-color: #cde4ef;
            border-color: #f1d3d3;
            color: #000;
            border-radius: 0;
        }
        .view-more-wrap{
            padding:10px 10px 5px 10px;
            position: relative;
            text-align: right;
        }

        .view-more-wrap a {
            display: inline-block;
            color: #0478c5 !important;
            border: 1px solid #0478c5;
            padding: 6px 13px;
            font-size: 14px;
            text-transform: capitalize;
            border-radius: 6px !important;
            font-family: 'Lexend Deca Regular';
        }
        .view-more-wrap a:hover, 
        .view-more-wrap a:active,
        .view-more-wrap a:visited,
        .view-more-wrap a:focus{
            color: #19b394;
            background:transparent;
            border: 1px solid #017ac3;
        }

        /*******cmm******/
        .recycle-pg .dataTables_length, .aff-user-pg .dataTables_length, .add-bus-pg .dataTables_length, .trading-grp-pg .dataTables_length, .lead-pg .dataTables_length, .acc-pg .dataTables_length, .d-pg .dataTables_length, .with-pg .dataTables_length{float: left;}
        .lead-pg table [type="checkbox"]+label, .acc-pg table [type="checkbox"]+label{padding-right: 0px;}
        .campaign-pg table [type="checkbox"]+label{padding-right: 12px;}
        .campaign-pg table tbody tr td:nth-child(2), .mark-rep-pg table tbody tr td:nth-child(2), .mon-tr-pg table tbody tr td:nth-child(2), .d-pg table tbody tr td:nth-child(2), .trading-grp-pg table tbody tr td:nth-child(2), .add-bus-pg table tbody tr td:nth-child(2), .lead-pg table tbody tr td:nth-child(2), .with-pg table tbody tr td:nth-child(2){text-align: left;}
        .add-bus-pg  table tbody tr td:nth-child(3), .acc-pg  table tbody tr td:nth-child(3){text-align: left;}
        .d-pg table tbody tr td:nth-child(4){text-align: right;}
        .with-pg table tbody tr td:nth-child(3){text-align: right;}
        table tbody tr td a span.label-warning{    color: red!important;}
        .assign-to .error {    position: absolute;    bottom: -10px;}
        .cbw .check-box-wrapp input[type="checkbox"] {    top: 40px;    left: 12px;    opacity: 1;
        }
        .cbw [type="checkbox"]+label {
            padding-left: 0px;
        }
        .cbw .check-box-wrapper {
            padding-top: 25px;
        }
        .cbw [type="checkbox"]:checked+label:before, .cbw .check-box-wrapp input[type="checkbox"]:checked + label::after{display: none;}
        .margin15x {
            margin-top: 30px;
            margin-bottom: 20px;
        }
        .sample-file-btn {
            font-size: 18px;
            color: #1b84e7;
        }
        .sample-file-btn .fa-download {
            margin-right: 7px;
        }
        .zero-index .select2-container{z-index: 0!important;}

        .cmn-modal.recycle-tp-modal .wrapper-content .button-wrap {
            margin-left: 5px;
        }
        /* *****************    import Leads    **************** */
        .s-file-btn {
            color: #1b84e7;
            border: 1px solid #c5c5c5;
            border-radius: 4px;
            padding: 8px 15px;
            font-size: 14px;
            display: inline-block;
            margin: 0 0 15px;
            background: #fff;
        }
        .s-file-btn .fa-download {
            margin-right: 7px;
        }
        .import-l-page .content {
            padding-top: 0;
        }
        .import-l-page #msform {
            text-align: center;
            position: relative;
            margin-top: 0px;
        }

        .import-l-page #msform fieldset {
            background: white;
            border: 0 none;
            border-radius: 0px;
            /* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); */
            padding: 20px 5px 5px;
            box-sizing: border-box;
            width: 100%;
            margin: 0;
            text-align: left;
            /*stacking fieldsets above each other*/
            position: relative;
            border-bottom: 1px solid #ccc;
        }
        .import-l-page #msform fieldset:after {
            content: '';
            position: absolute;
            height: 1px;
            width: 100%;
            border-top: 1px solid #ccc;
            bottom: 62px;
            left: 0;
            right: 0;
            margin: auto;
        }
        .import-l-page #msform fieldset.fieldset1 {
            padding: 20px 5px 5px;
        }
        .import-l-page #msform fieldset.fieldset1:after {
            display: none;
        }

        .import-btn{text-align: left; padding-left: 20px; }
        .import-btn .s-file-btn{margin: 23px 15px 15px 15px;}

        .btn-import.text-left {    padding: 0 30px;}
        .import-l-page #msform fieldset:last-child:after{display: none;}
        .import-l-page #msform fieldset:last-child{    padding: 30px;}
        .import-l-page #msform fieldset:last-child p{    color: #4c4c4c;    margin: 0;}
        /*Hide all except first fieldset*/
        .import-l-page .import-l-page #msform fieldset:not(:first-of-type){display: none;}

        /*inputs*/
        .import-l-page #msform input, .import-l-page #msform textarea {
            padding: 15px;
            border: 1px solid #ccc;
            border-radius: 0px;
            margin-bottom: 10px;
            width: 100%;
            box-sizing: border-box;
            color: #2C3E50;
            font-size: 13px;
        }

        .import-l-page #msform input:focus, .import-l-page #msform textarea:focus {
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            border: 1px solid #ee0979;
            outline-width: 0;
            transition: All 0.5s ease-in;
            -webkit-transition: All 0.5s ease-in;
            -moz-transition: All 0.5s ease-in;
            -o-transition: All 0.5s ease-in;
        }

        /*buttons*/
        .import-l-page #msform .action-button {
            width: 100px;
            background: #ee0979;font-family: 'Lexend Deca Regular';
            border: 0 none;
            cursor: pointer;
            margin: 30px 5px 10px;
            background-color: #1b84e7;
            border-color: #1b84e7;
            color: #fff;
            border-radius: 4px;
            padding: 5px 15px;
            font-size: 13px;
        }
        
        .import-l-page #msform .action-button:hover, .import-l-page #msform .action-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #1b84e7;
        }

        .import-l-page #msform .action-button-previous {
            width: 100px;
            background: #C5C5F1;
            font-weight: bold;
            border: 0 none;
            cursor: pointer;
            margin: 10px 5px;
            background-color: #d3d3d3;
            border-color: #787878;
            color: #fff;
            border-radius: 4px;
            padding: 5px 15px;
            font-size: 13px;
        }
        .import-l-page #msform input.cancel{    width: 74px;
            background: #C5C5F1;
            font-family: 'Lexend Deca Regular';
            /* border: 0 none; */
            cursor: pointer;
            margin: 10px 0px;
            background-color: transparent;
            color: #b5b5b5;
            border-radius: 4px;
            padding: 5px 0;
            font-size: 13px;}
            .import-l-page  #progressbar_two input.cancel {
                margin-left: 15px!important;
            }
        .import-l-page #msform .action-button-previous:hover, .import-l-page #msform .action-button-previous:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #1b84e7;
        }
        .cke_editor_message_dialog .cke_dialog_body{position: relative;}
        .z-up {    z-index: 9999;}
        /*headings*/
        .import-l-page .fs-title {
            font-size: 18px;
            text-transform: uppercase;
            color: #2C3E50;
            margin-bottom: 10px;
            letter-spacing: 2px;
            font-weight: bold;
        }

        .import-l-page .fs-subtitle {
            font-weight: normal;
            font-size: 13px;
            color: #666;
            margin-bottom: 20px;
        }

        .import-l-page input.userfile {
            padding: 5px 6px !IMPORTANT;
            border-radius: 4px !important;
            margin: 0 !important;
        }

        /*progressbar*/
        .import-l-page #progressbar{
            overflow: hidden;
            /*CSS counters to number the steps*/
            counter-reset: step;
            padding:45px 0 0;
            background: #ebf3f8;
            border-bottom:1px solid #ccc;
        }

        .import-l-page #progressbar li {
            list-style-type: none;
            color: black;
            text-transform: uppercase;
            font-size: 9px;
            width: 50%;
            float: left;
            position: relative;
            letter-spacing: 1px;
            line-height: 30px;
            text-align: right;
            font-size: 12px;
        }

        .import-l-page #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 16px;
            height: 16px;
            line-height: 19px;
            display: block;
            font-size: 12px;
            color: #fff;
            background: white;
            border-radius: 25px;
            margin: 0 auto 10px auto;position: relative;z-index: 9;box-shadow: 1px 1px 1px 1px #ccc;
        }
        .import-l-page #progressbar li:first-child {
            text-align: left;
            padding-left: 15px;
            position: absolute;
        }
        .import-l-page #progressbar li:first-child:before {
            margin: 0;
            left: 30px;   
            z-index: 99;
        }
        .import-l-page #progressbar li:nth-child(2):before{
            left: auto;
            right:45px;
            margin:0;
            position:absolute;
            z-index: 99;
        } 

        .import-l-page #progressbar li:nth-child(2):after {
        left: 50px;
        z-index:9;
        } 

        .import-l-page #progressbar li:last-child:before {
        right: 50px;
        position: absolute;
        z-index: 999;
        }

        .import-l-page #progressbar li:last-child:after {
        left: auto;
        right: 50px;
        z-index: 9;
        }

        #progressbar.progressbar_two li:nth-child(2):after{background:#1b84e7;}
        #progressbar.progressbar_three li:last-child:after,
        #progressbar.progressbar_three li:nth-child(2):after{background:#1b84e7;}


        .import-l-page #progressbar li:first-child {
            position: absolute;
        }
        .import-l-page #progressbar li:last-child{text-align: right;    padding-right: 25px;}
        .import-l-page #progressbar li:nth-child(2), .import-l-page #progressbar li:last-child {
            line-height: 65px;
        }
        .import-l-page #progressbar li:first-child span:before {
            content: 'Lets do it!';
            position: absolute;
            top: -30px;
            padding: 0px 10px;
            background: #1b84e7;
            line-height: 20px;
            color: #fff;
            text-transform: none;
            border-radius: 3px;
        }
        .import-l-page #progressbar li:first-child span:after {
            content: '';
            position: absolute;
            width: auto;
            height: auto;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 10px solid #1b84e7;
            top: -11px;
            left: 48px;
        }
        .import-l-page #progressbar.progressbar_two li:nth-child(2) span:before {
            content: 'Almost Complete';
            position: absolute;
            top: -55px;
            padding: 0px 10px;
            background: #1b84e7;
            line-height: 20px;
            color: #fff;
            text-transform: none;
            border-radius: 3px;
        }
        .import-l-page #progressbar.progressbar_two li:nth-child(2) span:after {
            content: '';
            position: absolute;
            width: auto;
            height: auto;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 10px solid #1b84e7;
            top: -35px;
            left: 65px;
        }
        .pt-pt .import-l-page #progressbar.progressbar_two li:nth-child(2) span:after{left: 107px;}
        .import-l-page #progressbar li:nth-child(2) span {
            position: relative;
            left: 40px;
        }
        .import-l-page #progressbar.progressbar_three li:last-child span:before {
            content: 'Completed';
            position: absolute;
            top: -30px;
            padding: 0px 10px;
            background: #1b84e7;
            line-height: 20px;
            color: #fff;
            text-transform: none;
            border-radius: 3px;    right: 18px;
        }
        .import-l-page #progressbar.progressbar_three li:last-child span:after {
            content: '';
            position: absolute;
            width: auto;
            height: auto;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 10px solid #1b84e7;
            top: -11px;
            right: 54px;
        }
        .import-l-page .progressbar_three li:first-child span:after, .import-l-page .progressbar_three li:first-child span:before, .import-l-page .progressbar_two li:first-child span:after, .import-l-page .progressbar_two li:first-child span:before {
        display: none;
        }
        /*progressbar connectors*/
        .import-l-page #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: white;
            position: absolute;
            left: -50%;
            top: 7px;
        
        }

        .import-l-page #progressbar li:first-child:after {
            /*connector not needed before the first step*/
            content: none;
        }

        /*marking active/completed steps green*/
        /*The number of the step and the connector before it = green*/
        .import-l-page #progressbar li.active:before, .import-l-page #progressbar li.active:after {
            background: #1a85e7;
            color: #1a85e7;
        }


        /* Not relevant to this form */
        .import-l-page .dme_link {
            margin-top: 30px;
            text-align: center;
        }
        .import-l-page .dme_link a {
            background: #FFF;
            font-weight: bold;
            color: #ee0979;
            border: 0 none;
            border-radius: 25px;
            cursor: pointer;
            padding: 5px 25px;
            font-size: 12px;
        }

        .import-l-page .dme_link a:hover, .import-l-page .dme_link a:focus {
            background: #C5C5F1;
            text-decoration: none;
        }
        .import-l-page .help-info{
            text-align: right;
            padding-right: 35px;
            font-size: 12px;
            color: #888;
        }
        .import-l-page .help-info a{color:#1b84e7;}
        .import-l-page .fa-exclamation{
            font-size: 9px;
            height: 15px;
            width: 15px;
            position: absolute;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 20px;
            top: 20px;
            border: 1px solid #7e7e7e;
            color: #7e7e7e;
            background: #e3e3e3;
        }
        .import-l-page #msform input.sfile{padding: 4px 12px; border-radius: 2px;}
        .import-l-page .col-md-6, .import-l-page .col-md-4, .import-l-page .col-md-3, .import-l-page .col-sm-12{padding: 0 15px;}
        .import-l-page .form-horizontal .form-group{text-align: left;}
        .import-l-page .import-check{padding-left: 30px;}
        .import-l-page .import-check label{padding-left: 0px;}
        .import-l-page label.error{left: 0;}
        .top-options-check ul li a.listviewdisabled{color: #ddd;}
        .activity-header-bottm .header-bottm-box .clk2calls{padding: 0 12px; margin-left: 0!important;}
        .flag-circle {
            border-radius: 50%;
            height: 15px;
            width: 15px;
        }
        /*.activity-header-bottm .header-bottm-box:first-child{padding: 0;}*/
        .activity-right-section{margin: 0 0 12px 0;}


        .import-l-page #msform .acc-impo-form input {padding: 5px;}
        .import-l-page #msform select{height: 33px;}

        /*******CZ-Setting********/
        .cz-setting [type="checkbox"]+label{padding-left:4px; font-size: 15px; margin-bottom: 5px;}
                    
        .cz-setting .check-box-wrapp input[type="checkbox"]{
            height: 22px;
            left: -18px;
            margin: 0;
            position: absolute;
            width: 22px;
            top: 1px;
        }

        .cz-setting .tabpane-form-body .panel-group .panel .panel-body {
            padding: 15px;
        }

        .cz-setting .modal-form-footer{padding:20px 0 20px;}

        .cz-setting .lang_form .control-label{
            color: #000;
            font-size: 18px;
        }

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

        .check-box-wrapper.notify-user [type="checkbox"]:checked+label:before{left: 12px;}
        .check-box-wrapper.notify-user label.control-label{padding-left: 12px;}

        .modal.fade.common-new-popup.modal-hht.text-centr.height-issue.in {
          display: flex !important;
        }

        .
        
        /*************   new check box css  **************/
        .new-checkbox {
            position: relative;
            margin-top: 20px;
        }
        .new-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        }
        .new-checkbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #fff;
            border: 1px solid #b3b3b3;
        }
        /* On mouse-over, add a grey background color */
        .new-checkbox:hover input ~ .checkmark {
        background-color: transparent;
        border: 1px solid #ccc;
        }

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

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

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

        /* Style the checkmark/indicator */
        .new-checkbox .checkmark:after {
        left: 8px;
            top: 0px;
            width: 8px;
            height: 19px;
            border: solid #2eca39;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        }
        .new-checkbox .checkbox1 {
            display: block;
            position: relative;
            padding-left: 36px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 15px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; 
        }
        /************ checkbox css ends *************/
        .modal-body .check-box-wrapp{padding-left:0; margin: 7px 0; position:relative;}
        .modal-body .check-box-wrapp input[type=checkbox], .modal-body input[type=radio]{/*margin: 4px 4px 0px 20px;*/ margin: 0; left: 1px; top:2px;}
        .modal-body [type="checkbox"]:checked+label:before, .modal-body [type="checkbox"]+label:before{left:31px; height: 16px; width: 16px; top: 0;}
        .modal-body [type="checkbox"]+label{padding-left:30px; font-weight: normal;}

        .orgmaster-pg table tbody tr td:nth-child(2){text-align: left;}
        /*********mergeaccount-wrapp************/
        .mergeaccount-wrapp{padding: 20px;}
        .mergeaccount-title{margin: 0; padding: 35px 0 0 0; font-size: 20px; font-weight: bold; color: #1b84e7;}
        .mergeaccount-select-content{padding: 20px 0;}
        .mergeaccount-select-content .form-group{height: 40px; /*display: flex; align-items: center;*/}
        .mergeaccount-select-content .form-group input[type=radio]{margin: 0 7px 0 0; position: relative; top: 14px; float: left;}

        .mergeaccount-header .form-group {position: relative;} 
        .mergeaccount-header .form-group .error{position: absolute;bottom: -24px;} 
        .mergeaccount-header .select2-container{z-index: 1 !important;}
        /**********  latest mergeaccount wrapper  ****************/
        /* .merge-acc .mergeaccount-header{padding: 5px 0; border-bottom: 1px solid #ccc;  } */
        .merge-acc .mergeaccount-header .control-label{font-size: 16px;}
        .merge-acc .mergeaccount-title{color: #000000;font-size: 16px;padding: 28px 0 0 20px;}
        .merge-acc .form-group{padding: 0 20px;margin-bottom: 0px;}
        .merge-acc .mergeaccount-select-content{padding: 0px;}
        .merge-acc .mergeaccount-header .form-group {
            width: 100%;
            float: right;
            
        }
        /* .merge-acc .mergeaccount-select-content .form-group {
            margin: 0;
            height: 60px;
            display: flex;
            align-items: center;
            position: relative;
        } */
        /* .merge-acc .mergeaccount-select-content .form-group input[type=radio]{top: 20px;left: -8px;position: absolute;} */
        /* .mergeaccount-select-content .input {
            width: 100%;    height: 35px;padding: 0 10px;border: 1px solid #d3d3d3;
        } */
        /* .merge-acc select.form-control{    height: 35px;} */
        /* .merge-btn {background: #eff1f3;    padding: 30px 0;} */
        /* .merge-acc .mergeaccount-select-content .col-md-4 {
            border-bottom: 1px solid #ccc;
        } */
        .merge-acc .mergeaccount-select-content .col-md-4:nth-child(1),.merge-acc .mergeaccount-select-content .col-md-4:nth-child(4), .merge-acc .mergeaccount-select-content .col-md-4:nth-child(7), .merge-acc .mergeaccount-select-content .col-md-4:nth-child(10), .merge-acc .mergeaccount-select-content .col-md-4:nth-child(13), .merge-acc .mergeaccount-select-content .col-md-4:nth-child(16), .merge-acc .mergeaccount-select-content .col-md-4:nth-child(19) {
            background: #fff;
        }
        /* .merge-acc .btn-submit{width: 100px;margin-left: 20px;padding: 10px 15px;font-size: 14px;} */
        /*********   common css   ************/
        .all-user-pg [type="checkbox"]+label, .recycle-pg [type="checkbox"]+label{padding-right: 15px;}
        .all-user-pg table tbody tr td:nth-child(3), .plt-mang-pg table tbody tr td:nth-child(3), .recycle-pg table tbody tr td:nth-child(3){text-align: left;}
        .display-none{display: none!important;}
        .all-user-pg .dataTables_length, .all-inter-pg .dataTables_length{float: left;}
        .all-inter-pg tbody tr td:nth-child(4){text-align: right;} 
        .privl-pg tbody tr td:nth-child(2), .cop-pg tbody tr td:nth-child(2), .rashe-pg tbody tr td:nth-child(2), .all-template tbody tr td:nth-child(2){text-align: left;}
        .all-template .table-responsive .dataTables_length{float: left!important;}
        .add-lead-pg .select2-container{z-index: 0;}
        .border{border:1px solid #C5E1FF;}
           
        .font-14{font-size: 14px;}
        .font-13{font-size: 13px;}
        .font-12{font-size: 12px;}
        .font-11{font-size: 11px;}
        .font-10{font-size: 10px;}
        .float-right{float: right;}
        /***********   view account info page  ************/
        .view-cleint .content {padding: 15px;}
        .view-cleint .client-details-wrapper{margin: 0 15px; background:#e8ecef; padding:5px 0;}
        .view-cleint .cd-box .cd-title{font-weight: 700;}
        .view-cleint .activity-wrap .nav-tabs{padding-bottom: 20px;}
        .view-cleint .activity-wrap .tab-content {   border: none;  box-shadow: 0px 0px 3px 0px #ccc;    border-top: 0;    padding: 20px 15px 15px; margin-bottom: 15px;}
        .view-cleint .trading-account-section {    padding-top: 15px;}
        .view-cleint .monetary-transaction-section {    padding-top: 20px;}
        .view-cleint .accordion-section .panel-group .panel-default {    background: #e8ecef;    padding-left: 15px;    padding-right: 15px;}
        .view-cleint .accordion-section .panel-group .panel-default .panel-default {    background: #fff;}
        .view-cleint .accordion-section .panel-collapse.collapse.in{border-bottom: 0px;}
        .view-cleint .cd-box .cd-title{width: 80px;}
        .view-cleint .account-detail-section h6.text-red.impfiled {    position: absolute;    top: 95px;    right: 35px;}
        .view-cleint .account-detail-section{margin-top: 25px;}
        .view-cleint .account-detail-section .btn-warning{margin-right: 15px;    margin-bottom: 10px;}
        .view-cleint .action-icon-btn .icon{height:30px;}
        .view-cleint .action-icon-btn .icon.one{background-position: -236px -41px;}
        .view-cleint .action-icon-btn .icon.two{background-position: -235px -90px;}
        .view-cleint .action-icon-btn .icon.three{background-position: -236px -144px;}
        .view-cleint .action-icon-btn .icon.four{background-position: -235px -195px;}
        .view-cleint .action-icon-btn .icon.five{background-position: -235px -251px;}

        .monetary-transaction-section .new-account-page table.dataTable.nowrap td:first-child{padding: 5px 15px 5px 35px !important;}

        .monetary-transaction-section .new-account-page table.dataTable.nowrap td:first-child:before{top: 6px; left: 0px;}

        /*.view-cleint .cd-box{display: flex;align-items: baseline;}*/
        /**************** calendar css    ********************/
        .calendar-left{}
        .calendar-left a{display:block; font-size:16px; margin-bottom:15px; font-weight:600;}
        .calendar-left a .fa{ margin-right:10px;}
        .calendar-left h3{font-weight: 500; margin: 30px 0 20px;     font-size: 20px;}
        .row-flex{display: flex;justify-content: center;}

        /***left-side calendar****/
        .calendar-left ul{list-style-type:none; margin: 0; padding: 0; text-align: right;}
        .calendar-left .left {  float: left;}
        .calendar-left .right {  float: right;}
        .calendar-left .monthname {  width: 18em;}
        .calendar-left .pointer {  cursor: pointer;  user-select: none;}
        .calendar-left .header{border-bottom: 1px solid #ddd; padding:.5em;  margin-bottom: .5em; position: relative;}
        .calendar-left .group:after{content:""; display:table; clear: both;}
        .calendar-left .calendar p {  line-height: 1.5em;    margin: 0; color: #444;}
        .calendar-left .calendar .minusmonth{width: 8%; float: left; text-align:center;}
        .calendar-left .calendar .monthname{
            width: 100%;
            float: right !important;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 500;
            color: #919191;
        }
        .calendar-left .calendar .addmonth{width: 8%; float: left; text-align:center;}
        .calendar-left .calendar{
        background: #fff;
        color: #777;
        padding: 0;
        width: 100%;
        margin: 0;
        display: block;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        }
        .calendar-left .calendar li {float: left;    width: calc(100% / 7); text-align: center;    padding: .35em 0;    cursor: pointer;}
        .calendar-left .calendar li.empty {pointer-events: none;}
        .calendar-left .calendar li:hover {color: red;}
        .calendar-left .calendar li.active, .calendar-left .calendar li.active:hover {  background-color: red;  color: #fff;}
        .calendar-left .calendar li:nth-child(-n+7){color: #777;}
        .calendar-left .center{text-align:center;}
        .calendar-left .minusmonth{position:absolute;}
        .calendar-left .addmonth{position:absolute; right: 10px;}


        /****caledar-page****/
        .calendar-page .content{border-top-left-radius:4px; border-top-right-radius:4px; min-height: auto!important; height: auto;}
        .calendar-page .table-header-box{border-bottom: 0; padding: 0; margin-bottom: 0;}
        .calendar-page .table-header-box .box-title{text-transform:capitalize; margin: 0; padding: 0; margin-top:5px; font-size:17px; font-weight:600;}
        .calendar-page .fc-toolbar.fc-header-toolbar .fc-left{float: right;}
        .calendar-page .fc-toolbar.fc-header-toolbar .fc-center{float: left;}
        .calendar-page .fc-toolbar.fc-header-toolbar .fc-right{display:none;}
        .calendar-page .table-header-box .box-title{text-transform:capitalize; margin: 0; padding:0 15px; margin-top: 5px; font-size: 17px; font-weight: 500;}
        .calendar-page .fc-toolbar.fc-header-toolbar .fc-center h2{font-size:22px; margin-top:4px;}
        .calendar-page .fc-toolbar.fc-header-toolbar{margin:5px 0 15px 0; padding:0;}

        .calendar-page .fc-toolbar .fc-left{float:right;}
        .calendar-page .fc-toolbar .fc-right{float:left;}
        .calendar-page .fc-right button{border-radius:0!important; padding: 5px 20px; height: 40px; background:#f4f7f9; border:1px solid #d3d3d3;}
        .calendar-page .fc-state-active{background:#eee!important; box-shadow:none;}
        .calendar-page .fc-left button{
        border-radius: 6px !important;
        background: #ffffff;
        padding: 5px 10px;
        height: 40px;
        margin: 0 0 0 6px !important;
        box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 15%);
        }

        .calender-top-section {
            padding: 6px 0 15px 0;
        }
        .calender-top-section li{padding-right:0;}
        .calender-top-section li a{
            border-radius: 6px !important;
            background: #ffffff;
            padding: 5px 15px;
            height: 38px;
            margin: 0 !important;
            box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 15%);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .calender-top-section li .dropdown-menu a.dropdown-item{
            display: block !important;
            font-size: 13px;
            font-weight: normal;
            line-height: normal;
            height: auto !important;
        }
        .calender-top-section li a.dropdown-menu{}
        .calender-top-section li a i.fa{font-size: 17px; color: #919191; margin:0;}
        .calender-top-section li a.bars{position: relative; background:#1a85e7; color:#fff;}
        .calender-top-section li a.bars i.fa{color:#fff;}
        .calender-top-section a.event-btn{
            position: relative;
            top: -2px;
            color: #1a85e7;
            font-weight: 500;
            font-size: 15px;
            padding: 5px 25px !IMPORTANT;
            text-shadow: none !important;
        } 

        .calendar-bottom-section{
            padding: 20px 0;
        }
        .calendar-bottom-section .cbs-box {
            margin: 0 0 15px 0;
            padding: 0;
        }
        .calendar-bottom-section .cbs-box h3{
            margin: 0;
            font-size: 14px;
            font-weight:bold;
        }
        .cbs-box button{
            width: 100%;
            text-align: left;
            margin:0;
            padding: 0;
            font-size: 14px;
            background: transparent;
        }
        .cbs-box button:focus{box-shadow:none;}

        .cbs-box button i.fa {
            float: right;
            font-size: 17px;
            position: relative;
            top: -18px;
            background: #ffff;
            padding: 0px 7px 6px 7px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .calendar-bottom-section .dropdown ul{width:100%; background:#0000; font-size: 14px; position: relative; top: -18px;}

        .calendar-bottom-section .dropdown ul.dropdown-menu li{
            background: #fff;
            float: right;
            display: inline-block;
        }

        .calendar-bottom-section .dropdown ul.dropdown-menu li a{
            font-size: 14px;
            padding: 5px 17px;
        }
        .calendar-bottom-section .dropdown ul.dropdown-menu li.disable a{background:#e1e3e9; color:#979797;}
        .calendar-bottom-section .dropdown ul.dropdown-menu li a{margin:0;}

        .calendarnew .datepicker.datepicker-inline{display: block; width: 100%;}
        .calendarnew .datepicker.datepicker-inline table.table-condensed{width: 100%; border-left:1px solid #d6e2ed; border-right: 1px solid #d6e2ed;}
        .calendarnew .datepicker-switch{background: #d6e2ed; border: 1px solid #ddd !important;}

        .calendar-indicator {
            padding: 4px 12px;
            background: #d6e2ed;
            font-size: 13px;
            margin: 0 4px;
            margin-top: -4px;
        }
        .calendar-indicator span {
            margin: 0 15px 0 0;
        }

        .calendar-page .content {
            padding-top: 10px;
        }

        /*********role-management-page*********/
        .rmp-table{width:100%; height:auto; max-height:600px; overflow: scroll; border-top:1px solid #d8d8d8;}
        .rmp-table .table thead{position: sticky; top:0; background: #fff; z-index:9;}
        .rmp-table thead tr th{padding: 10px 15px; text-align: center;font-size:13px; font-weight:bold; border: 1px solid #ccc; background: #fff;color: #000;}
        .rmp-table thead tr th:first-child{background: #dfeefb;}
        .rmp-table tbody tr td{padding: 10px 15px; text-align: center; border: 1px solid #ddd !IMPORTANT; border-top: 1px solid #ddd !IMPORTANT;}
        .rmp-table tbody tr td:first-child{background: #dfeefb;}

        .rmp-table tbody tr td .check-box-wrapp{padding-left: 0; margin: 7px 0;}

        .rmp-table tbody tr td [type="checkbox"]:checked+label:before,
        .rmp-table tbody tr td [type="checkbox"]+label:before, 
        .rmp-table tbody tr td [type="checkbox"]:not(.filled-in)+label:after{right: 0; margin: 0 auto;}
        
        .rmp-table span{padding: 0; height: 21px; width: 21px; background: url(/images/new-sprit.png); display: inline-block;}
        .rmp-table span.allow{background-position: -294px -671px;}
        .rmp-table span.disallow{background-position:-294px -704px;}
        .rmp-table .edit{background: url(/images/new-sprit.png) !important; background-position: -297px -745px !important; height: 15px; width: 15px; position: relative; right: 5px; top: 1px; border:0;
        }
        .rmp-table .delete{background: url(/images/new-sprit.png) !important; background-position: -297px -779px !important; height: 15px; width: 15px; position: relative; left: 5px; top: 1px; border:0;}

        /**************/
        .rmp-wrapp{
            display: flex;
            border: 1px solid #ccc;
        }


        .role-management-page {
            padding: 0;
            margin: 20px 0 0 0;
        }



        .rmp-sticky{
            position: sticky;
            top: 0;
            z-index: 99;
        }
        .rmp-wrapp .rmp-wrap-left {
            float: left;
            width: 12%;
            background: #dfeefb;
            border-right: 1px solid #ccc;
        }
        .rmp-wrapp .rmp-wrap-left .role-list {}

        .rmp-wrapp .rmp-wrap-left .role-list li {
            padding: 0 20px;
            font-size: 14px;
            border-top: 1px solid #ccc;
            height: 40px;
            display: flex;
            align-items: center;
            line-height: 14px;
        }

        .rmp-wrapp .rmp-wrap-left .role-list li:first-child{border-top:0; font-weight:bold; font-size: 15px; line-height: normal;}

        .rmp-wrapp .rmp-wrap-right {
            float: left;
            width: 88%;
            background: #fff;
            display: flex;
        }
        .rmp-wrapp .rmp-wrap-right .role-box {
            width: 100%;
            float: left;
            text-align: center;
            border-right: 1px solid #ccc;
        }



        .rmp-wrapp .rmp-wrap-right .role-box li{
            padding: 8px 15px 8px 15px;
            font-size: 13px;
            border-top: 1px solid #ccc;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px
        }
        .rmp-wrapp .rmp-wrap-right .role-box li:first-child {
            border-top: 0;
            font-weight: bold;
            font-size: 14px;
            line-height: normal;
        }
        .rmp-buttons{
            border: 1px solid #ccc;
            padding: 6px 13px;
            border-radius: 6px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 70px;
            margin: 0 auto;
        }

        .rmp-buttons:before {
            content: '';
            position: absolute;
            left: 50%;
            width: 1px;
            background: #ccc;
            top: 0;
            bottom: 0;
        }


        .rmp-wrapp .rmp-wrap-right .role-box li .check-box-wrapp {
            padding-left: 62px;
        }

        .role-management-page h2 {
            font-size: 17px;
            margin: 0;
            padding: 15px 20px;
            background: #fff;
            font-weight: bold;
        } 
            
            


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

        /*********New Event***********/
        .for-My-event{}
        .for-My-event .form-control{
            border-radius:4px;
            height: 33px;
        }
        .for-My-event textarea.form-control{
            height: 75px;
        }
        .for-My-event .modal-body input[type=checkbox], 
        .for-My-event .modal-body input[type=radio]{
            margin: 4px 4px 0px 0;
            top: -2px;
            left: -15px;
            height: 25px;
            width: 25px;
        }
        .for-My-event .modal-body [type="checkbox"]+label:before,
        .for-My-event .modal-body [type="checkbox"]:not(.filled-in)+label:after{
            content:'';
            position: absolute;
            top: -8px;
            left: -32px;
            height: 25px;
            width: 25px;
            z-index: 0;
            border: 1px solid #dddbda;
            border-radius: 3px;
            margin-top: 0;
            transition: .2s;
        } 
        .for-My-event [type="checkbox"]:checked+label:before{
        top: -8px;
        content: "✔";
        position: absolute;
        font-size: 14px;
        left: -32px;
        }
        .common-new-popup.for-My-event .modal-body .rowflex{
            display: flex;
            align-items: center;
        }
        .common-new-popup.for-My-event .modal-body .rowflex .form-group{
            margin:0;
        }
        .common-new-popup.for-My-event .input-group-addon.green{
            background: #ffffff;
            color: #040404;
            font-size: 20px;
            border-radius: 5px;
            display: table-cell;
            border: 1px solid #d2d6de;
            border-right: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            padding: 0 4px;
        }

        .common-new-popup.for-My-event .input-group-addon.green i.fa{
            background: #8fc7bc;
            padding: 3px 4px;
            border-radius: 3px;
            font-size: 15px;
            color: #fff;
        }


        .cal-seach{position: relative;}
        .cal-seach:after{content:"\f002"; font-family: 'FontAwesome';position: absolute; top: 3px; right: 10px; color: #ccc; font-size: 18px;}

        .date-icon{position: relative;}
        .date-icon:after{content:"\f073"; font-family: 'FontAwesome';position: absolute; top: 24px; right: 10px; color: #ccc; font-size: 18px;}

        .time-icon{position: relative;}
        .time-icon:after{content: "\f017"; font-family: 'FontAwesome';position: absolute; top: 24px; right: 10px; color: #ccc; font-size: 18px;}

        .tags-input{list-style:none; border:1px solid #ccc; display:inline-block; padding:3px; height: 33px; font-size:14px; background:#f3f3f3; width:100%; border-radius:2px; overflow:hidden;}
        .tags-input li{float:left;}
        .tags{
            background: #ffffff;
            padding:3px 20px 2px 25px;
            border-radius: 2px;
            margin-right: 5px;
            position: relative;
            border: 1px solid #cccc;
            width: 100%;
            height: 25px;
            font-size: 13px;
        }
        .tags i{position: absolute; right:6px; top:3px; width:8px; height: 8px; content:''; cursor:pointer; opacity: .7; font-size:12px;}
        .tags i:hover{opacity:1;}

        .tags i.fa-user {
            left: 3px;
            background: #adc2dc;
            padding: 9px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            color:#fff;
        }
        .tags-new input[type="text"]{border:0; margin: 0; padding: 0 0 0 3px; font-size: 14px; margin-top: 5px; background:transparent;}
        .tags-new input[type="text"]:focus{outline:none; }
        /*******************/

        /***email-page-content***/
        .email-page-content{display: flex; background:#fff;}
        .epc-top-box{border:1px solid #cbced1; padding:10px 20px;}
        .epc-top-box h3{margin: 0; font-size: 17px; padding:8px 0 7px 0;}
        .epc-top-box a.btn{display: inline-block; background: #1a85e7; color: #fff; padding:6px 25px 6px 35px; border-radius: 4px; position: relative; font-size: 14px;}
        .epc-top-box a.btn .fa{position: absolute; left: 11px; top: 11px; font-size: 12px;}

        .email-page-content-left{height:100%; position:relative;}
        .email-page-content-left .email-siddebar-wrap:after{
            position: absolute;
            height: 1px;
            background: #ccc;
            content: "";
            left: 0;
            right: 0;
            bottom: 60px;
            width: 100%;
        }
        .email-page-content-left ul{padding: 20px 0;} 
        .email-page-content-left ul li{padding: 10px 20px;}
        .email-page-content-left ul li a{font-size: 13px; color: #000;}
        .email-page-content-left ul li a .fa{font-size: 13px; margin-right: 8px;}
        
        .email-page-content-right{padding:15px 0; border-left:1px solid #ccc; border-bottom: 1px solid #ccc;}
        .email-page-content-right .form-group{display:block; align-items: center; margin:0;}
        .email-page-content-right .form-group.no-flex{display:block;}
        .email-page-content-right .form-group label{width: 180px;}
        .email-page-content-right .form-group label.att{padding-top: 7px;}
        .email-page-content-right input[type=file]{padding: 3px;height: 36px;}
        .email-page-content-right input[type=file]::file-selector-button {
            cursor: pointer;
            border: 1px solid #909090;
            background-color: #ffffff;
            transition: 1s;
            color: #1b84e7;
            border-color: #b9b6b6;
            padding: 5px 15px;
            font-size: 13px;
            border-radius: 5px 0 0 5px !important;
        }
        .email-page-content-right table.dataTable{width:100% !important;border: 0;border-bottom: 0;}
        .email-page-content-right table th{display:none;}

        .input-group.input-file{width:100%;}
        .input-group-btn.max{
            right: -15px;
            font-size: 13px;
            left: auto !important;
            bottom: 12px;
        }
        .email-page-content-right .form-group .form-check{
            display: inline-block;
        }

        .attachment .input-group.input-file{width: 100%;}
        .attachment button.btn.btn-default.btn-choose{background: #f3f3f3; border: 1px solid #d3d3d3; color: #000; padding: 7px 35px; font-size: 12px; height: 35px;}
        .attachment input.form-control {
            padding: 6px 15px 5px 38px;
            margin-top: 0;
            color: #c1c1c1;
        }
        .attachment .input-group-btn.max{font-size: 13px; position: relative; left: 10px;}

        .email-page-content-right .box-footer{
            padding: 15px 20px 0 15px;
            margin: 0;
            border-top: 1px solid #ccc;
        }
        .email-page-content-right  .mailbox-controls{padding:0;}
        .email-page-content-right .mailbox-controls button{background:#fff; color:#888888; font-size: 15px; padding: 0 8px; height: 30px; margin: 0 9px 0 0; display: inline-block; float:left; border: 1px solid #ccc; border-radius: 5px;}
        .email-page-content-right div.dataTables_wrapper div.dataTables_paginate{/*border-top: 1px solid #ccc;*/ padding: 6px 15px !important; margin: 0;}
        .email-page-content-right div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin: 15px 0 7px 0;}
        .email-page-content-right div.dataTables_wrapper div.dataTables_info{margin-top: 0px;}
        .email-page-content-right .mailbox-controls button:hover{color:#000;}
        .email-page-content-right div.dataTables_wrapper div.dataTables_length{padding-left: 25px;}
        .email-page-content-right .table td{border-bottom: 1px solid #ccc;}
        .email-page-content-right .table td:first-child{width: 30px;}

        .email-page-content-right .table td td:first-child{width:30px;}
        .email-page-content-right .dataTables_filter{margin: 0 !important; padding-right:20px;}

        .email-page-content-right .box-header{padding: 0 0 11px 0;}
        .email-page-content-right .box-header h3{margin: 0; font-size: 20px;}

        .email-page-content-right.inbox-top-border{border-top: 1px solid #ccc;}
        .email-page-content-right.inbox-top-border .box-header{padding: 4px 0 13px 7px;}
        .mailbox-controls button {border: 1px solid #083c76;background: #fff;color: #083c76;border-radius: 3px;}
        .input-group.input-file .input-group-btn {
            position: absolute;
            z-index: 0;
        }
        .input-group.input-file .input-group-btn button.btn.btn-default.btn-choose {
            height: 28px;
            background: #fff;
            position: relative;
            top: 3px;
            left: 3px;
        }
        #acclist, #acclist{
            position: absolute;
            width: 100%;
            z-index: 99;
            height: 200px;
            overflow-y: scroll;
            box-shadow: 0px 5px 6px #c3c3c3;
            background:#fff;
        }
        /**********/

       div.dataTables_wrapper div.dataTables_paginate ul.pagination{
          margin: 2px 0 2px 27px !important; 
       }

       .common-new-popup .modal-body div.dataTables_wrapper div.dataTables_paginate{margin: 0 !important; position: sticky; left: 0;}

        /****Cal-table-css***/
        .fc-day-grid.fc-unselectable{border-bottom: 1px solid #ddd;}
        .fc-basic-view .fc-body .fc-row{height: 100px !important;}
        .fc-basic-view .fc-body .fc-row .fc-day-number{font-size: 14px;}
        .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float: left!important; width: 90%; font-size: 14px; padding:5px 10px;}
        .fc-ltr .fc-basic-view th.fc-day-header.fc-widget-header span{font-weight:normal !IMPORTANT; width:100%; padding: 12px 0; display:inline-block;}
        .fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td{border-color:1px solid #ddd !Important;}
        /******right calendar*****/
        .calendar-right th{background:#277dae!important; color:#fff;}
        .calendar-right .fc-toolbar{padding-left: 0; padding-right:0;}
        .calendar-right .fc-content-skeleton{}
        /*****page-title-header****/
        .page-title-header{
            background: white;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            padding: 0 10px 20px 15px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .page-title-container{
            display: flex;
            justify-content: space-between;
        }
        .page-title-header h2{
            color: #001D3D;
            font-size: 18px;
            
            margin: 0 0 4px 0px;
            font-family: "Lexend Deca Regular";
        }
        .page-title-header ul {
            margin: 0;
            padding: 0;
            display: flex;
        }
        .absolute-data {
            position: absolute;
            left: 236px;
            bottom: -5px;
            color: #515151;;
        }
        /* .page-title-header ul li {
            padding:5px 15px;
            border:1px solid #1B84E8;
            float:left;
            border-right: 0;
            background-color: #1B84E8!important;
            font-weight: bold;
        } */
        /* .page-title-header ul li:hover{
            background-color: #1677d3!important;
        } */

        /* .page-title-header ul li:first-child{border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
        .page-title-header ul li:last-child{border-right:1px solid #d8d8d8; border-bottom-right-radius: 5px; border-top-right-radius: 5px;} */

        .page-title-header ul li a, 
        .page-title-header ul li button .btn-default{
            /* display: inline-block;
            font-weight: 400;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 0.2px solid transparent;
            padding: 0.375rem 0.75rem;
            font-size: 10px;
            line-height: 1.5;
            border-radius: 0.25rem;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            background-color: #2d82c3;
            border-color: #276fa7;
            color: white;
            font-family: "Lexend Deca Regular"; */
        }

        .mon-tr-pg .page-title-header ul li a,
        .mon-tr-pg .page-title-header ul li button{color:#fff!important;}

        .page-title-header ul li i{
            position: relative;
            /* bottom: -4px; */
        }
        /* .page-title-header ul li a:hover, 
        .page-title-header ul li button:hover{
            color: #fff!important;
            background-color: #2873ad;
            border-color: #256a9f;} */

        /* .page-title-header ul li a:hover{
            color: white!important;
        } */

        .top-options-check > ul {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        }
        .top-options-check > ul > li > a{
        background-color: #EBF3F8!important;
        font-family: "Lexend Deca Light" !important;
        border: 0.1px solid #ddd !important;
        margin: -1px 0px;
        text-align: left !important;
        font-size: 12px;
        font-weight: 400;
        color:#515151!important;
        }
        .top-options-check > ul > li > a:hover{
            /* font-family: "Lexend Deca Regular"!important; */
            background-color: rgb(27,132,231)!important;;
        }
        /*
        .page-title-header .col-md-4, 
        .page-title-header .col-md-5, 
        .page-title-header .col-md-6,
        .page-title-header .col-md-12,
        .page-title-header .col-sm-4, 
        .page-title-header .col-sm-5, 
        .page-title-header .col-sm-6,
        .page-title-header .col-sm-12{
            padding: 0 0 0 10px !important;
        }
        */
        .dataTables_filter_new{display: flex;} 
        .dataTables_filter_new input{float: left;}
        .dataTables_filter_new .input-group-btn{
            background: #2d82c3;
            padding: 0;
            display: flex;
            justify-content: center;
            border: 1px solid #2d82c3;
            color: #fff;
            height: 25px;
        }
        /*.dataTables_filter_new:hover .input-group-btn i{color:#1b84e7; background: #ecf3f8;}*/
        .dataTables_filter_new .input-group-btn i{
            font-size: 10px;
            color: #fff;
            display: flex;
            align-items: center;
        } 
        .dataTables_filter_new button{padding:3px 0;}


        .button-wrap {
            /* display: flex; */
            /* align-items: center; */
        }
        .button-wrap .dropdown{
            display: inline-block;
        }
        .resetfilter {
            display: flex;
            justify-content: end;
        }
        .button-wrap a, .button-wrap button{
            /* background: #2d82c3;
            border: 1px solid #2d82c3;
            color: #fff !Important;
            border-radius:3px;
            font-size: 10px;
            padding: 5px 10px; */
        }
        .button-wrap .dropdown:first-child{margin-left: 0;}
        .button-wrap .dropdown:last-child{margin-right: 0;}
        .button-wrap .dropdown .plus-button{
        padding: 5.5px 10px;
        font-size: 10px;
        border: 1px solid #2d82c3 !Important;
        color:#2d82c3 !important;
        position: relative;
        top: 1px!important;
        }
        
        .button-wrap .dropdown .plus-button:hover, .button-wrap .dropdown .plus-button:focus{
        background-color: #2873ad!important;;
        color: #ffffff !important;
        }

        .button-wrap .dropdown .new-icon.top-options-icon {
            background-position: -28px -346px;
            height: 15px;
            width: 15px;
            position: relative;
            top: 3px;
        }


        .role-management .button-wrap .dropdown .plus-button,
        .all-business-unit .button-wrap .dropdown .plus-button{top:0px;}

        /* .button-wrap .dropdown:hover>.plus-button i{color:#1a85e7 !important;} */
        .button-wrap .btn{
            height: 25px;
            padding: 2px 8px 3px 8px;
            border-color: #2d82c3 !Important;
        }
        .button-wrap .btn:focus{background:#2d82c3;}
        .button-wrap .btn:hover i{}

        .top-table-wrap{padding:10px; /*background:#1a5999;*/}

        .total-lead{
        display: flex;
        padding: 6px 0 0 0;
        font-size: 13px;
        position: relative;
        justify-content: center;
        }

        .resetfilter{
            /* padding-top: 4px; */
            display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;      /* TWEENER - IE 10 */
            display: -webkit-flex;     /* NEW - Chrome */
            display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
            justify-content: flex-end;
        }
        .button-wrap.dash-board{float:right;}
        .button-wrap.dash-board a, .button-wrap.dash-board button{background: transparent; color:#0478c5; border:1px solid #0478c5;}
        .button-wrap.dash-board .dropdown .plus-button{border: 1px solid #fff;}
        .assignbackground {    background: #1b84e7!important;    border: 1px solid #1b84e7!important;}
        .assignbackground button {    color: #fff!important;}
        .blue-c{color: #1a85e7;}
        .orang-c{color: #f79f5a;}
        /*****checkbox-wrap****/
        .checkbox-wrap:hover{background: #e6e3dc;}
        .checkbox-wrap label{
            color: #6a6a6a;
            font-size: 15px;
            font-weight: normal;
            padding: 3px 0 2px 30px;
        }
        .setting-btn{padding: 15px 0; width: 200px; box-shadow: 0 0 5px #858080;}
        .checkbox-wrap{padding:4px 0;}
        .open-lead-dropwrap-box a{
            display: block;
            padding: 6px 22px;
            font-size: 12px;
            font-weight: 400;
            font-family: "lexend deca Regular";
            color: #393939;
        }
        .open-lead-dropwrap-box.active a, 
        .open-lead-dropwrap-box:hover a{cursor:pointer; background:#ecf3f8;}
        .open-lead-dropwrap-box > div{color: #6a6a6a; font-size: 15px; font-weight: normal; padding: 3px 0 2px 30px;}

        /*********/
        ::-webkit-scrollbar-track{background-color:#e0e0e0; height:12px;}
        ::-webkit-scrollbar{width:5px; height:12px; background-color:#c9c9c9;} 
        ::-webkit-scrollbar-thumb{background-color:#c9c9c9;} 

        .fields-display-box ::-webkit-scrollbar-track{height:12px; background-color:#585858;}
        .fields-display-box ::-webkit-scrollbar{width: 5px; height:12px; background-color:#c9c9c9;}
        .fields-display-box ::-webkit-scrollbar-thumb{background-color:#c9c9c9;}  

        .fieldnametplist{
        position: absolute;
        z-index: 8;
        height: 169px;
        overflow-y: scroll;
        box-shadow: 0 4px 8px #bfbcbc !important;
        width: 100%;
        background: #fff;
        }
        /*******/
        .campaign-paage .resetfilter{padding: 10px 12px; display: flex;align-items: baseline;}
        .cke_dialog_container{z-index: 110000 !important; background: rgba(0,0,0,0.7) !important;}
        .affiliates-pages ol.breadcrumb{margin: 4px 0 0 0;}
        .campaign-paage .button-wrap .dropdown .plus-button{top:0;}
        .campaign-paage .button-wrap .dropdown:hover .plus-button i{color: #fff !important;}
        #bureport_if_access_modal #monetarytable h2{
            padding: 5px 0 5px 0;
            margin: 0;
            font-size: 22px;
            color: #000;
        }
        .breadcrumb.top-breadcrumb {
            padding: 5px 15px;
            background: #b8d5f5;
            border-radius: 0;
          }


        #bureport_if_access_modal #monetarytable .monetarytable-header{
            display: flex;
            align-items: center;
            padding: 0 15px;
        }

        #bureport_if_access_modal .table-header-box-inner-button.clearfix {
            padding: 0;
            margin: 0;
            border-bottom:0;
        }

        .open-trade-top-box.clearfix{padding: 15px 10px;}

        #reporttable10_wrapper .col-sm-5, 
        #reporttable11_wrapper .col-sm-5{display:none;}

        #reporttable10_wrapper ul.pagination,
        #reporttable11_wrapper ul.pagination{padding: 0 !important; margin: 0 !important;}

        #bureport_if_access_modal.common-new-popup .modal-dialog{position: relative;}

        /****kyc-ticket-status**/
        .kyc-ticket-status{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            padding: 0 15px;
        }
        .kyc-ticket-status label{margin:0;}
        .kyc-ticket-status label {
            margin: 0 8px 0 0;
            color: #fff;
        }
        .kyc-ticket-status input {
        background: #fff;
        border: 2px solid #ffff;
        }
        .kyc-ticket-status i.fa-pencil {
            color: #fff;
            margin: 0 8px;
        }
        .kts-opion {
            display: flex !important;
            align-items: center;
        }

        .kts-opion>div{
            display: flex;
        }
        .kts-opion div>i{
            color: #fff;
            margin: 8px;
        }
        .kts-opion div>i:first-child {
            margin-right: 0;
        }

/***********left-navigation***********/
.left-navigation{position:absolute; z-index:988; padding-top: 50px; position: fixed;}
.left-navigation>ul{width: 63px; height: calc(100vh - 0px); overflow-x: hidden; overflow-y: auto; background: #103d72; padding-bottom:110px;}
.left-navigation li{position:static; background:#083c76; padding:8px; display:flex; align-items:center; justify-content:flex-start; margin:0 0 0 3px;}
.left-navigation li:hover a.ln-drop-down,
.left-navigation li.active a.ln-drop-down{background: #467cb6;}
.left-navigation li.active a.ln-drop-down:after, 
.left-navigation li:hover a.ln-drop-down:after{content:"";position:absolute;right:-7px;width:0;height:0;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #467cb6;transform:rotate(0)}
.left-navigation li .submenu-wrapper{position: absolute; top: 0; left: 58px; z-index: 100; display: none; background: #0000; color: aliceblue; padding-left: 12px;}
/*.left-navigation li .submenu-wrapper ul{background:#000;}*/

.left-navigation li:hover > .submenu-wrapper{display:block; left: 49px !important; margin-top:10px;}
.left-navigation.expand-menu li:hover > .submenu-wrapper{left: 188px !important; margin-top:8px;}

.left-navigation li > .submenu-wrapper ul{border-radius:7px; width:170px;}
.left-navigation li > .submenu-wrapper ul li{background: #467cb6; position: relative; padding:5px 8px;}

.left-navigation li:nth-child(5) > .submenu-wrapper ul li .ln-submenu{top:auto; bottom:0;}

.left-navigation li > .submenu-wrapper ul li:first-child{border-top-left-radius:7px; border-top-right-radius:7px;}
.left-navigation li > .submenu-wrapper ul li:last-child{border-bottom-left-radius:7px; border-bottom-right-radius:7px;}
.left-navigation li > .submenu-wrapper ul li:hover{background:#104c8f;}
.left-navigation li > .submenu-wrapper ul li a{color:#fff; width:100%; font-size: 13px;}
.left-navigation li > .submenu-wrapper ul li h3{margin:0; font-size: 14px; font-weight: 700; display: block; width:100%; padding:4px 0;}
.left-navigation li a.ln-drop-down{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 3px; background: #104c8f; position: relative;cursor: pointer;}
.left-navigation li a.ln-drop-down svg{width: 19px; margin: 0 auto;}
.left-navigation li a.ln-drop-down span{display: none;}
.left-navigation ul li a abbr{display:none;}
.expand-btn{position:fixed; z-index:9999; margin:0 auto; float:none; width:40px; height:40px; border-radius:5px; background:#184d8b; display:flex; align-items: center; justify-content:center; left: 8px; cursor:pointer; bottom:11px; border:1px solid #3a7ed1;}
.expand-btn i{color:#fff;}
.left-navigation.expand-menu>ul{width:205px;}
.left-navigation.expand-menu a.ln-drop-down abbr{display: inline-block; font-size: 12px;}
.left-navigation.expand-menu a.ln-drop-down{width: 181px; flex-wrap: wrap; justify-content: flex-start; color: #fff;}
.left-navigation.expand-menu ul li a.ln-drop-down svg{width: 20px; margin: 0 10px;}
.left-navigation li > .submenu-wrapper ul li .ln-submenu{display:block; left: auto; right: -160px; position:absolute; display: none; top: 0; padding-left:8px;}
.left-navigation li > .submenu-wrapper ul li:hover .ln-submenu{display:block;}
/*********/

/*******asdsadd*********/
.portlet_container {
  padding: 0 15px;
}
.portlet_container .portlet_wrapper {
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   display: inline-block;
   vertical-align: top;
   width: 49.5%;
   float: left;
   margin: 0.5%;
   padding: 0;
   margin-bottom: 20px;
   border-radius: 4px;
   border: 1px solid #C4C4C4;
   background: #F8F8F8;
}
.portlet_container .portlet_wrapper:nth-child(even) {
    margin-right: 0;
}
.portlet_container .portlet_wrapper:nth-child(odd) {
    margin-left: 0;
}
.portlet_container .portlet_wrapper .portlet-header {
    background-color: #F8F8F8;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 0;
    display: flex;
    align-content: center;
}

.portlet_container .portlet_wrapper .portlet-header .ph-left{
    width: 50%;
    display: flex;
    justify-content: flex-start;
 }
.portlet_container .portlet_wrapper .portlet-header .ph-right{
   width: 50%;
   width: 50%;
   display: flex;
   justify-content: flex-end;
}

.portlet_container .portlet_wrapper .portlet-header .ph-right .dots3-dropdown{
    padding: 0px 8px;
    border-radius: 1px;
    border: 0.5px solid #003B7A;
    background: #FFF;
 }

.portlet_container .portlet_wrapper .portlet-header h3 {
    color: #003B7A;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    font-size: 16px;
    margin: 0;
}
.portlet_container .portlet_wrapper .portlet-body{
  overflow-x: scroll;
  padding:0;
  min-height: 305px;
}

.portlet_container .portlet_wrapper .portlet-body .fa.fa-envelope-o{
    font-size: 14px;
    color: #0076F5;
    float: left;
    margin-right: 9px;
    position: relative;
    top:1px;
 }

.portlet_container .portlet_wrapper .portlet-body div.dataTables_paginate {
  float: right;
  margin: 5px 10px 5px 10px;
}

.portlet_container .portlet_wrapper .portlet-body .status_info{
   display:flex;
   align-items:center;
   gap:3px;
}

.portlet_container .portlet_wrapper .portlet-body .status_info span{
   border-radius: 20px;
   background:#0000;
   color: #fff !important;
   text-align: center;
   padding: 4px 19px;
   width: auto;
   position: relative;
}

.portlet_container .portlet_wrapper .portlet-body .status_info .edit-icon{
    padding: 0 4px;
    border: 1px solid #000;
    background: #fff;
    font-size: 8px;
    height: 19px;
    width: 19px;
    margin: 3px 0 0 0;
 }
  #dashboard_table_Reminders .status_info .edit-icon{
    padding: 0 4px;
    border: 1px solid #000;
    background: #fff;
    font-size: 8px;
    height: 19px;
    width: 19px;
    opacity: 1;
    left: 0;
    margin: 3px auto 0;

}
 .portlet_container .portlet_wrapper .portlet-body .status_info.pending{background:#0000 !important;}

 .portlet_container .portlet_wrapper .portlet-body .status_info.pending span{background:#F59E0B;}
 .portlet_container .portlet_wrapper .portlet-body .status_info.approve span{background:#10B981;}
 .portlet_container .portlet_wrapper .portlet-body .status_info.process span{background:#1372AB;}
 .portlet_container .portlet_wrapper .portlet-body .status_info.rejected span{background:#ff0000;}

 .portlet_container .portlet_wrapper .portlet-body table .td-link{color:#0076F5;    align-items: center;}

 .portlet_container .portlet_wrapper .kyc-status{padding: 0;}

 .portlet_container .portlet_wrapper .kyc-status span{
    position: relative;
    display: inline-block;
    background: #0000 !important;
    font-size: 12px;
    color: #000 !important;
    padding: 0 15px;
  }

  

 .portlet_container .portlet_wrapper .kyc-status span::before{
    content:"";
    position: absolute;
    left: -5px;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    background: #ccc;
    top: 4px;
 }
.portlet_container .portlet_wrapper .kyc-status span.pending,
.portlet_container .portlet_wrapper .kyc-status span.approve,
.portlet_container .portlet_wrapper .kyc-status span.rejected,
.portlet_container .portlet_wrapper .kyc-status span.process{position: relative; background:#0000;}

.portlet_container .portlet_wrapper .kyc-status span.pending::before{background:#F59E0B;}
.portlet_container .portlet_wrapper .kyc-status span.approve::before{background:#10B981;}
.portlet_container .portlet_wrapper .kyc-status span.rejected::before{background:#ff0000;}
.portlet_container .portlet_wrapper .kyc-status span.process::before{background:#1372AB;}

.portlet_container .portlet_wrapper .portlet-header .dropdown .btn{background: #0000; padding:0;}
.portlet_container .portlet_wrapper .portlet-header .dropdown .dropdown-menu{
    position: absolute;
    right: 0;
    left: auto;    border: 1px solid #ccc;
}
.portlet_container .portlet_wrapper .portlet-header .dropdown .dropdown-menu a.refresh-btn {
    font-size: 12px;
    padding: 0 15px !important;
    text-align: left;
    display: block;
}


/***/



/*******asdsasdsddsd****/

.dash-board-qv .add-tag-div{display: flex; justify-content: space-between; padding: 10px 30px 0 20px; align-items: center; /*border-bottom: 1px solid #B9D3F2;*/}
.dash-board-qv .add-tag-div .atd-left{display: flex; align-items: center;}
.dash-board-qv .add-tag-div h5{margin: 2px 0 0 0;}


.offcanvas.custom-modal .custom-modal .modal-header {
   background: #C5E1FF;
}
#leads_overview_modal.custom-modal .modal-header .dash-board-qv-top {
    padding: 10px 15px 15px 15px;
}
.dash-board-qv .db-qv-cntct h4 {
    margin-top: 0;
}
.info-links{
    display: flex;
    justify-content: center;
    padding: 10px;
    background: #F6F8FC;
}
.info-links .info-links-box {
    margin: 0 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.info-links .info-links-box a{
    padding: 5px;
    width: 45px;
    height: 45px;
    background: #F6F8FA;
    border: 1px solid #E2E2E2;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.info-links-box abbr{
    color: #003B7A;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 5px;
}
.info-links .info-links-box a i.fa{color:#195A97;}


.dash-board-qv .crct-canvas-top{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.dash-board-qv-top {
    display: flex;
    align-items: center;
    position: relative;
}
.dash-board-qv-top .flag {
    position: absolute;
    right: 10px;
    display: flex;
    align-items: center;
    top: 7px;
}
.dash-board-qv-top .flag span {
    margin-right: 8px;
}
.dash-board-qv .crct-cntct {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.closeButton{position: absolute; right: 0; top: 0;}

.dash-board-qv .db-qv-name .short-name{
    height: 60px;
    width: 60px;
    background: #E4F1FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #dbecfd;
    margin: 0 15px 0 0;
    font-size: 17px;
}

.quickview-dropdown .nav > li > a {
    padding: 3px  5px 3px 10px !important;
    margin: 0 10px;
    background-color: #E0F3FE;
    width: 160px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    border: 1px solid #98D1F5;
}

.convert2-acc{padding: 15px 0;}


.dash-board-qv .quickview-dropdown a.dropdown-toggle {
    width: auto;
    display: inline-block;
    align-items: center;
    justify-content: space-around;
    font-size: 13px;
    color: #009493 !important;
    background: #0000 !important;
}
.dash-board-qv .quickview-dropdown a.dropdown-toggle span:last-child {
    display: inline-block;
    color: #000;
    margin-left: 5px;
}

.dash-board-qv ul.dropdown-menu{
    width: 200px;
    left: -5px;
    border-radius: 0 !important;
    background: #fff;
    border: 1px solid #9ec4ed;
    top: 40px !important;
    box-shadow: none;
}

.quickview-dropdown a.dropdown-toggle span + {color:#000; font-size: 13px;}

.dash-board-qv .creation-div {
   display: block;
}
.creation-div{
   display: block;
   border-bottom: 1px solid #eaeaea !important;
   padding: 0 15px;
}
.creation-div .creation-box{
   width: 33.33%;
   float: left;
   position: relative;
   padding: 15px 10px;
   display: flex;
   flex-direction: column;
   height: 68px;
}
.creation-div .creation-box:after{
    content: "";
    right: 10px;
    top: 15px;
    bottom: 15px;
    background: #6e9bcd;
    width: 1px;
    position: absolute;
}
.creation-div .creation-box h4{
    margin: 0 0 4px 0;
    font-size: 13px;
    font-family: 'Lexend Deca light';
}
.creation-div .creation-box h5{
    margin: 0;
    font-size: 13px;
    font-family: 'Lexend Deca light';
}
.creation-div .creation-box h3{color:#1f79cf; font-size:14px; margin:0 0 4px 0;}

.creation-div .creation-box p{color:#000; font-size:14px; margin:0;}

.creation-div.no-after-border{display: block;}

.creation-div.no-after-border .creation-box:after{display:none;}

.creation-div .creation-box:last-child::after{display:none;} 

/***************/
.appointment-wrap{padding:15px; border-bottom: 1px solid #EAEAEA; border-top: 1px solid #EAEAEA;}
.appointment-wrap .app-top{display: flex;justify-content: space-between;padding: 0;align-items: center;margin: 0 0 10px 0}
.appointment-wrap .app-top h2{color: #000000;font-style: unset;font-weight: 100;text-transform: capitalize;margin: 0 !important;font-size: 19px;font-family: 'Lexend Deca light'}
.appointment-wrap .app-top a{display: inline-block}
.app-box .app-box-left h3{color: #000000;font-style: unset;font-weight: 100;text-transform: capitalize;margin: 0 !important;font-size: 13px;font-family: 'Lexend Deca light'}
.app-box .app-box-left h4{color: #EBA367;font-style: unset;font-weight: 100;text-transform: capitalize;margin: 10px 0 !important;font-size: 16px;font-family: 'Lexend Deca light'}
.appointment-wrap .app-box{display: flex;border-radius: 4px;border: 1px solid #EFEFEF;background: linear-gradient(90deg, rgba(235, 163, 103, 0.06) 0%, rgba(133, 92, 58, 0.00) 38.79%);padding: 15px}
.app-box .app-box-left{width: 35%}.app-box .app-box-right{width: 66%;padding-left: 20px;position: relative;border-left: 1px solid #E7E7E7}
.app-box-right .abr-top{display: flex;align-items: center;justify-content: space-between;margin: 0 0 10px 0}
.app-box-right .abr-top h3{color: #000000;font-style: unset;font-weight: 600;text-transform: capitalize;margin: 0 !important;font-size: 14px;font-family: 'Lexend Deca light';display: flex;align-items: center;margin: 0 0 8px 0}
.app-box-right .abr-top h3 abbr{margin: 3px 0 0 10px}
.app-box-right .abr-top h4{color: #949494;font-style: unset;font-weight: 100;text-transform: capitalize;margin: 0 !important;font-size: 15px;font-family: 'Lexend Deca light'}
.app-box-right .abr-bottom p{margin:0; font-size: 12px;}
/**********/
.latest-notes-wrap{padding:15px 20px 0 20px;}   
.latest-notes-wrap .lnw-top{display:flex; justify-content: space-between; padding: 0; align-items: center; margin: 0 0 15px 0}
.latest-notes-wrap .lnw-top h2{color: #000000;font-style: unset;font-weight: 100;text-transform: capitalize;margin: 0 !important;font-size: 19px;font-family: 'Lexend Deca light'}
.latest-notes-wrap .lnw-top a{display: inline-block}
.lnw-chat-wrap .lnw-chat-box{background: #F6F6F6; border-radius: 3px; padding: 15px 20px; margin: 0 0 15px 0;}
.lnw-chat-wrap .lnw-chat-box h3{color: #000000; font-style: unset; font-weight: 100; text-transform: capitalize; margin:0 0 4px 0 !important; font-size: 15px; font-family: 'Lexend Deca light';}
.lnw-chat-wrap .lnw-chat-box p{font-size: 12px;}
/*******/
.tag-wrapper{padding: 15px 20px;}
.tag-wrapper .tag-blue-box{padding: 15px; border-radius: 7px; background: #DEE7F6;}
.tag-wrapper .tag-blue-box h2{color: #000000; font-style: unset; font-weight: 500; text-transform: capitalize; margin: 0 !important; font-size: 17px; font-family:'Lexend Deca light'; position: relative; display: inline-block; background: #fff; padding: 7px 15px;}
.tag-wrapper .tag-blue-box h2:after{width: 0; height:0; border:0 solid transparent; border-bottom-width: 16px; border-top-width:16px; border-left: 16px solid #ffffff; content:""; position: absolute; right: -15px; top: 0;} 
.tag-wrapper .tag-blue-box .tags-box{margin-top: 10px; padding: 15px 0;}
.tag-wrapper .tag-blue-box .tags-box span{font-size: 13px; background: #C4D2E7; padding: 10px; border-radius: 3px; margin: 0 4px;}
/*********/
.kyc-doc-wrap h3{color:#000; font-size: 20px; font-style: normal; font-weight: 300; line-height: normal; text-transform: capitalize; font-family: 'Lexend Deca light';}
.kyc-doc-wrap-box{text-align: center; padding: 15px; border-radius: 5px; background:#C4D2E7;}
.kyc-doc-wrap-box img{width: auto;}
/********/
.ticket-id{display: flex;}
.ticket-id h5{color:#000; font-size:13px; font-weight:300; line-height:20px; margin:0 0 5px 0;}
.ticket-id .ti-left{width: 60%; padding: 10px 20px; background: #C4D2E7; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.ticket-id .ti-left p{color: #013B79; font-size: 16px; font-style: normal; font-weight: 300; line-height: 14px;}
.ticket-id .ti-right{background: #E8EEF5; width: 40%; padding: 10px 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.ticket-id .ti-right h5{margin:0;}
.ti-right .quickview-dropdown .nav>li>a{padding: 5px 0 5px 0; display: flex; align-items: center; width: 140px; justify-content: space-between; border-bottom: 2px solid #009493 !important; margin: 0; background: #0000;}
.ti-right .quickview-dropdown:hover{border: 0; background-color: #0000; height: auto;}
/****************/
.call-bck-wrap{
    display: flex;
    justify-content: space-between;
    padding: 10px 45px 10px 20px;
    border-radius: 8px;
    background: #CAE1FC;
    margin: 2px;
}

.call-bck-wrap .oncanvas-group p{
    width:100%;
    color: #3A3737;
    font-size: 14px;
    margin:0;
}

.call-bck-wrap .call-bck-left{display:flex; align-items:center;}

.call-bck-wrap .call-bck-left h3{
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    font-size: 14px;
    margin: -1px 0 0 10px;
    padding: 0 !important;
    border:0;
}

.call-bck-wrap .call-bck-right{display:flex; align-items:center;}

.call-bck-wrap .call-bck-right h4{
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    font-size: 11px;
    margin: 2px 0 0 10px;
}
.call-bck-top p {
    margin: 0;
    padding: 8px 15px;
    font-size: 12px;
}
.call-bck-info .row{margin: 0;}
.call-bck-info{border-radius: 4px; border: 0.5px solid #D4CCCC; background: #FDFCFC;}
.call-bck-box {
    padding: 14px 8px;
    position: relative;
}
.call-bck-box h3 {
    background: #0000 !important;
    font-size: 13px !important;
    color: #000 !important;
    padding: 0 !important;
}
.call-bck-box h4 {
    background: #0000;
    font-size: 12px;
    margin: 8px 0 0 0;
}

.call-bck-box h4.cb-date{color:#1B84E7;}

.call-bck-box:after {
    position: absolute;
    right: 0;
    top: 15px;
    bottom: 15px;
    background: #ccc;
    width: 1px;
    content: "";
}

.call-bck-box.no-after::after{display:none;}

.oncanvas-card-detls .oncanvas-grp {
    margin: 0;
}


/****respond-wrap/*****/

/* #tickets_overview_modal.offcanvas{
    overflow: initial;
} */
.kyc-image-box {
    Width: 200px;
    height: auto;
    border: 2px solid black;
    border-radius: 5px;
    padding: 10px;

}
.respond-wrap{position:relative;}

.respond-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-top: 1px solid #EAEAEA;
    float: left;
    width: 100%;
}

.respond-header h3{
    margin: 0;
    font-size: 18px;
}

.respond-popup{
    position: absolute !important;
    width: 530px;
    z-index: 99;
    left: -536px;
    top: 0px;
    border-radius: 6px;
    border: 1.5px solid #E9E9E9;
    background: #FFF;
    box-shadow: 0px 0px 9.6px 6px #8B8B8B;
    border-radius:6px;
    padding:0;
    display:none;
}
.respond-popup.open{display:inline-block;}

.ticket-ewrap-header{
    border-radius: 5px 4px 0px 0px;
    background: #CAE1FC;
    position: relative;
    padding: 10px 15px;
}
.ticket-ewrap-header h3 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0;
}

.ticket-ewrap .ticket-editor{padding:14px 12px;} 

.respond-popup button.close{
    position: absolute;
    right: 10px;
    padding: 0 0 2px 0;
    background: #fff;
    top: 12px;
    border-radius: 10px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

.ticket-ewrap-header:after{
    height: 0;
    border: 0 solid transparent;
    border-bottom-width: 9px;
    border-top-width: 9px;
    border-left: 10px solid #fff;
    content: "";
    position: absolute;
    right: -11px;
    top: 15px;
}

.ticket-editor .media-left {
    padding:0; 
}
.ticket-editor .media-left .form-group {
    padding: 0 !important;
    margin: 0 !important;
    border: 0;
    box-shadow: none;
    background:#ccc;
}

.media-left .form-group input[type="file"]{border:0;}

.ticket-editor .media-body .btn-submit{
    font-size: 14px;
    padding: 3px 26px;
    height: auto;
 }

  
.respond-header .respond-btn{
    font-size: 14px;
    padding: 6px 20px;
    background-color: #009493;
    border-color: #009493;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 3px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s;
    display: inline-block;
    box-sizing: border-box;
    margin-top: 0;
    color: #fff;
}

.respond-header .respond-btn:hover{background:#007271;}

.respond-ticket-chat{
    background: #F6F5F5;
    margin: 0 2%;
    float: left;
    width: 95%;
    border-radius: 10px;
    padding:20px 15px;
    overflow-y: scroll;
    height: 500px;
}
.respond-ticket-chat h2{
    color: #003B7A;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0 0 10px 0;
}

.respond-ticket-chat h2 span{display:block; font-size:12px; color:#000;}

.respond-ticket-chat p{
    border-radius: 0px 6px 6px 0px;
    background: #B6D9FF !important;
    padding: 13px 25px;
    color: #000 !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    text-transform: capitalize;
    display: inline-block;
    display: inline-block;
    max-width: 350px;
    position: relative;
}

.respond-ticket-chat p a{font-size: 9px; margin-left: 5px;}

.rtc-box-right{text-align:right;}
.rtc-box-left {text-align:left; margin-top:15px;}

.rtc-box-left h2{color:#000;}
.rtc-box-left p{background:#E0E0E0 !important;}
/* multiple filters */
.multiple-filters{display: flex;padding: 4px 15px;border-top: 1px solid #e1e1e1;}
.multiple-filters .mf-title{position: relative;display: flex;justify-content: space-between;align-items: flex-start;padding: 9px 15px 2px;float: left;}
.multiple-filters .mf-title .fa{font-size: 12px;}
.multiple-filters .mf-title h5{width: 100%; padding-left: 8px; margin: 0;font-size: 12px;}
.multiple-filters .mf-wrap{width: 100%;display: block;align-items: center;float: left;}
.multiple-filters .mf-wrap .mf-box {border: 1px solid #ccc;padding: 4px 10px;border-radius: 5px;font-size: 11px;float: left;margin: 3px; position: relative;}
.multiple-filters .mf-wrap .mf-box span{word-break: break-word;}
.multiple-filters .mf-wrap .mf-box span:last-child{color: #003B7A;}
.far-close{
  position: absolute;
  top: -6px;
  right: -6px;
  font-size: 15px;
  color: #0076F5 !important;
  padding: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  cursor: pointer;background: #fff;
}
/******* responsive *****/
        @media(max-width:1500px){
            .sml-dvc{    width: 33.33333333%;}
        }
        @media(max-width:1450px){
        .lead-pg  #Filter-div.top-options-check{height: 84vh; top:132px;}
        .lead-pg .top-options-check.collapse.in .filter-wrapbox .Filter-div-wrap:after{bottom: 7px;}
        .account-box .info-box .current-month{top: -13px;}
        .info-box-icon{width:80px;}
        .account-box .info-box-text{font-size:15px;}
        .progress-description, .info-box-text{font-size:15px;}

        .dashbord-table-box .graph-table-header-box-inner-button .box-title{font-size: 14px !important;}
        .dropdown-select .btn-primary{width:100px;}
        .net-date-input-wrap{right:175px; width: 140px;}

        .listbox-body .products-list .item{padding: 10px; min-height: 50px;}

        /* .content{min-height:76vh;} */

        }

        @media(max-width:1366px){
        .main-header .navbar-custom-menu{padding:0;}
        /* .main-header .navbar-custom-menu ul.nav.navbar-nav li a{padding:15px 7px;} */
        .lang-dropdown .drop-down{width: 70px;}
        .lang-dropdown .drop-down a{padding:0 !important;}

        .dropdown-select .btn-primary{width:100px;}
        .net-date-input-wrap{right:175px; width: 130px;}
    
        }

        @media(max-width:1250px){
        .dropdown-select .btn-primary{width: 100px;}
        .net-date-input-wrap{right: 175px; width: 100px;}
        }

        @media(max-width:1024px){
        .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left:0;}
        div#navbar-collapse{width: 100%;}
        .skin-md .main-header .navbar .nav > li > a{padding: 10px 34px;font-size: 12px;}
        .main-header .navbar-custom-menu ul.nav.navbar-nav li a{padding: 8px 7px 10px 7px;}
        .new-icon.notificationx{background-position: -19px -101px;}

        .flex-box {display:block;}

        .dashboard .col-lg-6.col-md-6.col-sm-12.col-xs-12.spacebottom2x{width:100%;}
        .info-box-wrap .col-lg-3.col-md-6.col-sm-6.col-xs-12.account-box{padding: 4px 3px;padding-bottom: 0;}

        .skin-md .main-header .navbar .nav > li > a{padding:15px 22px !important; font-size:12px!important;}


        }


        @media(max-width: 480px){
            .custom-modal .modal-dialog {    width: 300px;}
        .custom-modal .cmn-btn{    margin-right: 5px;width: 105px;}
        .custom-modal .middle-header h3{font-size: 18px;    width: 82px;}
            .custom-modal .footer-header .cmn-btn .fa {    margin-right: 7px;}
        .custom-modal .form-group label{width: 50%;}
        .custom-modal .modal-dialog{right: 0px;}
        }
        /* .modaloverflow { overflow-x: hidden; overflow-y: auto;} */
        #formprocessgifpopup {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            right: auto;/* ALTCRM-1937 */
            left: auto;/* ALTCRM-1937 */
            bottom: 0;
            display: flex;
            align-items: center;
            vertical-align: middle;
            justify-content: center;
            background: rgba(0,0,0, 0.8 );
            z-index: 99999;
        }
        #formprocessgifpopup .fa { position: static; z-index: 999; color: #fff; }


        #onloadloader {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            vertical-align: middle;
            justify-content: center;
            background: rgba(0,0,0, 0.8 );
            z-index: 99999;
        }
        #onloadloader .fa { position: static; z-index: 999; color: #fff; }


        .commonpageloader { position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; display: flex; align-items: center; vertical-align: middle; justify-content: center; background: rgba(0,0,0, 0.8 ); z-index:99999;}
        .commonpageloader .fa { position: static; z-index: 999; color: #fff; }

        /******* creation_ac *****/
        .creation_ac{padding:0 20px;}
        .creation_ac [type="checkbox"]+label{width: 150px; text-align: left; padding-left: 8px; height: 30px; line-height: 15px; float:left;}
        .creation_ac [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after{margin-top: -2px;}
        /******* creation_ac *****/

        @media only screen and (max-width:1450px){
        .funding-request .fund-top li a{width:260px}
        }

        @media only screen and (max-width:1366px){
        .skin-md .main-header .navbar .nav > li > a{padding:8px 7px; font-size: 12px;}
        .main-header #navbar-search-input.form-control{width: 113px;}

        .funding-request .fund-top li a{width:225px;}
        
        }

        @media only screen and (max-width:1200px){
            
        .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
            margin-left: 0;
        }
        
        }

        @media only screen and (max-width:1199px){
        
        .dashboard .flex-box .col-md-6{width: 100%;}

        .funding-request .fund-top li a{width:190px;}
        
        
        }

        @media only screen and (max-width: 991px) {
        .carddetamodal iframe{height:1170px !Important;}
        .carddetamodal.modal.fade.bs-example-modal-lg.in{height: 1282px;}
        }
        @media only screen and (max-width: 767px){
        .modal-body{padding: 15px 0;}
        .modal-lg .modal-content{padding: 10px 7px 10px 7px;}
        .carddetamodal .modal-header{padding: 20px 11px 0 0;}
        }

        .col-lg-1, 
        .col-lg-2, 
        .col-lg-3, 
        .col-lg-4, 
        .col-lg-5, 
        .col-lg-6, 
        .col-lg-7, 
        .col-lg-8, 
        .col-lg-9
        .col-lg-10, 
        .col-lg-11, 
        .col-lg-12, 
        .col-md-1, 
        .col-md-2, 
        .col-md-3, 
        .col-md-4, 
        .col-md-5, 
        .col-md-6, 
        .col-md-7, 
        .col-md-8, 
        .col-md-9
        .col-md-10, 
        .col-md-11, 
        .col-md-12{padding:0 7px; min-height: 0;}


        @media not all and (min-resolution: 0.001dpcm) {
        .button-wrap .dropdown .plus-button{padding: 6px 10px 6px 10px;}
        .commission-groups .button-wrap .dropdown .plus-button{top:0;}
        .Symbol-Master .button-wrap .dropdown .plus-button{top:0;}
        }

        .margine-bottom-10{
            margin-bottom: 10px !important;
            /* padding: 15px; */
        }

        /* -------------------- Country Dropdown -------------------- */

        .vodiapicker{
            display: none; 
        }
        
        .add-acc-drop-btn{
            position: absolute;
            z-index: 99999;
            background: #fff;
            width: 100%;
            border: 1px solid #ccc;
            border-top: 0;
            max-height: 269px;
            min-height:auto;
            overflow-y: scroll;
            
        }
        
        .add-acc-drop-btnimg, .btn-select img{position:relative; top:-2px; left:2px;}
        
        .add-acc-drop-btn li{
            list-style: none;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        
        .add-acc-drop-btn li:hover{
        background-color: #F4F3F3;
        }
        
        .add-acc-drop-btn li img{
            margin: 5px;
        }
        
        .add-acc-drop-btn li span, .btn-select li span{
            margin-left:15px;
        }
        
        /* item list */
        
        .b{
            position: absolute;
            z-index: 17;
            display: none;
            width: 100%;
            box-shadow: 0 6px 12px rgba(0,0,0,.175);
            border: 1px solid rgba(0,0,0,.15);
            border-radius: 5px;
        }
        .open{display: show !important;}
        
        .btn-select{
            margin-top: 0;
            width: 100%;
            height: 32px;
            border-radius: 0;
            background-color: #fff;
            border: 1px solid #ccc;
        }
        
        .btn-select li{
            list-style: none;
            float: left;
            padding-bottom: 0px;
        }
        
        .btn-select:hover li{
            margin-left: 0px;
        }
        
        .btn-select:hover{
            background-color: #F4F3F3;
            border: 1px solid transparent;
            box-shadow: inset 0 0px 0px 1px #ccc;
            
            
        }
        
        .btn-select:focus{
            outline:none;
        }
        
        .lang-select{
            margin-left: 50px;
        }

        /* -------------------- Country Dropdown Ends -------------------- */
        #info-modal-title {
            color: #505156;
        }
        /* ALTCRM - 684 */
        .voipmanagment-status-dropdwn{
            display: flex;
            flex-direction: row;
            gap: 1%;
            align-items: center;
            cursor: pointer;
        }
        .voipmanagment-status-dropdwn div p {
            margin: 0 0 0px!important;
            width: 47px;
        }
        .fa-color{
            color: #000;
        }
        /* end ALTCRM - 684 */
        #audit-quick{
            margin:0px 0px 0px;
        }
        #audit-popup{
            padding:16px;
        }
        .space-arnd-panel { display: flex; justify-content: space-between; width: 100%; }
        /* checkbox label */
        .modal-body .checkbox-area input+span{
            color: #000;
            width: 100%;
            margin: 5px 0;
            padding-top: 0;
            text-align: left;
            font-size: 10px;
            font-weight: 400 !important;
            vertical-align: text-top;
            font-family: "lexend deca regular";
        }

        /* ..............datatable show entries ........................  */
        .dataTables_length_new label, option{
            font-size: 12px!important;
            font-family: 'Lexend Deca Regular';
            font-weight: 400;
            color: #393939;
        }
        select.input-sm {
           height: 27px!important;
            border-radius: 4px;
            margin: 0 10px;
        }
        .right-side-modal {
            position: absolute;
            left: auto!important;
        }

        #mergeaccount_modal .modal-header {
            background: #C5E1FF;
            
        }

     




/* ............. Utility classess.......... */
         .p-0{padding:0px!important;} .p-1{padding:1px!important;} .p-2{padding:2px!important;} .p-3{padding:3px!important;} .p-4{padding:4px!important;} .p-5{padding:5px!important;} .p-6{padding:6px!important;} .p-7{padding:7px!important;}  .p-8{padding:8px!important;}  .p-9{padding:9px!important;}  .p-10{padding:10px!important;} .p-11{padding:11px!important;} .p-12{padding:12px!important;}  .p-13{padding:13px!important;} .p-14{padding:14px!important;} .p-13{padding:13px!important;} .p-14{padding:14px!important;} .p-15{padding:15px!important;}  .p-16{ padding:16px!important;} .p-17{ padding:17px!important;} .p-17{ padding:17px!important;} .p-18{ padding:18px!important;} .p-19{ padding:19px!important;} .p-20{ padding:20px!important;} .p-25{ padding:25px!important;} .p-30{ padding:30px!important;} .p-40{ padding:40px!important;}
         .m-0{margin:0px!important;} .m-1{margin:1px!important;} .m-2{margin:2px!important;} .m-3{margin:3px!important;} .m-4{margin:4px!important;} .m-5{margin:5px!important;} .m-6{margin:6px!important;} .m-7{margin:7px!important;}  .m-8{margin:8px!important;}  .m-9{margin:9px!important;}  .m-10{margin:10px!important;} .m-11{margin:11px!important;} .m-12{margin:12px!important;}  .m-13{margin:13px!important;} .m-14{margin:14px!important;} .m-13{margin:13px!important;} .m-14{margin:14px!important;} .m-15{margin:15px!important;}  .m-16{ margin:16px!important;} .m-17{ margin:17px!important;} .m-17{ margin:17px!important;} .m-18{ margin:18px!important;} .m-19{ margin:19px!important;} .m-20{ padding:20px!important;}


         .pt-0{padding-top:0px!important;} .pt-1{padding-top:1px!important;} .pt-2{padding-top:2px!important;} .pt-3{padding-top:3px!important;} .pt-4{padding-top:4px!important;} .pt-5{padding-top:5px!important;} .pt-6{padding-top:6px!important;} .pt-7{padding-top:7px!important;}  .pt-8{padding-top:8px!important;}  .pt-9{padding-top:9px!important;}  .pt-10{padding-top:10px!important;} .pt-11{padding-top:11px!important;} .pt-12{padding-top:12px!important;}  .pt-13{padding-top:13px!important;} .pt-14{padding-top:14px!important;} .pt-13{padding-top:13px!important;} .pt-14{padding-top:14px!important;} .pt-15{padding-top:15px!important;}  .pt-16{ padding-top:16px!important;} .pt-17{ padding-top:17px!important;} .pt-17{ padding-top:17px!important;} .pt-18{ padding-top:18px!important;} .pt-19{ padding-top:19px!important;} .pt-20{ padding-top:20px!important;}

         .mt-0{margin-top:0px!important;} .mt-1{margin-top:1px!important;} .mt-2{margin-top:2px!important;} .mt-3{margin-top:3px!important;} .mt-4{margin-top:4px!important;} .mt-5{margin-top:5px!important;} .mt-6{margin-top:6px!important;} .mt-7{margin-top:7px!important;}  .mt-8{margin-top:8px!important;}  .mt-9{margin-top:9px!important;}  .mt-10{margin-top:10px!important;} .mt-11{margin-top:11px!important;} .mt-12{margin-top:12px!important;}  .mt-13{margin-top:13px!important;} .mt-14{margin-top:14px!important;} .mt-13{margin-top:13px!important;} .mt-14{margin-top:14px!important;} .mt-15{margin-top:15px!important;}  .mt-16{ margin-top:16px!important;} .mt-17{ margin-top:17px!important;} .mt-17{ margin-top:17px!important;} .mt-18{ margin-top:18px!important;} .mt-19{ margin-top:19px!important;} .mt-20{margin-top: 20px;} .mt-30{margin-top: 30px;} .mt-40{margin-top: 40px;} .mt-50{margin-top: 50px;}

         .pb-0{padding-bottom:0px!important;} .pb-1{padding-bottom:1px!important;} .pb-2{padding-bottom:2px!important;} .pb-3{padding-bottom:3px!important;} .pb-4{padding-bottom:4px!important;} .pb-5{padding-bottom:5px!important;} .pb-6{padding-bottom:6px!important;} .pb-7{padding-bottom:7px!important;}  .pb-8{padding-bottom:8px!important;}  .pb-9{padding-bottom:9px!important;}  .pb-10{padding-bottom:10px!important;} .pb-11{padding-bottom:11px!important;} .pb-12{padding-bottom:12px!important;}  .pb-13{padding-bottom:13px!important;} .pb-14{padding-bottom:14px!important;} .pb-13{padding-bottom:13px!important;} .pb-14{padding-bottom:14px!important;} .pb-15{padding-bottom:15px!important;}  .pb-16{ padding-bottom:16px!important;} .pb-17{ padding-bottom:17px!important;} .pb-17{ padding-bottom:17px!important;} .pb-18{ padding-bottom:18px!important;} .pb-19{ padding-bottom:19px!important;} .pb-20{ padding-bottom:20px!important;}

         .mb-0{margin-bottom:0px!important;} .mb-1{margin-bottom:1px!important;} .mb-2{margin-bottom:2px!important;} .mb-3{margin-bottom:3px!important;} .mb-4{margin-bottom:4px!important;} .mb-5{margin-bottom:5px!important;} .mb-6{margin-bottom:6px!important;} .mb-7{margin-bottom:7px!important;}  .mb-8{margin-bottom:8px!important;}  .mb-9{margin-bottom:9px!important;}  .mb-10{margin-bottom:10px!important;} .mb-11{margin-bottom:11px!important;} .mb-12{margin-bottom:12px!important;}  .mb-13{margin-bottom:13px!important;} .mb-14{margin-bottom:14px!important;} .mb-13{margin-bottom:13px!important;} .mb-14{margin-bottom:14px!important;} .mb-15{margin-bottom:15px!important;}  .mb-16{ margin-bottom:16px!important;} .mb-17{ margin-bottom:17px!important;} .mb-17{ margin-bottom:17px!important;} .mb-18{ margin-bottom:18px!important;} .mb-19{ margin-bottom:19px!important;} .mb-20{ margin-bottom:20px!important;}


         .pl-0{padding-left:0px!important;} .pl-1{padding-left:1px!important;} .pl-2{padding-left:2px!important;} .pl-3{padding-left:3px!important;} .pl-4{padding-left:4px!important;} .pl-5{padding-left:5px!important;} .pl-6{padding-left:6px!important;} .pl-7{padding-left:7px!important;}  .pl-8{padding-left:8px!important;}  .pl-9{padding-left:9px!important;}  .pl-10{padding-left:10px!important;} .pl-11{padding-left:11px!important;} .pl-12{padding-left:12px!important;}  .pl-13{padding-left:13px!important;} .pl-14{padding-left:14px!important;} .pl-13{padding-left:13px!important;} .pl-14{padding-left:14px!important;} .pl-15{padding-left:15px!important;}  .pl-16{ padding-left:16px!important;} .pl-17{ padding-left:17px!important;} .pl-17{ padding-left:17px!important;} .pl-18{ padding-left:18px!important;} .pl-19{ padding-left:19px!important;} .pl-20{ padding-left:20px!important;}

         .ml-0{margin-left:0px!important;} .ml-1{margin-left:1px!important;} .ml-2{margin-left:2px!important;} .ml-3{margin-left:3px!important;} .ml-4{margin-left:4px!important;} .ml-5{margin-left:5px!important;} .ml-6{margin-left:6px!important;} .ml-7{margin-left:7px!important;}  .ml-8{margin-left:8px!important;}  .ml-9{margin-left:9px!important;}  .ml-10{margin-left:10px!important;} .ml-11{margin-left:11px!important;} .ml-12{margin-left:12px!important;}  .ml-13{margin-left:13px!important;} .ml-14{margin-left:14px!important;} .ml-13{margin-left:13px!important;} .ml-14{margin-left:14px!important;} .ml-15{margin-left:15px!important;}  .ml-16{ margin-left:16px!important;} .ml-17{ margin-left:17px!important;} .ml-17{ margin-left:17px!important;} .ml-18{ margin-left:18px!important;} .ml-19{ margin-left:19px!important;} .ml-20{ margin-left:20px!important;}


         .pr-0{padding-right:0px!important;} .pr-1{padding-right:1px!important;} .pr-2{padding-right:2px!important;} .pr-3{padding-right:3px!important;} .pr-4{padding-right:4px!important;} .pr-5{padding-right:5px!important;} .pr-6{padding-right:6px!important;} .pr-7{padding-right:7px!important;}  .pr-8{padding-right:8px!important;}  .pr-9{padding-right:9px!important;}  .pr-10{padding-right:10px!important;} .pr-11{padding-right:11px!important;} .pr-12{padding-right:12px!important;}  .pr-13{padding-right:13px!important;} .pr-14{padding-right:14px!important;} .pr-13{padding-right:13px!important;} .pr-14{padding-right:14px!important;} .pr-15{padding-right:15px!important;}  .pr-16{ padding-right:16px!important;} .pr-17{ padding-right:17px!important;} .pr-17{ padding-right:17px!important;} .pr-18{ padding-right:18px!important;} .pr-19{ padding-right:19px!important;} .pr-20{ padding-right:20px!important;}

         .mr-0{margin-right:0px!important;} .mr-1{margin-right:1px!important;} .mr-2{margin-right:2px!important;} .mr-3{margin-right:3px!important;} .mr-4{margin-right:4px!important;} .mr-5{margin-right:5px!important;} .mr-6{margin-right:6px!important;} .mr-7{margin-right:7px!important;}  .mr-8{margin-right:8px!important;}  .mr-9{margin-right:9px!important;}  .mr-10{margin-right:10px!important;} .mr-11{margin-right:11px!important;} .mr-12{margin-right:12px!important;}  .mr-13{margin-right:13px!important;} .mr-14{margin-right:14px!important;} .mr-13{margin-right:13px!important;} .mr-14{margin-right:14px!important;} .mr-15{margin-right:15px!important;}  .mr-16{ margin-right:16px!important;} .mr-17{ margin-right:17px!important;} .mr-17{ margin-right:17px!important;} .mr-18{ margin-right:18px!important;} .mr-19{ margin-right:19px!important;} .mr-20{ margin-right:20px!important;}

         .plr-15{padding-left:15px; padding-right:15px;}

         .d-flex{display: flex!important;}
         .f-jcc{justify-content: center!important;}   .f-jcs{justify-content: flex-start!important;}  .f-jce{justify-content: flex-end!important;}  .f-jcsb{justify-content:space-between!important;} .f-jcsa {justify-content: space-around!important;}
         .f-aic{align-items: center!important;}.f-aib{align-items: baseline!important;} .f-ais{align-items: flex-start!important;} .f-aie{align-items: flex-end!important;}

         .fw-300{font-weight: 300;} .fw-500{font-weight: 500;} .fw-600{font-weight: 500;} .fw-700{font-weight: 700;} .fw-800{font-weight: 800;} 

         .ht-1{height: 1px;} .ht-2{height: 2px;} .ht-3{height: 3px;} .ht-4{height: 4px;} .ht-5{height: 5px;} .ht-6{height: 6px;} .ht-7{height: 7px;} .ht-8{height: 8px;} .ht-9{height: 9px;} .ht-10{height: 10px;} .ht-11{height: 11px;} .ht-12{height: 12px;} 
         .ht-13{height: 13px;} .ht-14{height: 14px;} .ht-15{height: 15px;} .ht-16{height: 16px;} .ht-17{height: 17px;} .ht-17{height: 17px;} .ht-18{height: 18px;} .ht-19{height: 19px;} .ht-20{height: 20px;} 
         .wt-1{width:1px;} .wt-2{width:2px;} .wt-3{width:3px;} .wt-4{width:4px;} .wt-5{width:5px;} .wt-6{width:6px;} .wt-7{width:7px;} .wt-8{width:8px;} .wt-9{width:9px;} .wt-10{width:10px;} .wt-11{width:11px;} .wt-12{width:12px;} 
         .wt-13{width:13px;} .wt-14{width:14px;} .wt-15{width:15px;} .wt-16{width:16px;} .wt-17{width:17px;} .wt-17{width:17px;} .wt-18{width:18px;} .wt-19{width:19px;} .wt-20{width:20px;} 
         .fs-1{font-size:1px;} .fs-2{font-size:2px;} .fs-3{font-size:3px;} .fs-4{font-size:4px;} .fs-5{font-size:5px;} .fs-6{font-size:6px;} .fs-7{font-size:7px;} .fs-8{font-size:8px;} .fs-9{font-size:9px;} .fs-10{font-size:10px;} .fs-11{font-size:11px;} .fs-12{font-size:12px;} 
         .fs-13{font-size:13px;} .fs-14{font-size:14px;} .fs-15{font-size:15px;} .fs-16{font-size:16px;} .fs-17{font-size:17px;} .fs-17{font-size:17px;} .fs-18{font-size:18px;} .fs-19{font-size:19px;} .fs-20{font-size:20px;} 
       
/* Global Button  Classes */

  
/* .... Reset button code ... */
.btn-reset{
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color:#C3C3C3;
    background-color: transparent;
    border: 1px solid #C3C3C3;
    padding: 0.375rem 0.6rem;
    border-radius: unset;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    box-sizing: border-box;
    margin: 0px 2px;
}

/* secondary buttons  */

.sec-btn-outline , .result-status-btn{
    font-weight: 400;
    font-size: 11px;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #615F5F;
    background-color: transparent;
    border: 1px solid #C3C3C3;
    padding: 0.375rem 0.6rem;
    border-radius: unset;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s;
    display: inline-block;
    min-width: 74px;
    height: 26px;
    box-sizing: border-box;
    font-family: "lexend deca regular";
}
.sec-btn-outline:hover{
    border: 1px solid #2F80CB;
    color:#2F80CB;
}
/* icon buttons  */

.icon-button{
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color:#C3C3C3;
    /* background-color: #f3fbfe; */
    border: 1px solid #2F80CB;
    padding: 0.375rem 0.4rem;
    border-radius: 3px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px!important;
    box-sizing: border-box;
    margin: 0px 2px;
}
.show-col-icon{
    width: 30px;
}

 /* // primary buttons to all pages   */

 .page-title-header ul li a,
 .page-title-header ul li button .btn-default,
 .btn-default,
 .button-wrap a,
 .button-wrap button {
     /* font: 400 11px/1.5 "lexend deca regular"; */
     text-align: center;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     color: #2d82c3;
     border: 1px solid #195A97;
     padding: 0.4rem 1.3rem;
     border-radius: 3px;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s;
     display: inline-block;
     min-width: 74px;
     height: 27px;
     box-sizing: border-box;
 }
 .btn-submit{color: #fff;}
 .btn-submit .fa-check-square-o{margin-right: 4px;display: none;}
 .page-title-header ul li a:hover,
 .page-title-header ul li button .btn-default:hover,
 .btn-submit:hover,
 .btn-default:hover,
 .button-wrap a:hover,
 .button-wrap button:hover,
 .page-title-header ul li a:active,
 .page-title-header ul li button .btn-default:active,
 .btn-submit:active,
 .btn-default:active,
 .button-wrap a:active,
 .button-wrap button:active,
 .page-title-header ul li a:focus,
 .page-title-header ul li button .btn-default:focus,
 .btn-submit:focus,
 .btn-default:focus,
 .button-wrap a:focus,
 .button-wrap button:focus {
     border: 1px solid #2d82c3;
     background-color: #2d82c3;
     border-color:#2d82c3;
     color: #fff!important;
 }
 .page-title-header ul li .btn-primary{color:#fff ;border: 0.2px solid #74A3D5;}
 .page-title-header ul li .btn-primary:hover{color: #fff;background-color: #0064c1;}
 .btn-submit a{color: #fff;}
 .btn-submit:hover a{color: #fff;}
 
 .small-btn{
    font-size: 11px;
    padding: 0px 0px!important;
    height: 21px;
    display: inline-block;
    min-width: 50px;
 }

 .ars-box-content-box .add-note .fa.fa-trash {
    font-size: 10px;
    color: #000;
}
 /* .............................................. */

/* oncanvas modal */
.oncanvas {
    position: fixed;
    top: 0;
    /* right: -630px; */
    right: 0;
    width: 580px;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: right 1s;
    overflow-y: auto;
    border-radius: 6px 0 0 6px;
    display:none;
}
.oncanvas.show {    
    display:block;
}
    .oncanvas-header {
    display: flex;
    align-items: center;
}
.oncanvas .modal-header {
    background: #C5E1FF;    padding: 11.5px 10px;
}    
a{position: relative;}
/* .oncanvas .close-button {
    background: white;
    font-size: 13px;
    cursor: pointer;
    color: #14416C;
    width: 22px;
    height: 22px;
    border: 1.5px solid #1B84E7;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0px 0 10px;
    padding-bottom: 4px;
    font-weight: 700;
    font-family: "lexend deca Regular";
} */
.oncanvas-name {
    margin-right: 10px;
    width: 45%;
}
.oncanvas-name h4 a{color: #14416C;}
.oncanvas-btn {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: end;
}
.oncanvas .online-status, .oncanvas .offline-status{right: -15px;}
.oncanvas .top-info {
    background: #ECF8FF;
    color: #000;
    padding: 10px 20px;
    font-size: 12px;    position: relative;
}
.oncanvas .top-info:after {
    height: 100%;
    width: 40%;
    position: absolute;
    content: '';
    background: #E0F3FE;
    bottom: 0;
    right: 0px;
}
.oncanvas .dark-info {
    position: relative;
    z-index: 1;
}
.oncanvas .top-info p{margin:0}
.oncanvas-body {
    padding: 0 15px;
}

.oncanvas-group p {
    width: 50%;
    margin: 0;
    font-size: 12px;
}
.oncanvas-group {
    padding: 8px 0;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
}
.oncanvas-card-sec{
    border: 1px solid #ccc;
    display: inline-block;
    margin: 15px 0;
    width: 100%;
    position: relative;
    padding: 0 0 8px 0;
    border-radius: 5px;
    overflow: hidden;
}

.oncanvas-card-title{margin: 15px 0 0 0;}

.oncanvas-card-title h3{
  font-size: 15px;
  margin:0;
  font-family: 'Lexend Deca light';
}

.oncanvas-card-sec  .h3-title{    color: #14416C;
    /* background: #EBF3F8; */
    margin: 0 0 15px 0;
    border-bottom: 0.2px solid #d1e6ec!important;
    padding: 10px;
    font-size: 14px;}
    .oncanvas-cs {
    padding: 15px 0 0 0;
}

.oncanvas-flex{display: flex; padding: 0 20px;}

.card-detl, .card-cvv{width:304px; position: relative; display:inline-block; margin:0 5px;}
.card-detl, .card-cvv{margin:0 auto;}

.oncanvas .cvv-num{right: 30px;}
.oncanvas-card-detls{padding:15px;}
.oncanvas-grp{margin-top:10px;}
.oncanvas-grp > Label {
    color: #003B7A;
    font-size: 12px;
    margin: 0 0 5px 0;
}

.oncanvas-card-title h3 {
    font-size: 15px;
    margin: 0;
    font-family: 'Lexend Deca light';
}
.oncanvas-grp span.form-control{
    padding: 5px;
    border: 1px solid #d8d8d8;
    background: #0000;
    color: #000;
    font-size: 12px;
}

.oncanvas .btn-submit.approved {
    color: #13AB2B;
    background: transparent;
    border-color: #13AB2B;
}
#aff_overview_modal table.dataTable, #ib_overview_modal  table.dataTable{
    border-top-right-radius: 12px;
}
.oncanvas-card-detls .row.mt-2 {
    margin-top: 15px !important;
}


/* utility */
.border-top{border-top: 1px solid #ccc;}
.border-bottom{border-bottom: 1px solid #ccc;}
.bordr-top{border-top: 1px solid #C5E1FF;}
.w-100{width: 100%!important;}
/* ticket page css */
.ticket-right {
    border: 1px solid #C5E1FF;
    background: #F6FCFF;
    padding: 15px;    border-radius: 5px;
}
.ticket-grp {
    padding: 7px 20px;
}
.ticket-grp p strong{font-weight: normal;}
.col-md-5.trl {
    padding-right: 30px;
    position: relative;
}
.col-md-5.trl:after {
    content: ':';
    position: absolute;
    right: 30px;
    top: 0;
}
.ticket-rwrap-bottom {
    background: #E9F5FD;
    padding: 10px 0px;
}
.ticket-nw .chat-post{    padding-bottom: 25px;
    padding-top: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 0;
    margin-bottom: 25px;}
.ticket-nw .chat-post.right-right {
        text-align: left;
    }
.ticket-nw .chat-post.right-right h2{text-align: left;    color: #000;
        display: block;}
.ticket-nw .chat-post.right-right p{margin-left: 0;    background: transparent;}
.ticket-nw .chat-post .fa-user-circle{        font-size: 32px;
    color: #C5E1FF;
    margin-right: 5px;
    position: absolute;
    left: 0;}
    .ticket-nw .chat-post .fa-paperclip{    color: #959595;
        font-size: 25px;}
    .ticket-nw  .chat-post h2{padding-left: 40px;    font-size: 16px;}
    .ticket-nw  .chat-post h2 span {
        display: block;font-size: 10px;
        margin: 5px 0 0px 0px;
    }
    .ticket-nw  .page-title-header {
        border-bottom: 1px solid #f2f2f2;
    } 
    .ticket-nw .chat-post.right-right .fa {
        color: #ccc;
    }
    .ticket-nw .table-header-box-inner-button {
        padding-top: 0;
    }
    .ticket-nw .card-body {
        padding-top: 5px;
    }
    .ticket-nw .tb-box {
        padding: 0;    padding-right: 30px;
        border: 0; max-height: 450px;
        overflow-x: auto;margin-bottom: 30px;}
        .ticket-nw .chat-post p{font-size: 12px;}
        .ticket-nw .chat-post:last-child {
            border-bottom: 0;
        }
        .ticket-nw  .ticket-ewrap{padding-right: 30px;}
        .ticket-nw  .ticket-ewrap form .msg-bdy{    border: 1px solid #ccc;}
        .ticket-nw input#attachment {    border: 1px solid #2F80CB;
            position: relative;
            color: #fff;
        }
        .ticket-nw input#attachment:after {
            content: 'Choose file';
            position: absolute;
            bottom: 0;
            color: #000;
            text-align: center;
            width: 100%;
            left: 0;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff;
        }
        .ticket-nw .btn.btn-submit{height: 28.5px;}
        .ticket-nw .cke_top{border-top: 0!important;border-bottom: 1px solid #d1d1d1 !important;}
        .dwnld-atch{cursor: pointer;
            display: inline-block;
            padding: 4px 10px;
            border: 1px solid #b1b1b1;
            margin-top: 15px;
            border-radius: 6px;}
/* account detail info page */
.td-ac{margin-top: 0px;}
.td-ac:last-child{padding-top: 0!important;}
.td-ac:last-child .tab-content{padding: 0;}
.td-ac .activity-tab {
    border: 1px solid #C5E1FF;
}
.td-ac .activity-tab .nav-pills{background: #EBF3F8;}
.td-ac .tab-content{padding: 15px;}
.td-ac .activity-tab .nav.nav-pills>li a{color: #7fa2b7;}
.td-ac .activity-tab .nav.nav-pills>li.active>a, .td-ac .activity-tab .nav.nav-pills>li.active>a:focus, .td-ac .activity-tab .nav.nav-pills>li.active>a:hover, .td-ac .activity-tab .nav.nav-pills>li a:hover {
    background: transparent!important;
    border: 0;
    outline: none;
    border-radius: 0;color: #1B84E7;
}
.td-ac .activity-tab .nav.nav-pills>li.active:after{display: none;}
.td-ac .table>thead>tr>th{
    border-top-left-radius: 0px!important;
    border-top: 0!important;
}
.wrapper-content .td-ac  table.dataTable{    border-top-left-radius: 0;
    border-top-right-radius: 0;    margin-top: 0px !important;
    border-bottom: 1px solid #add8e6;}
    .td-ac .table>thead>tr>th:last-child{    border-top-right-radius: 0px!important;}
    .td-ac .d-flex.f-jce.mt-8.mb-8 {
        display: none!important;
    }
    .td-ac div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 10px 0 5px 0 !important;
    }
    .td-ac .ars-box-title-wrap .plus-button.new-activity-btn{    top: 2px;left: 5px;}
    .td-ac .table-responsive.funding-request.innernavtabfont .tab-content {
        /* height: auto;
        min-height: 230px; */
        padding: 0 0 15px 0;
    }
    .td-ac .table-responsive.funding-request.innernavtabfont .tab-content .panel-body{    padding: 15px!important;}
    .td-ac .funding-request .fund-top li {
        width: 25%;
    }
    .td-ac .funding-request .fund-top li a{padding: 15px;font-size: 14px !important;}
    .td-ac .padding-rlt-15 {
        padding: 0px 10px !important;
    }
    .td-ac .check-box-wrapp {
        padding-left: 0;margin: 7px 0 7px -10px;}
    /* .td-ac .panel-collapse.collapse.in ~ .padding-rlb-15 {padding: 0!important;}
    .td-ac .panel-collapse.collapse.in ~ .padding-rlb-15 .padding-rlt-15 {        padding: 0 10px!important;    } */
    .td-ac [type="checkbox"]+label:before, .td-ac [type="checkbox"]:not(.filled-in)+label:after{display: none!important;}
    /* .td-ac .padding-rlt-15 {
        padding: 0px 0px !important;
    } */
    .td-ac .funding-request .nav-tabs {
        background: #ffffff!important;
        border-bottom: 1px solid #efefef!important;
    }
    .td-ac .funding-request .fund-top li.active a:after {
        height: 1px;
        background: #1b84e7;        
    }
    .td-ac .kyc-status-edit {
        margin: 0px 5px 30px 5px;
    }
    .td-ac .impfiled {
        position: absolute;
    }
    .td-ac .cke_top, .td-ac .cke_contents, .td-ac .cke_bottom{
        border: 1px solid #d1d1d1!important;
    }
    .td-ac.label-block [type="checkbox"]+label:before, .td-ac.label-block  [type="checkbox"]:not(.filled-in)+label:after{display: flex!important;}
    .c2m-mdl .radio label.radio-label{font-size: 12px;}
    .tab-a-block li a {
        width: auto!important;
        padding: 10px 30px;
    }
    /* edit real page */
    .edit-detail-right-sidebar.edrs.right-sidebar-close i.arrow-click-btn{left: -24px;}
    .btn-submit.border-btn, .btn-submit.border-btn:focus{
        background: transparent;
        color: #001D3D !important;    
        border-radius: 5px;
        font-family: "Lexend Deca Regular";
    }
    .btn-submit.border-btn:hover{
        background: #2d82c3;
        color: #fff !important;
        border-color: #2d82c3;
    }  
  
  /**** KYC Status ****/
    .pending-stats .kyc-status-opt{border-color: orange;}
    .pending-stats .kyc-status-opt span{color: orange;}
    .approval-stats .kyc-status-opt{border-color: green;}
    .approval-stats .kyc-status-opt span{color: green;}
    .reject-stats .kyc-status-opt{border-color: red;}
    .reject-stats .kyc-status-opt span{color: red;}

    .common-new-popup.tradinghistory_if_access1 .modal-body .input-group-addon{border: 1px solid #74A3D5 !important;}
    .common-new-popup.tradinghistory_if_access1 .form-group.tia {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .common-new-popup.tradinghistory_if_access1 .input-daterange.input-group {
        margin-right: 10px;
    }

    .common-new-popup.tradinghistory_if_access1 button.btn.btn-submit,
    .common-new-popup.createmonetary_if_access_modal button.btn.btn-submit{
        padding: 0 15px !important;
        width: auto !important;
        min-width: auto;
        border-radius: 2px;
        height: 30px;
    }           
    .brdr1{border: 1px solid #d2d6de!important;}
    .border-0{border:0!important;}
    .border-b-0{border-bottom: 0!important;}
    .border-t-0{border-top: 0!important;}
    .border-l-0{border-left: 0!important;}
    .border-r-0{border-right: 0!important;}
    .min-width-auto{min-width: auto!important;}
    .border-r-4{border-radius: 4px 4px 0 0;}
    .close-button{
        background:transparent;
        font-size: 13px !important;
        cursor: pointer;
        color: #14416C;
        border: 0;
        margin: 0;
        font-weight: 700;
        border-radius: 55px;
        padding: 0 7px;
    }
/* add lead and add account  */
.acc-tabp .tabpane-form-body .panel-heading .panel-title {padding-left: 0;font-family: 'Lexend Deca Regular','Open Sans', sans-serif;font-size: 14px;    font-weight: normal;}
.acc-tabp .tabpane-form-body .panel-default .panel-heading{display: block;}
.acc-tabp .tabpane-form-body .panel-heading a:after{left: auto;right: 0;}
.acc-tabp .tabpane-form-body .panel-group, .acc-tabp .tabpane-form-body .panel-group .panel:first-child{border: 0;}
.acc-tabp .tabpane-form-body .panel-group .panel .panel-body{padding: 0;}
.acc-tabp .form-horizontal .control-label{margin-top: 0;}
.acc-tabp .cbw .check-box-wrapper {padding-top: 0;}
.acc-tabp .cbw .check-box-wrapp input[type="checkbox"]{top: 13px;}
.acc-tabp .input-wraper.date select {    width: 100%;}
.acc-tabp .clearfix.input-wraper.date.row {    margin: 0 -5px;}
/* ticket quick view modal */
.tckt-cht {    padding: 0 15px;}
.tckt-cht .chat-post h2, .tckt-cht .chat-post.right-right h2 {
display: flex;
flex-direction: column;
padding-left: 37px;
position: relative;
font-size:16px;
text-align: left;    font-family: 'Lexend Deca Regular';
}
.tckt-cht .chat-post {    border-bottom: 1px solid #e9e9e9;    padding-bottom: 20px;}
.tckt-cht .chat-post.right-right h2{    color: #4d4d4d;}
.tckt-cht .chat-post.right-right h2 .fa-user-circle{    color: #dfdfdf;}
.tckt-cht .chat-post h2 .fa-user-circle {position: absolute;left: 0;top: 0px;font-size: 30px;    color: #deebf3;}
.tckt-cht .chat-post h2 span {margin: 0;font-size: 10px;    color: #656565;}
.tckt-cht p, .tckt-cht .chat-post.right-right p {background: 0;margin-left:0;color: #727272;font-family: 'Lexend Deca light';}
.tckt-cht .chat-post.right-right {text-align: left;}
/* VOIP page */
.voip-pg .nav-tabs{}
.voip-pg .nav-tabs>li>a{    color: #000000;}
.voip-pg .nav-tabs>li.active>a {
    border-bottom: 4px solid #1b84e7;
    background: transparent;
    color: #1b84e7;
}
.dashbox{border-radius: 10px!important;box-shadow: 0 0 4px 2px #C5E1FF!important;border: 1px solid #85C3E9!important;}
.dash-table-main .table-responsive {
    max-height: 345px;
}
.voip-pg .small-box.NewDashboard:hover{background: #EBF3F8;    color: #000000;}
.voip-sltr{position:relative}
.voip-sltr .btn-submit{width: 100px;}
.voip-sltr .btn-submit span:hover{color: #fff;}
.voip-sltr  .dropdown-menu{left: auto;min-width: 100px;right: 0;}
.voip-sltr .ul li a{font-size: 12px;}
.voip-pg .search-box .input-group .form-control.input-collapsed2+.input-group-btn{border-radius: 0;}
.voip-pg #deposit_data_table_filter .form-control{height: 31px;border-radius: 5px;}
.voip-pg .small-box.NewDashboard:hover h4{color: #000;}
.voip-pg .small-box.NewDashboard h4{font-family: 'Lexend Deca Regular','Open Sans', sans-serif;font-weight: normal;}
.mt-m-15{    margin-top: -15px;}
/* modal-hht */
.modal{user-select: none;}
.common-new-popup.modal-hht{text-align: right;}
.common-new-popup.modal-hht .modal-dialog {position: relative!important;background: transparent;}
.common-new-popup.modal-hht .modal-dialog .modal-content .modal-header{border-radius: 7px;}

.flex-wrp{    display: flex;
    align-items: center;}
    .text-centr {
        text-align: center!important;
    }
    .d-inline{    display: inline-block!important;}
    .common-new-popup.modal-hht .d-inline{    display: inline-block!important;}
    .common-new-popup.modal-hht .d-block{    display: block!important;}
    table#allclientTable tr td .call-bicon{    color: #1a85e7;
        height: 22px;
        width: 18px;
       
        position: relative;
        display: flex;
        margin-right: 0px;
        align-items: center;
        justify-content: center;
        background: transparent;}
        table#allclientTable tr td .call-bicon .fa{margin: 2px 0 0 0!important;font-size: 12px!important;}
            table#prop_pulse_traders tr td .call-bicon{    color: #1a85e7;
        height: 22px;
        width: 18px;
       
        position: relative;
        display: flex;
        margin-right: 0px;
        align-items: center;
        justify-content: center;
        background: transparent;}
        table#prop_pulse_traders tr td .call-bicon .fa{margin: 2px 0 0 0!important;font-size: 12px!important;}
        .send_sms_icon .sms-tt{    margin-right: 0;}
        .send_sms_icon .sms-tt:hover {
            color: #1a85e7!important;
        }
        .ntfcn table.dataTable.nowrap td, .ntfcn .table>thead>tr>th{border-right: 1px solid #add8e6!important;border-left: 1px solid #add8e6!important;}
        .flex-gap{display:flex;gap: 2%;}
        .newfunnel{margin-left: 5px;            position: relative;            top: 1px;}
        /* correct canvas */
        .crct-canvas .crct-canvas-top{display: flex;align-items: center;}
        .crct-canvas .crct-name{display: flex;align-items: center;width: 290px;}
        .crct-canvas .crct-cntct{display: flex;align-items: center;width: 350px;    justify-content: end;}
        .crct-canvas .crct-name .external-link{margin: 0px 0px 0px 8px;}
        .canvas-header h4 {color: #14416C;}
        .canvas-header.wt-sts .crct-name{width: 70%;}
        .canvas-header.wt-sts .crct-cntct{width: 30%;justify-content: end;}
        .crct-canvas .crct-cntct .arrow-btn{margin: 0 1px;}
        .closeButton{position: absolute; right: 0; top: 0;}
        .offcanvas-content>.modal-header{padding: 20px 15px; background: #C5E1FF;}
        .offcanvas.custom-modal .modal-header{background: #C5E1FF;}
        /* prop pulse quick view */
        .bigtitle .crct-canvas .crct-name{width: 72%;}
        .bigtitle .crct-canvas .crct-cntct{width: 22%;}
        /* date-width-issue */
        .dat-width{width: 180px!important;}
        .ars-box-content-box .add-note span.note-msg br {
            display: none;
        }
        .modal.fade.common-new-popup.modal-hht.text-centr.height-issue.in {
            display: flex !important;
          }
          .firstnametooltip a {
            color: #0076F5;
        }
          .btn.auto-border-btn {
            border: 1px solid #74A3D5;
            padding: 6px;
            display: flex;
            align-items: center;
            justify-content: center;    height: 27px;border-radius: 4px;    background: transparent;
        }
        .btn.auto-border-btn:active{box-shadow: none;}


        .crct-cntct .quickview-dropdown + div {
            display: flex;
            align-items: center;
            margin-left: 80px;
        }
        

        /* view tp info */
          .view-tp-inf .rl-box .new-icon, .view-tp-inf .lhr-box .new-icon {display: none;}
          
          .configuration {
            position: absolute;
            z-index: 2;
            background: white;
            top: -20px;
            left: 7px;
        } 
/* modal filter issue */
.common-new-popup.modal-hht.row-issue .modal-body {padding: 0 26px;}
.common-new-popup.modal-hht.row-issue .modal-header h4 ~ span {margin: 10px 18px;display: inline-block;}
.common-new-popup.modal-hht.row-issue .modal-footer{padding: 12px 20px;}
.common-new-popup .md-modal{width: 460px!important;}
.common-new-popup .sm-modal{width: 360px!important;}
.common-new-popup .lg-modal{width: 760px!important;}
/* common tabs */
.justify-content-end{ justify-content: end;}

.cmn-tabe .nav {background: #e8f4fe;border-bottom: 0;}
.cmn-tabe .nav li {
    margin: 0;
    padding: 0;
}
.cmn-tabe .nav li.active {
    margin: 0;
    padding: 0;
}
.cmn-tabe .nav li a {   border: 0; border-bottom: 2px solid #e8f4fe;
    background: transparent;
    background-image: none!important;
    background-color: #e8f4fe!important;border-radius: 0;
}
.cmn-tabe .nav li.active a{
    border: 0;
    border-bottom: 2px solid #1B84E7;
    border-radius: 0;
    color:#1B84E7;font-weight: normal!important;
}
.cmn-tabe .nav li.active a:focus{border: 0;outline: none;border-bottom: 2px solid #1B84E7;}
.cmn-tabe .nav li a:hover{
    color: #1B84E7;
    border: 0;
    border-bottom: 2px solid #1B84E7;border-radius: 0;
}
.cmn-tabe .nav li.active a:hover {
    border: 0;
    border-bottom: 2px solid;
}
.cmn-tabe .panel-title{display: block;width: 100%;    font-size: 14px;}
.cmn-tabe .panel-title a {position: relative;display: block;    color: #000;}
.cmn-tabe .panel-title a:after {
    float: right;
    font-family: 'Glyphicons Halflings';
    color: #000;
    content: "\e258";
    transition: all .5s;
    position: absolute;
    transform: rotate(90deg);
    top: 3px;
    font-size: 14px;.daterangepicker.ltr {
        left: auto!important;
        right: 96px!important;
    }
    right: 0;
}
.cmn-tabe .panel-heading a.collapsed:after {
    content: "\e258";
    transform: rotate(0deg);
}
/*  */
.cmn-tabe .nav li a {
    border: 1px solid #C5E1FF;
    margin-right: 7px;
    margin-bottom: -1px;
    font-family: 'Lexend Deca Regular';
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
    position: relative;
}
.cmn-newtab .nav {
    background: transparent;
    border-bottom: 1px solid #C5E1FF;
}
.cmn-newtab .nav li a{
    border: 1px solid #C5E1FF;
    margin-right: 7px;
    margin-bottom: -2px;
    font-family: 'Lexend Deca Regular';
    background-color: transparent!important;
    color: #000;
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
    position: relative;
    font-size:13px;
  }
    .cmn-newtab .nav li a:hover{border: 1px solid #C5E1FF;
        margin-right: 7px;
        margin-bottom: -2px;
        font-family: 'Lexend Deca Regular';
        padding: 10px 15px;color: #001D3D;
        border-radius: 4px 4px 0 0;background: #C5E1FF !important;}
    .cmn-newtab .nav li.active a{    color: #001D3D;
        border: 1px solid #C5E1FF;background-color: #C5E1FF!important;
        padding: 14px 18px;
        font-family: "Lexend Deca Regular";
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;}
        .cmn-newtab  .nav li.active a:hover{border: 1px solid #C5E1FF;}
        .cmn-newtab  .nav-tabs-custom>.nav-tabs{align-items: end;}
        .cmn-newtab  .nav li.active a:focus{border: 1px solid #C5E1FF;}
        /*  */
        .cmn-newtab .tabbable .nav li a {            margin-bottom: -5px;        }
        .cmn-newtab .tabbable .nav {            overflow: hidden;        }
.vsbd ul.checkbox-view-list li{width: 25%;
    float: left;}
    .gray-color{    color: #636363!important;}
    input[type=checkbox], input[type=radio] {
        margin: 4px 8px 0 0;}
        .add-grp-commision input[type=checkbox], input[type=radio] {
           margin: 14px 8px 0 8px;
           position: relative;
           top: 2px;
         }
            .add-grp-commision .form-group {
                margin-bottom: 23px;}
                .add-grp-commision .form-check label {
                    margin: 0 15px 0 0;
                }
                .radio-iss {
                    display: flex;
                    align-items: center;
                }
                .radio-iss label {
                    margin: 0 10px 0 0;
                }
                .common-new-popup .modal-body .radio-iss input[type=radio] {
                    margin-left: 0;
                    margin-top: 0;
                }


          .cmn-hght-form .form-control {height: 27px;border-radius: 0!important;}
          .cmn-hght-form  .input-group-addon{height: 27px;    padding-top: 4px!important;    border-radius: 4px 0px 0px 4px;}
          .cmn-hght-form  .inputbox-search-btn{    height: 27px!important;padding: 6px;border-radius: 0 4px 4px 0;}
            .sml-modal{    width: 370px!important;margin-right: 106px;}
            .lang-wrap {display: block; border-radius:3px; background:#fff;}
            .arrow-btn {color: #1B84E7;font-size: 14px;border: 1px solid;padding: 0px 10px;display: inline-block;margin: 0px 3px;border-radius: 5px;}
            .daterangepicker.opensright:before {
                left: auto;
                right: 9px;
            }
            .daterangepicker.opensright:after {
                left: auto;
                right: 10px;
            }
            /* calendar new css */
            .calndr-tp .fc-toolbar.fc-header-toolbar {margin: 0 0 10px 0;background: #ecf5fafc;padding: 10px;}
            .calndr-tp .fc-toolbar.fc-header-toolbar .fc-center h2{font-size: 16px;margin-top: 0;font-family: 'Lexend Deca Regular','Open Sans', sans-serif;}
            .calendar-page .fc-left .form-group {margin-bottom: 0;}
            .calendar-page .page-title-header select.form-control {border: 1px solid #ccc;border-radius: 4px;height: 27px;color: #000;}
            .calndr-tp .fc-toolbar.fc-header-toolbar .fc-left{position: absolute;top: -60px;right: 20px;}
            .calendar-page .calndr-tp .fc-left button{height: 32px; padding: 2px 10px;height: 28px;   box-shadow: none;border: 1px solid #2d82c3;color: #2d82c3;}
            .calendar-page .page-title-header{padding-top: 22px;}
            .calendar-page .fc button .fc-icon{margin: 0;}
            .calndr-tp .fc-view-container {                border: 1px solid #d3eaf8;                padding: 5px;}
            .calndr-tp .fc-view.fc-agendaWeek-view.fc-agenda-view, .calndr-tp .fc-view.fc-month-view.fc-basic-view, .calndr-tp .fc-view.fc-agendaDay-view.fc-agenda-view {border: 1px solid #d3eaf8;}
            .calndr-tp .fc-unthemed td.fc-today {background: #F4FBFF;}
            .calndr-tp th.fc-day-header.fc-widget-header {padding: 10px 0;background: #F4FBFF;}
            .calndr-tp .fc-widget-header:first-of-type, .calndr-tp .fc-widget-content:first-of-type{background: #ffffff;}
            .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{border-color: #D9EEFA;}
            .calndr-tp .fc-time-grid .fc-slats td {font-size: 15px;padding-top: 4px;padding-bottom: 4px;}
            .calndr-tp hr.fc-divider.fc-widget-header {display: none;}
            .calndr-tp .fc-day-grid.fc-unselectable {                border-bottom: 1px solid #D9EEFA;}
            .calndr-tp .calendar-left {                margin-top: -73px;            }
            .calndr-tp .calender-top-section li a{border: 1px solid #2d82c3;box-shadow:none;padding: 3px 15px;height: 28px;}
            .calndr-tp .calender-top-section li a i.fa{color: #2d82c3;font-size: 14px;}
            .calndr-tp .calender-top-section a.event-btn{top: 0;font-size: 12px;color: #1a85e7;}
            .calndr-tp .calender-top-section li .dropdown-menu a.dropdown-item{border: 0;}
            .calndr-tp .calender-top-section {padding: 15px 0px 25px 0;}
            .calndr-tp .datepicker td, .datepicker th{border-radius: 0;}
            .calndr-tp .calendar-bottom-section .cbs-box{margin: 0 0 0px 0;padding: 11px;border: 1px solid #d7e2ec;}
            .calndr-tp .calendar-bottom-section .dropdown ul{ top: 0;                margin-top: 10px;}
            .calndr-tp .calendar-bottom-section .cbs-box h3{font-family: 'Lexend Deca Regular','Open Sans', sans-serif;font-weight: normal;}
            .calndr-tp .cbs-box button i.fa{    font-size: 14px;padding: 2px 9px 9px 9px;border: 1px solid #1a85e7;color: #1a85e7;top: 0;}
            .calndr-tp button.btn.dropdown-toggle{position: absolute;top: -23px;}
            .calndr-tp .calendar-bottom-section .dropdown.open ul{min-width: 103px;    width: auto;right: 0;float: right;}
            .calndr-tp .calendar-bottom-section .dropdown ul.dropdown-menu li a{background: #1a85e7;border-radius: 3px;color: #fff;font-size: 10px;}
            .calndr-tp .calendar-bottom-section {                padding: 20px 4px;            }
            .calndr-tp .fc-scroller.fc-time-grid-container {                overflow: hidden;            }
            /* media */
            @media(min-width:2000px){
                .ticket-nw .tb-box {max-height: 55vh;}
            }
            @media(max-width:1600px){
                .dash-chart-main, .dash-table-main{overflow: auto;height: 440px!important;}
            }
.oncanvas .btn-submit.declined { color: #ff0000; background: transparent; border-color: #ff0000; text-transform: capitalize; }
.oncanvas .btn-submit.cancelled { color: #ff0000; background: transparent; border-color: #ff0000; text-transform: capitalize; }
.oncanvas .btn-submit.pending { color: #f39827; background: transparent; border-color: #f39827; text-transform: capitalize; }


.up-ovrdu #allctable_wrapper, #notesdata_wrapper{margin: 0;}
.set-full-widt{min-width: 74px;}

.resetfilter .date-pik .form-group .form-control{height: 26px;}
.resetfilter .date-pik .select2-container--default .select2-selection--single{height: 26px;}
.resetfilter .date-pik .inputbox-search-btn{height:26px!important; padding:6px;}
.resetfilter .date-pik .input-group-addon{padding: 0 5px !important;}
.resetfilter .date-pik .select2-container .select2-selection--single .select2-selection__rendered{font-size: 11px !important; margin-top: -8px;}
.resetfilter .date-pik .select2-container--default .select2-selection--single .select2-selection__arrow{top:-6px;}
.my-toaster {height: 100vh;width: 100%;background: rgba(0,0,0,0.3);top: 0 !important;display: flex;align-items: center;justify-content: center;left: 0 !important;right: 0 !important;}
.gsearch-box {
    background: #EBF5FB;
    padding: 15px;
    border-radius: 5px;
}
.gsearch-box h4{font-size: 16px;}
/* new sec CSS */
.listingpg .open-lead-inwrp{display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid #C5E1FF;    overflow: hidden;}
.listingpg .open-lead-inwrp .nav-tabs {   border-bottom: 1px solid transparent;display: flex;align-items: end;}
.listingpg .nav-tabs>li.active>a, .listingpg .nav-tabs>li.active>a:focus, .listingpg .nav-tabs>li.active>a:hover{color: #001D3D;background-color: #C5E1FF;border: 1px solid #C5E1FF;padding: 14px 18px; font-family:'Lexend Deca regular';}
.listingpg .nav-tabs>li>a:hover{color: #001D3D;background-color:#C5E1FF;border: 1px solid #C5E1FF;}
.listingpg .nav-tabs>li>a{
   border: 1px solid #C5E1FF;
   margin-right: 7px;
   margin-bottom: -1px;
   font-family: 'Lexend Deca Light';
   font-size: 13px;
}
.listingpg .nav-tabs>li{    margin-bottom: -6px;}
.new-view {color: #0076F5;font-size: 12px;padding: 10px 5px;display: flex;align-items: center;    margin-top: 6px;font-family: 'Lexend Deca Regular';}
.new-view svg{margin-right: 5px;}
.white-bg{background: #fff;}
.listingpg .wrapper-content table.dataTable{border-top-left-radius: 0!important;border-top-right-radius: 0!important;}
.listingpg .table>thead>tr>th:first-child{border-top-left-radius:0!important;}
.listingpg .table>thead>tr>th:last-child{    border-top-right-radius: 0px!important;}
.bd-top{border-left: 1px solid #C5E1FF;border-right: 1px solid #C5E1FF;}
.listingpg .main-filter .content {border-left: 1px solid #add8e6;}
.listingpg .acc-pg{border-left: 1px solid #add8e6;padding-bottom: 25px;border-bottom: 1px solid #add8e6;border-right: 1px solid #add8e6;padding-bottom: 25px!important;border-radius: 0 0 4px 4px;}
.listingpg .scroll-div2 .table-responsive{margin-left: -1px;}
.listingpg.wrapper-content table.dataTable{border-left: 0;    border-top-right-radius: 0;margin-bottom: 0!important;}
.listingpg .view-stng{border: 1px solid #74A3D5;padding: 0px 0px 0px 0px;border-radius: 4px;position: relative;width: 200px;height: 28px;}
.listingpg .view-stng a.d-flex.f-aic{    height: 100%;font-size: 11px;padding-left: 10px;    font-family: "Lexend Deca Regular";    color: #001D3D;}
.listingpg .view-stng a.d-flex.f-aic:after {content: '\f078';position: absolute;font-family: 'FontAwesome';font-size: 8px;top: 8px;right: 10px;}
.listingpg  .view-stng .top-options-check{top: 23px;box-shadow: none;border: 1px solid #74A3D5;border-top: 0;border-radius: 0 0 5px 5px;left: -1px;}
.listingpg .view-control-gearicon{height: 14px;}
.listingpg  .view-stng .top-options-check > ul > li > a{background-color: #ffffff!important;    padding: 5px 10px;border: 1px solid transparent!important;margin: 0;}
.listingpg  .view-stng .top-options-check > ul{padding: 7px 5px;}
.listingpg  .view-stng .top-options-check > ul > li > a:hover{background: #E5F3FC!important;border-radius: 5px;border: 1px solid #1B84E7!important;color: #1B84E7!important;}
.listingpg .view-stng.active {    border-radius: 5px 5px 0px 0;}
.listingpg .view-stng .top-options-check > ul > li > a .fa {    margin-right: 5px;    width: 12px;}
.listingpg table.dataTable.nowrap tr:last-child td {    border-bottom: 0;}
/* affiliate dashboard */
.dashboard-div {display: flex;margin-bottom: 20px;margin-top: 5px;}
.dashboard-div .dashboxdiv {width: 33.33%;border: 1px solid #85C3E9;border-radius: 10px;box-shadow: 0 0 4px 2px #C5E1FF;margin: 5px 10px;display: flex;flex-direction: column;padding: 10px 20px;}
.dashboard-div .dashboxdiv h4 {letter-spacing: 0em;text-align: left;font-weight: 400;font-size: 14px;}
.dashboard-div .innermaincontentdiv {display: flex;justify-content: space-between;height: 100%;margin-top: 15px;margin: 0;}
body .innermaincontentdiv>div {
    border-right: 1px solid #CAE7F9;
}
body .innermaincontentdiv>div:last-child {
    border-right: 0;
}
.dashboard-div .contentdiv {width: 33.33%;border-right: 1px solid #C5E1FF;padding: 5px 10px 0;    text-align: center;}
.dashboard-div .contentdiv:last-child {border-right: 0;}
.dashboard-div  .today {font-size: 14px;color: #000;}
.dashboard-div p {margin: 0 0 5px;    color: #858585;}
.dashboard-div .greendigits {color: #038900;font-family: Lexend Deca;font-size: 13px;font-weight: 300;line-height: 13px;letter-spacing: 0em;text-align: center;font-weight: bold;}
.dashboard-div .reddigits {color: #E41A1A;font-family: Lexend Deca;font-size: 13px;font-weight: 300;line-height: 13px;letter-spacing: 0em;font-weight: bold;}
.dashboard-div .fa-caret-up, .dashboard-div .fa-caret-down{margin-right: 4px;}
.fund-body.bd-top .wrapper-content {    padding: 0;}
.aff_newdeposite td a {    cursor: unset;}
/* email css */
.for-email.common-new-popup h3 {    background: transparent;}
.for-email.common-new-popup .input-group.input-file.fl-attach .form-control {border: 1px solid #ccc;position: relative;color: #fff;height: 0;opacity: 0;border-radius: 5px;}
.for-email.common-new-popup .input-group.input-file.fl-attach:after {content: 'Choose File';position: absolute;background: #fff;left: 0;right: 0;margin: auto;bottom: 0;height: 35px;width: 100%;color: #000;z-index: 1;border: 1px solid #1B84E7;border-radius: 5px;text-align: center;display: flex;align-items: center;justify-content: center;}
.for-email.common-new-popup .input-group .input-group.input-file.attach-file:after {content: 'Attach File ';position: absolute;background: #fff;left: 0;right: 0;margin: auto;bottom: -3px;height: 35px;width: 100%;color: #000;z-index: 1;font-size:11px;border-radius: 5px;text-align: center;display: flex;align-items: center;justify-content: center;}
.for-email.common-new-popup input.form-control{    border-radius: 0px;}
/* default email css */
.common-new-popup.default-email .modal-dialog{    width: 720px;}
.common-new-popup.default-email .main-table tr td img{    width: auto!important;max-width: 100%!important;}
.common-new-popup.default-email .main-table tr:last-child {display: block;}
.common-new-popup.default-email  .main-table tr:first-child td img {width: 250px!important;}
/*  */
.wallet-st-body {
    border-left: 1px solid #add8e6;
    border-right: 1px solid #add8e6;
    border-bottom: 1px solid #add8e6;
}
.wallet-st-body .table>thead>tr>th:first-child{border-left: 1px solid rgb(202,231,249)!important;}
.manual-wrap .manual-box {
    display: flex;
    align-items: center;
    padding: 5px;
    border: 1px solid #add8e6;
    margin-bottom: 5px;
}
.manual-box-p {
    font-size: 10px;
    margin: 0;
    padding: 3px 10px;
    border: 1px solid #add8e6;
    width: 150px;
    display: flex;
    align-items: baseline;
    justify-content: space-around;
}
.manual-box-p span {
    font-size: 14px;width: 75%;
    text-align: center;
}
.manual-box-p abbr {
    width: 25%;    color: #1B84E7;
}
.manual-wrap .manual-box .slash {    color: #1B84E7;
    font-size: 20px;
    margin: 0 15px;
}
.manual-amt {
    display: flex;
    align-items: baseline;
    background:#F0F9FF;
    border: 1px solid #add8e6;
    padding: 1px 10px;
    width: 160px;
}
.manual-amt .manual-api{border: 0;
    background: transparent;
    text-align: center;
    width: 80%;}
    .manual-amt p{    margin: 0;
        font-size: 10px;
        width: 20%;    color: #1B84E7;}
        .manual-amt.remove-bg {
            background: transparent;    border: 1px solid #1B84E7;
        }       
        .m-api input{margin-right: 3px;}
        .m-api input, .m-api label {
            cursor: pointer;
        }
        .status-dropd {
            display: flex;
            align-items: center;
        }
        .status-dropd p{margin: 0 10px 0 0;cursor: pointer;}
        .status-dropd .fa {
            font-size: 12px;cursor: pointer;        }
        .voipmanagment-status-dropdwn.status-dropd {
            gap: 0;
        }
        .voipmanagment-status-dropdwn.status-dropd select.form-control {
            padding: 2px 8px 2px 9px;
            height: 24px;margin-right: 8px;width: 83px;
        }
        .btn.btn-lg.btn-toggle.mailtogglebtn{position: absolute;right: 35px;}
        /* listing page on hover custom tooltip */
        .flex-wrap{
            display: flex;
            align-items: center;
        }
        .hovername {
            display: flex;
            align-items: center;
        }
        .shortname {
            height: 22px;
            width: 22px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #195A97;
            font-size: 10px;
            margin-right: 10px;
            position: relative;
            border: 1px solid #195A97;
        }
        body .shortname:hover{color: #154A69!important;}
        .hovername .shortname:before {
            content: '';
            position: absolute;
            height: 0;
            width: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 5px solid #154A69;
            top: -7px;
            left: 0;
            right: 0;
            margin: auto;z-index: 9;
        }
        .showhovername{display: none;}
        .hovername .showhovername {
            position: absolute;
            background: #154A69;
            top: -28px;
            left: -15px;
            margin: 0;
            padding: 4px 10px;
            color: #fff;
            border-radius: 2px;
            font-size: 10px;
            display: block;    z-index: 9;
        }
        .funding-request.other-settings .fund-top li a{width: auto;}
        .listingpg .acc-pg.pb-0 {
            padding-bottom: 0!important;
        }
        .table-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px;       border-top: 1px solid #d6e7fb;
        }
        .table-footer-left {
            display: flex;
            align-items: center;
        }
        .table-footer-left .pagination_dummy_div div.dataTables_paginate{float: none;}
        .table-footer-left .pagination_dummy_div div.dataTables_paginate .pagination{margin: 0;}
        /* Prop puls */
        .btn-readonly{border: 1px solid #1B84E7;
            padding: 0.4rem 1.3rem;
            display: inline-block;
            min-width: 110px;
            height: 27px;
            border-radius: 5px;
            background: transparent;
            font: 400 11px/1.5 "lexend deca regular";
            color: #1B84E7;}
            .grid-table-box {
                border: 1px solid #85C3E9;
                border-radius: 15px;
                padding: 15px 10px;
                background: #FAFCFE;
                margin-bottom: 25px;
            }     
            .grid-table-header {
                border-bottom: 1px solid #85C3E9;
                padding: 0 10px 10px;
            }
            .grid-table-header h4{
                font-family: 'Lexend Deca Regular','Open Sans', sans-serif;margin: 0;font-size: 15px;
            }   
            .grid-table-box p{
                margin: 0;font-size: 13px;
            }
            .grid-table-header p span {
                color: #888888;
                display: block;
            } 
            .grid-table-box .deposit_detailsuu {
                background: #ddd;
                color: #000!important;
                height: 26px;
                width: 26px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;margin: auto;float: right;margin-top: 10px;
            }
            .grid-table-box .deposit_detailsuu span{
                margin-top: -3px;
            }               
            .grid-table-body {
                display: inline-block;
                width: 100%;
                padding: 0px 10px 0;
            }
            .grid-table-body .inner-box {
                border: 1px solid #E3E3E3;
                padding: 15px;
                display: flex;
                background: #fff;
                height: 108px;
                margin-top: 15px;
            }
            .grid-table-body .inner-box-content {
                width: 75%;
            }
            .grid-table-body .inner-box-content h6 {
                margin: 0;
                font-family: 'Lexend Deca Regular','Open Sans', sans-serif;font-size: 13px;
            }
            .grid-table-body .inner-box-content h3 {
                font-family: 'Lexend Deca Regular','Open Sans', sans-serif;
                margin: 10px 0;
            }
            .grid-table-body .inner-box-icon {
                width: 25%;height: 100%;
                display: flex;
                align-items: center;
            }
            .grid-table-body .inner-box-content p{color: #858585;
                font-size: 11px;}

                .btn-pagination{
                    margin: 0;
                }
                .btn-pagination button {
                position: relative;
                float: left;
                padding: 6px 12px;
                margin-left: 3px;
                line-height: 1.42857143;
                color: #74A3D5;
                text-decoration: none;
                background-color: #fff;
                border: 1px solid #BDD3EB;
                border-radius: 50%;
                background-color: #fafafa;
    
            }  
            .btn-pagination button:first-child, .btn-pagination button:last-child {
                width: 36px;
                color: black!important;
                background-color: transparent!important;
            }  
            .btn-pagination button.active_page, .btn-pagination button:hover {
                color: #fff;
                background-color: #0058B8;
                border-color: #185BC3;
            }
            /* quick view */
            .popupclass .oncanvas-name {
                width: 53%;
            }
            /* listing quick view */
            .chal-box-body {
                box-shadow: 0 0 9px 1px #d7d7d7;
                border-radius: 10px;
                display: flex;
                flex-direction: column;
                height: 100%;
            }
            .chal-box .chal-box-top {
                background: #003B7A;
                padding: 10px 15px 17px;
                border-radius: 20px 20px 0 0;
                width: 80%;color: #fff;
            }
             .green-color {
                color: #038900;
            }
            .red-color{color: #FF2D2D;}
            .chal-box .chal-box-top h4 {
                font-family: 'Lexend Deca Regular','Open Sans', sans-serif;
                font-size: 18px;
                margin: 5px 0 6px;
            }
            .chal-box .chal-box-top p {
                margin: 0;
                font-size: 12px;color: #fff;
            }
            .chal-box .chal-box-step {
                box-shadow: 0px 9px 18px 1px #efefef;
                border-radius: 10px;
                padding: 7px 15px;
                margin-top: -7px;
                background: #fff;
                display: flex;
            }
            .chal-box .chal-data-wrap p {
                margin: 0;font-size: 10px;
                color: #8F8282;
            }
            .chal-box .chal-step-left {
                width: 60%;
            }
            .chal-step-left h5 {
                font-size: 18px;
                color: #1B84E7;
                font-family: 'Lexend Deca Regular','Open Sans', sans-serif;margin: 4px 0;
            }
            .chal-step-left p {
                font-size: 12px;
            }
            .chal-step-left p span {
                font-size: 11px;
                color: #8F8282;display: block;
            }
            .chal-box {
                display: flex;
                flex-direction: column;
                height: 100%;
            }
            .chal-box .chal-step-right {
                width: 40%;
            }
            .chal-box .chal-strip {
                background: #EFEEEE;    margin-top: 15px;
            }
            .chal-box .chal-strip p {
                font-size: 10px;
                padding: 5px 8px;
                text-align: center;margin: 0;
            }
            .chal-box .chal-data {
                padding: 8px;height: 100%;justify-content: space-between;
                display: flex;
                flex-direction: column;
            }
            .chal-data-flex{display: flex;flex-direction: column;justify-content: space-between;}
            .chal-box .chal-data-row {
                display: flex;
                border-bottom: 1px solid #e9e9e9;
                padding: 9px 4px;font-size: 12px;height: 64px;align-items: center;
            }
            .chal-box .chal-data-row:last-child {
                border-bottom: 0;
            }
            .chal-box .chal-data-title {
                width: 50%;
            }
            .chal-box .chal-data-wrap {
                width: 50%;
            }
            .chal-box .chal-data-wrap p strong {
                font-size: 18px;
                display: block;
                color: #424344;
            }
            .chal-data-footer {
                display: flex;
                justify-content: space-between;
                margin-top: 13px;
            }
            .blue-bg-btn {
                padding: 5px 11px;
                background: #E0F0FA;
                font-size: 11px;
                border-radius: 9px;
            }
            .circle-btn {
                height: 25px;
                width: 25px;
                background: #E0F0FA;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
            }
            .circle-btn span{margin-top: -3px;}
            #prop_pulse_traders_wrapper a.td-link {
                margin-left: 3px;
            }
            /* Prop puls End */

        .three-dots{
            position: relative;
        }
        .dot_fields{
            /* content:'\2026'; */
            position: absolute;
            top: -25%;
            right: 2%;
            height:30px ;
            font-size: 40px;
            /* background-color: white; */
            cursor: pointer;
        }
        .popfield{
            position: absolute;
            display: none;
            font-weight: bold;
            font-size: 16px;
            cursor: pointer;
            width: auto;
            top: 58px;
            right: 25px;
            z-index: 10;
            background: #fdf9f9;
            padding:10px;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            background: white;
        }
        .c_gray{
            color:#8d8d8d;
            font-weight:bold;
            font-size: 12px;
        }
        .c_gray:hover{
            color:gray!important;
        }
        #archiveacc input[type=checkbox]:checked{
            left:14px !important;
        }
        .svgfiltericon{
            height: 20px;
            width: 20px;
            /* margin-left: 4px; */
            padding: 4px;
            top: 11px;
            position: absolute;
        }
        .th-manager{
            display: inline-block;
            width: 90%;
            position: relative;
        }
        .svgfiltericon.tm {
            top: -2px;
        }
            /* vertical buton */
            .v-dots-btns{
                padding: 0;
                background-color: #0000;
                color:#5691C9;
                position: relative;
                border-radius: 6px;
                width: 21px;
                height: 25px;
                border: 1px solid #5691C9;
            }
            .v-dots-btns:before{
                content: "...";
                position: absolute;
                border-radius: 7px;
                bottom: auto;
                transform: rotate(90deg);
                left: 9px;
                right: auto;
                font-size: 24px;
                top: -5px;
            }
            .v-dots-btns:hover, .v-dots-btns:focus {
                color: #ffffff;
                border: 1px solid #5691C9;
                background: #5691C9;
            }
            .v-dots-btns + .dropdown-menu.dropdown-menu-right{
                min-width:auto;     
                -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
                box-shadow: 0 6px 12px rgba(0,0,0,.175);
             }
            .v-dots-btns + .dropdown-menu.dropdown-menu-right:after{
                position: absolute;
                content: "";
                width: 0;
                height: 0;
                border: 0 solid transparent;
                border-right-width: 8px;
                border-left-width: 8px;
                border-bottom: 8px solid white;
                right: 2px;
                top: -7px;
                fill: #FFF;
                filter: drop-shadow(0 0px 0 rgba(0, 0, 0, 0.50));
                z-index: 0;
            }
            .dropdown:has(> .v-dots-btns){
               margin-top: 10px !important;
               border: 0 !important;
               display: inline-block;
            }
            .listingpg table.dataTable.nowrap tr:last-child td .v-dots-btns + .dropdown-menu.dropdown-menu-right{bottom: 0; top: auto; right: 22px;}
            .listingpg table.dataTable.nowrap tr:last-child td .v-dots-btns + .dropdown-menu.dropdown-menu-right:after{border: 0 solid transparent; border-bottom-width: 8px; border-top-width: 8px; border-left: 8px solid white; right: -8px; top: auto; bottom: 0px;}

            /* parti-page */
            .parti-page .dataTables_wrapper {
               margin: 0;
            }
            .parti-page  .chk_boxes1 {
                opacity:0 !important;
            }
            .send_sms_icon .callbtn {
                padding: 0;
                margin: 0;
                border: 0;
                outline: 0;
                background: 0;
            }

            .risk_action,.risk_actionp,.risk_dynamice{
                display:none;
            }
            .cnserr,.addcnserror,.edtcnserror,.edtprcnserror{
                display: none;
                color: red;
            }
            .edit_del,.edit_delobj,.edit_delpt,.edit_deleval {
                display: none;
                flex-direction: column;
                position: absolute;
                bottom: 0px;
                background: white;
                right: 20px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            }
                   
            .btnss p,
            .btnssdelpartner p,
            .btnsspartner p,
            .btnssEvolcns p {
                margin: 0;
                font-weight: bold;
                color: black;
                padding: 3px 5px;
            }
            .chall_detailss .table_header{
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 0px 20px 0 0;
            }

           
            .title_err{
                display: none;
                color:red !important;
            }
            

            /* challenge detail */
            .challenge-detailed-data div#chlng_dtl_particip_length {
                display: none;
              }
             
              .challenge-detailed-data .fund-body.chall_detailss{
               border: 1px solid #C5E1FF;
               border-top: 0;
               padding: 15px;
             }
             .challenge-detailed-data .evaluation-top .form-control[disabled], .challenge-detailed-data .evaluation-top .form-control[readonly], .challenge-detailed-data .evaluation-top fieldset[disabled] .form-control {
               background: #f7f7f7;
               border: 1px solid #DDDBDA;
             }
             
             .challenge-detailed-data a.eva-edit{
                 margin-top: 28px;
                 display: inline-block;
             }
             .challenge-detailed-data .evaluation-tables .eva-table-box {
                 height: 100%;
                 border: 1px solid #85C3E9;
                 margin: 0;
                 padding: 17px;
                 border-radius: 5px;
             }
             
             .challenge-detailed-data.wrapper-content table.dataTable{
                border: 1px solid #E1EBF6;
                border-bottom: 1px solid #E1EBF6;    border-left: 0;
             }
             
             .challenge-detailed-data .evaluation-tables .row-flex>div {
                 margin: 0 0 22px 0;
             }
             .challenge-detailed-data .chall_detailss .table_header{padding:0;}
             
             .challenge-detailed-data .table_header h4 {
                 font-size: 14px;
                 margin: 0 0 12px 0;
                 font-family: 'Lexend Deca regular';
             }

             .recycle-pg.listingpg table tr th:first-child [type="checkbox"]+label:before {
               left: -3px;
            }
            .custom-modal .add-activities-modal-wrapper .form-group{width: 100%;border: 0;}
            .custom-modal .add-activities-modal-wrapper .form-group label {
                font-size: 12px;
                font-family: 'Lexend Deca Light';
                font-weight: 100 !important;
                color: #000;
            }

.mdc-label{
    padding-left:50px !important;
}
.bold{
    font-weight: bold;
}
.m15{
    margin:15px;
}
.que-tab{
    border:1px solid #C5E1FF;
    
}

.chatservice .chleft-top .nav-bottom.comn-srch{width:100%;}
.chatservice .chleft-top .nav-bottom.comn-srch .input-group{width: 100%;}
.chatservice .chleft-top .nav-bottom .input-group input.form-control{height:35px;}
/* Com center css */
.chatservice {    padding: 20px;}
.chatservice .chbox {border-radius: 13px;border: 1px solid #C5E1FF;background: #F3F4F8;padding: 15px;}
.chatservice .chleft-col{padding-right: 0;z-index: 9;}
.chatservice .chleft {border-radius: 13px 0px 0px 13px;background: #FFF;box-shadow: 4px 1px 18.3px 0px rgba(0, 0, 0, 0.10);height: 100%;}
.chatservice .chleft-top{
    border-radius: 13px 0px 0px 13px;
    background: #FFF;
    box-shadow: 4px 1px 18.3px 0px rgba(0, 0, 0, 0.10);
    padding: 20px 35px;
    display: flex; 
    align-items: center;
}
.chatservice .chright-col{padding-left: 0;}
.chatservice .chright{height: 100%;}
.chatservice .ch-circle {height: 42px;width: 42px;border-radius: 50%;    background: rgba(219, 232, 244, 0.71);    border: 2px solid #195A97;display: flex;align-items: center;justify-content: center;color: #195A97;text-transform: capitalize;position: relative;margin-right: 15px;text-transform: uppercase}
.chatservice .ch-status {height: 11px;width: 11px;border-radius: 50%;background: #039E13;position: absolute;right: 0;top: -2px;}
.chatservice .chleft-top-txt h3{font-size: 16px;color: #195A97;margin: 0 0 3px 0;}
.chatservice .chleft-top-txt p{margin: 0;font-size: 12px;}
.chatservice .chleft-chat {padding:15px 35px;}
.chatservice .chleft-chat h2{margin: 0 0 15px 0;font-size: 25px;color: #000;font-family: 'Lexend Deca Regular', 'Open Sans', sans-serif;display: none;}
.chatservice .chleft-body {padding: 0 25px 25px;    height: 60vh;overflow: auto;}
.chatservice .chleft-body ul {padding: 0;list-style: none;margin: 0;}
.chatservice .chleft-body ul li a{display: flex;border-bottom: 1px solid #F0F0F0;padding: 15px;align-items: center;transition: 0.2s ease all;text-decoration: none;width: 100%;}
.chatservice .chleft-body ul li a:hover, .chatservice .chleft-body ul li a.active {background: rgba(27, 132, 231, 0.16);}
.chatservice .chright-top ul li:first-child a.active {    background: #083c76;    color: #fff;}
.chatservice .chleft-body ul .ch-circle {background: #195A97;color: #fff!important;text-transform: uppercase;}
.chatservice span.ch-name {width: 54%;font-size: 16px;color: #195A97;}
.chatservice span.ch-timing {width: 33%;text-align: right;color: #000;}
.chatservice .chright-top {border: 1px solid #C5E1FF;background: #F9F9F9;border-left: 0;display: flex;align-items: center;padding: 10px;}
.chatservice .chright-top h4{margin: 0 20px 0;color: #000;font-family: 'Lexend Deca Regular', 'Open Sans', sans-serif;}
.chatservice .chright-top  ul{    padding: 0;list-style: none;margin: 0;    display: flex;align-items: center;padding-left: 15px;}
.chatservice .chright-top ul li {display: inline-block;}
.chatservice .chright-body {padding: 30px;display: inline-block;height: 66vh;    overflow: auto;width: 100%;}
.chatservice .chright-top ul li a {border-radius: 9px;border: 1px solid #C5E1FF;padding: 13px 20px;display: inline-block;margin-right: 7px;font-size: 16px;color: #000;text-decoration: none;display: flex;align-items: center;justify-content: center;transition: 0.3s ease all;height: 56px;}
.chatservice .chright-top ul li a span svg {margin: 5px 17px 0 0;}
.chatservice .chright-top ul li:first-child a {padding: 16px 20px;}
.chatservice .chright-top ul li a.chemail:hover, .chatservice .chright-top ul li a.chemail.active {background: #e5543e;color: #fff;border: 1px solid #e5543e;}
.chatservice .chright-top ul li a.chemail:hover path, .chatservice .chright-top ul li a.chemail.active path {fill: #fff;}
.chatservice .chright-top ul li a.chtelegram:hover, .chatservice .chright-top ul li a.chtelegram.active {background: #26A4E3;color: #fff;border: 1px solid #26A4E3;}
.chatservice .chright-top ul li a.chtelegram:hover path, .chatservice .chright-top ul li a.chtelegram.active path {fill: #fff;}
.chatservice .chright-top ul li a.chwhatsapp:hover, .chatservice .chright-top ul li a.chwhatsapp.active {background: #28B63E;color: #fff;border: 1px solid #28B63E;}
.chatservice .chright-top ul li a.chwhatsapp:hover path, .chatservice .chright-top ul li a.chwhatsapp.active path {fill: #fff;}
.chatservice .chright-top ul li a.chsms:hover, .chatservice .chright-top ul li a.chsms.active {background: #000;color: #fff;border: 1px solid #000;}
.chatservice .chright-top ul li a.chsms:hover path, .chatservice .chright-top ul li a.chsms.active path {fill: #fff;}
.chatservice .chrightbox {margin-bottom: 25px;position: relative;color: #000;width: 100%;display: inline-block; }
.chatservice .chrightbox .chrightbox-txt{max-width: 70%;width: fit-content;}
.chatservice .chrightbox-top {display: flex;align-items: center;justify-content: space-between;}
.chatservice .chrightbox-top h4 {border-radius: 9px 9px 0 0; padding:10px 25px 5px 25px; font-size:18px; text-decoration:none; display:flex; align-items:center; justify-content:center; transition: 0.3s ease all; background:#26A4E3; color:#fff; border:1px solid #26A4E3; margin:0 7px 0 0; position:relative;}
.chatservice .chrightbox-top h4:before {content: '';position: absolute;height: 0;width: 0;border-left: 0px solid transparent;border-right: 22px solid transparent;border-top: 19px solid #41a3de;bottom: -11px;left: -1px;}
.chatservice .chrightbox-top p {font-size: 12px; margin: 0;}
.chatservice .chrightbox-top h4 span svg {position: relative;}
.chatservice .chrightbox-wrap {border-radius: 12px;background: #FFF;padding: 0px;position: relative;z-index: 1;}
.chatservice .chrightbox.right .chrightbox-txt{float: right;}
.chatservice .chrightbox.right .chrightbox-wrap{background: #DAEAFA;}
.chatservice .chleft-chat .nav-bottom.comn-srch .input-group {width: 100%;height: 47px;}
.chatservice .chleft-chat .nav-bottom .input-group input.form-control{height: 42px;}
.chatservice .chleft-chat .glyphicon{color: #001D3D;}
.chatservice .chright-bottom {    padding: 15px 30px 0;}
.chatservice .sendmsg {border-radius: 12px;background: #FFF;padding: 15px 20px;display: flex;align-items: center;justify-content: center;width: 100%;position: relative;}
.chatservice .sendmsg-left {padding-right: 8px;position: relative;margin-right: 8px;display: flex;align-items: center;padding-top: 7px;}
.chatservice .sendmsg-left a {display: inline-block;padding: 0 4px;}.sendmsg-left a path{fill:#787878 }
.chatservice .sendmsg-left:after {content: '';position: absolute;height: 47px;width: 1px;background: #ccc;right: 0;bottom: -7px;}
.chatservice .sendmsg-body {width: 100%;display: flex;}
.chatservice .sendmsg-body input.form-control {border: 0;padding: 0 7px;}
.chatservice .sendmsg-body button{border: 0;background: linear-gradient(144deg, #1B84E7 15.24%, #195A97 89.55%);color: #fff;height: 32px;width: 33px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.chatservice .chlc{display: flex;    align-items: center;    width: 60%;}
.chatservice .chlt{width: 40%;        text-align: right;}
.__s__usr.dn {position: absolute;background: #fff;width: 100%;
    left: 0;
    top: 49px;
    z-index: 9;
    height: 50vh;overflow: auto;}
.__s__usr.dn li {display: flex;padding: 11px 0;border-bottom: 1px solid #efefef;}
.__s__usr.dn.chleft-body{padding: 4px;box-shadow: 0 0 13px 1px #ccc;}
.chatservice .__s__usr.dn.chleft-body ul li a{padding: 8px;}
.chatservice .whatsappbox .chrightbox-top h4 {background: #28B63E;border: 1px solid #28B63E;}
.chatservice .whatsappbox .chrightbox-top h4:before {border-top: 19px solid #28B63E;}

.chatservice .emailbox .chrightbox-top h4{background:#e5543e; border: 1px solid #e5543e;}
.chatservice .chrightbox-top.email h4{background:#e5543e; border:1px solid #e5543e;}
.chatservice .chrightbox-top.email h4 small{
   color: #fff;
   margin:-5px 0 0 10px;
}

.chatservice .emailbox .chrightbox-top h4:before{border-top: 19px solid #e5543e;}

.chatservice .messagebox .chrightbox-top h4{background: #000;border: 1px solid #000;}
.chatservice .messagebox .chrightbox-top h4:before{border-top: 19px solid #000;}
emoji-picker {
    position: absolute;
    left: 0;
    display: none;    
    max-height: 300px;
    overflow-y: auto;
    bottom: 67px;
    top: auto;
    z-index: 99;
    width: 415px;
    border-radius: 10px;
    box-shadow: none;
    border: 0px;
    background: transparent;
}
emoji-picker  .picker{border: 0;}
.ch-msg-count {
    width: 16px;
    height: 16px;
    background-color: #083c76;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    color: #fff;
    position: absolute;
    bottom: 7px;
    right: 12px;
}
emoji-picker .search-row{    padding-left: 10px;
    padding-top: 6px;}
emoji-picker input.search{border: 1px solid #ededed;padding: 5px 8px;}
.chatservice .chright-top span.ch-msg-count {
    background: #083c76;
    top: -5px;
    right: 0;
}
p.sender__name { position: absolute; top: 0; left: 0; background: #FFF; border-top-left-radius: 15px; padding: 0 15px; font-size: 12px;}
#all_chats .chrightbox-wrap {
    padding-top: 0px;
}
#all_chats .chrightbox-wrap p {    position: relative;
    margin-bottom: 0;    padding: 8px 20px;
}
#all_chats  p.sender__name {
    width: 100%;    background: #b0d6ff;
    
}
#all_chats .right p.sender__name {
    text-align: right;
}
#all_chats .chrightbox-wrap p.chattoggle {
    position: relative;
    display: block;
}
#all_chats .chrightbox-wrap p.chattoggle .someclass {
    position: absolute;
    right: 6px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
}
#all_chats  .chrightbox-wrap .content {
    padding: 4px 10px;
    font-size: 12px;margin-top: 5px;
}
#all_chats .chrightbox-wrap p.chattoggle .someclass.active .fa {
    transform: rotate(180deg);
}
.chats_web.active {
    background: #b0d6ff;
    border-color: #b0d6ff;
}
.chats_web:hover{
    background: #b0d6ff;
    border-color: #b0d6ff;
}
/* radio chat */
.sendmessage textarea.form-control {height: 90px !important;}
.socialradio {display: flex;margin-top: 10px !important;}
.telegramradio, .whatsappradio, .smsradio {position: relative;margin: 0 15px 0 0;cursor: pointer;width: 64px;text-align: center;}
.socialradio input {margin: 12px 12px !important;}
.socialradio label {position: absolute;height: 36px;width: 36px;border-radius: 50%;background: #F4F4F4;display: flex;align-items: center;justify-content: center;border: 1px solid #195A97;top: 0;right: 0;margin: auto;left: 0px;cursor: pointer;}
.socialradio label  span{display: flex;}

.smsradio.active label {border: 1px solid #000;background: #000;}
.smsradio.active label path {fill: #fff;}

.telegramradio.active label {border: 1px solid #26A4E3;background: #26A4E3;}
.telegramradio.active label path {fill: #fff;}

.whatsappradio.active label {border: 1px solid #28B63E;background: #28B63E;}
.whatsappradio.active label path {fill: #fff;}

.whatsappradio.active p, .telegramradio.active p, .smsradio.active p {font-family: 'Lexend Deca Regular';font-size: 13px;}
.telegramradio.active p{color: #26A4E3;}
.whatsappradio.active p{color: #28B63E;}

.socialradio p {font-family: 'Lexend Deca Regular';font-size: 12px;margin: 5px 0 0 0;}

body .approved-btn {
    color: #13AB2B !important;
    background: transparent;
    border-color: #13AB2B;
}
body .approved-btn:hover{background: #13AB2B!important;
    color: #fff !important;
    border-color: #13AB2B!important;}
    body .reject-btn {
        color: #ff0000!important;
        background: transparent;
        border-color: #ff0000;
    }
    body .reject-btn:hover {
        color: #fff!important;
        background: #ff0000!important;
        border-color: #ff0000!important;
    }
/* edit sury */
    .editsurvey-top {
        background: #F7FCFE;    padding: 15px 0;position: relative;
    }
    .editsurvey-top:before {
        content: '';
        position: absolute;
        height: 92%;
        width: 1px;
        background: #C5E1FF;
        left: 0;
        right: 0;
        margin: auto;
        top: 4%;
    }
    .btn-submit.remove-btn{    background: #dc3545;
        border-color: #dc3545;}
        .language-container {
            position: relative;
        }
        .language-container:before {
            content: '';
            position: absolute;
            height: 92%;
            width: 1px;
            background: #C5E1FF;
            left: 0;
            right: 0;
            margin: auto;
            top: 4%;
        }
        /*****Color Swither Box*******/
         .color-box{position:relative; margin-right:6px; display:none;}
         .color-box button{border: 0; position: relative;}
         .color-box button.blue{background: transparent; cursor: default;}
         .color-box  button.black{border-radius: 50%; background: #032244; position: absolute; right: 1px; top: 0px;}    
         .before-login .color-box{display: inline-block; margin: 15px 0 0 0;}
         .before-login .color-box  button.black{background: #003B7A;}
         .before-login .color-box .tooltp{top: 35px;}
         .before-login .color-box{margin-right: 0;}
         .dark-logo{display: none;}
         .color-box .tooltp{position: absolute; top: 30px; left: -30px; right: 0; width: 100px; height: 65px; background: #ffffff; border: 1px solid #e7e7e7; display: none;z-index:99;}
         .color-box:hover .tooltp{display: block;}
         .color-box .tooltp:before{content: '';position: absolute;height: 0;width: 0; border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #cecece; top: -6px; left: -7px;right: 0;margin: auto;}
         .color-box p{margin: 4px 0 0; font-size: 13px;}
         .color-box svg{margin-top: 3px;}
         .color-box:after{display: none!important;}
/*****Color Swither Box*******/
body .dashboxdiv{margin: 5px 0px;}
#edit_manager_modal .edit-footer {
    padding-left: 15px !important;
}
.pammdetail_pg .modalFilter [type="checkbox"]:not(:checked), .pammdetail_pg .modalFilter  [type="checkbox"]:checked{left: 14px;}
.pamm-createoffer .step-style{margin: 15px 0 15px 0;}
.pamm-createoffer .input-label{font-size: 12px;padding-left: 20px;}
.pamm-createoffer h4{margin: 4px 0;font-size: 15px;}
.pamm-createoffer #dynamic_link_row [type="checkbox"]:not(:checked), .pamm-createoffer #dynamic_link_row [type="checkbox"]:checked{left: 17px;}
.pamm-createoffer .step-style a {
    display: block;
}
.pamm-createoffer .step-style a:after {
    content: '\f078';
    position: absolute;
    font-family: 'FontAwesome';
    right: 5px;
    font-size: 10px;
    top: 3px;
}
.mm-config p, .mm-config li {
    font-size: 11px;
    margin: 2px 0;
}
.swich-btn .btn.btn-lg.btn-toggle{height: 25px; width: 50px; margin: 0 0 0 55px;}
.swich-btn .btn-toggle:after{left:60px; top: 0;}
.btn-toggle:before{left:-50px; top:0px;}
.dash-table-main.dashbox label {
    font-size: 16px !important;
    padding: 0 !important;
    margin: 3px 0 10px 10px !important;
    color: #000 !important;
}


#NotificationsDetails .top-options-check>ul>li>a:hover{border: 0!important;}
.viewinvestordetails .daterangepicker.opensright:before {
    left: 0;
    right: auto;
}
.viewinvestordetails .daterangepicker.opensright:after {
    left: 1px;
    right: auto;
}
.privilege_custom_modal_width .modal-dialog.modal-lg {
    width: 380px;
}
.cursor-pointer { cursor: pointer;}
.overflow-auto {
    overflow: visible !important;
}
.susses-messg-box {
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #ffffff00;
    top: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.susses-messg-box-wrap {   
    background: #2E844A;
    padding: 0px 15px;
    border-radius: 8px;
    color: #fff;
    width: 380px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;/* ALTCRM-2021 */
}
/* ALTCRM-2021 */
.susses-messg-box-wrap button{
    position: absolute;
    right: 5px;
    top: 5px;
    background: transparent;
    border: 0;
    outline: none;

    border-radius: 50%;
    border: 1px solid white;
    padding: 2px;
    height: 25px;
    width: 25px;
}
.susses-messg-box-wrap button:hover{
    background: transparent !important;
    border-color: white;
}
.susses-messg-box-wrap button:active{
    background: transparent!important;
}
.susses-messg-box-wrap button:focus{
    background: transparent!important;
}
/* ALTCRM-2021 */
.susses-messg-box .error-messg{
    background: #D63232;
}
.susses-messg-box-wrap img {
    height: 30px;
}
.susses-messg-box-wrap h3 {
    font-size: 20px;
}
.susses-messg-box-wrap p{margin: 0;}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
   padding-right: 40px;
}
.edit-lead-filter #activitydata .check-box-wrapp input[type="checkbox"]:disabled + label::before, .edit-lead-filter #activitydata .check-box-wrapp [type="checkbox"]+label:before {
    left: 12px;    color: #2F6FED;
}
/* preview icon css */
.priview-td{position: relative; padding-right: 35px !important;}
.priview-icon {
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #C5E1FF;
    border-radius: 3px;
    position: absolute;
    right: 17px;
    top: 6px;
    background: #EDF3FA;
    opacity: 0;
}
.priview-td.priview-td-hover .priview-icon {
    opacity: 1;
}
.priview-td .fullname {
    width: 86px;
    text-overflow: ellipsis;
    overflow: hidden;text-transform: capitalize;
}
.priview-td.priview-td-hover .fullname{width: 76px;    padding-right: 10px;}
.priview-td .fullname:hover {
    text-decoration: underline;
}
.priview-name {
    display: none;
    position: absolute;
    background: #154A69;
    top: -28px;
    left: -18px;
    margin: 0;
    padding: 4px 10px;
    color: #fff;
    border-radius: 2px;
    font-size: 10px;z-index: 9;
}
.priview-name:before {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #154A69;
    bottom: -4px;
    right: auto;
    left: 24px;
}
.priview-icon:hover .priview-name{display:block;color: #fff!important;}
table.dataTable.nowrap tr td.country-td .firstnametooltip {
    display: flex;
    align-items: center;
    justify-content: center;
}
tr td.country-td .hovername{display: block;}
.country-th {
    padding-right: 20px !important;
}
.username-th{width: 100px!important;}
.country-td .hovername .showhovername:before {
    content: '';
    position: absolute;
    bottom: -6px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #154A69;
    left: 16px;
    margin: auto;
}
.tab-content.clearfix.detail-tab-height {
    min-height: 320px;
}
.td-ac .tab-content #tradingacc .btn-submit.border-btn {
    margin: 0 0 15px 0 !important;
}
.modal .fields-display-box {
    width: auto;
}
/*.modal .fields-display-box .left-triangle{left:-19px;}*/
.modal .fdb-left select, .modal .fdb-right select{height: 282px;}
#showhidecol_modal2 .modal .fields-display-box .left-triangle {left: -40px;}
.ac-ib-date-pik .input-group .input-group-addon{border-color: #ccc;}
.ac-ib-date-pik .input-group .form-control{border-radius: 0; border-color: #ccc;}
.ac-ib-date-pik .inputbox-search-btn{
    border-radius: 0;
}
p.no-notes {
    text-align: center;
    padding: 3px 0;
}
/* NEW KYC CSS */
span.rejected {background: red!important;}
span.process{background: #1372AB!important;}
.newkyc-doc .upl {position: relative;width: 100%;background: #F4F4F4;border: 1px solid #DFDFDF;height: 32px;border-radius: 0px;cursor: pointer;font-size: 9px;left: 0;padding: 0px;}
.newkyc-doc .upl:after {content: 'Browse';position: absolute;left: 4px;padding: 4px 24px;background: #C4D2E7;top: 3px;font-size: 11px;border-radius: 3px;z-index: -1;}
.newkyc-doc .upl svg{margin-right: 5px;}
.newkyc-doc .form-inline .form-control {width: 100%;}
.newkyc-doc input[type=file] {    width: 100%;height: 31px;position: relative;}
.newkyc-doc .kyc-doc {border: 1px solid #C5E1FF;}
.newkyc-doc .pen-state {border-radius: 4px;background: rgb(126 126 126 / 54%);padding: 2px 10px;display: inline-block;font-size: 12px;color: #000;margin: 0 2px 0 4px;}
.newkyc-doc span.error_msg {position: absolute;left: 8px;bottom: -15px;font-size: 10px;color: red !important;}
.kyc-doc-uplod {padding: 15px;}
.kyc-doc-uplod-top {padding: 10px 10px 15px;border: 3px dashed #efefef;margin-bottom: 15px;}
.kyc-doc-uplod-footer ul {margin-top: 10px;}
.kyc-doc-uplod-footer ul li {display: inline-block;margin: 0 10px 0 0;font-size: 12px;}
.kyc-doc-datable{   overflow: auto;margin-top: 10px;}
.kyc-doc-datable .table>thead>tr>th:first-child {border-left: 1px solid #c5e1ff !important;}
.stat.cirlce {height: 9px;width: 9px;border-radius: 50%;background: #4EE76F;display: inline-block;margin-right: 3px;}
/* states */
.newkyc-doc  .pending-state{background: rgba(249, 218, 164, 0.54);color: #F59E0B!important;}
.newkyc-doc  .process-state{background: #D5EAFF;color: #1B84E7!important;}
.newkyc-doc  .approve-state{ background: #10B981;color: #fff!important;}
.newkyc-doc  .rejected-state{background: #EF4444;color: #fff!important;}
/* stated */
.newkyc-doc  .kyc-stats{font-size: 12px;margin: 0;}
.newkyc-doc  .kyc-stats a{border: 1px solid #CFCFCF;padding: 1px 4px;border-radius: 4px;cursor: pointer;}
.newkyc-doc .kyc-doc .row {margin: 0 0px;}
.newkyc-doc textarea.form-control, #negListScreenform textarea.form-control{height: 32px;}
.statusbtn {padding: 1px 7px;display: inline-block;border-radius: 4px;}
.kyc-doc-top {background: #FAFAFA;padding: 10px 5px;}
.pend-color{background: #f39827;color: #fff;}
.app-color{background: #30830d;color: #fff;}
.rej-color{background: #d00b0b;color: #fff;}
/* color buttons */
.btns{font-size: 11px;padding: 3px 10px;border-radius: 10px;display: inline-block;font-family: 'Lexend Deca Regular';}
.approve-btn, .approve-btn:hover{background: #10B981 ;color: #fff !important;}
.pending-btn, .pending-btn:hover{background: #EBA367;color: #fff !important;}
.decline-btn, .decline-btn:hover{background: #E41A1A;color: #fff !important;}
.cancel-btn, .cancel-btn:hover{background: #235a93;color: #fff !important;}
/* end new kyc css */
/* highlights header of column on which custom filter is applied upon */

.table>thead>tr>th.cust_filt_applied{background:#2d85e0; color:#fff !important;}
.table>thead>tr>th.cust_filt_applied svg path{stroke: #f9f7f7; stroke-width: 2;}
.table>thead>tr>th.cust_filt_applied.sorting_desc:before, 
.table>thead>tr>th.cust_filt_applied.sorting:after{color:#ffffff !important;}
 
/* ------------------------------------------------------------------ */
/* For datatable */
.pagination_dummy_div label {display: flex;align-items: center;}
.pagination_dummy_div label select {margin: 0 5px 0;}
/* New detail page */
.new-detail{padding-top: 52px!important;height: calc(100vh - 1px) !important;}
.ac-detail {display: flex;}
.ac-info {width: 25%;border-right: 1px solid #EAEAEA;}
.ac-info .ac-top-header {display: flex;    align-items: center;justify-content: space-between;padding: 15px;    border-bottom: 1px solid #EAEAEA;}
.ac-info .ac-top-content{display: flex;align-items: center;}
.ac-info .ac-top-content a{margin-right: 10px;}
.ac-info .ac-top-content .fa{font-weight: bold;font-size: 20px;color: #009493;}
.ac-info .ac-top-content h4{margin: 0;}
.ac-info .ac-arrow a {border: 1px solid;padding: 1px 8px;display: inline-block;border-radius: 4px;}
.ac-info .add-tag {padding: 10px 15px;display: flex;    justify-content: end;}
.ac-info .add-tag a {display: flex;align-items: center;text-transform: capitalize;}
.ac-info .add-tag a svg{    margin-right: 5px;}
.ac-header-top {display: flex;align-items: flex-start;padding: 0 15px;justify-content: space-between;}
.ac-header-top .short-name {height: 60px;width: 60px;background: #E4F1FF;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;margin-right: 25px;    border: 1px solid #dbecfd;}
.ac-header-top .short-name h3 {margin: 0;font-size: 20px;color: #003B7A;text-transform: uppercase;}
.ac-header-top .circle {position: absolute;top: 6px;right: 0px;height: 12px;width: 12px;}
.ac-header-top .ac-header-name h4 {white-space: nowrap;max-width: 230px;overflow: hidden;text-overflow: ellipsis;margin-top: 0;text-transform: capitalize;position: relative;padding-right: 15px;height: 21px;}
.ac-header-name .fa-pencil {font-size: 11px;}
.ac-header-top .ac-header-name h4 a{margin-left: 10px;position: absolute;cursor: pointer;right: 1px;display: none;}
.ac-header-name h4:hover a {display: inline-block;}
.ac-header-top button.btn.btn-primary {background: transparent;color: #000;border-color: #CACACA;font-size: 12px;cursor: text;}
.ac-header-top button.btn.btn-primary:focus{border-color: #eee;}
.ac-header-top button.btn.btn-primary:active{box-shadow: none;}
.ac-header-top button.btn.btn-primary span{    color: #009493;}
.ac-header-top button.btn.btn-primary span.accStatus {color: #000;}
.ac-header-top .btn .caret{color: #009493;}
.ac-header-top ul.dropdown-menu {width: 160px;font-size: 12px;}
.ac-header-icons {padding: 15px 0;display: flex;align-items: center;justify-content: space-around;}
.ac-iconsec {display: inline-block;margin: 0px 5px;width: 20%;}
.ac-iconsec a {display: flex;align-items: center;flex-direction: column;font-size: 12px;    color: #003B7A;}
.ac-iconsec span.icon-sec {height: 40px;width: 40px;background:#F6F8FA;border-radius: 50%;display: flex;align-items: center;justify-content: center;    border: 1px solid #c6d7ec;margin-bottom: 5px;transition: 0.1s ease all;position: relative;}
.ac-iconsec span.icon-sec:hover {background:#e8edf3;}
.ac-iconsec .dropdown.open span.icon-sec:after {content: "";height: 0;position: absolute;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 9px solid #235a93;left: 13px;bottom: -9px;}
.ac-iconsec i.fa.fa-circle {font-size: 5px;margin: 0 1px;}
.dropdown-detail .dropdown-menu>li>a {    color: #3f3f3f;cursor: pointer;white-space: break-spaces;padding: 3px 10px;font-size: 12px;}
.ac-header-flag span {display: flex;    align-items: center;}
.ac-header-flag span img {margin: 0 0 0 5px;}
.ac-update p {border-right: 1px solid #EAEAEA;padding: 0 15px;margin: 0;width: 33.33%;font-size: 11px;}
.ac-update p:last-child {border-right: 0;}
.ac-update {border-bottom: 1px solid #EAEAEA;padding-bottom: 15px;}
.ac-main-boday {    height: calc(100vh - 400px);overflow: auto;}
.ac-update p a{cursor: pointer;}
/* Affiliate detail new UI */
.ac-info .icon-wrp-sec{    width: 60px;text-align: center;margin-right: 10px;}
.ac-info .icon-wrp h4 {font-size: 14px;white-space: nowrap;max-width: 230px;overflow: hidden;text-overflow: ellipsis;margin-top: 0;text-transform: capitalize;position: relative;padding-right: 15px;height: 21px;margin: 0;}
.ac-info .icon-wrp h4 a{margin-left: 10px;position: absolute;cursor: pointer;right: 0px;display: none;font-size: 12px;}
.ac-info .icon-wrp h4:hover a {display: inline-block;}
.ac-info .icon-wrp {margin-top: 10px;}
.ac-detail label {font-size: 13px;}
.password-fnc {position: absolute;right: 0;bottom: 5px;display: flex;align-items: center;}
.password-fnc a {font-size: 12px;cursor: pointer;position: relative;}
.password-fnc a:first-child {margin-right: 0px;margin-bottom: -3px;}
.password-fnc a:first-child:after {content: '';position: absolute;height: 84%;width: 2px;background: #b9b9b9;right: -12px;top: -1px;display: none;}
.pass-eye:before {content: '';position: absolute;height: 16px;width: 1px;background: #000;top: -2px;transform: rotate(45deg);right: 6px;}
/* overflow css */
.ac-main-boday::-webkit-scrollbar, .ac-table-header::-webkit-scrollbar, .ac_auditlog_tab .ac-leadaudit-right-menu::-webkit-scrollbar, .ac-detail .table-responsive::-webkit-scrollbar, .ac-table-main::-webkit-scrollbar, .left-navigation::-webkit-scrollbar, .ac-table .tab-content::-webkit-scrollbar, .ac-right-middle .panel-group::-webkit-scrollbar, .tag-body::-webkit-scrollbar{width: 3px;}
.ac-main-boday::-webkit-scrollbar-thumb, .ac-table-header::-webkit-scrollbar-thumb, .ac_auditlog_tab .ac-leadaudit-right-menu::-webkit-scrollbar-thumb, .ac-detail .table-responsive::-webkit-scrollbar-thumb, .ac-table-main::-webkit-scrollbar-thumb, .left-navigation::-webkit-scrollbar-thumb, .ac-table .tab-content::-webkit-scrollbar-thumb, .ac-right-middle .panel-group::-webkit-scrollbar-thumb, .tag-body::-webkit-scrollbar-thumb {background: #003b7a; /* Color of the scrollbar thumb */border-radius: 5px;}
.ac-main-boday::-webkit-scrollbar-thumb:hover, .ac-table-header::-webkit-scrollbar-thumb:hover, .ac_auditlog_tab .ac-leadaudit-right-menu::-webkit-scrollbar-thumb:hover, .ac-detail .table-responsive::-webkit-scrollbar-thumb:hover, .ac-table-main::-webkit-scrollbar-thumb:hover, .left-navigation::-webkit-scrollbar-thumb:hover, .ac-table .tab-content::-webkit-scrollbar-thumb:hover, .ac-right-middle .panel-group::-webkit-scrollbar-thumb:hover, .tag-body::-webkit-scrollbar-thumb:hover {background: #555; /* Color on hover */}
.ac-detail .table-responsive::-webkit-scrollbar{height: 5px;}
.table-border-radius-0 .table>thead>tr>th:first-child {border-top-left-radius: 0 !important;}
.table-border-radius-0 .table>thead>tr>th:last-child {border-top-right-radius: 0 !important;}
.affiliate-detail-pg .ac-main-boday{height: calc(100vh - 290px);}
.affiliate-detail-pg .dataTables_wrapper{max-height: calc(100vh - 440px);overflow: auto;}
.affiliate-detail-pg table.dataTable.nowrap tr td:first-child, .affiliate-detail-pg table.dataTable.nowrap tr th:first-child {text-align: center;padding-right: 30px;}
.affiliate-detail-pg .ac-header-top .short-name {margin-right: 10px;}
.affiliate-detail-pg .ac-header-top .ac-header-name h4 {margin: 0;}
.affiliate-detail-pg .ac-update p {width: auto;}
.affiliate-detail-pg .ac-table-header{display: none !important;}
.affiliate-detail-pg .select2-container{z-index: 1111;}
/* overflow css end */
.ac-main-boday .btn.btn-info {background: transparent;border: 0;color: #000;border-top: 1px solid #EAEAEA;    border-radius: 0;display: flex;align-items: center;text-align: left;padding: 15px;    box-shadow: none;    text-transform: capitalize;}
.ac-main-boday .btn.btn-info svg{margin-right: 10px;}
.ac-main-boday li.active .btn.btn-info {color: #1B84E7;    border-left: 0;border-right: 0;    border-bottom: 0;    background: #eef3f9;}
.ac-main-boday li.active .btn.btn-info svg path{fill: #1B84E7;}
.ac-main-boday .active .collapse>ul{padding: 0 5px 15px 30px;}
.ac-main-boday .active .collapse>ul li > ul {padding: 0 5px 0 15px;}
.ac-main-boday .active .collapse>ul li a {padding: 6px 0;display: inline-block;font-size: 12px;position: relative;}
.ac-main-boday .active .collapse>ul li > ul li a {padding-left: 15px;}
.ac-main-boday .active .collapse>ul li > ul li a:before {content: '-';position: absolute;    left: 0px;font-size: 20px;top: -1px;}
/* .ac-main-boday .btn.btn-info.dropdownmenu:after {content: '\f078';font-family: 'FontAwesome';position: absolute;right: 15px;font-size: 10px;transition: 0.2s ease all;}
.ac-main-boday .btn.btn-info.dropdownmenu.active:after{    transform: rotate(180deg);}
.ac-main-boday .btn.btn-info.dropdownmenu.active.collapsed:after{    transform: rotate(0deg);} */
.ac-main-boday .btn.btn-info:hover{color: #1B84E7;}
.ac-main-boday .btn.btn-info:hover svg path{fill: #1B84E7;}
.ac-main-boday .btn.btn-info.active {color: #1B84E7;}
.ac-main-boday .btn.btn-info.active svg path{fill: #1B84E7;}
.ac-main-boday .active .collapse{display: block;}
/*  */
.ac-table-main table.dataTable {border-left: 0;border-radius: 0;border-right: 0;}
.ac-table-main .table>thead>tr>th:first-child{border-top-left-radius: 0px !important;}
.ac-table-main .table>thead>tr>th:last-child{    border-top-right-radius: 0px !important;}
/* tabs */
.ac-main-boday .nav-tabs>li{width: 100%;}
.ac-main-boday .nav-tabs li:first-child a{border-top: 0!important;}

.ac-table{width: 75%;padding: 15px 15px 0;}
.ac-table-header {border: 1px solid #DDD;padding: 15px 10px;border-radius: 3px;margin-bottom: 10px;    display: inline-block;width: 100%; /* height: 150px;overflow: auto; */}
/* .ac-table-header .ac-table-header-list {width: 25%;float: left;height: 32px;    padding: 0 7px;margin-top: 7px;} */
.voipstatus {display: flex;align-items: center;}
.ac-table-header p {margin: 0;display: flex;font-size: 11px;text-transform: capitalize;font-family: 'LEXEND DECA MEDIUM';    align-items: center;}
.ac-table-header p span{font-size:11px; font-family: 'Lexend Deca Light';     margin-left: 5px;text-transform: none;}
.ac-table-header .dropdown-toggle{    background: transparent;border: 0;border-bottom: 1px solid #009493;border-radius: 0;color: #000;padding:0; margin: 0 0 0 7px;width: 110px;font-size: 11px;display: flex;align-items: center;box-shadow: none;justify-content: space-between;}
.ac-table-header .dropdown-toggle:active, .ac-table-header .dropdown-toggle:focus{border-color: #009493!important;color: #000;}
.ac-table-header .dropdown-menu{min-width: 110px;left: 7px;max-height: 300px;overflow: auto;}
.ac-table-header .dropdown-toggle .caret{color: #009493;}
.voippswd p span{display: flex;align-items: center;margin: 2px 0 0 5px;}
.voipaccount p span, .voipaffiliate p span{margin: 0px 0 0 5px;}
.ac-table-top {    display: flex;align-items: center;   border: 1px solid #DDD;padding: 10px;border-radius: 10px;margin-bottom: 10px;}
.ac-table-top .widget {padding: 0 8px;border-right: 1px solid #D4D4D4;width: 16.66%;text-align: center;height: 44.2px;}
.ac-table-top .widget p {color: #616161;margin-bottom: 5px;font-size: 12px;}
.ac-table-top .widget-price p {color: #000;    font-size: 14px;font-family: 'Lexend Deca Regular';}
.ac-table-top .widget-price p span {padding: 1px 5px;display: inline-block;background: rgba(16, 185, 129, 0.21);border-radius: 12px;    font-size: 10px;margin-left: 8px;}
.ac-table-top .widget-price p span svg {margin-bottom: -2px;}
.ac-table-top .widget.fail .widget-price p span {background: rgba(228, 26, 26, 0.07);}
.ac-table-top .widget.fail .widget-price p span svg path {fill: red;}
.ac-table-top .widget:last-child{border-right: 0;}
#addnotes div#cke_1_contents{    border: 1px solid #d1d1d1 ! Important}
.ac-table .tab-content {border: 1px solid #DDD;border-radius: 5px 5px 0 0; position: relative;}
.ac-table .tab-content .ac-table-title {padding: 15px 10px 10px;height: 50px;}
.ac-table-main {height: calc(100vh - 360px);overflow: auto;padding: 0;}
.lead-detail-pg .ac-table-main {height: calc(100vh - 260px);}
.prop-detail-pg .ac-table-main {height: 100vh ;}

.lead-detail-pg .ac_auditlog_tab .ac-table-main {height: calc(100vh - 220px);}
.newtitle-heading{font-size: 15px;color: #003B7A;margin: 0;}
/* .ac-table-body .border-btn {border: 1px solid #ccc;height: 20px;width: 20px;    display: flex;align-items: center;justify-content: center;    border-radius: 4px;}
.ac-table-body .border-btn .icon-sec {display: flex;}
.ac-table-body .border-btn .fa-circle {font-size: 3px;margin: 0 1px;color: #003B7A;} */

.ac-right{width: 22%;    border-left: 1px solid #DFDFDF;}
.ac-right-top {padding: 15px;display: flex;align-items: center;justify-content: space-between;}
.ac-right-top p{margin: 0 0 0 2px;font-size: 10px;}
.ac-right-top .circle{margin: 0;}
.ac-right-top h4 {    font-size: 14px;    margin: 0;}
.ac-right-top .border-btn {height: 25px;width: 25px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid #c6d7ec;background: #F6F8FA;}
.ac-right-top .dropdown-menu{ left: auto;right: 4px;min-width: 90px;box-shadow: 1px 4px 5px 0px #c0c0c0;    top: 110%;background: #C4D2E7;}
.ac-right-top .dropdown-menu:after {content: '';position: absolute;height: 0;width: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #C4D2E7;top: -7px;right: 0;}
.ac-right-top .dropdown-menu li a:hover, .ac-right-top .dropdown-menu li a:focus{    background-color: #adbed9;}
p.owner {color: #949494;}
.ac-right-middle .panel-group{height: calc(100vh - 185px);overflow-y: auto;}
.ac-right-middle .panel.panel-default {border: 0;box-shadow: none;}
.ac-right-middle .panel-heading {background: transparent;background-color: transparent;padding: 0;border: 0 !important;}
.ac-right-middle .panel-heading a{padding: 10px 25px;}
.ac-right-middle .border-clr .panel-heading a{padding: 10px 0;}
.ac-right-middle .panel-heading .media-body {position: relative;}
.ac-right-middle .panel-heading .media-heading, .ac-right-middle .panel-heading .by-owner {display: none;}
.ac-right-middle .panel-heading p {margin-bottom: 0px;    font-size: 12px;}
.ac-right-middle .panel-heading span.circle {position: absolute;right: 0px;top: 5px;height: 12px;width: 12px;}
.ac-right-middle .border-clr .owner, .ac-right-middle .border-clr .by-owner, .ac-right-middle .border-clr .by-date{display: none;}
.ac-right-middle .border-clr .panel-heading .by-owner, .ac-right-middle .border-clr .panel-heading .media-heading{display: block;    }
.ac-right-middle .border-clr .panel-heading .media-heading{font-size: 14px;}
.ac-right-middle .panel-default>.panel-heading+.panel-collapse>.panel-body{    background: #F9F9F9;border: 0;border-radius: 15px;}
.ac-right-middle .panel-default>.panel-heading+.panel-collapse>.panel-body p{    color: #4F4B4B;margin: 0;font-size: 11px;}
.ac-right-middle .panel.panel-default.border-clr {padding: 15px 25px;border: 1px solid #539EE5;border-radius: 10px;}
.ac-right-middle .border-clr .panel-heading{padding: 0px;position: relative;}
.ac-right-middle .media-left{padding-right: 15px;}
.ac-right-middle .border-clr svg{width: 30px;height: 33px;}
.ac-right-middle {border-top: 1px solid #DFDFDF;padding: 15px;overflow-y: auto;}
.ac-right-tag {border-radius: 7px;background: #DEE7F6;padding: 20px;}
.tag-heading {margin-bottom: 20px;}
.tag-heading h4 {position: relative;display: inline-block;margin: 0;font-size: 14px;padding: 7px 20px;background: #fff;border-radius: 3px;}
.tag-heading h4:after {content: '';position: absolute;height: 0;width: 0;border-top: 14px solid transparent;border-bottom: 15px solid transparent;border-left: 14px solid #fff;right: -13px;top: 0;}
.tag-body p {display: inline-block;padding: 5px 20px;background: #C4D2E7;margin-bottom: 5px;border-radius: 3px;    text-transform: capitalize;    font-size: 12px;}
.tag-body {height: 100px;overflow: auto;}
/* ac notes */
.ac-notes h4 {font-size: 14px;margin: 7px 0 0;padding: 15px;   }
.acc-all-notes {padding: 5px 15px;max-height: 25vh;overflow: auto;}
.acc-all-notes-group {margin-bottom: 15px;}
.acc-all-notes-group h4 {padding: 0;margin-top: 0;margin-bottom: 10px;}
.acc-all-notes-group .box {background: #F6F6F6;border: 0;border-radius: 3px;padding: 5px 10px;box-shadow: none;margin: 0;}
.acc-all-notes-group .box h5 {font-size: 13px;}
.acc-all-notes-group .box p {font-size: 12px;}
.green-anchor {color: #009493;}
.ac-notes .green-anchor {padding: 5px 15px;display: inline-block;}
.acc-all-deposits-group {border-top: 1px solid #DFDFDF;padding: 4px 15px;margin-bottom: 10px;}
.acc-all-deposits-group h4 {padding: 15px 0;}
.acc-all-deposits-group .box {padding: 8px;background: #DEE7F6;border: 0;margin: 0;}
.acc-all-deposits-group .box h5 {font-size: 12px;}
.acc-all-deposits-group .box-top {background: #fff;border-radius: 5px;padding: 5px;text-align: center;}
.acc-all-deposits-group .box p {font-size: 12px;margin: 0;}
.acc-all-deposits-group .box p span {margin-left: 5px;}
.acc-all-deposits-group .box .box-body p {color: #595454;margin-bottom: 6px;}
.acc-all-deposits-group .box .box-body p span {color: #000;display: block;margin: 0;display: block;margin: 0;}
.acc-all-deposits-group .box-footer {background: no-repeat;padding: 0;border: 0;display: flex;margin: 0 -7px;}
.acc-all-deposits-group .box .box-footer p {margin-right: 10px;}
.acc-all-deposits-group .box .box-footer p:last-child {margin-right: 0;}
.acc-all-notes-group:last-child {margin-bottom: 0;}
.acc-all-deposits {height: 55vh;overflow: auto;}
.ac-notes {width: 18%;border-left: 1px solid #DFDFDF;}
.new-detail-notes .ac-info {width: 22%;}
.new-detail-notes .ac-table {width: 42%;}
.new-detail-notes .ac-right {width: 18%;    }
/* table COMM CENTER */
.ac-table-main .chatservice {padding: 0;}
.ac-table-main .chatservice .chright-body{height: calc(100vh - 540px);}
.lead-detail-pg .ac-table-main .chatservice .chright-body {height: calc(100vh - 410px);}
.ac-table-main .chatservice .chbox{border-radius: 0;    padding: 0 15px;border: 0;background:transparent;}
.ac-table-main .chatservice .chright-col{padding-right: 0;}
.ac-table-main .chatservice .sendmsg{box-shadow: 0 0 5px 1px #e5e5e5;padding: 10px 20px;}
.ac-table-main .chatservice .sendmsg-left:after{height: 36px;    bottom: 0;}
.ac-table-main .chatservice .chright-top ul li a{    font-size: 14px;    height: 40px;}
/* notes page design */
.ac-table-main .notes-wrap{display: flex;background: #F6F6F6;padding: 10px;margin-bottom: 5px;border-radius: 4px;}
.ac-table-main .notes-wrap h4{margin: 0 0 5px;font-size: 14px;}
.ac-table-main .notes-wrap p{    margin: 0;font-size: 12px;}
.ac-table-main .notes-wrap ul li{font-size: 12px;}
.ac-table-main .notes-wrap-left{width: 80%;}
.ac-table-main .notes-wrap-right{width: 20%;    text-align: right;}
.ac-table-main .notes-wrap-right p{    font-size: 11px;margin-bottom: 5px;}
/* audit log page */
.ac_auditlog_tab .ac-table-main {height: calc(100vh - 330px);}
.ac_auditlog_tab .wrapper-content {padding: 0;}
.ac_auditlog_tab .page-title-header {padding: 20px 10px 20px 5px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.ac_auditlog_tab .page-title-header h2{font-size: 15px;color: #003B7A;margin: 0;}
.ac_auditlog_tab .page-title-header ol.breadcrumb{display: none;}
.ac_auditlog_tab .daterangediv .input-group {border: 1px solid #74A3D5;border-radius: 5px;background: #fff;}
.ac_auditlog_tab .daterangediv .input-group .input-group-addon.showcalender {border: 0;border-radius: 5px 0 0 5px;position: relative;}
.ac_auditlog_tab .daterangediv .input-group .input-group-addon.showcalender:after {content: '';height: 60%;width: 1px;background: #74A3D5;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
.ac_auditlog_tab .daterangediv .input-group .form-control.dat-width {border: 0;padding-left: 5px;width: auto !important;padding-right: 5px;}
.ac_auditlog_tab .daterangediv .input-group button.btn-default {padding: 6px 12px 0 0;margin: 0;border: 0;min-width: auto;border-radius: 5px;font-size: 13px;}
.ac_auditlog_tab .daterangediv .input-group button.btn-default:focus {background-color: transparent;color: #2d82c3;box-shadow: none;}
.ac_auditlog_tab .daterangediv .input-group button.btn-default:hover {background-color: transparent;color: #000;}
.ac_auditlog_tab #date_filter {min-height: auto;}
.ac_auditlog_tab .leadaudit-right{width: 100%;background: #fff;display: flex;justify-content: space-between;width: 100%;}
.ac_auditlog_tab .filter_opt button{    background: #195A97;}
.ac_auditlog_tab .leadaudit-right-bottom button {background: transparent;border: 1px solid;color: #2872a7;font-size: 12px;padding: 5px 10px;border-radius: 6px;margin-bottom: 10px;}
.ac_auditlog_tab .leadaudit-right-bottom ul{position: absolute;right: 28px;z-index: 999;max-height: 350px;overflow: auto;background: #CCF8F8;border-radius: 10px 0 10px 10px;box-shadow: 2px 2px 3px 0px #a9a9a9;padding: 10px;border: 0;}
.ac_auditlog_tab .leadaudit-right-bottom ul li{border-bottom: 0;border-left: 2px solid transparent;padding: 10px 0 10px 0px;}
.ac_auditlog_tab .leadaudit-right-bottom ul li:hover {border-left: 2px solid #349192;background: linear-gradient(90deg, rgba(0, 148, 147, 0.19) 0%, rgba(0, 46, 46, 0.00) 100%);}
.ac_auditlog_tab .leadaudit-head:before {width: 2px;content: "";position: absolute;top: -32px;bottom: 0;background: #ffffff;left: 40px;z-index: -1;}
.ac_auditlog_tab .leadaudit-right-bottom button .fa {margin-left: 5px;}
.ac_auditlog_tab .leadaudit-left{padding: 0 15px !important;}
.ac_auditlog_tab .leadaudit-right ul li [type="checkbox"]:checked+label:before{border: 1px solid #424242;}
.ac_auditlog_tab .leadaudit-right-bottom ul li:before{display: none;}
.ac_auditlog_tab .leadaudit-right ul li [type="checkbox"]+label{padding: 0 20px 0 0;}
.ac_auditlog_tab .filter_opt{width: 80%;}
/* end audit log page */
/* td hover csss */
.ac-detail .priview-icon{right: 5px;}
.ac-detail .table-striped>tbody>tr:hover .priview-td .priview-icon, .ac-detail .table-striped>tbody>tr:hover .edit_delete{opacity: 1;}
.edit_delete_hover {position: relative;}
.edit_delete {height: 22px;width: 45px;display: flex;align-items: center;justify-content: center;border-radius: 3px;position: absolute;right: 0;top: 6px;opacity: 0;}
.edit_delete_th{width: 105px;}
.edit_delete_hover .edit-icon{font-size: 12px;margin-right: 5px;margin-top: -2px;}
.edit_delete path {fill: #000;}
/* Tooltip container */
.tooltip-hover {position: relative;display: inline-block;cursor: pointer;}
.tooltip-hover .dropdown-menu {padding: 0;    min-width: 140px;left: auto;right: 0;border: 1px solid #235a93;}
.ac-header-icons .dropdown-detail .dropdown-menu>li>a{text-align: right;color: #ff0000;padding: 5px 10px;font-size: 11px;border-radius: 4px;}
.ac-header-icons .dropdown-detail .dropdown-menu>li>a:hover{background-color: #e8edf3;}
.ac-header-icons .dropdown-detail .dropdown-menu>li>a .fa{margin-left: 10px;margin-right: 0;}
.ac-header-icons .ac-iconsec .dropdown-detail ul.dropdown-menu::after{left: auto;right: 28px;}
.tooltip-hover:has( .dropdown.dropdown-detail.open):hover .tooltip-text{visibility: hidden;opacity: 0;}
/* Tooltip text */
.tooltip-hover .tooltip-text {visibility: hidden;width: 100px;background-color: #154A69;color: #fff;text-align: center;border-radius: 5px;padding: 5px 10px;position: absolute;z-index: 1;bottom: 108%; /* Position above the element */left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s;font-size: 11px;text-transform: capitalize;}
/* Tooltip arrow */
.tooltip-hover .tooltip-text::after {content: "";position: absolute;top: 100%; /* Position arrow below the tooltip */left: 50%;transform: translateX(-50%);border-width: 5px;border-style: solid;border-color: #154A69 transparent transparent transparent;}
/* Show tooltip on hover */
.tooltip-hover:hover .tooltip-text {visibility: visible;opacity: 1;}
.ac-info .tooltip-hover:first-child .tooltip-text {left: 70%;}
.ac-info .tooltip-hover:first-child .tooltip-text:after {left: 37%;}
/* new select */
.select-wth-label {position: relative;display: flex;    padding-right: 10px;}
.select-wth-label label {color: #009493;}
.select-wth-label select.form-control {border-color: #727272;}
/* quick modal */
.quickview-modal {position: absolute;    right: -510px;transition: 0.5s ease all;}
.quickview-modal.active {right: 0;}
.quickview-modal-wrap{background: #fff;width: 500px;box-shadow: -2px -2px 5px 0px #ccc;height: calc(100vh - 57px);overflow-y: auto;}
.quickview-modal-header {display: flex;position: relative;}
.qmh-close {position: absolute;left: -9px;top: 9px;height: 18px;width: 18px;background: #083c76;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 11px;z-index: 9;}
.qmh-left {width: 70%;background: #CAE1FC;padding: 10px 15px;}
.qmh-right {width: 30%;background: #C4D2E7;padding: 10px 15px;}
.quickview-modal p {font-size: 12px;margin: 0;}
.quickview-modal label {font-size: 12px;color: #003B7A;}
.quickview-modal-header p {color: #003B7A;}
.quickview-modal-header p span {color: #000;margin-left: 4px;}
.quickview-modal-stats {background: #ECF5FF;padding: 10px;}
.quickview-modal-stats .select-wth-label{    align-items: center;width: 190px;margin: auto;}
.quickview-modal .quickview-modal-stats  label{    margin-right: 12px;margin-bottom: 0;}
.quickview-modal .select-wth-label select.form-control{    height: 27px;background-color: transparent;border-color: #b7b7b7;}
.quickview-modal-middle {border-bottom: 1px solid #EAEAEA;    display: inline-block;width: 100%;padding: 15px 10px;}
.quickview-modal-body {padding: 10px;}
.quickview-modal-body>p {font-size: 14px;margin-bottom: 10px;}
.qmb-card {padding: 15px 20px;background: #C4D2E7;border-radius: 8px;display: inline-block;width: 100%;}
.qmb-card .card-img {align-items: center;justify-content: center;}
/* quick modal end */
.edit-icon {margin-left: 5px;color: #235a93;}
/* dropdown action */
.action-dropdown ul.dropdown-menu {right: 0;left: auto;background: #CCF8F8;border-radius: 10px 0 10px 10px;box-shadow: 2px 2px 3px 0px #a9a9a9;padding: 5px 5px;}
.action-dropdown .dropdown-menu>li>a {border-left: 2px solid transparent;    padding: 5px 10px;}
.action-dropdown .dropdown-menu>li>a:hover, .action-dropdown .dropdown-menu>li>a:focus {border-left: 2px solid #349192;background: linear-gradient(90deg, rgba(0, 148, 147, 0.19) 0%, rgba(0, 46, 46, 0.00) 100%);}
/* border input feilds */
.border-input .form-control {border-top: 0;border-left: 0;border-right: 0;padding-left: 0;padding-top: 0;border-color: #494949;}
.border-input label {margin-bottom: 0;}
.border-input select.form-control{padding-left: 5px;}
.border-input .form-control:hover {color: #003B7A;}
.border-input .form-control[readonly] {background-color: transparent;}
.border-input .form-control:hover[readonly]{color: #555;background-color: transparent;}
/* sub tabular CSS */
.sub_tabular .nav-tabs.tabs-left {background: #EEF3FA;border-bottom: 0;}
.sub_tabular .nav-tabs.tabs-left a:after {content: '';position: absolute;height: 16px;width: 1px;background: #ccc;right: -3px;top: 0;bottom: 0;margin: auto;}
.sub_tabular .nav-tabs.tabs-left li a{padding: 10px 20px;}
.sub_tabular .nav-tabs.tabs-left li a:hover{color: #003B7A;background: transparent;border: 1px solid transparent;}
.sub_tabular .nav-tabs.tabs-left li:last-child a:after, .sub_tabular .nav-tabs.tabs-left li.active a:after {display: none;}
.sub_tabular .nav-tabs.tabs-left li.active a {border-radius: 0;color: #003B7A;background: #fff;}
.sub_tabular .nav-tabs.tabs-left li:first-child.active a {border-left: 0;}
.sub_tabular .nav-tabs.tabs-left li:first-child.active a:hover {border-left: 0;}
.sub_tabular .nav-tabs.tabs-left li.active a:hover{border: 1px solid #ddd;border-bottom-color: transparent;}
.ac-table .sub_tabular .tab-content {border-radius: 0;border-left: 0;border-right: 0;padding: 15px;}
/* editor text area issue  */
.edit_textarea_issue .cke_reset {width: 100% !important;  min-height: 200px;}
.kycdemo {margin: 10px 0;}
.kycdemo a {display: block;padding: 5px 10px 5px 35px;}
.kycdemo a:nth-child(2), .kycdemo a:nth-child(3) {padding-left: 50px;position: relative;}
.kycdemo a:nth-child(2)::before, .kycdemo a:nth-child(3)::before {content: '-';position: absolute;left: 40px;}
.btn.btn-lg.btn-toggle {padding: 0;position: relative;border: none;height: 1.5rem;width: 5rem;border-radius: 2.5rem;color: #6b7381;background: #bdc1c8;margin: 0px 71px;}
.btn-toggle > .handle {position: absolute;top: 0.2125rem;left: 0.3125rem;width: 1.875rem;height: 1.175rem;border-radius: 0.875rem;background: #fff;transition: left 0.25s;}
.btn-toggle.active {transition: background-color 0.25s;}
.btn-toggle.active > .handle {left: 2.8125rem;transition: left 0.25s;}
.btn-toggle:before,.btn-toggle:after {line-height: 2.5rem;width: 5rem;text-align: center;font-weight: 400;font-size: 1rem;position: absolute;bottom: 0;transition: opacity 0.25s;}
.btn-toggle:before {content: "Basic";left: -5rem;top: -5px;}
.btn-toggle:after {content: "Advance";right: -5.3rem;opacity: 0.5;top: -5px;}
.btn-toggle.active:before {opacity: 0.5;}
.btn-toggle.active:after {opacity: 1;}
.btn-toggle.btn-lg.active > .handle {left: 2.8125rem;transition: left 0.25s;}
.ac-table-header-list {display: flex;align-items: center;gap: 5px; padding: 8px 0;}
.ac-table-header-list a {cursor: pointer;font-size: 11px;}
.ac-table-header {display: grid; grid-template-columns: repeat(4, 1fr);}
.ac-main-boday .nav-tabs {display: flex;flex-direction: column;}
.ac-main-boday .first {order: -1;border-top: 0 !important;border-bottom: 1px solid #EAEAEA;}
.ac-main-boday .first a{border-top: 0 !important;}
/* notes tooltip */
.tooltip-hover .tooltip-text.toggle-notes-tooltip{bottom: 1px;left: -55px;}
.tooltip-hover .tooltip-text.toggle-notes-tooltip::after {left: auto;right: -9px;top: auto;bottom: 7px;transform: rotate(270deg);
}
.notes-toggle, .appointment-toggle {position: absolute;bottom: 0px;right: 5px;padding: 8px 8px 6px;background-color: #003B7A;color: white;border: none;cursor: pointer;border-radius: 10%;z-index: 999;    height: 35px;width: 35px;}
.appointment-toggle {bottom: 38px;}
.ac-right-middle .panel-heading input {opacity: 1;}
.markReadAppointment { position: absolute !important; left: 122px !important; top: 8px !important; }
.ac-table-main form span.error {position: absolute;top: 24px;right: 2px;}
/* .ac-header-icons .ac-iconsec ul.dropdown-menu::after {content: "";height: 0;position: absolute;top: -9px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 9px solid #e1e3e9;left: 25px;} */
@media (max-width:1550px) {
  .ac-table-header {grid-template-columns: repeat(3, 1fr);}
}
/* ALTCRM-2481-start */
.acc-sidebar .as-bottom ul li.sub-ac a{padding-left: 50px;    font-size: 12px;}
.acc-sidebar .as-bottom ul li.sub-ac a {
    position: relative;
}
.acc-sidebar .as-bottom ul.levellist li.sub-ac a {
    padding-left: 72px;
}
.acc-sidebar .as-bottom ul li.sub-ac a:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #C5E1FF;
    top: 0;
    left: 28px;
}
.acc-sidebar .as-bottom ul li.sub-ac a:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 20px;
    background: #C5E1FF;
    left: 28px;
    top: 15px;
}
.acc-sidebar .as-bottom ul.levellist li.sub-ac a:after {
    left: 49px;
}
.acc-sidebar .as-bottom ul.levellist li.sub-ac a:before {
    left: 49px;
}
.acc-sidebar .as-bottom ul li.sub-ac:last-child a:before {
    height: 50%;
}
.acc-sidebar .as-bottom ul li.sub-ac a .fa {
    position: relative;
}
.acc-sidebar .as-bottom ul li.sub-ac a .fa:after {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #C5E1FF;
    left: -26px;
    top: 6px;
}
.acc-sidebar .as-bottom ul li.sub-ac.dropdown-class a:before {
    height: 50%;
}
.acc-sidebar .as-bottom ul li.sub-ac.dropdown-class+.sub-ac a:before {
    height: 50%;
    top: auto;
    bottom: 0;
}

acc-sidebar{padding: 20px 10px 20px 0; position:relative;}
.sidebar-relative.resize .acc-sidebar {
    width: 0;
    overflow: hidden;padding: 0;
    margin: 0;
}
.acc-sidebar{padding: 20px 10px 20px 0; position:relative;}

.acc-sidebar .as-bottom {
    padding: 20px 0;
}

.acc-sidebar .as-bottom{padding:0 0 20px 0;}

.acc-sidebar .as-bottom button{
    width: 100%;
    background: #EBF5FB;
    color: #000;
    font-size: 15px;
    transition: 0.5s;
    border: 1px solid #CAE7F9;
    padding: 7px 10px 7px 20px;
    text-align: left;
    position: relative;
}
.acc-sidebar .as-bottom button a{color:#000000;}
.acc-sidebar .as-bottom button:hover, 
.acc-sidebar .as-bottom button:focus,
.acc-sidebar .open>.dropdown-toggle.btn-primary:hover{
    outline: none;
}

.acc-sidebar .as-bottom button .caret {
    float: left;
    position: absolute;
    top: 21px;
    left: 10px;
}

.acc-sidebar .as-bottom button i.fa{
    background: #1b84e7;
    padding:3px 5px;font-size: 11px;
    color: #fff;
    margin-right: 10px;
    border-radius: 100%;
}
.acc-sidebar .as-bottom ul{
    width: 100%;
	padding:0;
    transition: 0.5s;
}

.acc-sidebar .as-bottom ul.user-ac-board{
    border: 1px solid #CAE7F9;
    border-top: unset;
}
.acc-sidebar .as-bottom ul.open{display:block;}
.acc-sidebar .as-bottom ul li{padding: 0px 0;}
.acc-sidebar .as-bottom ul li a{display: inline-block; padding:5px 10px 5px 20px;color: #000;}

.acc-sidebar .as-bottom ul li.sub-ac a{padding-left: 50px;    font-size: 12px;}
.acc-sidebar .as-bottom ul li a .fa{
    background: #C5E1FF;
    padding: 3px 5px;font-size: 11px;
    border-radius: 100%;
    color: #313131;
	margin-right: 10px;
} 
.acc-sidebar .as-bottom ul li.active a{color:#1b84e7; font-weight: bold;}
.acc-sidebar .as-bottom ul li.active a .fa{background: #1b84e7}
.acc-sidebar .as-bottom ul li:hover {
   background-color: #EBF3F8;
}
/* ALTCRM-2481-end */
.trading-acc .ac-header-icons{display: block;padding: 0;}
.trading-acc .ac-iconsec.tooltip-hover {width: 41px;margin: 0 3px;}
.trading-acc .newtitle-heading{margin-right: 15px;}
.trading-acc  #tooltip_add_trade_acc {display: none !important;}
.trading-acc .ac-iconsec.tooltip-hover .icon-sec {background: transparent;border: 0;border-radius: 0;height: 30px;}
.trading-acc .ac-iconsec.tooltip-hover .icon-sec:after {content: '';position: absolute;height: 18px;width: 1px;background: #c6d7ec;right: -6px;}
.trading-acc .ac-iconsec.tooltip-hover:last-child .icon-sec:after{display: none;}
.trading-acc input[type=radio]{top: -3px;    cursor: pointer;}
.trading-acc .trading-acc-radio{height: 24px;}
.trading-acc th.tooltip-hover:hover .tooltip-text {visibility: visible;opacity: 1;bottom: -13px;left: 103px;    transform: none;left: 54px;width: 210px;}
.trading-acc th.tooltip-hover .tooltip-text::after {left: 0;top: 0px;}
.balance-amt p {color: #1b84e7 !important;}
.deposit-amt p{color: #10B981 !important;}
.withdrawal-amt p{color: #CB1818 !important;}
.checkbox-issue .modalFilter [type="checkbox"]:not(:checked), .checkbox-issue [type="checkbox"]:checked {top: 0;}
.checkbox-issue  [type="checkbox"]:not(:checked), .checkbox-issue  [type="checkbox"]:checked{    top: 0;left: -3px;opacity: 1;}
.new-acc-detail .daterangepicker.opensright:before, .new-acc-detail .daterangepicker.opensright:after{display: none;}
.new-acc-detail .table>thead>tr>th:first-child{border-top-left-radius: 0px !important;}
.new-acc-detail .table>thead>tr>th:last-child{border-top-right-radius: 0px !important;}
.ac-table .tab-content .edit_delete_th {padding: 0 70px 0 15px;}
.updateAccountInfoForm .tooltip-hover .tooltip-text {border-radius: 4px;border: 0.2px solid #E41A1A;background: #fedddd;color: red!important;width: 110px;    font-size: 10px;line-height: 10px;}
.updateAccountInfoForm .tooltip-hover .tooltip-text::after{    border-color: red transparent transparent transparent;}
.updateAccountInfoForm select.form-control {background: #fff url(../../images/select-arrow.png) no-repeat center right 15px;}
.updateAccountInfoForm .secondry_phone .tooltip-hover .tooltip-text {left: -60px;width: 150px;}
.updateAccountInfoForm .secondry_phone .tooltip-hover .tooltip-text:after {left: auto;right: 0;}
.ac-detail td.priview-td {display: block;width: 80px;}
.voipstatus .pending {background: transparent !important;color: #f39827 !important;}
.voipstatus .approved{background: transparent !important;color: #10B981!important;}
.voipstatus .rejected{background: transparent !important;color: #d00b0b!important;}
#monetary_transactions_content table.dataTable.nowrap tr:last-child td {border-bottom: 0;}
.ac-main-boday .dropdownmenu {position: relative;}
.ac-main-boday .dropdownmenu:after {content: '\f078';position: absolute;font-family: 'FontAwesome';font-size: 10px;right: 12px;}
.ac-table-main span.btns {width: 72px;text-align: center;}
.tooltip-hover .toggle-close-btn{display: none;}
.tooltip-hover .close-note{display: none;}
.tooltip-hover.active .close-note, .tooltip-hover .tooltip-text span:hover, .tooltip-hover.active .toggle-close-btn {display: block;    position: relative;bottom: 0px;    color: #fff !important;}
.tooltip-hover.active .note, .tooltip-hover.active .toggle-open-btn{display: none;}
.detail_togglebtns{    position: absolute;height: 75px;width: 42px;right: 2px;top: 48%;}

span.addaccerror , span.addwthderror , span.addwthderror:hover {
    position: absolute;
    right: 0;
    font-size: 11px;
    color: #f00 !important;
}
span.addaccerror{
    bottom: -16px;
} 
.fieldnametplist .list-group li:hover {
    cursor: pointer;
}

.withdtplistinp{
    position: sticky;
    top: 0px;
    z-index: 1;
}
.add-note.border-btm{
    border-bottom: 1px solid #DDDBDA;
}

.noscroll{
    overflow: hidden !important;
}
.modal span.error { color: #f00 !important; display: block; font-size: 12px; margin-top: 0; font-weight: 400; bottom:-26px;}

.newlyadded_ib {
    margin-left: 0.4rem;
    border-color: #337ab7;
}



/****edit-icon***/
.edit-icon {
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #C5E1FF;
    border-radius: 3px;
    position: absolute;
    right: 17px;
    top: 6px;
    background: #EDF3FA;
    opacity: 0;
    }
    .priview-td.priview-td-hover .edit-icon {
    opacity: 1;
    }
   
    .edit-icon:hover .priview-name{display:block;color: #fff!important;}
    .ac-detail .edit-icon{right: 5px;}
    .ac-detail .table-striped>tbody>tr:hover .priview-td .edit-icon, .ac-detail .table-striped>tbody>tr:hover .edit_delete{opacity: 1;}
    .edit-icon1{
        top: 1px;
    left: -18px;
    right: 0px;
    opacity: 1;
    }
    .notes-div{
        display: flex;
    }
    .latest-note {
        top: 5px;
        padding: 0;
        margin: 0;
    }
    
    .checkboxissue  .modal-body [type="checkbox"]:checked+label:before, .checkboxissue  .modal-body [type="checkbox"]+label:before {left: 0;}
    .checkboxissue  [type="checkbox"]:not(:checked), .checkboxissue  [type="checkbox"]:checked{position: absolute;top: 0;}
    .ab-check input#consent_confirm_delete_step_obj {position: absolute;left: 0;top: 0;}
    .reject-checkbox .modal-body [type="checkbox"]:checked+label:before, .reject-checkbox .modal-body [type="checkbox"]+label:before {left: 0;}
    .view-sections {
        overflow-y: hidden;
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        /* scrollbar-width: none; */
        -ms-overflow-style: none;
        /* padding-bottom: 4px; */
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    }
    .view-sections::-webkit-scrollbar {
        height: 2px;
    }
    .view-sections::-webkit-scrollbar-track {
        background: transparent;
    }
      
    .view-sections::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 10px;
    }
    .view-sections > li {
        flex: 0 0 auto;
    }
    .pamm-manager .btn-toggle:before, .pamm-manager .btn-toggle:after {top: 0;}
    .pamm-manager .btn.btn-lg.btn-toggle {margin-right: 8rem;}
    .wrapper-content.detailed_manager {padding-left: 75px;}
    .wrapper-content.detailed_manager .edit-leade-header .ah-left h2{font-size: 18px;}
    .wrapper-content.detailed_manager .lu-box a{font-size: 11px;}
    .wrapper-content.detailed_manager .light-blue-bottom .lbb-box h4{font-size: 13px;color: #000;}
    .wrapper-content.detailed_manager .light-blue-bottom .log-a-call-wrap .trading-details h4 {font-size: 14px;}
    .wrapper-content.detailed_manager .balance{font-size: 13px;}
    .wrapper-content.detailed_manager .balance-value {padding: 6px 8px;margin: 0 0 20px 10px;border: 1px solid green;}
    .wrapper-content.detailed_manager .btn-toggle:before, .wrapper-content.detailed_manager .btn-toggle:after{top: 0;}
    .wrapper-content.detailed_manager .td-ac .activity-tab .light-blue-bottom{margin: 0;}
    .wrapper-content.detailed_manager .log-a-call-wrap .trading-details h4 {font-size: 14px;}
    .offer-btn:hover, .offer-btn:focus {color: #fff;}

    #ticketinsertform input#attachment {border: #d3d3d3 1px solid;}
    .ticket-editor #ticketinsertform .media-body .btn-submit{    margin-left: 5px;}
    #ticketstatusDropdown li.dropdown ul.dropdown-menu{right: 0;}
    #allrecycletable .td-link i.fa.fa-envelope-o {margin-right: 7px;}
    .email-page-content .table-responsive.mailbox-messages {overflow-x: visible;}
    .pamm-manager-it .btn-toggle:before {left: -13rem;}
    .divtext .td-link {margin-right: 3px;}
    .translation-box h4 {margin: 7px 0;font-size: 15px;}
    .translation-box h5 {font-size: 12px;}
    .table-fix-header .dataTables_wrapper {max-height: calc(100vh - 307px);}
    .table-fix-header.table-fix-header-funnel .dataTables_wrapper {max-height: calc(100vh - 347px);}
    .table-fix-header .dataTables_wrapper .table thead th {position: sticky !important;top: 0;z-index: 2;}
    .DtAddCurrencies{border-right: 1px solid #add8e6 !important;}

    .crm-setting .dataTables_filter_new button {
        padding: 3px 15px;
    }
    
    .it .ac-right-top h4 {
        font-size: 11px;
        margin: 0;
    }
    .it .custom-modal .form-group {
        height: 40px;
    }
    .it .custom-modal .form-group p {
        margin: 0;
        line-height: 13px;
    }

    .ac-table-main .form-group span.form-control {
        line-height: 2.42857143;
    }
  .reservation-daterange{
    padding:0 10px 0 10px !important;
  }
  .restoretpaccbtn{padding-left:20px; padding-bottom:10px;}
  .restoretpaccbtn a{
    margin-left: 0;
    margin-bottom: 10px;
    border: 1px solid #1B84E7;
    padding: 5px;
    border-radius: 3px;
    font-size: 11px;
  }

  .restoretpaccbtn i{ 
    color: #1B84E7;
    
  }

#btable_paginate {
        margin-top:13px;
      }

      #btable_info {
        margin-top:13px;
      }

      .challenge-tree {
  list-style: none;
  padding-left: 20px;
  margin: 0;
  position: relative;
  /* Blue vertical line */
}

.challenge-tree li {
  position: relative;
  padding-left: 10px;
  cursor: pointer;
  margin: 12px 0;
  font-family: sans-serif;
  font-weight: 500;
}

.challenge-tree li::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 8px;
  width: 10px;
  height: 2px;
  background-color: #1B84E7; /* Horizontal branch */
}

.challenge-tree li:last-child::after {
  content: "";
  position: absolute;
  left: -2px;
  bottom: -12px;
  height: 12px;
  width: 2px;
  background: white; /* cut off the line after last item */
}

/* Highlight active item */
.challenge-tree .active {
  color: #1B84E7;
  font-weight: 600;
}

.risk-profile{
    border: 2px solid;
	border-radius: 40px;
	padding: 1px;
	font-size: 10px;
	width: 60px;
	text-align: center;
}
.text-gold {
    border-color:#FFD700;
}
.text-silver {
    border-color: #C0C0C0; 
}
.text-bronze {
    border-color: #CD7F32;
}
.text-platinum {
    border-color: #E5E4E2;
}
.text-diamond {
    border-color: #B9F2FF;
}
.challenge-info-box{
        display: flex;
    gap: 20px;
}