@font-face{
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot') format('embedded-opentype'),
         url('../fonts/Helvetica.woff2') format('woff2'),
         url('../fonts/Helvetica.woff') format('woff'),
         url('../fonts/Helvetica.ttf') format('truetype'),
         url('../fonts/Helvetica.svg#Helvetica') format('svg');
}
@font-face{
    font-family: 'HelveticaBold';
    src: url('../fonts/HelveticaBold.eot');
    src: url('../fonts/HelveticaBold.eot') format('embedded-opentype'),
         url('../fonts/HelveticaBold.woff2') format('woff2'),
         url('../fonts/HelveticaBold.woff') format('woff'),
         url('../fonts/HelveticaBold.ttf') format('truetype'),
         url('../fonts/HelveticaBold.svg#HelveticaBold') format('svg');
}
/*Custom CSS Document*/
body{
  font-family: 'Helvetica'; 
  color:#555;
  background: #ecf3f8;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: '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 !important;}

/*= 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;}
/***For Dropdown Hover***/
li.dropdown ul.dropdown-menu{box-shadow:0 2px 4px -1px #09333c, 0 4px 5px 0 #09333c, 0 1px 10px 0 #09333c;}
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: 8px !Important; padding-left: 8px!Important;}

/*********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;} 
/*******  common css  ******/
.addintefund-pg .select2-container, .mergeaccount-header .select2-container{z-index: 0 !important;}
/*********mergeaccount-wrapp************/
.ac-error {
    position: absolute;
    font-size: 11px;
    color: #f00;
}
/*** Language Css ****/
.swich-language { padding: 0; position: relative; cursor: pointer; margin-left: 10px; }
.lang-dropdown-wrapper { padding: 0 10px 0 5px; width: auto; }
.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; 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: 0; right:0; z-index: 1; margin-top: 30px; 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);}
.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; }
/*** 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;
}
.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: 'HelveticaBold';
	}
.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; 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; }
li.dropdown.notifications-menu { padding-right: 5px; }
/*= Sidebar Menu ======*/
.treeview-menu { padding-left: 0; border-left: 3px solid; }
.wrapper-content{padding:12px 12px 12px 10px;}
/*= Footer  ======*/
.main-footer{
    border-top: 0;
    text-align: center;
    position: relative;
    width: 100%;
    bottom: 0;
    padding: 10px 0 10px 0;
    font-size: 12px;
}
/*= 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; padding:10px 0px 10px; 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: 'HelveticaBold';    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:8px 15px;}
.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: 13px; padding:11px 13px 5px 13px;}
div.dataTables_paginate{border-top:0; padding: 1px 0 0 1px !Important; float:left;}
.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.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: #ccc;
    width: 1px;
}

table.org-table.dataTable.nowrap td:last-child a:first-child:before {
    content: "";
    position: absolute;
    left: -16px;
    top: -7px;
    bottom: -6px;
    background: #ccc;
    width: 1px;
}

/****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: 600; 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:20px 25px 20px 25px;
    border-bottom: 0px solid #d8d8d8;
    position: relative;
    background: #1a5a98;
    color: #fff;
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
}
/*.modal-header:after{display: block; width: 100%; height: 2px; position: relative; left: 0; right: 0; bottom: -17px; margin: 0 auto; }*/
.modal-header .close{
   margin-top: 0;
   background: transparent;
   opacity: 1;
   text-shadow: none;
   padding: 0 7px;
   font-size: 20px;
   font-weight: normal;
   color: #ffffff;
   position: absolute;
   right: 4px;
   top: 4px;
}
.modal-title{font-weight:600; font-size: 17px; margin:0 0 5px 0; color: #f9f9f9; padding:0;}
.modal-form-footer{padding: 20px 0px 0px;}

.customfilter .modal-dialog{width:380px;}
.customfilter .modal-body{padding:0;}
.customfilter-top{padding:20px;}
.customfilter-middle{padding:0 20px;}
.customfilter-bottom{padding:25px 20px; 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;
	/*
	position: absolute;
    left:0;
    top: 17px;
	*/
    font-size: 12px;
	z-index: 999;
}
ol.breadcrumb li, ol.breadcrumb li a{font-size: 12px; text-transform:capitalize; color:#88bbe8;}
ol.breadcrumb li.active{color:#fff;}
.breadcrumb > li + li::before { content: "/"; padding: 0 6px 0 6px; font-weight: 400; color:#88bbe8;}

/*** Form fields *************************************/
.form-group { margin-bottom: 17px; position: relative;}
.form-control { border-radius: 0; border-color: #d3d3d3; font-size: 13px; vertical-align: top !important; height: 30px; 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;   }
.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; }

.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: 1040; 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 .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 .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;
}

.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: "close";
    bottom: 0;
    color: #8ed6b1;
    font-size: 15px;
    background: #ecfbf4;
    border: 0;
    font-family: 'Helvetica';
    font-weight: normal;
}


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

.pop-msg-wrap.success-msg .pop-msg-container .panel .panel-body p:before {
    content: "Succes!";
    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:10505;}
.form-group.has-error .help-block { position: absolute; font-size: 11px; margin:0;}
/** 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: 'HelveticaBold';}
.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;}
.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; }
/************************/

.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: 'HelveticaBold';
}
.graph-table-header-box-inner-button .box-title > .fa{font-size: 28px; vertical-align: middle; color: #1b84e7; display: none;}

.show-text{text-transform:uppercase; font-size:13px; margin-right:3px; color:#000;}

.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{    padding-bottom: 15px;    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: 'HelveticaBold'!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; }
.tx-danger { color: #dc3545; }
.tx-success { color: #23BF08; }
.pop-txt-msg i { font-size: 85px; }
.pop-txt-msg h4 { font-size: 35px; font-weight: 600; 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; }
/**************************************************************************************/
.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: 600;
    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: 600; 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: 'HelveticaBold';}
.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:35px;}
.leadaudit-left .leadaudit-box{
    position: relative;
    padding: 8px 20px 8px 75px;
    box-shadow: 0 1px 6px #bdbdbd;
    margin: 0 0 30px 0;
    z-index: 99;
    background: #f6f7f9;
    border-radius: 4px;
}
.leadaudit-left .leadaudit-box:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 20px;
    width: 40px;
    height: 40px;
    border-radius: 60px;
    padding: 0;
    background: url(/images/new-sprit.png);
    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: 18px;
    font-weight: bold;
    color: #202020;
    background: #f7f7f7;
    padding: 7px 10px 0 10px;
}
.leadaudit-left .leadaudit-box p{
    margin: 0;
    background: #f7f7f7;
    padding: 0 10px 3px 10px;
}
.leadaudit-left .leadaudit-box p span{font-size:14px; 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-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: 600; text-transform: uppercase;}
.leadaudit-right h4{
    font-size: 15px;
    font-weight: 600;
    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/new-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%;
}
.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;    color: #1a85e7;}
.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;
}




/******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;
    top: 5px;
    left: -6px;
}
.custom-modal .modal-content{border-radius; 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 !important;
    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: #fff; background: #6c757e;text-decoration: none;outline: none;border: 1px solid #fff;}
.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:20px;
    margin:0 15px 0 0;
    color: #fff;
    overflow: hidden;
    text-decoration:none;
    display: flex;
    align-items: center;
    position: relative;
    text-transform: capitalize;
    font-weight: 600;
    padding: 5px 0;
}
.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:'HelveticaBold';}
.custom-modal .form-group p{margin:0;}
.custom-modal .form-group{margin:0;}
.custom-modal .form-group{
    padding: 10px 23px 10px 25px !important;
    margin: 0;
    font-size: 13px;
    text-align: left;
    width: 50%;
    float: left;
}
.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:0;
    padding-bottom:15px;
    padding-left: 0;
    padding-right: 0;
}
.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{left: 19px!important;    border-top-color: #00255a;}
.lead-pg  .tooltip-inner{background-color: #00255a;border-radius: 3px;    padding: 4px 12px;}
.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 a{
    width: 27px;
    height: 27px;
    border: 1px solid #fff;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px 0 0;
	color: #fff;
}
.contact-info a:hover{color:#fff;}
.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:#15416a; color: #fff; padding: 12px 15px; display:flex;}

.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: 45%;
    font-size: 13px;
    color: #ebebeb;
    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:15%;
  text-align: right;
  padding-left: 0;
  display: block;
}

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

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

.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: 16px;
    margin: 0 5px 0 0;
    position: relative;
    top: 0px;
	color: #fff;
}

.dark-top-info .dti-box .fa-pencil {
    font-size: 10px;
    float: right;
    top: 4px;
    position: relative;
    right: 0;
    margin-left:5px;
    cursor: pointer;
}

.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: 30px;}
.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;}
/*.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: 600;    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: 19px;}
.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;}
/* *******************    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: 0px 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;}
/* *********************     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: 'HelveticaBold';    margin-top: 0;}
.chat-post h2 span{font-size: 12px;    color: #000;    font-family: 'Helvetica';    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: #666666;   font-family: 'Helveticabold';}
.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: #1a5a98;}
.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: 10px;}
.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{
    position: absolute;
    background: #22d751;
    top: 2px;
    height: 17px;
    width: 17px;
    border-radius: 30px;
    right: -1px;
    border: 1px solid #1b84e7;
}
.offline-status{
    position:absolute;
    background:#ffba00;
    top: 2px;
    height: 17px;
    width: 17px;
    border-radius: 30px;
    right: -1px;
    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;
    top: 10px;
    height: 12px;
    width: 12px;
    border-radius: 30px;
    right: -10px;
    border: 1px solid #e6e3dc;
}
.online-status{background:#06bc39;}
.offline-status{background:#ffba00;}
ul.next-priv-btn{float:right; margin-left: 12px;}
ul.next-priv-btn li a{color:#565656;}

.activity-header-bottm {
    background: #d0e5f8;
    padding: 22px;
    margin: 0;
    display: block;
    border-radius: 0 0 4px 4px;
}
.header-bottm-box {
    padding: 6px;
    float: left;
    margin: 0.8%;
    width: 10.9%;
    background: #fff;
    box-shadow: 0 2px 5px #a5a0a0;
    border-radius: 5px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 6px 6px 11px -6px #55728d;
}
.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: 'Helvetica';
    display: flex;
} 

.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: 'Helvetica';
    font-size: 15px;
    margin:0 0 4px 0;
}
.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;
}


/***************/
.light-blue-bottom{
   background: #e9f3fc;
   padding: 20px 0;
   display: flex;
   margin: 0 0 15px 0;
}
.light-blue-bottom .lbb-box {
    width: 20%;
    float: left;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
}

.light-blue-bottom .lbb-box h4 {
    margin: 0 0 3px 0;
	color: #6c6b6b;
    font-size: 15px;
	font-weight:bold;
}

.light-blue-bottom .lbb-box span {
    font-size: 13px;
}

.light-blue-bottom .lbb-box:after {
    position: absolute;
    content: "";
    right: 0;
    height: 100%;
    width: 1px;
    background: #77a3cf;
}

.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;
}

