/* @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; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Lexend Deca Regular','Open Sans', sans-serif; } .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: 0px 25px;} .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: 5px; 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; } /***For Dropdown Hover***/ li.dropdown ul.dropdown-menu{box-shadow:rgb(163 163 163) 0px 2px 10px;border-radius: 5px!important;} li.dropdown:hover ul.dropdown-menu{} 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;} /******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 32px 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: 60px; } .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: 75px;} .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:12px 12px 12px 10px;background: #fff;} /*= 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: #EDF3FA; 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#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; } /**************/ .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: 14px; } /* 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; } 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; } .help-block.with-errors { color: #ff0000; 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:rgba(0,0,0,0.3) 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: "✔"; 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: 22px; border: 1px solid #1B84E7; border-radius: 30px; display: flex; align-items: center; justify-content: center; margin: 0 8px 0 0; padding-bottom: 2px; } .contact-info a{ color: #1B84E7; /* animation: zoom-in-zoom-out 2s ease-out infinite; */ } .contact-info a .fa-phone { margin-top: 4px; } .contact-info a .fa-envelope-o { } @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: #E9F3FF; } .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; content: ""; 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: 1050 !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; ;} .overview-footer{ /* padding: 20px 20px 10px 20px; */ /* border-top: 1px solid #ccc; */ } 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;} td .firstnametooltip .shortname span { right: -2px; bottom: -2px; bottom: -1px; border: 0; height: 9px; width: 9px; } 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); } .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: 17px; 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;} .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-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; } .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; 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{ font-size: 32px; color: #000; width: 18px; height: 18px; /* / border: 2px solid #1B84E7; / */ border-radius: 30px; display: flex; align-items: center; justify-content: center; margin: 0 0px 0 0; padding-bottom: 3px; /* / background: white; / */ position: absolute; right: 14px; top: 14px; line-height: unset; } .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; } #editwithdrawal_monetarytransac_modal.common-new-popup .modal-body div{box-shadow: none; padding: 0 5px 5px 5px;} #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;} .common-new-popup.for-change-satus{text-align: right;} div.dataTables_wrapper div.dataTables_processing{background: #fff;z-index: 9999;} /**********************/ .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;} /******/ .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: 13px; padding-left: 10px;} /************************/ .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: -14px;} .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: -25px;} .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; } .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:1px;} .select2-container--default .select2-selection--multiple{border-width: 2px;} .select2-container--open .select2-dropdown--belowx{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: 12px;padding: 0px 0 2px 25px;margin-bottom: 3px;} .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 5px 0;border: 0;} .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: 99; 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; } [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: #FFF; border:solid 1px #ccc; padding:0; position: absolute; z-index: 1001; } .modalFilter .modal-content{ max-height: 250px; overflow-y: auto; background: #fff; padding: 10px 0 10px 0; box-shadow: none; border-bottom: 1px solid #ccc; margin: 0 0 6px 0; border: 0; } .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:#FFF; /*height:35px;*/ /*padding-top:6px;*/ text-align:left;} .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:7px;} .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;} .action-icon-btn .icon.swaptype{background-position: -231px -487px; height: 23px;} .action-icon-btn .icon.swaptype:hover{background-position: -307px -487px;} .action-icon-btn .icon.resendemailb{background-position: -231px -448px; height: 23px;} .action-icon-btn .icon.resendemailb:hover{background-position: -307px -448px;} .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;} .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 li{display: flex; margin: 0 0 15px 0; padding: 0 15px 0 0;} .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: 3px; 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;} .label-warning-open{ color: red !important; font-weight: 400; } .label-warning-close{ color: green !important; font-weight: 400; } .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; } .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: 15px; color: #898989;} .email-page-content-left ul li a .fa{font-size: 15px; 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;} .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;} .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: 0 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: 15px;} .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;} .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; } /****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: 12px 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; } /******/ /******* 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; height: 269px; overflow-y: scroll; border-top: 0; } .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; } .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-submit, .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 #2d82c3; 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; } .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: 14px; color: #5b5b5b; } /* .............................................. */ /* oncanvas modal */ .oncanvas { position: fixed; top: 0; /* right: -630px; */ right: 0; width: 695px; 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; 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: 10px 0; border-bottom: 1px solid #ccc; } .oncanvas-card-sec { border: 1px solid #ccc; display: inline-block; margin: 30px 0 20px; width: 100%; position: relative;padding: 0 0 20px 0;border-radius: 5px 5px 0 0; overflow: hidden; } .oncanvas-card-sec .h3-title{ color: #14416C; background: #EBF3F8; margin: 0; border-bottom: 0.2px solid #d1e6ec!important; padding: 10px; font-size: 14px;} .oncanvas-cs { padding: 15px 0 15px; } .oncanvas-flex{display: flex; padding: 0 20px;} .card-detl, .card-cvv { width: 304px; position: relative;display:inline-block; margin: 0 5px; } .oncanvas .cvv-num{ right: 30px;} .oncanvas-card-detls { padding: 0 20px; } .oncanvas-grp{margin-top: 10px;} .oncanvas .btn-submit.approved { color: #13AB2B; background: transparent; border-color: #13AB2B; } /* utility */ .border-top{border-top: 1px solid #ccc;} .border-bottom{border-bottom: 1px solid #ccc;} .bordr-top{border-top: 1px solid #C5E1FF;} /* 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 { background: transparent; color: #001D3D; border-radius: 5px;font-family: "Lexend Deca Regular"; } .btn-submit.border-btn:hover { background: #2d82c3; color: #fff; 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: 17px; cursor: pointer; color: #14416C; border: 0; margin: 0 8px 0 0; font-weight: 700; } /* 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 */ .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;} 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;} .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: 36%;} .crct-canvas .crct-cntct{display: flex;align-items: center;width: 60%;} .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;} /* 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;} /* note-content: restore list styles stripped by global ul/li reset */ .note-content ul { list-style: disc !important; padding-left: 20px !important; margin: 4px 0 !important; } .note-content ol { list-style: decimal !important; padding-left: 20px !important; margin: 4px 0 !important; } .note-content ul li { list-style: disc !important; display: list-item !important; } .note-content ol li { list-style: decimal !important; display: list-item !important; } .note-content p { margin: 4px 0; } .note-content br { display: inline; } .note-msg { font-size: 14px !important; } .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;} /* view tp info */ .view-tp-inf .rl-box .new-icon, .view-tp-inf .lhr-box .new-icon {display: none;} /* 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 Light'; 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; 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: -50px;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: -63px; } .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 10px 15px 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: #f15c12; background: transparent; border-color: #f15c12; 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;} .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-family: 'Lexend Deca Light';font-weight: 400;font-size: 15px;} .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: 18px;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.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; } .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; } .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: 4px; 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 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:gray; font-weight:bold; font-size:14px; } .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: 7px 15px 3px;font-size: 16px;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 5px 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;} .chatservice .chrightbox-top h4 span svg {position: relative;} .chatservice .chrightbox-wrap {border-radius: 12px;background: #FFF;padding: 00px;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 .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 { margin-bottom: 0;position: relative;; 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; } .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;} .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; } #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; height: 100vh; width: 100%; z-index: 9999; background: #00000080; top: 0; display: flex; align-items: center; justify-content: center; } .susses-messg-box-wrap { text-align: center; background: #2E844A; padding: 45px 40px; border-radius: 8px; color: #fff; width: 280px; position: relative;/* 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 { margin: auto; } .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; } .kyc-c .border-box { border-radius: 0; font-size: 12px; height: 32px; display: flex; align-items: center; border: 1px solid #dadada; padding: 2px 20px 2px 12px; } #accordion-edit .border-box { overflow: auto; display: block; padding: 8px 20px 2px 12px; } .generalinfo { height: auto !important; } .kyc-c .border-box label { margin: 0; } .kyc-c .border-box .edit_pencil{position: absolute; right: 10px;} .kyc-c .form-group .form-control { margin-top: -32px; z-index: 1; position: relative; } .td-ac .app-ment .funding-request .fund-top li { width: auto; } .td-ac .app-ment .funding-request .fund-top li a{ font-size: 12px !important; color: #000 !important;} .td-ac .app-ment .funding-request .fund-top li.active a{ background: #c8e1fc !important;} .appo-wrap { padding: 15px 10px; border-bottom: 1px solid #dcdcdc; } .app-ment table tr:hover { background: none !important; } .appo-wrap .row { margin-left: -7px; margin-right: -7px; } .appo-wrap label { font-size: 11px; margin: 0; padding: 5px; border: 1px solid #ccc; width: 95px; display: flex; align-items: center; justify-content: center; } .appo-wrap p{margin: 0;} .appo-wrap img{margin-right: 5px;} .appo-boxwrap { background: #f5f5f5; padding: 8px 15px; margin-top: 10px; } .appo-boxwrap p{margin: 0;} .tabpane-form-body.no-padding.app-ment { padding: 20px 8px 0 !important; } .app-ment .fund-body .panel-body { height: 418px; overflow: auto; } .app-ment .fund-top li.active a:after{bottom: -2px;} .kyc-app .activity-tab .modal-dialog.d-inline { width: 320px !important; } .kyc-app .activity-tab .modal-dialog.d-inline .btn-submit.border-btn{margin-bottom: 0!important;} .success-btn { border: 1px solid #10B981 !important; color: #10B981; background: #ECFDF5; } .progress-btn{border: 1px solid #F59E0B !important; color: #F59E0B; background: #FFFBEB;} .faild-btn{border: 1px solid #EF4444 !important; color: #EF4444; background: #FEF2F2;} /* highlights header of column on which custom filter is applied upon */ .table>thead>tr>th.cust_filt_applied { background: #EDF3FA; } .fL { float: left;} .fR { float: right;} .common-new-popup .xxl-modal { width: 1280px !important; } .common-new-popup .xxl-modal .table>thead>tr>th { font-size: 12px; padding: 10px 5px;} .common-new-popup .xxl-modal table.dataTable.nowrap td{padding: 5px !important;font-size: 11px;} .tradinghistory_if_access1 .xxl-modal th:first-child { width: 80px !important; } /* 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: 160px; text-overflow: ellipsis; overflow: hidden;text-transform: capitalize; } .priview-td .fullemail { width: 160px; text-overflow: ellipsis; overflow: hidden; } .priview-td.priview-td-hover .fullname{width: 76px; padding-right: 10px;} .priview-td.priview-td-hover .fullemail{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; left: 0; right: 0; margin: auto; } .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: -38px;} .modal .fdb-left select, .modal .fdb-right select{height: 282px;} .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; } /* ------------------------------------------------------------------ */ .edit_textarea_issue .cke_reset {width: 100% !important; min-height: 200px;} /* 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: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; } .common-new-popup.modal-hht .modal-dialog.prefix-div .add-acc-drop-btn { height: 150px; } .common-new-popup.modal-hht .modal-dialog.prefix-div { position: absolute !important; display: flex !important; align-items: center; } .table-fix-header .dataTables_wrapper {max-height: calc(100vh - 372px);} .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;} #tooltipemail{ top:7px; } .mail-box-div { display: flex; align-items: center; gap: 10px; } .mail-box-subdiv{ flex:1; } .icon.eye-icon { width: 30px; height: 25px; background-image: url("../../images/sprite-proppulse.png"); position: absolute; top: 14px; left: 10px; background-position: -75px -615px; right: 6px !important; left: auto; top: 30px; } .eye-open .eye-icon{ background-position: -75px -664px; right: 4px !important; left: auto; top: 30px; } .modal-insidemodal::before {height: auto;} .modal-insidemodal .modal-dialog {width: 550px!important;}