*{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: 'Poppins', sans-serif !important;background-color: #f1f3f6 !important}
html{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: 'Poppins', sans-serif !important;}
.marginB20{margin-bottom: 20px;}
:focus{outline: 0 !important;}
.cf:after,.cf:before{content:"";display:table}
.cf:after{clear:both}
.paddingL0{padding-left: 0 !important;}
.paddingR0{padding-right: 0 !important;}
.popup_subHead{font-weight: bold;}
.stock_red{color: red;}
.stock_green{color: green;}
.refresh-color{background:#f1556c !important; border-color: #f1556c !important;}
.refresh-color:hover{background: #d7374e !important; border-color: #d7374e !important;}
/* Login Page Start */
.login-bg{background: #1f4eff url("../img/login-witscrm-bg.png") repeat-x left bottom fixed!important;}
.login-box{position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 360px; background: #fff; padding: 35px;}


.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: 14px; color: #000; font-weight: 400;}
.login-form input::placeholder{color: #444;}
.login-form .login-fill-img{position: absolute; width: 21px; top: 50%; transform: translateY(-50%); left: 10px;}
.login-form button{width: 100%; height: 50px; background: #1f4eff; transition: 0.25s; border: none; color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.login-form button:hover{background: #072ebd;}

.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-topheader .login-logo{display: inline-block; vertical-align: middle; margin-top: 10px;}
.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: #f1f3f6 !important; margin-top: 64px; padding: 15px; min-height: 0 !important;}
.nav-color{background: #5982ea; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 1px -2px rgba(0, 0, 0, 0.02), 0 1px 5px 0 rgba(0, 0, 0, 0.02);}
.logo{background: #5e93ed;}
.main-sidebar{background: #fff !important; position: fixed; overflow-y: auto; height: 100%;}
.sidebar-collapse .main-sidebar{overflow: initial !important;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{padding: 15px !important;}
.sidebar-collapse .sidebar-menu>li>a>span:not(.pull-right){background: #127dbb !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; max-height: 220px !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: #707070 !important; border-left: 4px solid transparent !important;}
.masters_li a {color :#707070 !important;}
.masters_li>a>span {color :#707070 !important;}
.sidebar .li-toggle.active a{color:#000 !important; background: #dce2ec}

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

.treeview-menu{padding-left: 0 !important; background: #fff !important; margin: 0 !important;}
.home-top-box{font-weight: 400; background: #fff !important; margin-bottom: 25px; position: relative; text-align: left; height: 130px; margin-left: -2.5px; transition: 0.25s; margin-right: -2.5px; box-shadow: 1px 0 20px rgba(0,0,0,.05) !important;}
.home-top-box:hover{cursor: pointer; color: #fff !important;}
.home-top-box img{position: absolute; top: 14px; right: 15px; width: 34px; transition: 0.25s; z-index: 2; font-size: 54px;}
.home-top-box:hover img{transform: scale(1.15); color: #fff;}
.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; font-weight: 500; color: #6c8793 !important; margin-bottom: 20px !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: #707070 !important; font-weight: 500; font-size: 20px;}
.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{border-top: 2px solid #fc5862;}*/
.home-top-box-2 h3{color: #ffffff !important; background: #f77467; margin: -20px; padding: 20px;}
/*.home-top-box-3{border-top: 2px solid #5982ea}*/
.home-top-box-3 h3{color: #ffffff !important; background: #41a776; margin: -20px; padding: 20px;}
/*.home-top-box-4{border-top: 2px solid #57cc94}*/
.home-top-box-4 h3{color: #ffffff !important; background: #51a0af; margin: -20px; padding: 20px;}
/*.home-top-box-5{border-top: 2px solid #f9c450}*/
.home-top-box-5 h3{color: #ffffff !important; background: #f1a43d; margin: -20px; padding: 20px;}
/*.home-top-box-6{border-top: 2px solid #00bea4}*/
.home-top-box-6 h3{color: #ffffff !important; background: #00bea4; margin: -20px; padding: 20px;}
.home-top-box-7{}
.dashboard-font{margin: 0px 0px 15px 0px; font-size: 18px; font-weight: 600; color: #fff; display: block;}
.site-visit-box{display: block;padding: 20px;z-index: 2;position: relative};
.home-top-box-5 h3 {color: #ffffff !important;background: #f1a43d;margin: -20px;margin-bottom: -20px;
    padding: 20px;}
.main-header .logo .logo-lg img{padding: 18px 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; font-size: 23px; padding: 16px 20px;}
.modal-header{background: #5982ea !important;}
.modal-header h4{color:#fff; font-weight: 700;}
.dropdown-toggle .hidden-xs{display: inline-block; vertical-align: middle;}

.dashboard-nonnn-followup{background: #fbfbfb; color: #f77467; padding: 15px; margin-bottom: 25px;}
.dashboard-callplanned{background: #fbfbfb; color:#41a776; padding: 15px; margin-bottom: 25px;}
.dashboard-meetplanned{background: #fbfbfb; color:#51a0af; padding: 15px; margin-bottom: 25px;}
.dashboard-siteplannnned {color: #f1a43d;background: #fbfbfb;padding: 15px; margin-bottom: 25px;}
.dashboard-sitedone {color: #d4923b;background: #fbfbfb;padding: 15px;margin-bottom: 25px;}
/* Dashboard Page Finish */


/* Inner Page Start */
.bg-white{background: #fff; padding: 20px; margin: 0 0px 25px 0px; box-shadow: 1px 0 20px rgba(0,0,0,.05) !important; border-radius: 0 0 2px 2px;}
.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: 60px;}
.add_button{position: absolute; font-size: 12px; right:20px; top: 30px; cursor: pointer; z-index: 1; background: #5acc92; border: none; color: #fff; padding: 6px 7px; border-radius: 0px;}
.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;}
#reload:hover{background: #da3c53;}
#upload_lead_excel:hover{background: #1b64d4;}
#assign_active_leads:hover{background: #ce790d;}
#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: #5982ea !important; border-color: #5982ea;}

.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: 13px; color: #666; display: block; margin-bottom: 6px;}
.popup_subHead{font-size: 16px; border-bottom: 1px solid #cecece; padding-bottom: 15px; margin-bottom: 15px; font-weight: 500 !important; color: #4e4a4a;}

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

.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: #c1003e21 !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;}


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


.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; 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 4px 3px 1px rgba(0, 0, 0, 0.04) !important; border-radius: 0 0 2px 2px;}
.lead-disposition-report-box .col-md-2{padding: 0 2px !important;}
.lead-disposition-report-box .col-md-2 select{height: 45px; padding: 0 5px; font-size: 13px;}
.lead-disposition-report-box .col-md-2 input{height: 45px; padding: 0 5px; font-size: 13px;}
.lead-disposition-report-box .col-md-2 button{width: 100%; height: 45px; font-size: 13px; font-weight: 500; border-radius: 0 !important;}
.lead-disposition-report-box .col-md-2 button input{height: auto; font-size: 13px; font-weight: 500;}
.slimScrollBar{background: rgba(255, 255, 255, 0.7) !important;}


#reload{right: 317px; background: #f95a64;}
#upload_lead_excel{right: 403px; background: #6179e9;}
#assign_active_leads{right: 488px; background: #e5ad2c;}
#assign_inactive_leads {right: 422px; background: #e5ad2c;}

.side-menu-sales{background: #f1f3f6; padding: 15px; margin: 10px 10px 0 10px; text-align: center;}
.side-menu-sales img{width: 80px; border-radius: 50%; height: 80px;}
.side-menu-sales h5{font-size: 16px; font-weight: 700; color: #1a2429; margin: 10px 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 5px;}
div.dataTables_info{color: #4e4a4a !important; font-weight: 400; font-size: 12px;}

table.table-bordered tbody th, table.table-bordered tbody td{padding: 7px 10px 7px 10px !important;}
.table-bordered>thead>tr>th{font-weight: 600 !important; padding: 12px 27px 12px 10px !important; color: #4e4a4a !important; border-bottom: 2px solid #dde1e5 !important; border-top: 1px solid #dde1e5 !important; font-size: 12px;}
table.table-bordered tbody td{color: #4e4a4a !important; font-size: 12px; font-weight: 400;}
.table-striped>tbody>tr:nth-of-type(odd){background-color: #eff3f6 !important;}
.pagination>li>a{background: #fff; color: #1f4eff; font-size: 12px;}
.pagination>.disabled>a{border-color: #dde1e5;}

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

@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: 16px; font-weight: 600;}
}

@media (min-width: 1250px) {
.full-width {width: 1250px;}
}

@media (max-width: 1299px) {
.footer{position: fixed !important; left: 0 !important; bottom: 0 !important; width: 100% !important; background-color: #fff !important; color: #4e4e4e !important; text-align: left !important; font-size: 12px !important; padding: 5px 10px 5px 240px !important; font-weight: 600 !important; z-index: 9 !important;}
}

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

@media (max-width: 991px) {
body{background: #e0e0e0 !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;}
.navbar-custom-menu .navbar-nav>li>a{padding-top: 20px; padding-bottom: 20px;}
.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;}
}

@media (max-width: 767px) {
.footer{padding: 5px 10px 5px 10px !important; text-align: center !important; font-size: 11px !important; font-weight: 500 !important;}
.pwd_by{text-align: center !important; float: none !important; display: block; margin-top: 2px;}
.home-top-box{margin-left: -5px; margin-right: -5px; 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; margin-left: -15px;}
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 !important;}
.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%;}
.box-body{padding: 10px 5px;}
.bg-white{padding:15px 5px; margin-bottom: 20px;}
div.dataTables_length label, div.dataTables_filter label, div.dataTables_info, .pagination>li>a, .content-header>.breadcrumb{font-size: 11px;}
.content-header>h1{font-size: 21px;}
.home-top-box h3, .dashboard-font{font-size: 16px;}
.dashboard-meetplanneds, .dashboard-nonnn-followups, .dashboard-callplanneds{margin-left: -5px; margin-right: -5px;}
.dashboard-font{margin-bottom: 10px;}
}


@media (max-width: 540px) {
div.dataTables_length select{width: 60px;}
}