/*********edit-leade-header************/
.edit-leade-header{
    background-color:#1a5999;
    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;
    background-color: #0ac742;
    height: 55px;
    width: 55px;
    margin: 0 15px 0 0;
    border: 1px solid #fff;
}
.edit-leade-header .ah-left h2{margin:0 0 7px 0; color:#fff; text-transform: capitalize; font-size: 22px; font-weight:600;}
.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: #3c73aa;
    display: flex;
    margin-right: 20px;
    color: #fff;
    font-size: 13px;
}
.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;
}
.lhr-box h4.owner-name span:last-child {
    font-size: 12px;
}

.next-previous{padding:4px 20px 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;}

.edit-leade-header-bottom{
   background:#15426c;
   color: #fff;
   height: 45px;
   display: flex;
   align-items: center;
   padding: 13px 38px;
   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:first-child{padding-left:0;}
.edit-leade-header-bottom .left-ul li:last-child:after{
	content: "";
    position: absolute;
    height: 20px;
    width: 1px;
    background: #dbe0e5;
    top: 0;
    left: 0;
}
.lu-box{display:flex; align-items:center; color:#fff; font-size:14px;}
.lu-box span p{margin:0;}
.lu-box .flag{margin-right: 5px; margin-top: -1px;}

.lu-box a{color:#fff; font-size:14px; padding-top:1px; display:inline-block;}
.lu-box a:hover{color:#fff;}

.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: -293px -105px; height: 16px; width: 18px; margin-right: 10px; margin-top: -2px;}
.edit-leade-header-bottom .new-icon.lu-reg{background-position: -291px -146px; height: 16px; width: 23px; margin-right:10px; 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 h4{font-size: 13px; margin:0;}
.right-ul li .rl-box a{font-size: 13px; color:#fff !Important; display:inline-block;}
.right-ul li{padding: 0 15px; position:relative;}
.right-ul li:first-child{padding-left:0;}
.right-ul li .rl-box:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 1px;
    background: #dbe0e5;
    top: 6px;
    right: 0;
} 
.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;
    border-left: 1px solid #d7d1d1;
	padding-left: 15px !important;
	position:relative;
	transition: 0.5s;
}

.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;}

.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: -463px;
}

.edit-detail-right-sidebar h3{
    background:#375d82;
    margin: 0;
    padding: 15px 20px;
    text-align: center;
    color: #fff;
    font-size: 17px;
}
.log-a-call-wrap form{padding:25px 20px 10px 20px; border-bottom:1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
.log-a-call-wrap .activity-btns{padding: 0 10px;}
.panel-default>.panel-heading{color:#fff; background-color: #135d9c; border-color: #135d9c;}
.uo-number{position: absolute; background: #d9ecfd; padding: 2px 10px;}

/*******/
.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: transparent !important;
    padding: 0 30px 10px 30px !important;
    z-index: 0;
    border-top: 0;
    display: block;
    color: #979797;
    font-weight: normal;
    font-family: 'HelveticaBold';
}

.activity-tab .nav.nav-pills>li.active:after {
    left: 26px;
    right: 26px;
    height: 3px;
    background: #1b84e7;
    z-index: 0;
    content: "";
    position: absolute;
    bottom: -1px;
}
.activity-tab .nav.nav-pills>li{margin-right:4px;}
.activity-tab .nav.nav-pills>li a{
	display: block;
    padding: 12px 30px;
    color: #979797;
    font-weight: normal;
    font-family: 'HelveticaBold';
    font-size: 16px;
	text-align: center;
}
.activity-tab .nav.nav-pills>li a.new-blue-btn {
    background: #288be8;
    color: #fff !important;
    font-size: 13px !important;
    margin-top: 32px;
    font-family: 'Helvetica' !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 .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: 'Helvetica';
    padding: 9px 19px;
    color: #545454;
    border-bottom: 1px solid #d3d3d3;
}
.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: 600; 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: -17px;}

/*********/
 .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);}
