*{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: #e1e7ef !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;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{font-size: 16px;}

.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: #fff !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: #2e2e33; 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: #1466ca; 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 #1466ca; color: #1466ca; 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: #1353802e; 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: #284e6f; 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: 130px; height: 43px; background: linear-gradient(to right, #ff2c9c , #5793ce); transition: 0.25s; border: none; color: #fff !important; font-size: 15px; font-weight: 600; text-transform: uppercase; display: table; float: right; letter-spacing: 0.6px; border-radius: 5px; transition: all .4s ease-in-out; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; background-size: 100% 100%;}
.login-form button:hover{background-size: 260% 100%; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.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: 30px 10px 25px 10px !important;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{color: #000;}
.content-header>.breadcrumb{top: 8px !important;}
.content-main{background: #e1e7ef !important; margin-top: 64px; padding: 15px; min-height: 0 !important;}
.nav-color{background: #42a4af; box-shadow: 0 1px 3px 0 rgb(54 74 99 / 5%);}
.logo{background: #42a4af;}
.main-sidebar{background: #fff !important; position: fixed; overflow-y: auto; height: 100%; box-shadow: 0 1px 3px 0 rgb(54 74 99 / 5%);}
.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: #696666 !important; border-left: 4px solid transparent !important;}
.masters_li a {color :#696666 !important;}
.masters_li>a>span {color :#696666 !important;}
.sidebar .li-toggle.active a{color:#42a4af !important; background: #f7f7f7; border-left: 4px solid #42a4af !important;}

.sidebar-menu > li.active>a, .sidebar-menu > .active>a span{color: #42a4af !important; background: #fbfbfb;}
.sidebar-menu > li.active>a, .sidebar-menu > li > a:hover{border-left: 4px solid #42a4af !important;}
.treeview-menu > li > a:hover{background: #f7f7f7 !important; color: #42a4af !important; border-left: 4px solid #42a4af !important;}

.treeview-menu{padding-left: 0 !important; background: #fff !important; margin: 0 !important;}
.home-top-box{font-weight: 400; box-shadow: 0 1px 3px 0 rgb(54 74 99 / 5%); background: #fff !important; margin-bottom: 25px; position: relative; text-align: left; height: 120px; margin-left: -2.5px; transition: 0.25s; margin-right: -2.5px; border-radius: 15px;}
.home-top-box:hover{cursor: pointer; color: #fff !important;}
.home-top-box span{position: absolute; bottom: 15px; right: 15px; width: 60px; height: 60px; padding: 12px; border-radius: 50%; transition: 0.25s; z-index: 0; color: #95c6ef; background: #396caa; overflow: hidden;}
.home-top-box span:before{content: ''; transition: 0.5s; background: rgba(255,255,255,0.4); width: 15px; height: 90px; position: absolute; transform: rotate(45deg); top: -23px; left: -25px;}
.home-top-box span img{max-width: 100%; max-height: 100%;}
.home-top-box:hover span:before{top: 14px; left: 55px;}
.home-top-box>.small-box-footer{border-radius: 0 0 7px 7px;}
.home-top-box a{display: block; padding: 20px; z-index: 2; position: relative;}
.home-top-box h3 {font-size: 18px; position: relative; font-weight: 400; color: #696666 !important; margin-bottom: 35px !important; position: relative; letter-spacing: 0.4px;}
.home-top-box h3:before{content: ''; background: #696666; width: 60px; height: 1px; position: absolute; bottom: -12px;}
.home-top-box p{color: #696969 !important; font-weight: 700; font-size: 22px;}
.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: 14px 15px; font-size: 14px; font-weight: 400; border-radius:0px;}

.home-top-box:hover h3, .home-top-box:hover p{color: #396caa !important;}

.home-top-box-new-1 span{background: #0000FF;}
.home-top-box-new-2 span{background: #8A2BE2;}
.home-top-box-new-3 span{background: #A52A2A;}
.home-top-box-new-4 span{background: #5F9EA0;}
.home-top-box-new-5 span{background: #D2691E;}
.home-top-box-new-6 span{background: #20B2AA;}
.home-top-box-new-7 span{background: #FF7F50;}
.home-top-box-new-8 span{background: #DC143C;}
.home-top-box-new-9 span{background: #006400;}
.home-top-box-new-10 span{background: #2F4F4F;}
.home-top-box-new-11 span{background: #4B0082;}
.home-top-box-new-12 span{background: #20B2AA;}

.home-top-box-new-1:hover h3, .home-top-box-new-1:hover p{color: #0000FF !important;}

.home-top-box-new-2:hover h3, .home-top-box-new-2:hover p{color: #8A2BE2 !important;}

.home-top-box-new-3:hover h3, .home-top-box-new-3:hover p{color: #A52A2A !important;}

.home-top-box-new-4:hover h3, .home-top-box-new-4:hover p{color: #5F9EA0 !important;}

.home-top-box-new-5:hover h3, .home-top-box-new-5:hover p{color: #D2691E !important;}

.home-top-box-new-6:hover h3, .home-top-box-new-6:hover p{color: #20B2AA !important;}

.home-top-box-new-7:hover h3, .home-top-box-new-7:hover p{color: #FF7F50 !important;}

.home-top-box-new-8:hover h3, .home-top-box-new-8:hover p{color: #DC143C !important;}

.home-top-box-new-9:hover h3, .home-top-box-new-9:hover p{color: #006400 !important;}

.home-top-box-new-10:hover h3, .home-top-box-new-10:hover p{color: #2F4F4F !important;}

.home-top-box-new-11:hover h3, .home-top-box-new-11:hover p{color: #4B0082 !important;}

.home-top-box-new-12:hover h3, .home-top-box-new-12:hover p{color: #20B2AA !important;}


.home-top-box-new-1:hover h3:before{background: #0000FF !important;}

.home-top-box-new-2:hover h3:before{background: #8A2BE2 !important;}

.home-top-box-new-3:hover h3:before{background: #A52A2A !important;}

.home-top-box-new-4:hover h3:before{background: #5F9EA0 !important;}

.home-top-box-new-5:hover h3:before{background: #D2691E !important;}

.home-top-box-new-6:hover h3:before{background: #20B2AA !important;}

.home-top-box-new-7:hover h3:before{background: #FF7F50 !important;}

.home-top-box-new-8:hover h3:before{background: #DC143C !important;}

.home-top-box-new-9:hover h3:before{background: #006400 !important;}

.home-top-box-new-10:hover h3:before{background: #2F4F4F !important;}

.home-top-box-new-11:hover h3:before{background: #4B0082 !important;}

.home-top-box-new-12:hover h3:before{background: #20B2AA !important;}


.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: #258d98 !important;}
.modal-header{background: #42a4af !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 1px 3px 0 rgb(54 74 99 / 5%); box-shadow: 0 1px 3px 0 rgb(54 74 99 / 5%); border-radius: 15px;}
.content-header>h1, .content-header>h4{font-size: 24px; color: #696666; 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: #42a4af !important; border-color: #42a4af; 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{margin-top: 20px;font-size: 18px; font-family: 'GoogleSans-Medium'; border-bottom: 1px solid #cecece; padding-bottom: 15px; margin-bottom: 15px; color: #4e4a4a;}
.popup_subHead_total {
    margin-top: 20px;
    font-size: 18px;
    font-family: 'GoogleSans-Medium';
    border-bottom: 3px solid #d4cece;
    padding-bottom: 10px;
    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 {display: block;
    width: 100%;
    height: 34px;
    padding: 2px 4px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 3px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.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{background:rgba(0,0,0,0.3); position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height: 100%; z-index: 9999;}

.loading:before {content:""; position: absolute; width: 32px; height: 32px; top: 50%; left: 50%; margin: -16px 0 0 -16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAyVBMVEUAAAC9vsDCw8W9v8G9vsD29/fr7O29vsDm5+jx8fK/wML29vf///+9vsHR0tPm5+jt7u7w8PHr7Ozc3d7n6OnExcfGx8nJyszMzM7V1tjZ2tvf4OG9vsDHyMrp6uvIycu9v8HAwcTPz9HCw8W9vsC9vsDBwsTj5OXj5OXW19i9vsDm5+jw8PHy8vL09fW9vsDFxsjJyszAwsS9vsDU1dbLzM7Y2drb3N3c3d7e3+DHyMrBwsTh4uPR0tPDxcfa293R0tTV1ti9vsAll6RJAAAAQnRSTlMA7+t/MAZHQDYjHxABv6xSQjEgFgzi2M7Emop0cGVLD/ryt7Cfj3dmYWBgWjgsGd/Cv7SvopSSg4B6eHZrQjkyKx1dd0xhAAAA9klEQVR4AYWPeXOCMBBHFxIgCQKC3KCo1Wprtfd98/0/VBPb6TC0Wd+/783+ZqELrQkRoIMujFbiaLTwpESC029reB7919d7u6SgYaE8aUCivW84oEUY0lPQc408pxBqHxCIHGiw4Lxtl5h35ALFglouAAaZTj00OJ7NrvDANI/Q4PlQMDbNFA3ekiQRaHGRpmM0eMqyyxgLRlme4ydu8/n8Az3h+37xiRWv/k1RRlhxUtyVD8yCXwaDflHeP1Zr5sIey3WtfvFeVS+rTWAzFobhNhrFf4omWK03wcS2h8OzLd/1TyhiNvkJQu5amocjznm0i6HDF1RMG1aMA/PYAAAAAElFTkSuQmCC) no-repeat;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(360deg);}
}

@keyframes rotation {
    from {transform: rotate(0deg);}
    to   {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: #696666 !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: 14px; padding: 10px 27px 10px 10px !important; font-family: 'GoogleSans-Medium'; color: #696666 !important; border-bottom: 2px solid #dde1e5 !important; border-top: 1px solid #dde1e5 !important; font-weight: 400 !important;}
.content-header>.breadcrumb>li>a {color: #696666 !important;}
.content-header>.breadcrumb>li{color: #999 !important;}
table.table-bordered tbody td{color: #696666 !important; font-size: 13px; font-weight: 300; padding: 5px 10px 5px 10px !important;}
table.table-bordered tbody td a{font-size: 13px;}
.table-striped>tbody>tr:nth-of-type(odd){background-color: #f9f9f9 !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 a.btn-sm{width: 25px; height: 25px; padding: 0; margin-right: 2px !important; font-size: 11px !important; margin: 2px; transition: 0.2s;}
table.table-bordered td a.btn-sm i{line-height: 22px; }
table.table-bordered td a.btn[title="Edit"], table.table-bordered td a.btn[data-original-title="Edit"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="View"], table.table-bordered td a.btn[data-original-title="View"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Proforma Invoice"], table.table-bordered td a.btn[data-original-title="Proforma Invoice"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Create Invoice"], table.table-bordered td a.btn[data-original-title="Create Invoice"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Scheduler"], table.table-bordered td a.btn[data-original-title="Scheduler"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Download Invoice"], table.table-bordered td a.btn[data-original-title="Download Invoice"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="View Collection"], table.table-bordered td a.btn[data-original-title="View Collection"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Expense Working"], table.table-bordered td a.btn[data-original-title="Expense Working"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Lead Working"], table.table-bordered td a.btn[data-original-title="Lead Working"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Send Mail"], table.table-bordered td a.btn[data-original-title="Send Mail"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Map City to Caller"], table.table-bordered td a.btn[data-original-title="Map City to Caller"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Edit Map City/Project to Sales"], table.table-bordered td a.btn[data-original-title="Edit Map City/Project to Sales"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="View Map City/Project to Sales"], table.table-bordered td a.btn[data-original-title="View Map City/Project to Sales"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Camapign Edit"], table.table-bordered td a.btn[data-original-title="Camapign Edit"]{color: #42a4af; border: 1px solid #42a4af;}
table.table-bordered td a.btn[title="Working"], table.table-bordered td a.btn[data-original-title="Working"] {color: #42a4af; border: 1px solid #42a4af;}



table.table-bordered td a.btn[title="Edit"]:hover, table.table-bordered td a.btn[data-original-title="Edit"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="View"]:hover, table.table-bordered td a.btn[data-original-title="View"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Proforma Invoice"]:hover, table.table-bordered td a.btn[data-original-title="Proforma Invoice"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Create Invoice"]:hover, table.table-bordered td a.btn[data-original-title="Create Invoice"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Scheduler"]:hover, table.table-bordered td a.btn[data-original-title="Scheduler"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Download Invoice"]:hover, table.table-bordered td a.btn[data-original-title="Download Invoice"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="View Collection"]:hover, table.table-bordered td a.btn[data-original-title="View Collection"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Expense Working"]:hover, table.table-bordered td a.btn[data-original-title="Expense Working"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Lead Working"]:hover, table.table-bordered td a.btn[data-original-title="Lead Working"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Send Mail"]:hover, table.table-bordered td a.btn[data-original-title="Send Mail"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Map City to Caller"]:hover, table.table-bordered td a.btn[data-original-title="Map City to Caller"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Edit Map City/Project to Sales"]:hover, table.table-bordered td a.btn[data-original-title="Edit Map City/Project to Sales"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="View Map City/Project to Sales"]:hover, table.table-bordered td a.btn[data-original-title="View Map City/Project to Sales"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Camapign Edit"]:hover, table.table-bordered td a.btn[data-original-title="Camapign Edit"]:hover{background: #42a4af; color: #fff !important;}
table.table-bordered td a.btn[title="Working"]:hover, table.table-bordered td a.btn[data-original-title="Working"]:hover{background: #42a4af; color: #fff !important;}

table.table-bordered td a.btn[title="Delete"], table.table-bordered td a.btn[data-original-title="Delete"], table.table-bordered td a.btn[title="Cancel"], table.table-bordered td a.btn[data-original-title="Cancel"]{border:1px solid #f1556c !important; color: #f1556c !important;}
table.table-bordered td a.btn[title="Delete"]:hover, table.table-bordered td a.btn[data-original-title="Delete"]:hover, table.table-bordered td a.btn[title="Cancel"]:hover, table.table-bordered td a.btn[data-original-title="Cancel"]:hover{background: #f1556c !important; color: #fff !important;}

table.table-bordered td form input[type="submit"]{background: none; border: 1px solid #2f848e; transition: 0.25s; color: #2f848e; padding: 3px 5px; border-radius: 3px;}
table.table-bordered td form input[type="submit"]:hover{background: #2f848e; color: #fff;}

.add_products_button_pop{background: #00a65a !important; transition: 0.25s; padding: 7px 10px !important; margin-top: -20px; border-radius: 3px !important; color: #fff !important; font-size: 14px !important;}
.add_products_button_pop:hover{background: #008d4c !important;}

.modal-backdrop{background-color: #000;}
.modal-backdrop.in {opacity: .3;}
.modal{background: rgba(0,0,0,0);}
.modal-open .modal{padding: 0 !important;}

.login-page-main-box{display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -o-flex-wrap: wrap; height: 100vh;}

.login-page-Left{width: 35%; position: relative; display: flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; -o-flex-direction: column; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; background: #396caa; padding: 0 60px;}
.new-login-class{position: absolute; width: 200px; left: 30px; top: 25px;}
.support-call-new{position: absolute; left: 30px; bottom: 25px; padding-left: 85px; width: 275px;}
.support-call-new img{width: 70px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: inherit; max-height: inherit;}
.support-call-new span{color: #d4ecff; font-size: 15px; margin-bottom: 2px; margin-top: 3px; display: block;}
.support-call-new font{display: block; color: #fff; font-size: 24px; display: block;}

.login-form-new{}
.login-form-new h5{font-size: 30px; color: #fff; font-weight: 400; margin-bottom: 10px;}
.login-form-new p{font-size: 16px; color: #d4ecff; letter-spacing: 0.4px; margin-bottom: 25px;}

.login-form-new input{border: none; border-bottom: 1px solid #d4ecff; background: none; width: 100%; height: 50px; padding-left: 35px; color: #fff !important;}
.login-form-new input::placeholder{color: #fff !important;}
.login-form-new img{width: 20px; position: absolute; left: 0; top: 13px; filter: brightness(10)}
.login-form-new .posR{margin-bottom: 35px;}


.login-page-Right{width: 65%; display: flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; -o-flex-direction: column; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; position: relative; padding: 15px 60px;}
.login-page-Right-box{text-align: center;}
.login-shape-1{position: absolute; left: 0; top: 0; width: 130px;}
.login-shape-2{position: absolute; left: 0; bottom: 0; width: 100px;}
.login-shape-3{position: absolute; right: 0; bottom: 0; width: 70px;}
.login-page-Right-box h4{font-size: 32px; margin-top: 25px; font-weight: 400; letter-spacing: 0.4px; color: #396caa;}
.main-login-img{width: 60%;}

.errorRed10011{background: none !important; color: #ff9f9f !important; letter-spacing: 0.5px;}

.footer{box-shadow: 0 1px 3px 0 rgb(54 74 99 / 5%); border-top: none !important; color: #000 !important; letter-spacing: 0.3px;}

@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: #258d98 !important; color: #fff !important;}
.navbar-nav>li>a:hover img{border-color: #fff;}

}

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

@media(min-width: 1300px){
.full-width {max-width: 2000px; margin: 0px auto; width: auto !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;}

.login-page-Right, .login-page-Left{width: 100%;}
.login-shape-1{width: 60px;}
.login-shape-2{bottom: -1px; width: 55px;}
.login-shape-3{bottom: -1px; width: 50px;}
.login-page-Right{padding: 30px 35px;}
.login-page-Right-box h4{font-size: 26px; line-height: 30px;}
.new-login-class {position: static; width: 180px; display: block; margin: auto;}
.login-page-Left{padding: 50px 30px 30px 30px;}
.login-form-new {margin: 40px 0 30px 0; text-align: center;}
.login-form-new h5{font-size: 24px;}
.login-form-new p{font-size: 14px; margin-bottom: 20px;}
.login-form-new .posR{margin-bottom: 20px;}
.support-call-new {position: relative; left: inherit; bottom: inherit; padding-left: 63px; width: 206px; margin: 40px auto 0px;}
.support-call-new img{width: 50px;}
.support-call-new span {font-size: 12px;}
.support-call-new font{font-size: 20px;}
.add_products_button_pop {padding: 5px 10px !important; margin-top: -34px;}
}

@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: 12px; text-align: left !important; font-size: 12px; font-weight: 700;}
.dataTables_filter{margin-bottom: 15px; 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, .content-header>h4{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;}
#client_branch_environment{white-space: inherit; font-size: 19px; text-align: center;}
.add_products_button_pop{width: 63px !important; top: -10px !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; }