*{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: rgb(241, 241, 241) 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;}

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

.lead-working-block{color: #ee3434 !important;  margin-top:30px;}
.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: #ff1d04; transition: 0.25s; border: none; color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.login-form button:hover{background: #a9a9a6;}

.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 #ff1d04; width: 360px; font-size: 14px; color: #fff; background:#ff1d04;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: rgb(13, 12, 12); font-weight: 600; line-height: 52px; margin-bottom: 20px;}
.login-heading p{font-size: 18px; color: #ff1d04; font-weight: 400; line-height: 36px;}
.login-right h4{font-size: 22px; font-weight: 500; color: #ff1d04; 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 */

.filter-dash-box button{border-radius:20px;}
.filter-dash-box input{border-radius: 20px;}
.navbar-nav > .user-menu .user-image{border:1px #ddd solid !important;}
.datepicker{z-index:9999 !important;}
/* 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: #fff; 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: #fff;}
.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: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: #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: #e4ebf7}

.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; 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: 0px 0px 50px 50px rgba(136, 128, 128, 0.05) !important;}
.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: 50px; 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: #000 !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{font-size: 23px; padding: 16px 20px 15px 20px;}
.skin-blue .main-header .navbar .sidebar-toggle:hover{background: #515a65 !important;}
.modal-header{background: #7bb7cf !important;border-top-left-radius: 20px;
  border-top-right-radius: 20px;}
.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; box-shadow: 1px 0 20px rgba(0,0,0,.05) !important; border-radius: 20px;}
.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: 5px 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 !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: #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);}
}

ul.token-input-list {border-radius:20px !important;border-color: #dde1e5 !important;}
.form-control {border-color: #dde1e5;border-radius: 20px;}

.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: #ff0000; z-index: 9999; color: #ffff; text-align: center; height: 50px; position: absolute; padding: 13px; font-size: 18px; width: 100%;}
.modal-content{border-radius:20px;}
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;}


.filter_search {background:#9811b3 !important; right: 605px !important;}
.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{ text-align:right;margin-right: 3px;padding: 0px 0 4px 0; margin-left: 0 !important;}
.btns_head{z-index: 1;background: #5acc92;border: none;color: #fff;padding: 5px 7px;border-radius: 0px;font-size: 13px;top: 30px;font-size: 12px;cursor: pointer;margin-right:7px;}
.filter_color{background: #9811b3 !important;}
.reset_filter_color{background: #ff9000 !important; }
.upload_lead_color{background: #6179e9; }
.lead_assignment{background: #e5ad2c; }
.add_record{background: #5acc92; }
.download_color{background: #2d7bf4 !important; color:#fff;}
.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;}
/** 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%); 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;}
.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: #36a46c;}
#upload_lead_excel{right: 406px; background: #6179e9;}
#assign_active_leads{right: 491px; 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: 13px;}

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; font-size: 12px; padding: 12px 27px 12px 10px !important; color: #4e4a4a !important; border-bottom: 2px solid #dde1e5 !important; border-top: 1px solid #dde1e5 !important;}
table.table-bordered tbody td{color: #000 !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;}
.pagination>.disabled>a{border-color: #dde1e5;}

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

.filter-button{right: 346px !important; background: #9811b3 !important;}
.filter-button-reset{right: 414px !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: 16px; color: #5982ea; margin-bottom: 5px;}
.five-head ul li span{font-size: 14px; color: #000;}
.five-head-margin{margin-top: 20px; 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;}

.operation-div {text-align:center;}
.operation-div .operation-div-p1{font-size: 12px;}
.operation-div .operation-div-p2{font-size: 18px;}

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

.filter-dash-box.submit button{border-color: #398439; transition: 0.25s; background-color: #008d4c; margin-top: 25px; font-size: 14px; color: #fff; width: 100%; height: 34px; border: none;}
.filter-dash-box.submit button:hover{background: #047943;}

.filter-dash-box.filter button{border-color: #d7374e; transition: 0.25s; background-color: #d7374e; margin-top: 25px; font-size: 14px; color: #fff; width: 100%; height: 34px; border: none;}
.filter-dash-box.filter button:hover{background: #bd1e35;}

.filter-dash-box label{font-size: 14px; font-weight: 500; margin-bottom: 5px; color: #000;}

.hr-employee-zone li{border-right: 1px solid #d4d4d4;}
.hr-employee-zone li:last-child{border-right: none;}
.hr-employee-zone li .hr-employee-span{font-size: 13px; margin-top: 5px; display: block;}
.hr-employee-zone li .btn-success {background-color: #2d7bf4 ; transition: 0.25s; border-color: #2d7bf4; padding: 2px 6px; font-size: 12px; vertical-align: middle; margin-top: -1px;}
.hr-employee-zone li .btn-success:hover{background: #1a5cc1; border-color: #1a5cc1;}
.hr-employee-zone li .btn-success i{vertical-align: middle; margin-right: 2px;}

.nav>li>a:hover{color: #000 !important;}

.target-achieve{display: block; height: 57px; width: 59%; position: absolute; top: 71px; left: 50%; right: 0; margin-left: 30px; transform: translateX(-50%); border: 1px solid #5882ea; padding: 15px;}
.target-achieve h5{font-size: 15px; font-weight: 600; background: #000; position: absolute; top: 0; left: 0; display: table; color: #fff; padding: 3px 5px; left: -15px; top:-5px;}
.target-achieve .target-archieve-month{position: absolute; left: -10px; border: 1px solid #ddd; font-size: 12px; top: -1px; width: 84px; height: 21px; cursor: pointer; z-index: 1;}
.target-achieve .target-archieve-year{position: absolute; left: -10px; border: 1px solid #ddd; font-size: 12px; bottom: -5px; width: 84px; height: 21px; cursor: pointer; z-index: 1;}
.target-achieve-div{text-align: center; color:#000 }
.target-achieve-div label{font-size: 13px; font-weight: 400; position: relative;}
.target-achieve-div:after{content: ""; position: absolute; right:0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background: #b7b7b7;}
.target-achieve-div:last-child:after{display: none;}
.target-achieve-div p{font-weight: 600; font-size: 15px;}
.target-achieve-div.red{color: red;}
.target-achieve-div.red p:after{content: '\f063'; font-family: 'FontAwesome'; margin-left:5px; }
.target-achieve-div.green{color: green;}
.target-achieve-div.green p:after{content: '\f062'; font-family: 'FontAwesome'; margin-left:5px; }

.circulars-div-pop{position: relative; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.circulars-div-pop:nth-of-type(2){border-bottom: none;}
.circulars-div-pop .title-detail{font-size: 15px; padding-right: 90px; color: #000; font-weight: 500;  width: 100%; margin-top: 1px; vertical-align: top;}
.circulars-div-pop .title-detail p{font-size: 13px; color: #000; font-weight: 400; line-height: 22px; margin-bottom: 12px;}
.circulars-div-pop .title-detail p:last-child{margin-bottom: 0;}
.create-date{position: absolute; top: 16px; right: 10px; background: #5882ea; color: #fff; border-radius: 50px; font-size: 11px;  padding: 2px 8px;}
.circulars-div-pop-btn{position: absolute; transition: 0.25s; right: 9px; bottom: 9px; border-radius: 50px; background: #777 !important; border: 1px solid #777 !important; z-index: 1; cursor: pointer; font-size: 13px; padding: 5px 12px; color: #fff;}
.circulars-div-pop-btn i{margin-right: 4px;}
.circulars-div-pop-btn:hover{background: #000 !important; border-color: #000 !important;}
.circulars-modal-height{max-height: 590px; overflow-y: auto;}
.circulars-modal-footer{border-top: 1px solid #b7b7b7;}
.circulars-modaldialog-height{margin: 20px auto 0;}

.salary-earning-tbody tr td{padding: 9px 0;}
.salary-earning-thead tr th{padding-bottom: 12px;}

.circulars-pop-download{position: absolute; transition: 0.25s; left: 9px; bottom: 9px; border-radius: 50px; background: #777 !important; border: 1px solid #777 !important; z-index: 1; cursor: pointer; font-size: 13px; padding: 5px 12px; color: #fff; font-weight: 500;}
.circulars-pop-download i{margin-right: 4px;}
.circulars-pop-download a{color: #fff; transition: 0.25s;}
.circulars-pop-download:hover{background: #000 !important; color: #fff; border-color: #000 !important;}

.employee-zone-head{font-size: 17px; margin: 0px 10px 18px 10px; color: #000; display: table; border-radius: 3px;}
.employee-zone-head span{width: 26px; height: 26px; display: inline-block; text-align: center; background: #009688; border-radius: 50%; vertical-align: middle; margin-right: 4px; color: #fff; line-height: 26px; font-size: 16px;}
.employee-zone-head-3{margin-top: 37px;}

.target-achieve-employee{background: #fff; padding: 24px 24px 20px 24px; margin: 0 10px 35px 10px; box-shadow: 1px 0 20px rgba(0,0,0,.05) !important; border-radius: 0 0 2px 2px;}
.target-achieve-employee .target-archieve-month{position: absolute; left: 0px; border: 1px solid #ddd; font-size: 12px; top: -1px; width: 100px; height: 21px; cursor: pointer; z-index: 1;}
.target-achieve-employee .target-archieve-year{position: absolute; left: 0px; border: 1px solid #ddd; font-size: 12px; bottom: -5px; width: 100px; height: 21px; cursor: pointer; z-index: 1;}


@media (max-width: 1399px){
.circulars-modal-height{max-height: 490px;}
}

@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{ 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: 40%;}
.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;}
.target-achieve {display: block; height: auto; width: 97.8%; position: static; top: inherit; left: inherit; right: inherit; transform: inherit; margin: 20px auto 30px !important;}
 .content-header>h1{margin-bottom: 0px !important;}
 .target-achieve-employee .target-archieve-month{position: static; width: 48%; margin: 1% 1% 1% 0%; height: 30px;}
.target-achieve-employee .target-archieve-year{position: static; width: 48%; margin: 1% 0% 1% 1%; height: 30px;}
.target-achieve-div:after{display: none;}
.employee-zone-head-respon{margin-top: 25px;}
}

@media (max-width: 767px) {
.footer{padding: 5px 10px 5px 10px !important; text-align: center !important; font-size: 11px !important; font-weight: 700 !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 5px -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 #d6d6d6;}
.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;}
.filter-dash-box.submit button{margin-top: 10px;}
.filter-dash-box.filter button{margin-top: 10px;}
.target-achieve h5{left: -5px; top: -10px;}
.target-achieve-div{margin: 5px 0;}
.target-achieve-div:after{display: none;}
.target-achieve .target-archieve-month{position: static; width: 46%; height: 25px; margin: 5px 1.5% 5px 1.5%;}
.target-achieve .target-archieve-year{position: static; width: 46%; height: 25px; margin: 5px 1.5% 5px 1.5%;}
}


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



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