.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;}

/*****CKE Editor*********/
div#cke_1_contents{height: auto !important; min-height: auto !Important; /*border: 1px solid #d1d1d1 !Important;*/ width: 99.9% !important;}
.cke_reset{width: 100% !Important; height:auto !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{width:100% !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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.common-new-popup.menu_ac .modal-dialog {
    position: relative;
}
.modal.menu_ac:before {
    height: auto;
}
.common-new-popup.for-email .modal-dialog{width:610px;}
.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:4px; padding:0; width:100%;}
.common-new-popup .modal-title{font-size: 17px; border-bottom: 1px solid #d3d3d3; padding:10px 0; background: #1a5999;}
.common-new-popup .modal-header{background:transparent; padding: 0; text-align: center;}
.common-new-popup .modal-body{padding:0;}
.common-new-popup .radio input[type=radio] + .radio-label:before{top: 3px;}
.common-new-popup .modal-header .close{font-size: 22px; top: 8px; position:relative; right: 5px; color:#fff;}
.common-new-popup .modal-footer{text-align:left !important; padding:15px 0 0 7px;}

.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;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    margin: 5px 0;
    padding-top: 0;
    text-align: left;
} 

.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; border: 0 !important;}
.common-new-popup .modal-body h3{
  margin:0;
  font-size: 16px;
  background: #f3f3f3;
  padding: 12px 15px;
}
.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;
}

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



