*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0}
body{margin: 0; padding: 0; overflow-x:hidden; font-family: 'GoogleSans-Regular'!important;background-color: #f5f6f8 !important}
html, body{height: 100%;}
img{max-width: 100%; max-height: 100%;}
.posR{position: relative;}
.paddingLR0{padding-left: 0 !important; padding-right: 0 !important;}
.paddingLR10{padding-left: 10px !important; padding-right: 10px !important;}
.margin_minus15{margin-left: -15px !important; margin-right: -15px !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'GoogleSans-Regular' !important;}
.marginB20{margin-bottom: 20px;}
:focus{outline: 0 !important; color: inherit !important;}
.cf:after,.cf:before{content:"";display:table}
.cf:after{clear:both}
.paddingL0{padding-left: 0 !important;}
.paddingR0{padding-right: 0 !important;}
@font-face {
  font-family: 'GoogleSans-Regular';
  src: url('../fonts/GoogleSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/GoogleSans-Regular.woff') format('woff'), url('../fonts/GoogleSans-Regular.ttf')  format('truetype'), url('../fonts/GoogleSans-Regular.svg#GoogleSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GoogleSans-Medium';
  src: url('../fonts/GoogleSans-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/GoogleSans-Medium.woff') format('woff'), url('../fonts/GoogleSans-Medium.ttf')  format('truetype'), url('../fonts/GoogleSans-Medium.svg#GoogleSans-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GoogleSans-Bold';
  src: url('../fonts/GoogleSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/GoogleSans-Bold.woff') format('woff'), url('../fonts/GoogleSans-Bold.ttf')  format('truetype'), url('../fonts/GoogleSans-Bold.svg#GoogleSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}



.popup_subHead{font-weight: bold;}
.stock_red{color: red;}
.stock_green{color: green;}
.refresh-color{color:#f1556c; border-color: #f1556c !important; background: none; transition: 0.2s;}
.refresh-color:hover{background: #f1556c !important; border-color: #f1556c !important;}
/* Login Page Start */
.login-bg{background: #ffffff !important;}
.login-page-height{height: 100%;}
.login-page-height .row, .login-page-height .col-md-8, .login-page-height .col-md-4{height: 100%;}
.login-form-content{position: relative; top: 50%; transform: translateY(-50%); text-align: center;}
.login-form-content h4{font-size: 30px; color: #3732fe; font-family: 'GoogleSans-Medium' !important; line-height: 52px; margin: 35px 0 10px 0;}
.login-form-content p{font-size: 21px; line-height: 35px; color: #303030; margin-bottom: 18px;}
.login-form-content span{color: #38414a; font-size: 18px; display: block; margin-bottom: 8px;}
.login-form-content ul{margin: 0; padding: 0; list-style: none; font-size: 0;}
.login-form-content ul li{display: inline-block;}
.login-form-content ul li a{display: block; margin: 0 4px; transition: 0.2s; text-decoration: none; width: 28px; height: 28px; border: 1px solid #38414a; color: #38414a; text-align: center; line-height: 28px; font-size: 15px; border-radius: 50%;}
.login-form-content ul li:nth-of-type(1) a:hover{background: #395498; color: #fff; border: 1px solid #395498 !important;}
.login-form-content ul li:nth-of-type(2) a:hover{background: #1d9ceb; color: #fff; border: 1px solid #1d9ceb !important;}
.login-form-content ul li:nth-of-type(3) a:hover{background: #2563ad; color: #fff; border: 1px solid #2563ad !important;}
.login-form-content ul li:nth-of-type(4) a:hover{background: #df0219; color: #fff; border: 1px solid #df0219 !important;}
.login-form-content ul li:nth-of-type(5) a:hover{background: linear-gradient(to right, #f8d308, #fc0718, #b92f7d, #803bb0); color: #fff; border: 1px solid #b92f7d !important;}
.login-form-bg{background: #3732fe; height: 100%; position: relative; padding: 0 50px;}
.login-logo{width: 235px; display: block; margin:auto; padding-top: 55px;}
.login-signin-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 75%;}
.login-signin-box h5{ font-size: 24px; color: #fff; text-align: center; font-family: 'GoogleSans-Medium'; margin-bottom: 10px; }
.login-signin-box p{color: #ffe400; font-size: 18px; text-align: center; margin-bottom: 25px;}
.support-call{position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; padding-left: 85px; width: 275px;}
.support-call img{width: 70px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: inherit; max-height: inherit;}
.support-call span{color: #e1e1e1; font-size: 18px; margin-bottom: 2px; margin-top: 3px; display: block;}
.support-call font{display: block; color: #fff; font-size: 24px; display: block; font-family: 'GoogleSans-Medium';}

.calling_dispose{ background: #f95a64;color: #fffdfd;display: inline-block;padding: 6px;}
.sales_dispose{background: #5982ea;color: #fffdfd;width: 59px;display: inline-block;padding: 6px;}

.login-form{margin-bottom: 20px;}
.login-form label{font-size: 15px; color: #363636; margin-bottom: 5px; font-weight: 700;}
.login-form input{width: 100%; background: #fff !important; border: 1px solid #d5d5d5; border-radius: 0 !important; padding: 0 10px 0 40px; height: 50px !important; font-size: 15px; color: #000; font-weight: 400;}
.login-form input::placeholder{color: #444;}
.login-form .login-fill-img{position: absolute; width: 20px; top: 50%; transform: translateY(-50%); left: 10px;}
.login-form button{width: 160px; height: 50px; background: #0500ce; transition: 0.25s; border: none; color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; margin: auto; display: table;}
.login-form button:hover{background: #0804a7;}

.login-bottom{position: absolute; bottom: 0; left: 0; width: 100%;}
.login-bottom span{background: #777; color: #fff; text-align: center; display: block; padding: 10px 5px; font-size: 15px; font-weight: 400;}
.login-bottom span img{width: 20px; display: inline-block; vertical-align: -webkit-baseline-middle; margin-top: -9px; margin-right: 4px; margin-left: 4px; margin-bottom: 0 !important;}
 

.login-topheader{margin-top: 37px;}
.login-support{display: inline-block; vertical-align: middle; float: right; border: 1px solid #fff; width: 360px; font-size: 14px; color: #fff; height: 46px; line-height: 46px; text-align: center;}
.login-support img{width: 26px; vertical-align: middle; margin: -3px 7px 0 7px}
.login-support font{font-size: 16px; font-weight: 500;}
.login-box-section{position: relative; height: 85vh; padding:0 15px; }
.login-heading{position: absolute; top: 50%; left: 15px; transform: translateY(-50%);}
.login-heading h4{font-size: 36px; color: #fff; font-weight: 600; line-height: 52px; margin-bottom: 20px;}
.login-heading p{font-size: 22px; color: #e5eafc; font-weight: 400; line-height: 36px;}
.login-right h4{font-size: 22px; font-weight: 500; color: #1f4eff; text-align: center;}
.login-right h4 img{width: 40px; margin-right: 10px;}
.login-right p{font-size: 15px; font-weight: 500; color: #000; text-align: center; margin: 15px 0 25px 0;}
.forget-pass{font-size: 13px; font-weight: 400; color: #000 !important; text-decoration: none !important; font-weight: 500;}
.forget-pass img{width: 18px; vertical-align: middle; margin-right: 4px; margin-top: -3px;}
/* Login Page Finish */


/* Dashboard Page Start */
.main-header{position: fixed; width: 100%;}
.content-header{padding: 10px !important;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{color: #000;}
.content-header>.breadcrumb{top: 8px !important;}
.content-main{background: #f5f6f8 !important; margin-top: 64px; padding: 15px; min-height: 0 !important;}
.nav-color{background: #38414a; box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.14);}
.logo{background: #38414a;}
.main-sidebar{background: #fff !important; position: fixed; overflow-y: auto; height: 100%; box-shadow: 1px 0px 11px rgba(0, 0, 0, 0.14);}
.sidebar-collapse .main-sidebar{overflow: initial !important;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{padding: 15px !important;}
/*.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){width: 230px !important; margin-left: -4px !important;}*/
.sidebar-collapse .treeview-menu{width: 230px !important;}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{padding-top: 0 !important; padding-bottom: 0; margin-top: 4px !important; overflow-y: auto;}
.sidebar-menu>li>a>span{margin-top: 0px !important; top: 35% !important;}
/*.sidebar-collapse .sidebar-menu>li>a>span{margin-top: 0px !important; top: 0% !important; margin-right: -44px;}*/
/*.sidebar-menu>li.active>a{background: rgba(33, 33, 33, 0.1) !important; border-left: 4px solid #e77512 !important;}*/
.sidebar-menu .li-toggle>a:before{content: ""; background: #000; width: 5px; height: 5px; position: absolute; border-radius: 50%; top: 0; bottom: 0; margin: auto; left: 15px;}
.sidebar-menu .li-toggle>a{padding: 12px 5px 12px 30px !important; font-size: 13px !important; font-weight: 400 !important;}
.sidebar a{color: #777 !important; border-left: 4px solid transparent !important;}
.masters_li a {color :#777 !important;}
.masters_li>a>span {color :#777 !important;}
.sidebar .li-toggle.active a{color:#000 !important; background: #e4ebf7}

.sidebar-menu > .active a, .sidebar-menu > .active a span{color: #38414a !important; background: #f3f3f3;}

.treeview-menu{padding-left: 0 !important; background: #fff !important; margin: 0 !important;}
.home-top-box{font-weight: 400; background: #fff !important; border-radius: 3px; margin-bottom: 25px; position: relative; text-align: left; height: 110px; margin-left: -5px; transition: 0.25s; margin-right: -5px; -webkit-box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03); box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03);}
.home-top-box:hover{ color: #fff !important;}
.home-top-box:hover img{width: 30px;}
.home-top-box font{position: absolute; top: 50%; left: 20px; width: 45px; z-index: 2; font-size: 54px; background: #fff; height: 45px; border-radius: 5px; transform: translateY(-50%);}
.home-top-box font img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 28px; transition: 0.25s;}
.home-top-box>.small-box-footer{border-radius: 0 0 7px 7px;}
.home-top-box > a{display: block; padding: 27px 20px 26px 85px; z-index: 2; position: relative;}
.site-visit-box{ display: block;padding: 28px 20px 28px 85px;z-index: 2;position: relative;}
.site-visit-box h3{font-size: 18px !important; font-weight: 400 !important;}
.home-top-box h3 {font-size: 16px; font-weight: 300; color: #98a6ad !important; margin-bottom: 0px !important; position: relative;}
/*.home-top-box h3:before{content: ""; background: #b8bfc1; left: 0; bottom: -15px; width: 100%; height: 1px; position: absolute; right: 0;}*/
.home-top-box p{color: #323a46 !important; font-weight: 500; font-size: 27px;}
.main-header .logo{line-height: normal !important;}
.sidebar-menu .treeview-menu>li>a{padding: 12px 5px 12px 40px;}
.sidebar-menu li>a>img{width: 22px; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px;}
.sidebar-menu li>a{padding: 15px; font-size: 13px; font-weight:400;}

.home-top-box-2 font{background: #6658dd !important;}
.home-top-box-3 font{background: #1abc9c !important;}
.home-top-box-4 font{background: #f4a15b !important;}
.home-top-box-5 font{background: #4fc6e1 !important;}


.home-top-box-6 h3{color: #ffffff !important; background: #00bea4; margin: -20px; padding: 20px;}

.dashboard-font{font-size: 21px; font-weight: 400; display: block;}

.dashboard-nonnn-followup {color: #6658dd; margin-bottom: 20px;}
.dashboard-callplanned {color: #1abc9c; margin-bottom: 20px;}
.dashboard-meetplanned {color: #f5a00f; margin-bottom: 20px;}
.dashboard-siteplannnned {color: #4fc6e1; margin-bottom: 20px;}
.dashboard-sitedone {color: #4fc6e1; margin-bottom: 20px;}

.main-header .logo .logo-lg img{padding: 17px 0 0px 0; max-width: 195px;}
.skin-blue .main-header .navbar .sidebar-toggle:hover{background: rgba(0,0,0,0.1) !important;}
.btn-box-tool{color: #999 !important;}
.main-header .sidebar-toggle{color: #fff !important; font-size: 23px; padding: 16px 20px 15px 20px;}
.skin-blue .main-header .navbar .sidebar-toggle:hover{background: #515a65 !important;}
.modal-header{background: #323a46 !important;}
.modal-header .close{margin-top: 0px; color: #fff !important;}
.modal-header h4{color:#fff; font-family:'GoogleSans-Bold' !important; font-size: 20px;}
.dropdown-toggle .hidden-xs{display: inline-block; vertical-align: middle;}
/* Dashboard Page Finish */


/* Inner Page Start */
.bg-white{background: #fff; padding: 20px; margin: 0 10px 20px 10px; -webkit-box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03); box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03); border-radius: 3px;}
.content-header>h1{font-size: 24px; color: #000000; font-weight: 400;}
.dropdown-box .nice-select{border: 1px solid #c7c7c7 !important; border-radius: 5px; padding: 0 15px; margin-bottom: 0 !important; color: #555 !important;}
.dropdown-box .nice-select:after{border-bottom: 2px solid #adadad; border-right: 2px solid #adadad; height: 8px; margin-top: -6px; width: 8px; right: 15px;}
.input-search{border: 1px solid #c7c7c7 !important; border-radius: 5px; padding: 0 15px; margin-bottom: 0 !important; color: #555 !important; width: 100%; height: 45px; font-size: 15px;}
.input-search::placeholder{color: #555 !important;}
.search-button{border:none; border-radius: 5px; padding: 0 15px; margin-bottom: 0 !important; color: #fff !important; font-weight: 700; width: 100%; height: 45px; font-size: 15px; background: linear-gradient(to right bottom, #e8962e, #e45131) !important;}
.dataTables_filter{margin-right: 59px;}
.add_button{position: absolute; right:20px; top: 30px; font-size: 12px; cursor: pointer; z-index: 1; background: #5acc92; border: none; color: #fff; padding: 6px 7px 7px 7px; border-radius: 2px;}
.add_button i{margin-right: 2px; font-size: 14px; vertical-align: middle; margin-top: -1px;}
.dropdown-box .nice-select:focus, .form-control:focus{border: 1px solid #66afe9 !important; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
/*.add_button:hover{background: #0bb081 !important;}
#reload:hover{background: #36a46c; !impo}
#upload_lead_excel:hover{background: #1b64d4;}
#assign_active_leads:hover{background: #e5ad2c;}
#assign_inactive_leads:hover{background: #ce790d;}
.dt-buttons .buttons-excel:hover{background: #1b64d4 !important;}*/
.lead-active-font input{display: inline-block !important; vertical-align: middle; margin-right: 5px; margin-top: 0 !important; width: 18px; height: 18px; cursor: pointer;}
.lead-active-font font{font-size: 17px; display: inline-block; vertical-align: middle; margin: 0 !important;}

.pagination>.active>a, .pagination>.active>a:focus{background: #4938d7 !important; border-color: #4938d7; font-size: 12px;}

.btn-primary{background: #28a745 !important; border-color: #28a745 !important;}
/*Check box*/
input[type="checkbox"] + .label-text:before{content: "\f096";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing:antialiased; width: 1em;	display: inline-block; margin-right: 5px; font-size: 18px; vertical-align: middle;}
input[type="checkbox"]:checked + .label-text:before{content: "\f14a"; color: #ea7827; animation: effect 250ms ease-in;}
input[type="checkbox"]:disabled + .label-text{color: #aaa;}
input[type="checkbox"]:disabled + .label-text:before{content: "\f0c8"; color: #ccc;}

/*Radio box*/

input[type="checkbox"], input[type="radio"]{display: none;}
input[type="radio"] + .label-text:before{content: "\f10c"; font-family: "FontAwesome"; speak: none;	font-style: normal;	font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing:antialiased; width: 1.2em; display: inline-block; margin-right: 5px; font-size: 18px; vertical-align: middle; margin-top: -3px;}
input[type="radio"]:checked + .label-text:before{content: "\f192"; color: #ea7827; animation: effect 250ms ease-in;}
input[type="radio"]:disabled + .label-text{color: #aaa;}
input[type="radio"]:disabled + .label-text:before{content: "\f111";	color: #ccc;}

/*Radio Toggle*/

.toggle input[type="radio"] + .label-text:before{content: "\f204"; font-family: "FontAwesome"; speak: none;	font-style: normal;	font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing:antialiased; width: 1em; display: inline-block; margin-right: 10px;}
.toggle input[type="radio"]:checked + .label-text:before{content: "\f205"; color: #f02700; animation: effect 250ms ease-in;}
button.close{color: #fff; text-shadow: none !important; opacity: 1;}
.toggle input[type="radio"]:disabled + .label-text{color: #aaa;}
.toggle input[type="radio"]:disabled + .label-text:before{content: "\f204";	color: #ccc;}

.ordering-btn{margin-right:362px; background: #28c5a5 !important;}
.reload-btn{margin-right: 326px;}


/* Browse File */

.upload-box .btn-file {background-color: #007bff;}
.upload-box .hold {float: left; width: 100%; position: relative; border: 1px solid #ccc; border-radius: 3px; padding: 4px; height: 35px;}
.upload-box .hold a {font: 400 14px/26px 'Lato',sans-serif; color: #666; text-decoration: none;}
.upload-box .btn-file {position: relative; overflow: hidden; float: left; padding: 6px 12px !important; font: 900 12px/12px 'Lato',sans-serif; color: #fff; margin: 0 10px 0 0; text-transform: uppercase; border-radius: 3px; cursor: pointer;}
.upload-box .btn-file input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; outline: none; background: #fd0707; cursor: inherit; display: block;}
table.table-bordered td:last-child a{color: #3f6073;}
.form-check label{font-size: 15px; font-weight: 400; color: #555; cursor: pointer; margin-right: 15px;}
.form_font{font-size: 14px; color: #666; display: block; margin-bottom: 7px; font-family: 'GoogleSans-Medium';}
.popup_subHead{font-size: 18px; font-family: 'GoogleSans-Medium'; border-bottom: 1px solid #cecece; padding-bottom: 15px; margin-bottom: 15px; color: #4e4a4a;}
.modal-footer{padding: 20px 30px;}
.modal-footer .btn-primary, .modal-footer .btn-danger, .modal-footer .btn-success{line-height: 30px; height: 30px; padding: 0; border-radius: 0; width: 90px; font-family: 'GoogleSans-Medium';}


@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.1);}
	75%{transform: scale(1.2);}
	100%{transform: scale(1);}
}
.form-control {border-color: #dde1e5;}

.errorRed10011{font-size: 11px; color: #ff0000; position: absolute; margin-top: 3px;background:#fff;padding: 0 6px 0 4px;}

.errorRed100 img{width: 10px !important; position: static !important; margin-right: 4px !important; height: 10px; margin-top: -1px;}
.errorRed100{font-size: 11px; color: #ff0000; position: absolute; margin-top: 3px;}
.error-relative{font-size: 11px; color: #ff0000; }
.error-relative img{width: 10px !important; position: static !important; margin-right: 4px !important; height: 10px; margin-top: -1px;}

.err_msg img{width: 10px !important; position: static !important; margin-right: 4px !important; height: 10px; margin-top: -1px;}
.err_msg{font-size: 11px; color: #ff0000; position: absolute; margin-top: -23px;}

#flash_message_div{display:none; background: #8DC7E8; z-index: 9999; color: #ffff; text-align: center; height: 50px; position: absolute; padding: 13px; font-size: 18px; width: 100%;}
.modal-content{border-radius:0px;}
input[type="text"]{height:34px;}
.W-260{width:260px;}
.W-500{width:500px;}
.W-100{width:100%;}
.seperator{border-top: 1px solid #ccc; border-bottom:1px solid #ccc;margin-bottom: 20px; padding:5px;}
.seperator > span{margin-top:12px;}
.marginMinus10{margin-top:-10px !important;}
.listing_img{background: #cccc; height: 80px; width: 80px; padding: 10px; border-radius: 8px;}
.view_img{background: #cccc; height: 250px; width: 250px; padding: 10px; border-radius: 8px;}
.btn-click{position: absolute; top: 24px; cursor: pointer; z-index: 1; /*background: linear-gradient(to right bottom, #e8962e, #e45131) !important;*/ background: #2593D2 !important; border: none; color: #fff; padding: 5px 7px; border-radius: 4px; width: 175px; left: 15px; right: 15px; height: 35px;}
.btn-click i{vertical-align: middle;}
.btn-confirm{background-color: #008d4c; padding: 7px; border-radius: 4px; color: #fff; font-size: 14px; background: linear-gradient(to right bottom, #902900, #fe931b) !important;border: none;border-radius: 3px; cursor: pointer;}
.btn-cancel{background: red;}
.table-bordered > thead > tr{background: #fff; color: #4f5656;}
.table{width: 100% !important;}
.MB-15{margin-bottom: 15px;}
.MB-20{margin-bottom: 20px;}
.MB-10{margin-bottom: 10px;}
.MT-15{margin-top:15px;}
.price_rate_table tbody td{vertical-align: middle !important;}
.block-grey{background: #eee; padding:25px 20px 20px 20px; margin-left: 15px; margin-right: 15px; margin-bottom: 15px;}
.block_h3{background: #777; margin: 0 15px 15px 15px; color: #fff; font-size: 16px; padding: 15px;}
.block_head{font-size: 20px;font-weight: 500; margin-left: -15px; margin-bottom: 10px; margin-top: 5px; color: #2593D2;}
.block_div{border:1px solid #ccc; padding:10px 0; margin-bottom: 10px;}

.delete-btn{position: absolute; top: 1px; right: 16px; background: red; border: none; color: #eee; font-size: 11px; padding: 1px 6px; font-weight: 600;}

#accordion a{position: relative; display: block;}
#accordion a[data-toggle="collapse"]:after{content: "▼"; position: absolute; right: 25px; color: #fff; top: 50%; transform: translateY(-50%); font-size: 20px;}
#accordion a[aria-expanded="true"]:after{content: "▲"; position: absolute; right: 25px; top: 50%; color: #fff; transform: translateY(-50%); font-size: 20px;}

.delete-btn i{margin-right: 3px; vertical-align: middle;}

.add_button_block{background: #ff6800; color: #fff; border: none; padding: 4px 10px; margin-right: -15px;}
.add_button_block i{margin-right: 3px; vertical-align: middle;}

.add_button_row{background: #2593D2; color: #fff; border: none; padding: 7px 10px; margin-top: 5px; margin-bottom: 15px;}
.add_button_row i{margin-right: 3px; vertical-align: middle;}

.delete_button_block{background: #ff6800; color: #fff; border: none; padding: 4px 10px; margin-top: 5px; margin-bottom: 5px;}
.delete_button_block i{margin-right: 3px; vertical-align: middle;}

.multiselect-native-select .btn-group{width: 100%;}
.multiselect-native-select .btn-group button{width: 100%; text-align: left;}
.multiselect-native-select .btn-group button .caret{position: absolute; right: 5px; top: 0; bottom: 0; margin: auto;}
.multiselect-native-select .btn-group .dropdown-menu{max-height: 160px; overflow-y: auto; width: 100%;}
.multiselect-native-select .btn-group .dropdown-menu>li>a>label{padding: 5px 20px 5px 30px;}

.form_font input{float: left;}

.leasing_detail_box{background: #eee; padding: 15px; margin: 15px -15px; border-radius: 5px;}
.rent_leasing_modal_box{background: #eee; padding: 15px; margin: 15px 0px; border-radius: 5px;}
.property_meta_modal_box{background: #eee; padding: 15px; margin: 0 0px 15px 0; border-radius: 5px;}

.call_planned_leads {background: #c1003e0f !important; color: #ffffff !important; font-weight: 700 !important;}
.active_leads{color: #0a905d; font-weight: 500;}
.warm_leads{color: #f28f1f; font-weight: 500;}
.cold_leads{color: #2072b2; font-weight: 500;}
.hot_leads{color: #6e398d; font-weight: 500;}
.inactive_leads{color: #e42426; font-weight: 500;}
.won_lead{color: #28c32a;font-weight: 500;}


.reset_filter_search{background:#ff9000 !important; right:673px !important;}


.loading {position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0;}
/* Transparent Overlay */
.loading:before {content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {/* hide "loading..." text */font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.loading:not(:required):after {content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;}
/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*** 16032019 ***/
 .main_div{font-size:12px;padding: 13px 1px 0px 0;}
.set_width{float: left; padding: 4px 15px; text-align: left; border: 1px solid #d0d0d0; border-radius: 50px; margin: 8px 4px 0px 4px; background: #f3f3f3;}
#filters_applied_string{padding: 0 1%;}
.dataTables_info{float:left !important;}
.btn_div{ float: right; margin-right: 0px; padding: 0px 0 4px 0; margin-left: 0 !important; width: 100%; text-align: right; margin-bottom: 0px;}
.btns_head{z-index: 1;background: #5acc92; transition: 0.2s; text-align: left; border: none;color: #fff !important;padding: 5px 7px;height:26px; display: inline-block; font-size: 14px;top: 30px;font-size: 12px;cursor: pointer;margin-left:7px;}
div.dataTables_paginate ul.pagination{margin: 0 !important;}
.filter_color{background: #1abc9c !important;}
.reset_filter_color{background: #ff9000 !important; }
.upload_lead_color{background: #6179e9; }
.lead_assignment{background: #ff8424; }
.add_record{background: #72d875; margin-right: 0;}
.download_color{background: #4fc6e1 !important; color:#fff !important;}
.download_color:hover{text-decoration: none;background: #2d7bf4 !important; color:#fff;}
.filter_applied_strings{font-size: 13px;margin-top: 15px;position: relative;width: 100%;display: block;padding: 1px;border-top: 1px solid #4b484833;}
.btns_head i{background-color: rgba(50,58,70,.1); padding: 7px; margin: -9px 3px -6px -7px; vertical-align: middle; font-size: inherit;}
.filter_color:hover{background: #159a80 !important;}
#reload:hover{background: #ee324d !important}
.download_color:hover{background: #2ebbdb !important;}
/** 16032019 **/



.qq-gallery.qq-uploader DIALOG[open] {display: block; position: fixed; top: 0; bottom: 0; margin: auto; left: 0; right: 0;}
.qq-gallery.qq-uploader DIALOG .qq-dialog-buttons {text-align: center; padding: 15px;}
.qq-gallery.qq-uploader DIALOG .qq-dialog-message-selector{padding: 15px;}
.qq-gallery.qq-uploader DIALOG .qq-dialog-buttons BUTTON {margin-left: 5px; margin-right: 5px; padding: 2px 8px;}
.elevation_images_div img{height: 200px; width: 100%; margin-bottom: 15px;}
.location-projects-table thead th{padding: 5px 10px;}
.location-projects-table tbody td{padding: 15px 10px;}
.location-projects-table tbody td:first-child, .location-projects-table thead th:first-child{padding-left: 0 !important;}
.map-location-head{font-size: 15px; font-weight: 600; margin: 7px 0; display: block;}
.add_row_map_project{position: absolute; top: 33px; cursor: pointer; z-index: 1; background: #2593D2; border: none; color: #fff; padding: 5px 7px; border-radius: 0px;}

#sizes_prices_content .add_button_block:nth-of-type(1){float: left !important; margin: 22px 0 0 50px !important;}
#sizes_prices_content .add_button_block{float: left !important; margin: 22px 0 0 10px;}
.table-height .table-responsive{max-height: 350px; overflow-y: auto;}
.header_heading{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 24px; font-weight: 300; text-align: center;}
.table-responsive table{width: 100%; white-space: nowrap; border: 1px solid #dde1e5 !important;}
.lead-disposition-report-box{background: #fff; padding: 20px 10px; margin: 15px -5px 5px -5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09) !important; border-radius: 3px;}
.lead-disposition-report-box .col-md-2, .lead-disposition-report-box .col-md-3, .lead-disposition-report-box .col-md-4{padding: 0 2px !important;}
.lead-disposition-report-box .col-md-2 select, .lead-disposition-report-box .col-md-3 select, .lead-disposition-report-box .col-md-4 select{height: 45px; padding: 0 5px; font-size: 13px;}
.lead-disposition-report-box .col-md-2 input, .lead-disposition-report-box .col-md-3 input, .lead-disposition-report-box .col-md-4 input{height: 45px; padding: 0 5px; font-size: 13px;}
.lead-disposition-report-box .col-md-2 button, .lead-disposition-report-box .col-md-3 button, .lead-disposition-report-box .col-md-4 button{width: 100%; height: 45px; font-size: 13px; font-weight: 500; border-radius: 0 !important;}
.lead-disposition-report-box .col-md-2 button input, .lead-disposition-report-box .col-md-3 button input, .lead-disposition-report-box .col-md-4 button input{height: auto; font-size: 13px; font-weight: 500;}
.slimScrollBar{background: rgba(255, 255, 255, 0.7) !important;}
.lead-disposition-report-box input[type="radio"]{display: inline-block !important; cursor: pointer; vertical-align: middle; margin-right: 4px; margin-top: -2px;}


#reload{right: 320px; background: #f1556c;}
#upload_lead_excel{right: 406px; background: #6179e9;}
#assign_active_leads{right: 578px; background: #e5ad2c;}
#assign_inactive_leads {right: 422px; background: #e5ad2c;}
#upload_lead_excel:hover {background: #516be6;}
#assign_active_leads:hover, #assign_inactive_leads:hover {background: #d49e24;}
.add_record:hover {background: #5ac55d;}

.side-menu-sales{background: url(../img/side-menu-cong-bg.jpg) no-repeat; height: 300px; padding: 22px 10px 15px 10px; margin: 10px 0px -10px 0px; text-align: center;}
.side-menu-sales img{width: 80px; border-radius: 50%; height: 80px;}
.side-menu-sales h5{font-size: 16px; font-weight: 500; color: #000000; margin: 15px 0 5px 0;}
.side-menu-sales p{font-size: 14px; font-weight: 400; color: #515f66;}
div.dataTables_length label{color: #4e4a4a !important; font-weight: 400; font-size: 12px;}
div.dataTables_filter label{color: #4e4a4a !important; font-weight: 400; font-size: 12px;}
.form-inline .form-control {margin: 0 10px 0 5px;}
div.dataTables_info{color: #4e4a4a !important; font-weight: 400; font-size: 13px;}

.sales-pop-modal-body{max-height: 535px; overflow-y: auto;}
.sales-pop-table{max-height: 204px !important; overflow-y: auto;}
.sales-pop-table table{margin-bottom: 30px;}
.sales-pop-table table th{font-size: 13px; background: #fff !important; width: 33.33%; padding: 12px !important; color: #000000 !important; border-bottom: 2px solid #dde1e5 !important; border-top: 1px solid #dde1e5 !important; font-weight: 400 !important;}
.sales-pop-table table td{color: #000 !important; font-size: 12px; font-weight: 300; padding: 7px 10px 7px 10px !important;}


.table-bordered>thead>tr>th{font-size: 13px; padding: 10px 27px 10px 10px !important; font-family: 'GoogleSans-Medium'; color: #000000 !important; border-bottom: 2px solid #dde1e5 !important; border-top: 1px solid #dde1e5 !important; font-weight: 400 !important;}
.content-header>.breadcrumb>li>a {color: #000 !important;}
.content-header>.breadcrumb>li{color: #999 !important;}
table.table-bordered tbody td{color: #222 !important; font-size: 13px; font-weight: 300; padding: 5px 10px 5px 10px !important;}
.table-striped>tbody>tr:nth-of-type(odd){background-color: #f3f8fb !important;}
.pagination>li>a{background: #fff; color: #3680a4; font-size: 12px; font-weight: 300;}
.pagination>.disabled>a{border-color: #dde1e5; font-size: 12px; font-weight: 300;}

div.dataTables_filter label input{width: 173px !important;}

.filter-button{right: 349px !important; background: #1abc9c !important;}
.filter-button:hover{background: #159a80  !important;}
.filter-button-reset{right: 422px !important; background: #ff9000 !important;}

.side-menu-sales{transition: 0.25s;}
body.sidebar-collapse .side-menu-sales{opacity: 0;}
body.sidebar-open .side-menu-sales{opacity: 1;}

.scrollup {background: url(../img/scroll.png) no-repeat scroll 0 0 transparent; bottom: 38px; display: none; height: 40px; opacity: 0.9; position: fixed; right: 10px; text-indent: -9999px; width: 40px; z-index: 9;}

.five-head{font-size: 0; text-align: center;}
.five-head ul{margin: 0; padding: 0; list-style: none;}
.five-head ul li{display: inline-block; padding: 0 7%; vertical-align: middle; position: relative;}
.five-head ul li:before{content: ""; background: #c5c5c5; position: absolute; width: 1px; height: 15px; right: 0;  top:50%; transform: translateY(-50%);}
.five-head ul li:last-child:before{display: none;}
.five-head ul li:nth-last-child(2):before{display: none;}
.five-head ul li h6{font-size: 14px; color: #98a6ad; margin-bottom: 5px; font-weight: 400;}
.five-head ul li span{font-size: 16px; color: #38404a; font-family: 'GoogleSans-Medium';}
.five-head-margin{margin-top: 20px !important; display: none;}
.five-head-close{position: absolute; top: 3px; right: 13px; font-size: 21px; color: #000 !important;}
.get-summary{position: fixed; right: -29px; top: 164px; transform: rotate(-90deg); background: #000; border: none; color: #fff; padding: 5px 9px; font-size: 13px; font-weight: 500;}

.manager-home-box{height: 110px !important;}
.manager-home-box font{transform: initial !important; top: 15px !important;}
.manager-home-box h3{color: #000 !important;}
.manager-h3{padding:0 0 13px 0 !important; color: #000 !important; font-size: 18px !important; font-weight: 400 !important; margin-top: -9px !important;}
.operation-div .operation-div-p1{font-size: 12px; font-weight: 400 !important;}
.operation-div .operation-div-p2{font-size: 18px;}
.manager-home-box p#expense_summary{font-size: 21px !important;}
.manager-home-box p{color: #000 !important;}

#lead_list_wrapper .col-sm-12{overflow-x: auto;}
#scf_form_list_wrapper .col-sm-12{overflow-x: auto;}
#expense_list_wrapper .col-sm-12{overflow-x: auto;}
.navbar-nav>.user-menu .user-image { width: 35px; height: 35px; border-radius: 50%; margin-right: 5px; display: inline-block; border: 1px solid #f1f1f1; padding: 3px;}


.sales-pop-select-snooze{position: absolute; width: 200px; top: 9px; right: 40px;}
.sales-pop-select-snooze select{border: none; cursor: pointer; font-size: 13px; padding: 0 7px; color: #000 !important; border-radius: 3px; height: 35px;}

.lead-disposition-report-bg{background: #fff; padding: 20px; margin: 0 -5px 20px -5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09) !important; border-radius: 3px;}
.piechart-lead{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09) !important; min-height: 125px; overflow-x: auto; background: #fff; border-radius: 3px; width: 49%; margin-left: 4px;}
.lead-disposition-report-table td{height: 50px;}
.lead-disposition-report-table td .btn{background: #eee; border-color: #ddd; padding: 5px; font-weight: 400; font-size: 12px; color: #000;}
.lead-disposition-report-table td .list_sm_btn{background: #eee; border: 1px solid #ddd; padding: 7px 12px; border-radius: 3px; font-weight: 400; font-size: 13px; color: #000;}
.sum_tab_res{background: #fff; padding: 20px; margin: 0 -35px 20px -5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09) !important; border-radius: 3px;}

.management-report-btn{width: 100%; height: 34px; border-radius: 0px;}
.operation-invoice-dash{color: #2c96dd;}
.operation-collection-dash{color: #c89900;}
#dashboard_filters .col-md-4{padding: 0 2px !important;}
.input-sm{height: 27px;}
select.input-sm{height: 27px;}


table.table-bordered td:last-child a.btn{width: 25px; height: 25px; padding: 0; line-height: 25px; font-size: 11px !important; margin: 2px; transition: 0.2s;}
table.table-bordered td:last-child a.btn[title="Edit"], table.table-bordered td:last-child a.btn[data-original-title="Edit"]{color: #6658dd; border: 1px solid #6658dd;}
table.table-bordered td:last-child a.btn[title="View"], table.table-bordered td:last-child a.btn[data-original-title="View"]{color: #4a81d4; border: 1px solid #4a81d4;}
table.table-bordered td:last-child a.btn[title="Proforma Invoice"], table.table-bordered td:last-child a.btn[data-original-title="Proforma Invoice"]{color: #1abc9c; border: 1px solid #1abc9c;}
table.table-bordered td:last-child a.btn[title="Create Invoice"], table.table-bordered td:last-child a.btn[data-original-title="Create Invoice"]{color: #f1556c; border: 1px solid #f1556c;}
table.table-bordered td:last-child a.btn[title="Scheduler"], table.table-bordered td:last-child a.btn[data-original-title="Scheduler"]{color: #4fc6e1; border: 1px solid #4fc6e1;}
table.table-bordered td:last-child a.btn[title="Download Invoice"], table.table-bordered td:last-child a.btn[data-original-title="Download Invoice"]{color: #eca11e; border: 1px solid #eca11e;}
table.table-bordered td:last-child a.btn[title="View Collection"], table.table-bordered td:last-child a.btn[data-original-title="View Collection"]{color: #4a81d4; border: 1px solid #4a81d4;}
table.table-bordered td:last-child a.btn[title="Expense Working"], table.table-bordered td:last-child a.btn[data-original-title="Expense Working"]{color: #f1556c; border: 1px solid #f1556c;}
table.table-bordered td:last-child a.btn[title="Lead Working"], table.table-bordered td:last-child a.btn[data-original-title="Lead Working"]{color: #f1556c; border: 1px solid #f1556c;}
table.table-bordered td:last-child a.btn[title="Send Mail"], table.table-bordered td:last-child a.btn[data-original-title="Send Mail"]{color: #323a46; border: 1px solid #323a46;}
table.table-bordered td:last-child a.btn[title="Cancel"], table.table-bordered td:last-child a.btn[data-original-title="Cancel"]{color: #f1556c; border: 1px solid #f1556c;}
table.table-bordered td:last-child a.btn[title="Map City to Caller"], table.table-bordered td:last-child a.btn[data-original-title="Map City to Caller"]{color: #6658dd; border: 1px solid #6658dd;}
table.table-bordered td:last-child a.btn[title="Edit Map City/Project to Sales"], table.table-bordered td:last-child a.btn[data-original-title="Edit Map City/Project to Sales"]{color: #6658dd; border: 1px solid #6658dd;}
table.table-bordered td:last-child a.btn[title="View Map City/Project to Sales"], table.table-bordered td:last-child a.btn[data-original-title="View Map City/Project to Sales"]{color: #4a81d4; border: 1px solid #4a81d4;}
table.table-bordered td:last-child a.btn[title="Camapign Edit"], table.table-bordered td:last-child a.btn[data-original-title="Camapign Edit"]{color: #6658dd; border: 1px solid #6658dd;}
table.table-bordered td:last-child a.btn[title="Working"], table.table-bordered td:last-child a.btn[data-original-title="Working"] {color: #f1556c; border: 1px solid #f1556c;}



table.table-bordered td:last-child a.btn[title="Edit"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Edit"]:hover{background: #6658dd; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="View"]:hover, table.table-bordered td:last-child a.btn[data-original-title="View"]:hover{background: #4a81d4; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Proforma Invoice"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Proforma Invoice"]:hover{background: #1abc9c; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Create Invoice"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Create Invoice"]:hover{background: #f1556c; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Scheduler"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Scheduler"]:hover{background: #4fc6e1; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Download Invoice"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Download Invoice"]:hover{background: #eca11e; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="View Collection"]:hover, table.table-bordered td:last-child a.btn[data-original-title="View Collection"]:hover{background: #4a81d4; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Expense Working"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Expense Working"]:hover{background: #f1556c; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Lead Working"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Lead Working"]:hover{background: #f1556c; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Send Mail"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Send Mail"]:hover{background: #323a46; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Cancel"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Cancel"]:hover{background: #f1556c; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Map City to Caller"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Map City to Caller"]:hover{background: #6658dd; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Edit Map City/Project to Sales"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Edit Map City/Project to Sales"]:hover{background: #6658dd; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="View Map City/Project to Sales"]:hover, table.table-bordered td:last-child a.btn[data-original-title="View Map City/Project to Sales"]:hover{background: #4a81d4; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Camapign Edit"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Camapign Edit"]:hover{background: #6658dd; color: #fff !important;}
table.table-bordered td:last-child a.btn[title="Working"]:hover, table.table-bordered td:last-child a.btn[data-original-title="Working"]:hover{background: #f1556c; color: #fff !important;}

.modal-backdrop{background-color: #38414a;}
.modal-backdrop.in {opacity: .48;}
.modal{background: rgba(0,0,0,0);}

@media (min-width: 992px) {
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {display: block; margin-left: -15px; margin-right: -15px;}
.navbar-nav>li>a{color: #fff !important; padding: 15px 16px 14px 16px; font-weight: 300; font-size: 14px;}
.navbar-nav>li>a:hover{background: #515a65 !important; color: #fff !important;}
.navbar-nav>li>a:hover img{border-color: #fff;}
}

@media (min-width: 1250px) {
.full-width {width: 1250px;}
.login-page-L{width: 73% !important;}
.login-page-R{width: 27% !important;}
}



@media (max-width: 1199px) {
.login-heading h4{font-size: 30px;}
.login-heading p{font-size: 18px;}
}

@media (max-width: 991px) {
body{background: #f3f8fb !important;}
.header_heading{font-size: 18px;}
.lead-disposition-report-box .col-md-2 select{margin-bottom: 8px;}
.lead-disposition-report-box .col-md-2 input{margin-bottom: 8px;}
.lead-disposition-report-box .col-md-2 button{margin-bottom: 8px;}
.lead-disposition-report-box .col-md-2 button input{margin-bottom: 0;}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{right: 0;}
.main-header .sidebar-toggle{position: absolute; top: -64px; left: 0; font-size: 23px; padding: 16px 20px; color: #fff;}
.navbar-custom-menu .navbar-nav>li>a{padding-top: 19px; padding-bottom: 18px;}
.header_heading{display: none;}
.nav-color{background: transparent; box-shadow:none; min-height: 0 !important;}
.main-sidebar, .left-side{padding-top: 64px;}
.fixed .content-wrapper, .fixed .right-side{padding-top: 15px;}
.navbar-custom-menu .navbar-nav>li>a{position: absolute; top: -64px; right: 0; color: #fff;}
.logo{box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.22);}
.lead-disposition-report-box .col-md-2{padding: 0 4px !important;}
.login-heading{padding-right: 50%;}
.login-heading h4 br{display: none;}
.login-heading p br{display: none;}
.five-head ul li{padding: 0 5%;}
.operation-div .operation-div-p2{font-size: 16px;}
.content-header>.breadcrumb{background: #e3e8f1 !important;}
.piechart-lead{width: 98%; margin-left: 1%; margin-bottom: 15px;}
.sum_tab_res{margin: 0 -7px 15px -7px;}
.lead-disposition-report-box{margin-bottom: 0px;}
.lead-disposition-report-bg{margin-bottom: 15px;}
.footer{left: 0 !important;}
.manager-home-box font{top: 10px !important; right: 10px !important;}
.lead-disposition-report-box .col-md-2, .lead-disposition-report-box .col-md-3{margin-bottom: 4px;}
}

@media (max-width: 767px) {
.footer{left: 0 !important;}
.pwd_by{text-align: center !important; float: none !important; display: block; margin-top: 2px;}
.home-top-box{margin-left: -10px; margin-right: -10px; margin-bottom: 20px;}
.box-body .table-responsive{padding: 0px; white-space: nowrap;}
.dataTables_length{margin-bottom: 10px; text-align: left !important; font-size: 12px; font-weight: 700;}
.dataTables_filter{margin-bottom: 5px; text-align: left !important; margin-right: 0px; font-size: 12px; font-weight: 700;}
div.dataTables_info{margin-bottom: 5px; white-space: normal;}
.login-left{display: none;}
.login-box{max-width: 96%;}
.login-right{width: 100%;}
table.dataTable{margin-top: 0 !important;}
.content-main{padding: 15px 0;}
.add_button{position: static; width: 48%; margin: 1%; float: left; padding: 8px;}
div.dataTables_info, div.dataTables_paginate{text-align: left !important;}
ul.token-input-list{width:auto !important;}
.login-box-section{height: auto; padding: 40px 15px;}
.login-heading{position: static; transform: initial; padding-right: 0 !important;}
.login-box{position: static; transform: initial; display: block; margin:auto;}
.login-heading{display: none;}
.login-topheader .login-logo{display: block; margin: 0 auto 20px;}
.login-support{display: block; margin: auto; float: none; max-width: 96%;}
.filter-button{width: 99%;}
.content-header>.breadcrumb{margin-left: -5px; margin-right: -5px;}
.content-header>h1{margin-left: -5px;}
.dashboard-font{margin: 0px 5px 15px 5px;}
.bg-white{margin: 0 5px 20px 5px; padding: 15px 5px;}
.lead-disposition-report-box{padding: 15px 0px; margin: 15px -10px 0px -10px;}
.btns_head{margin-bottom: 6px;}
.five-head ul li {padding: 1% 5% 1% 5%;}
.operation-div {text-align: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.operation-div:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.operation-div .operation-div-p2{font-size: 18px;}
#lead_list_wrapper .col-sm-12{padding-left: 0; padding-right: 0; margin-left: 15px; margin-right: 15px; border: 1px solid #ddd; border-top: none;}
#scf_form_list_wrapper .col-sm-12{padding-left: 0; padding-right: 0; margin-left: 15px; margin-right: 15px; border: 1px solid #ddd; border-top: none;}
#expense_list_wrapper .col-sm-12{padding-left: 0; padding-right: 0; margin-left: 15px; margin-right: 15px; border: 1px solid #ddd; border-top: none;}
.sales-pop-select-snooze{width: 125px; top: 12px;}
.sales-pop-select-snooze select{height: 30px; font-size: 12px;}
.piechart-lead {width: 98.5%; margin-left: 0.5%;}
.sum_tab_res{margin: 0 -10px 20px -10px; padding: 15px 5px;}
.lead-disposition-report-bg{margin: 0 -10px 15px -10px; padding: 15px 5px;}
.manager-home-box{height: auto !important;}
.management-report-div{margin-bottom: 12px;}
.filter-dash-box label{margin-top: 10px;}
.filter-dash-box button{margin-top: 20px !important;}
}


@media (max-width: 540px) {
div.dataTables_length select{width: 60px;}
.five-head ul li {padding: 8px 2% 8px 2%; width: 100%;}
.five-head ul li:before{display: none;}
.piechart-lead {width: 98%; margin-left: 1%;}
}



.sales_bg_lead_view{ background: #78a59f80;padding: 15px 0 10px 9px !important; }
.caller_bg_lead_view{ background: #dbd7d7b3;padding: 15px 0 10px 9px !important; }