.uo-number {
    position: absolute;
    background: #d9ecfd;
    padding: 2px 10px;
}

/****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;}
.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.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;}
/******/
.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{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;} 
/****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{padding:15px; background: transparent; border-bottom:1px solid #ccc; background: #1a5999;}
.cmn-modal .close{font-size:22px; top:0; position: relative; right:5px; color: #fff; font-size:20px;}
.cmn-modal .modal-body{border-radius: 0 0 4px 4px;padding: 20px;    text-align: left;}
.cmn-modal .modal-content{border-radius: 4px;}
.cmn-modal .col-md-12.col-lg-12 {padding: 0 15px;}
.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: 400; color: #fff7f7;}
.cmn-modal.delete-view label{margin: 0 0 10px; display: inline-block; color:#fff; float:left;}
.cmn-modal.delete-view .modal-body{padding: 20px;}
.cmn-modal.delete-view .modal-dialog{width: 420px;}

.cmn-modal.delete-view .form-group{margin:0;}
.cmn-modal.delete-view p{color:#fff; margin:0;}
/*.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 .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 13px;color: #535353;}
.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 .nav-tabs{background:#d1e6f9;}
.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: #d1e6f9; margin:0 5px 0 0; color:#1b84e7; border:0; border-radius:0; font-size:16px;}
.funding-request .fund-top li.active a{background-color: #0000; color:#1a5999; border:0; font-weight: bold; position:relative;}
.funding-request .fund-top li.active a:after{position: absolute; height: 4px; 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: -145px -424px;}
.icon-next{background-position: -143px -462px;}

.custom-modal .cmn-btn:hover .icon-pre,
.next-previous ul li a:hover .icon-pre{background-position: -145px -529px;}
.custom-modal .cmn-btn:hover .icon-next,
.next-previous ul li a:hover  .icon-next{background-position: -143px -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;}
.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{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:8px 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 20px;
    text-align: left;
    color: #000 !important;
    background: transparent;
    display: block;
    width: 100%;
}
.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:#fff;
    border:0;
    font-size:15px;
    padding:0 0 2px 0;
    border-bottom:1px solid #88bbe8;
	box-shadow: none;
    border-radius:0;max-width: 100%;
    width: 175px;
    text-align: left;
    overflow: hidden;
	margin-top: 5px; 
}
.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;}

.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;
}
.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;
}
.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: 10px;}
.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 #040404;
    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;
}

.elf-box h3{
    color: #707070;
    font-size: 15px;
    font-weight: bold;
    background: transparent;
    padding: 0 0 2px 0;
    margin: 0;
	text-align: left;
}

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

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

.elf-box p{
  margin: 0;
  font-size: 14px;
}

.elf-box.phone:after{
  color: #fff;
  font-family: 'FontAwesome';
  font-size: 24px;
  text-align: center;
  content: "\f095";
}

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

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

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

.edit-lead-pg .panel-default>.panel-heading{
    color: #fff;
    background-color: #375d82;
    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 .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;}
.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;}
.filter-btns{padding: 20px; background: #eaebed; margin-top: 15px;}
.filter-btns button{padding:5px 15px; font-size:13px;}
.filter-btns button:first-child{background:#1b84e7; color:#ffff;}

.ars-box-title-wrap {
   background: #f7f7f7;
    padding: 15px;
    margin: 0;
    display: flex;
    align-items: center;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.ars-box-title-wrap h3{margin:6px 0 0 0; font-size: 15px; font-weight: bold;}
.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{padding:4px 15px; background: #288be8; float: right;}
.ars-box-title-wrap .plus-button.new-activity-btn{top:8px;}

.ars-box-content {
    padding: 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 0; font-size:15px; color: #1b84e7; font-weight:600;}
.ars-box-content-box h3 + p{color: #000000;}

.ars-box-content-box p{padding:0; margin:0; font-size:15px;}

.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;
}

.dashboar-content h2 {
    text-align: left;
}

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

.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: 650px;
    right: 20px;
	background: #fff;
	padding: 0;
	z-index: 99;   
	border: 1px solid #a0a0a0;
}

.ars-html-editor-header {
    padding: 10px 7px;
	background: #fff;
}

.ars-html-editor-header h3 {
    margin: 0;
    font-size: 15px;
    font-weight: bold;
}

.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;
    border-top: 1px solid #1b84e7;
}

.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;
}

.ars-html-editor-footer {
    position: relative;
    top: -10px;
	background: #fff;
}
.ars-html-editor-footer .top {
    display: flex;
    align-items: center;
	 padding: 0 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: 10px 12px 10px 12px;
    background: #e1dfdf;
    margin: 5px 0 0 0;
    display: block;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

.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: 'HelveticaBold';
}
.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;}
materialize.min.css:6 .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: 14px;
    margin: 0 auto;
    float: none;
    margin-left: 7%;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: relative;
    left: 15px;
    opacity: 0;
    z-index: 99;
    top: 3px;}
[type="checkbox"]+label {
position:relative;
padding-left:18px;
cursor:pointer;
display:inline-block;
height:20px;
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: 600;
}
[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:1px solid #dddbda;
 border-radius:1px;
 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: "✔";
  position: absolute;
  left: 0;
  color: #1b84e7;
  background: #0000;
  border: 1px solid #1b84e7;
  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:#2d82c3; 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;
}
.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: 600; 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: #b5b4b2;
    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;}
.formprocessgif .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: 600; 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: 600; color: #288be8; border: 1px solid #288be8; padding: 6px 19px; display: inline-block; }
.online-btn-wrap { margin: 0; }
.online-btn-wrap button { background: transparent; border: 0; color: #008000; /* padding: 10px 0; */
    /* font-weight: bold; */
    -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 0.8s; animation-name: blinker; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(.5, 0, 1, 1); animation-duration: 0.8s; font-size: 17px; padding: 0; }

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

.icon.loadreportdata{background-position:-233px -408px;}
.icon.loadreportdata:hover{background-position:-312px -408px;}

.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 { font-weight: normal; text-align: left; white-space: nowrap; }
.marketing-campaign .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; margin-left: 10px;}
.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;
    padding: 10px 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: 30px;
	background: #1b84e7;
    color: #f5faff;
	padding: 5px 10px;
}
.ap-search-form .form-control {
    border-radius: 0 !important;
}

.resetfilter .input-daterange {
    margin-left: 5px;
}

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

.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%;}
/**************/


/****************  custom modal css  *************/
/*.custom-modal .modal-dialog {width: 405px; float: right;right: 20px;  border: 1px solid #ccc;}
.custom-modal .modal-content { border-radius: 0;    box-shadow: none;}
.custom-modal .cmn-btn{padding: 5px 0px;    display: inline-block; margin-right: 20px;  border: 1px solid #64aef5; color: #83c2ff;text-decoration: none;outline: none;width: 150px; text-align: center;	}
.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: #fff; background: #6c757e;text-decoration: none;outline: none;border: 1px solid #6c757e;}
.custom-modal .close{float: none;    color: #fff;   opacity: 1;    font-weight: 400;    margin-right: 18px;   background: none; }
.custom-modal .modal-header {    background: #1c84e7;padding: 15px 15px 30px;}
.custom-modal .top-header {    margin-bottom: 15px;}
.custom-modal .middle-header {    align-items: center;  display: flex;  margin-bottom: 15px;      margin-bottom: 25px;  margin-top: 25px;}
.custom-modal .middle-header .fa {    font-size: 47px;  color: #fff;    font-weight: 400;}
.custom-modal .middle-header a:hover {background: none;color: transparent;text-decoration: none;outline: none;}
.custom-modal .middle-header h3:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #57ff50;
    top: 0;
    left: 35px;
}
.custom-modal .middle-header h3 { font-size: 18px;    width: 139px;    margin: 0 15px 0 20px;    color: #57ff50;    overflow: hidden;    height: 42px;    text-decoration: underline;        display: flex;    align-items: center;  position: relative;}
.custom-modal .modal-body {    background: #f4f4f4;}
.custom-modal .middle-header select {    border-radius: 0;width: 150px;}
.custom-modal .footer-header .cmn-btn .fa {    margin-right: 15px;}
.custom-modal .footer-header {    padding-left: 49px;}
.custom-modal .modal-header:after{display:none;}
.custom-modal .footer-header .cmn-btn {    color: #fff;    border: 1px solid;}
.custom-modal .form-group label {    padding-right: 10px;    width: 30%;}
.custom-modal .form-group{display: flex;align-items: center;}
.custom-modal .form-group .fa {    margin-left: 10px;}
.custom-modal .modal-body {    padding-top: 30px;    padding-bottom: 20px;}
.tool-tip + .tooltip > .tooltip-inner {background-color: #57ff50;font-size: 11px;color: #000;}
.modal-backdrop.in{    opacity: 0;}
.custom-modal{background: none;}
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 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: none;}
.daterangepicker{box-shadow: 0px 0px 2px 1px #ccc; border:1px solid #fff;z-index: 30011!important;}

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

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

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

.import-btn{text-align: left; padding-left: 20px; padding-bottom: 15px;}
.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: 'HelveticaBold';
    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: 50px;
    background: #C5C5F1;
    font-family: 'Helveticabold';
    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;}
/*.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;}


/*************   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 input[type=checkbox], .modal-body input[type=radio] {
    margin: 4px 4px 0px 20px;
}
.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;}
 /***********   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: 600; 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: 600;
    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: 600;}
.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: 600;
    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;
    top: 8px !important;
    left: auto !important;
}
.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:#1a5999;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding:12px 10px 12px 10px;
  color:#000000;
  display: flex;
  align-items: center;
}
.page-title-header h2{
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin:0; 
}
.page-title-header ul {
    margin: 0;
    padding: 0;
}
.absolute-data {
    position: absolute;
    left: 236px;
    bottom: -5px;
}
.page-title-header ul li {
    padding:5px 15px;
	border:1px solid #d8d8d8;
	float:left;
	border-right: 0;
	/*background: #fff;*/
}
.page-title-header ul li:hover{
	/*background:#ecf3f8;*/
}

.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{
	color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
}

.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:#337ab7!important; background:#ecf3f8;}

.page-title-header ul li a:hover{
    color: #337ab7 !important;
    background: #ecf3f8;
}


/*
.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; width:260px; float:right;} 
.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:28px;
	padding: 0 10px;
}
/*.dataTables_filter_new:hover .input-group-btn i{color:#1b84e7; background: #ecf3f8;}*/
.dataTables_filter_new .input-group-btn i{
    font-size: 14px;
    top: -1px;
    position: relative;
	color:#fff;
} 
.dataTables_filter_new button{padding:3px 0;}


.button-wrap {
    display: flex;
    align-items: center;
}
.button-wrap .dropdown{
    display: inline-block;
	margin: 0 2px;
}
.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: 13px;
	padding: 6px 10px;
}
.button-wrap .dropdown:first-child{margin-left: 0;}
.button-wrap .dropdown:last-child{margin-right: 0;}
.button-wrap .dropdown .plus-button{
   padding: 5px 10px 5px 10px;
   font-size: 14px;
   border: 1px solid #2d82c3 !Important;
   color: #ffffff !important;
   position: relative;
   top: 2px;
}

.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: 28px;
    padding: 5px 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: inline-block;
  padding: 6px 0 0 0;
  font-size: 13px;
  position: relative;
}

.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;
}
.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;}
.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;
}


#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: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: 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;
}
#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: 25px 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;}
}