@font-face {
font-family:"brandon-grotesque";
src: url("../fonts/Brandon_reg.otf") format("opentype");
font-style:normal;font-weight:400;
}
@font-face {
font-family:"AdineKirnberg";
src: url("../fonts/AdineKirnberg.ttf") format("truetype");
font-style:normal;
}
body{    overflow-y: scroll !important;}
html,
body{font-size:14px;min-height:100%;height:100%;margin:0;padding:0;font-family:'Ubuntu', verdana, arial, sans-serif;color:#8a8a8a;font-weight:300;background:#eee;}
.no-margin{margin:0px;padding:0px;}
.no-margin-top{margin-top:0px;}
.no-margin-bottom{margin-bottom:0px;}
.margin-top-15{margin-top:15px;}
.margin-bottom-15{margin-bottom:15px !important;}
.margin-right-15{margin-right:15px;}
.margin-left-15{margin-left:15px;}
.margin-top-30{margin-top:30px;}
.margin-bottom-30{margin-bottom:30px;}
.pad0{padding:0px;}
.padding-top-15{padding-top:15px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-right-15{padding-right:15px;}
.padding-left-15{padding-left:15px;}
.padding-top-30{padding-top:30px;}
.padding-bottom-30{padding-bottom:30px;}
.no-left-padding{padding-left:0;}
.no-right-padding{padding-right:0;}
.no-top-padding{padding-top:0;}
.no-bottom-padding{padding-bottom:0;}
.overflow-auto{overflow:auto;}
.mbtm0{margin-bottom:0px !important;}
.margin-minuslr{margin-left:-10px !important;margin-right:-10px !important;}
.marginlr0{margin-left:0px;margin-right:0px;}
.paddinglr0{padding-left:0px;padding-right:0px;}
.default-tab .tab-content.tabmar-right0{margin-right:0px;}
.pad20{padding:20px;}
.clear{clear:both;}
a,
a:visited{color:#000;}
a:hover,
a:visited,
a:active{text-decoration:none!important;}
a:focus, a:hover{color:#23527c;}
.row.same-height .panel-footer{position:absolute;bottom:0px;right:0px;left:0px;}
.navbar-top{background-color:#fff;color:#fdfdfd;border-width:0;top:0;position:fixed;width:inherit;left:250px;right:0px;height:60px;margin-bottom:0px;    box-shadow: 1px 1px 3px #ccc;}
.navbar h3{font-size: 26px;font-weight: bold;font-style: italic;margin-top:15px;float:left;color:#000;}
.usertop .dropdown-toggle{padding:0;background:transparent;border:none;margin-top:4px;color:#020202;cursor:pointer;font-weight: bold;line-height: 30px;}
.usertop .dropdown-toggle img{width:40px;float:left;}
.navbar-top .dropdown-menu li a{color:#484848;padding:10px;border-bottom:1px #e8e8e8 solid;}
.navbar-top .dropdown-menu{padding:0px;border:none;border-radius:0px;font-size:12px;top:49px;}
#navbar-top .usertop{margin-top:9px;}
#navbar-top .usertop i{font-size: 16px;font-weight: bold;color: #231f20;padding-top: 7px;float: right;padding-left: 6px;position: relative;}
#navbar-top,
#notification-top{float:right;}
#notification-top{margin-right: 50px;margin-top: 20px;}
#notification-top ul.dropdown-menu{top:38px;}
#notification-top i.fa-bell{float:left;font-size:14px;color:#000;}
#notification-top i.fa-angle-down{font-size: 28px;font-weight: bold; color: #231f20; padding-top: 1px; float: left;padding-left: 5px;}
.show-hide-sidebar{width:50px;text-align:center;font-size:26px;margin-top:5px;}
.show-hide-sidebar.hide-sidebar:hover{background-color:#fff;color:#2d3090;}
.show-hide-sidebar.show-sidebar{display:none;}
.show-hide-sidebar.hide-sidebar{display:inline-block;color:#ed1c21;}
#logo-container{background: #fff;height: 60px; top: 0px; left: 0px; width: 250px;text-align: center;position: fixed;z-index: 9999;box-shadow: -3px 1px 3px #ccc;}
#logo-container a{padding:0px;position:relative;display:block;}
#logo-container a img.big-logo{position:relative;max-width:100%;width:auto;margin-top:5px;height:auto;max-height:50px;}
#logo-container a img.small-logo{display:none;width:30px;}
.menu-right #logo-container{right:0px;left:auto;z-index:99;}
#sidebar{color: rgba(255,255,255,.54);background: #424242;padding:0px;padding-top:0px;margin:0px;position:fixed;left:0px;width:250px;top:60px;bottom:0px;}
#sidebar:before{content:"";position:absolute;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.4);box-shadow:0 0 10px 0 rgba(0,0,0,.2);width:247px;height:100%;z-index:0;}
#sidebar a{-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear;-o-transition:background-color 100ms linear;transition:background-color 100ms linear;-webkit-transition:color 100ms linear;-moz-transition:color 100ms linear;-o-transition:color 100ms linear;transition:color 100ms linear;font-size:13px;background-color:transparent;margin:0px;padding:10px 15px;color: rgba(255,255,255,.54);}
#sidebar a > i{-webkit-transition:all 100ms linear;-moz-transition:all 100ms linear;-o-transition:all 100ms linear;transition:all 100ms linear;position:absolute;font-size:19px;margin-top:-2px;}
#sidebar a > i.has-submenu{position:relative;font-size:18px;margin-top:0px;margin-left:5px;}
#sidebar a > span{padding-left:35px;}
#sidebar a.active > i.has-submenu,
#sidebar .nav li > a.active ul.nav-sabmenu li a i,
#sidebar .nav-submenu a.active_submenu i{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);}
#sidebar .nav li:hover{background-color:transparent;color:#ffffff;}
#sidebar .nav li > a:hover,
#sidebar .nav li > a.active{color: #fff;  background: rgba(255,255,255,.12);}
#sidebar .nav li > a:hover i,
#sidebar .nav li > a.active i{color:#fff;}
#sidebar > .nav{margin-bottom:50px;}
#sidebar .nav-submenu,
#sidebar .nav-subsubmenu{background-color:#2b2b2b;-webkit-box-shadow:inset 0 4px 4px -2px rgba(0,0,0,.15), inset 0 -4px 4px -2px rgba(0,0,0,.15);-moz-box-shadow:inset 0 4px 4px -2px rgba(0,0,0,.15),inset 0 -4px 4px -2px rgba(0,0,0,.15);color:#fff;width:247px;position:relative;}

#sidebar .nav-submenu a{color: #fff;padding: 6px 10px 6px 15px;font-size: 13px;border: none;height: 38px;line-height: 30px;border-left: 4px solid transparent;}

#sidebar .subsubmenu a:before{content:"";display:inline-block;position:absolute;width:5px;height:5px;left:1px;top:13px;background-color:#fff;border:1px solid #e2e2e2;z-index:2;}
#sidebar .nav-submenu a.active_submenu{color:#eba74e !important;}
#sidebar .progress{background-color:#131e30;}
#sidebar .nav-submenu.submenu-hidden{display:none;}
#sidebar .subsubmenu{display:none;margin-left:20px;}
#sidebar .subsubmenu li{position:relative;}
#sidebar .subsubmenu li a{display:block;padding:0px 10px 0px 20px;height:30px;}
#sidebar .nav li.dropdwonactive ul{display:block;}
.collapsed-sidebar #sidebar .nav > li > ul ul{display:none;margin-left:0px;}
.menu-right #sidebar{left:auto;right:0px;width:250px;top:50px;bottom:0px;}
#main-nav{margin-bottom:50px;}
#sm-menu{width:50px;}
.nav-down{display:none;}
.dropdown-subnav li{position:relative;    margin-left: 18px;}
#sidebar .nav-submenu .dropdown-subnav li a:before{top:13px;}
#sidebar .nav-submenu a.subnav-title{color: #737373 !important;}
#sidebar .nav-submenu a.subnav-title i{-webkit-transform: rotate(0deg);color: #737373;-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
#sidebar .nav-submenu a.subnav-title.current{    color: #eba74e !important;}
#sidebar .nav-submenu a.subnav-title.current i{    -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);color: #eba74e;}
.sidebar_scroll{direction: ltr; }
.sidebarscroll {unicode-bidi:bidi-override; direction: rtl; overflow: scroll; overflow-x: hidden!important; height:100%; margin-left:-17px;}
.collapsed-sidebar .sidebarscroll{width:250px;}
.collapsed-sidebar .show-hide-sidebar.show-sidebar{display:inline-block;color:#ed1c21;}
.collapsed-sidebar .show-hide-sidebar.hide-sidebar{display:none;}
.collapsed-sidebar #sidebar{width:50px!important;overflow:visible!important;z-index:10;}
.collapsed-sidebar #sidebar:before{width:47px;}
.collapsed-sidebar #sidebar .slimScrollDiv{width:50px!important;overflow:visible!important;}
.collapsed-sidebar #sidebar .slimScrollDiv .sidebar_scroll{width:50px!important;overflow:visible!important;}
.collapsed-sidebar #sidebar:hover{z-index:9998;}
.collapsed-sidebar #sidebar .nav > li{height:40px;width:50px;}
.collapsed-sidebar #sidebar ul.nav:before,
.collapsed-sidebar #sidebar .nav > li a:before{display:none;}
.collapsed-sidebar #sidebar .nav > li a{height:40px;width:50px;padding:14px;}
.collapsed-sidebar #sidebar .nav > li a span{display:none;}
.collapsed-sidebar #sidebar .nav > li a > i.has-submenu{display:none;}
.collapsed-sidebar #sidebar .nav > li:hover{padding:0px;}
.collapsed-sidebar #sidebar .nav > li:hover i{z-index:999!important;color:#eba74e;}
.collapsed-sidebar #sidebar .nav > li:hover > a{width:220px;display:block;}
.collapsed-sidebar #sidebar .nav > li:hover > a > span{display:inline-block !important;padding-left:48px;text-transform:uppercase;font-size:12px;padding-top:0px;background-color:#162439;color:#ffffff;width:220px;position:absolute;left:46px;padding-left:13PX;top:0px;bottom:0px;padding-top:12px;}
.collapsed-sidebar #sidebar .nav > li:hover > a > span .label,
.collapsed-sidebar #sidebar .nav > li:hover > a > span .badge{display:none!important;}
.collapsed-sidebar #sidebar .nav > li:hover > a > span.label,
.collapsed-sidebar #sidebar .nav > li:hover > a > span.badge{display:none!important;}
.collapsed-sidebar #sidebar .nav > li:hover > ul.nav-submenu {display:block!important;z-index:9998;position:absolute;width:220px;left:100%;top:100%;}
.collapsed-sidebar #sidebar .nav > li:hover > ul ul.dropdown-subnav{position:relative;width:100%;left:0; display:none;}
.collapsed-sidebar #sidebar .nav > li:hover > ul ul li a{display:block;}
.collapsed-sidebar #sidebar .nav.nav-submenu > li a{width:220px;padding:13px;line-height:16px;}
.collapsed-sidebar #sidebar .nav.nav-submenu > li a.subsubdown i{display:block;}
.collapsed-sidebar #sidebar .nav > li ul li{width:100%; height:auto;}
.collapsed-sidebar #main-nav{width:50px;}
.collapsed-sidebar #playground{left:50px;z-index:9989;overflow:visible;}



.nav{border:none;}
.row{margin:0px;}
th{font-weight:400;}
b, strong, dt, label{font-weight:400;}



.breadcrumb{border-radius:0px;background:none;padding:8px 0px;}
.breadcrumb li a{color:#231f20;}
.list-group{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}
.list-group-item:first-child{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-background-clip:border-box;background-clip:border-box;}
.list-group-item:last-child{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-background-clip:border-box;background-clip:border-box;}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-background-clip:border-box;background-clip:border-box;}
#playground{display:block;overflow:auto;position:absolute;left:250px;right:0px;min-height:100%;background:#f2f2f2;padding-top:75px;padding-bottom:50px;}
#sidebar a.btn.clientportal i{display:none;}


@media (max-width:991px){
   
   .sidebarscroll{z-index:-1;width:250px;}
	#sidebar:before{width:50px;}
	#playground{left:50px;}
	.navbar-top{left:200px;}
	#logo-container{height:75px;top:0px;width:200px;text-align:center;padding-top:4px;padding-left:9px;position:fixed;}
	#logo-container a img.big-logo{margin-top:0px;}
	#logo-container a {display: block; text-align: left;}
	#sidebar .nav-submenu.submenu-hidden { display: none;}
	.collapsed-sidebar #playground{left:250px;}
	.collapsed-sidebar #sidebar { width: 250px!important;z-index: 999;}
	.collapsed-sidebar #sidebar:before {width: 250px;}
	.collapsed-sidebar #sidebar .slimScrollDiv,
    .collapsed-sidebar #sidebar .slimScrollDiv .sidebar_scroll	{width: 250px!important;    overflow: hidden !important;}
	.collapsed-sidebar #main-nav,
    .collapsed-sidebar #sidebar .nav > li,
    .collapsed-sidebar #sidebar .nav > li a	{width: 250px;}
	.collapsed-sidebar #sidebar .nav > li a	{padding:10px 15px;}
	.collapsed-sidebar #sidebar .nav > li a span {    display: inline-block;}
	.collapsed-sidebar #sidebar .nav > li:hover > a > span{width:200px;}
	.collapsed-sidebar #sidebar .nav > li:hover > a{width:250px;}
	.collapsed-sidebar #sidebar .nav.nav-submenu > li a{width:250px;}
    .collapsed-sidebar #sidebar .nav > li a > i.has-submenu { display: block;}
	.collapsed-sidebar #sidebar .nav > li:hover > ul.nav-submenu {display: block;z-index:0;position: relative; width: 250px;left: 0; top: 0;}
	.collapsed-sidebar #sidebar .nav > ul.nav-submenu > li:hover {padding: 0px; height: auto;}
    .collapsed-sidebar #sidebar .nav > li:hover {padding: 0px; height: auto; position:relative;}
	#sidebar .nav > li:hover > ul li{width:100%;height:auto;}
	#sidebar .nav > li:hover > ul li .dropdown-subnav,
	.collapsed-sidebar #sidebar .nav > li > ul li:hover ul{display:none;    position: relative; left: 0;  top: 0;}
	#sidebar .nav > li:hover > ul li .dropdown-subnav.active{position:relative;top:0;left:0;width:250px;}
	.collapsed-sidebar #sidebar .nav > li > ul ul.dropdown-subnav.active{display:block;}
	
	#sidebar{width:50px!important;overflow:visible!important;z-index:0;}
	#sidebar .slimScrollDiv{width:50px!important;overflow:visible!important;}
	#sidebar .slimScrollDiv .sidebar_scroll{width:50px!important;overflow:visible!important;}
	#sidebar:hover{z-index:9998;}
	#sidebar .welcome,
	#sidebar .separator,
	#sidebar .sidebar-title,
	#sidebar .widget{display:none;}
	#sidebar .nav > li{height:40px;width:50px;}
	#sidebar .nav > li a{height:40px;width:50px;padding:14px;}
	#sidebar .nav > li a span{display:none;}
	#sidebar .nav > li a > i.has-submenu{display:none;}
	#sidebar .nav > li:hover{padding:0px;}
	#sidebar .nav > li:hover i{z-index:999!important;color:#eba74e;}
	#sidebar .nav > li:hover > a{width:200px;display:block;}
	#sidebar .nav > li:hover > a > span{display:inline-block !important;padding-left:48px;text-transform:uppercase;font-size:12px;padding-top:0px;background-color:#162439;color:#ffffff;width:170px;position:absolute;left:50px;padding-left:13PX;top:0px;bottom:0px;padding-top:12px;}
	#sidebar .nav > li:hover > a > span .label,
	#sidebar .nav > li:hover > a > span .badge{display:none!important;}
	#sidebar .nav > li:hover > a > span.label,
	#sidebar .nav > li:hover > a > span.badge{display:none!important;}
	#sidebar .nav > li:hover > ul{display:block;z-index:9998;position:absolute;width:170px;left:100%;top:100%;}
	#sidebar .nav.nav-submenu > li a{width:170px;padding:13px;}
	#main-nav{width:50px;}
	.menu-right #sidebar{right:0px;width:50px;}
}


.loginpage {position: relative;width: 100%; height: 100%;display: block;}
.loginpage .loginpageform {background-color: rgba(56,87,111,0.7); width: 570px;height:350px; position:absolute;top:0;bottom:0;left:0;right:0; padding: 30px;  display: block; margin: auto;box-shadow: 0px 15px 20px rgb(179, 176, 176);}
.loginpage .loginpageform h3 { margin: 0;  padding-bottom: 15px;color: #88d1f3; font-size: 18px;font-weight: normal;}
.loginpage .loginpageform p { color: #e8e8e8; font-size: 18px;}
.loginpage .loginpageform form{display: block;position: relative;width: 100%; padding-top: 25px;}
.loginpage .form-control {margin-bottom: 15px;padding: 5px 15px; height: 43px; font-size: 16px;}
.loginpage button,.loginpage a.btn {background: #19b9e6;color: #fff;  width: 100%; padding: 7px;font-size: 18px;border-color: #19b9e6;}
.loginpage .logremb, .loginpage .logforget a { color: #e8e8e8; font-size: 18px;padding-top: 10px;}
.loginpage .logforget a{display:block;text-align:right;}
.loginpage .logremb input[type=checkbox] {width: 15px;  height: 15px;}
.towbox{width:830px;height: 260px;position: absolute; left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.towbox ul{margin:0px 0px 28px 0px;padding:0px;list-style:none;display:table;width:100%;}
.towbox ul li{float:left;width: 383px; background: #fff;margin-left:59px;text-align: center;box-shadow: 0px 15px 20px rgb(179, 176, 176);position:relative;}
.towbox ul li:first-child{margin-left:0px;}
.towbox ul li a{display: block;font-size: 40px;text-decoration:none;    padding: 66px 40px;}
.towbox ul li .usericon{position: absolute; top: -29px; width: 70px;height: 70px;   margin: auto;   border-radius: 35px;background: #19b9e6;left: 0;right: 0; box-shadow: 0 0px 10px #afaeae;}
.towbox ul li .usericon i{font-size: 36px;line-height: 70px;color: #fff;}


.clientportalpage .page-header{padding:0 15px;}
.clientportalpage .panel{display:table;width:100%;position:relative;}
.clientportalpage .card{padding: 10px 15px;text-align: left; width: 50%; float: left;}
.clientportalpage .card-body .clearfix{height:15px;}
.clientportalpage .card-body img{width:50px;}
.clientportalpage .card-body p{margin:18px;    font-size: 18px; color: #000;}
.clientportalpage .card-body p a{color:#fff;}
.clientportalpage .card-body h5{color: #3a3a3a;font-weight: 600;margin-bottom:0px;}
.clientportalpage .icondiv{border-right: solid 1px;color: #ccc5c5;}
.clientportalpage .panel-primary{border-color: #f6f7f9;}
.clientportalpage .panel {margin-bottom:5px;}
.clientportalpage .panel .card{    border-right: 1px #bfbfbf solid;}
.clientportalpage .panel .card.launchdiv{border-right:0px;}

.mbtm0{margin-bottom:0px;}
.calcontent {margin-right: 300px; padding: 0px; transition: all 0.5s ease;}
.pagetitle {width: 100%;margin-bottom: 15px;color:#777777; font-size: 24px; text-transform:capitalize; font-weight: 900; display: inline-block;}
.padlr0{padding-left:0px;padding-right:0px;}
.pad0{padding:0px;}
.quickform .uploadresume input{width:100%;}
.custom-file-upload {margin:0px;border: 1px solid #ccc;display: inline-block;padding: 6px 12px;cursor: pointer;width: 100%; background: #fff; color: #909090;font-weight: normal;}
.addprodbox{width: 600px; padding: 40px 0;display:table;}
.addprodbox .form-group{height:32px;}
.addprodbox label{ float: left; width:180px; text-align: right; padding-right: 15px; margin: 0;line-height: 30px;}
.addprodbox .form-control{float: left;width: 400px;border-radius: 0;height: 32px;}
.addprodbox .custom-file-upload{width: 400px;line-height: normal; text-align: left;}
.addprodbox button{float:right;border-radius: 0;margin-right: 20px;}
.clientlist table{font-size:11px;}
.clientlist table th{font-weight:bold; background: #8c8c8c;color: #fff;}
.clientlist table.table-striped tbody tr:nth-of-type(even) { background-color: #f9f9f9;}
.clientlist .panel-heading input{width: 250px; float: right; margin-top: -5px; border-radius: 0; border: 1px #ccc solid;padding: 0 5px;font-size: 12px;height: 30px;}
.pagnavdiv{width:100%; display:block;text-align:center;}
.pagnavdiv .pagination{margin:0px;}



.activitycalc .settingappointment,
.activitycalc .calcarea{float:left;border: 1px #ccc solid;padding: 0;}
.activitycalc .calcarea{margin-left:1%;width: 43%;}
.activitycalc .settingappointment{margin-right:1%;width: 55%;}
.activitycalc .settingappointment .fourlabel label{font-size:12px;width:20%;}
.activitycalc .settingappointment .fourlabel label:nth-child(1){width:24%;}
.activitycalc .settingappointment .fourlabel label:nth-child(2){width:32%;}
.activitycalc .setappintment{display:block;width:100%;position:relative;padding:15px 10px;    background: #025788;color:#fff;height:215px;}
.activitycalc .settingappointment .title{display: block; width: 100%; position: relative; background: #3990c1; padding: 5px; text-align: center;font-size: 18px;color: #fff;}
.activitycalc .setappintment h3{margin: 0; padding-bottom: 0px;line-height:normal; text-align: left;    font-weight: 500; color: #82cdf7;float: left;  width: 24%; font-size: 11px;}
.activitycalc .setappintment .cal-12.fourlabel{max-width:77%;}
.activitycalc .setappintment .form-group{width:20%;margin-left:1%;float:left;}
.activitycalc .setappintment .form-group.dailyactgroup{width:33%;}
.activitycalc .setappintment .form-group label{text-align:center;display:block;font-size:12px;}
.activitycalc .setappintment .form-group select,
.activitycalc .setappintment .form-group input{width:100%;border:0;border-radius: 3px;padding: 2px; height: 25px; font-size: 12px;}
.activitycalc .setappintment .form-group.dailyactgroup select{width:40%;float:left;border-top-right-radius:0px; border-bottom-right-radius:0px;}
.activitycalc .setappintment .form-group.dailyactgroup span{width: 60%;float: left; font-size: 10px; padding-left: 2px;line-height: 25px;background:#fff;color: #000; border-top-right-radius: 3px; border-bottom-right-radius: 3px; height: 25px;}
.setemaillead,
.rangactivitybox{width:78%;float:left;padding-right:7px;}

.activitycalc .totalaptset{float:left; position: relative;  width:22%;  margin:0px auto 0; background: #ccc; padding:5px;}
.activitycalc .clossingbox .totalaptset{padding:15px 5px;width:21%;}
.activitycalc .totalaptset .totalset{width:auto;color: #0d5680; line-height:normal; font-weight: bold;font-size:12px;text-align:center;padding-bottom:5px;}
.activitycalc .clossingbox .totalaptset .totalset{padding-bottom:30px;}
.activitycalc .totalaptset ul{float: left; width: 140px; margin: 0; padding: 0;list-style: none;}
.activitycalc .totalaptset ul li{display:block;width:100%; position:relative;height:24px;color: #0d5680; line-height: 24px;margin-bottom:4px;font-size:10px;}
.activitycalc .totalaptset ul li input{width:50px;font-size:12px; float: left; height: 24px; padding: 0; text-align: center;margin-right:5px;}

.activitycalc .clossingbox .totalaptset{}
.activitycalc .clossingbox .totalaptset ul{}
.activitycalc .clossingbox .appclientratio{width:21%;float:left; background: #000; color: #fff;padding: 5px;text-align:center;margin:5px 1% 5px 0px;}
.activitycalc .clossingbox .appclientratio h4{margin:0px;font-size:12px;line-height:20px;}
.activitycalc .clossingbox .appclientratio p{font-size:12px;margin-top:5px;}

.activitycalc .clossingbox{display: block;width: 100%;position: relative;background: #0d5680;padding-bottom:15px;height:300px;}
.activitycalc .rangslider.rangactcom{margin:0px;color:#fff;height: 50px;padding:7px 10px;}
.activitycalc .rangslider.rangactcom label{width:27%;float:left;font-size:11px;}
.activitycalc .rangslider.rangactcom .range-slider{width:73%;float:left;padding-bottom:0px;    position: relative; z-index: 1;}
.activitycalc .rangslider.rangactcom .range-slider .range-slider__range{float:left;width:245px;height:6px;}
.activitycalc .rangslider.rangactcom .range-slider .slider_label{width: 15%; position: relative; margin: 0;  left: inherit;right: 0; float: right; color: #000; top: -8px;}
.activitycalc .rangslider.rangactcom .pricevalue {clear:both;display: block; width:245px; height: 24px; margin-left: 27%; position: absolute; left: 5px;  z-index: 0; top: 15px;}
.activitycalc .rangslider.rangactcom .pricevalue ul li{font-size:1px;}
.activitycalc .rangslider.rangactcom .pricevalue ul li:after{content:"";position:absolute;width: 10px; height: 10px; background: #ccc;  border-radius: 5px;  left: 0;  right: 0;  margin: auto;}
.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingset ul {margin: 0px -8px 0;}
.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingset ul li{width:9%;}

.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingheld ul {margin: 0px -12px 0;}
.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingheld ul li{width:33.6px;}

.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingset1 ul {margin: 0px -6px 0;}
.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingset1 ul li{width:10%;}

.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingheld1 ul {margin: 0px -12px 0;}
.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingheld1 ul li{width:33.6px;}

.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingcloseing{}
.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingcloseing ul {margin: 0px -4px 0;width:255px;}
.activitycalc .rangslider.rangactcom .pricevalue.firstmeetingcloseing ul li{width:16.8px;}
 
.activitycalc .calcarea{}
.activitycalc .calc-bulebg{background: #025788; padding: 10px; display: block; clear: both;}
.activitycalc .cal-6,.cal-12,.col-4{float:left;position:relative;}
.activitycalc .cal-6{width:50%;}
.activitycalc .col-4{width:33.33%;}
.activitycalc .cal-12{width:100%;}
.activitycalc .calc-bulebg .cal-6{text-align:center;padding-bottom:10px;}
.activitycalc .calc-bulebg select, input{width: 90%;border: 1px #ccc solid; border-radius: 4px;padding: 2px;text-align:center;margin:auto;}
.activitycalc .calc-bulebg label{font-size: 11px;text-align: center; text-transform: uppercase; width:100%;display: block;margin:auto;    padding:0px 8px 5px; color:#fff;}




.activitycalc .rangslider {display: block; clear: both;  width: 100%; position: relative; border: 1px #29719a  solid;margin-top: 0px;padding: 15px 14px 5px;    background: #0d5680;}
.activitycalc .rangslider .range-slider {width: 100%;padding: 10px 0px;}
.activitycalc .rangslider .range-slider__range { -webkit-appearance: none;width:100%;height: 8px;border-radius: 4px;background: #d7dcdf;outline: none; padding: 0; margin: 0;}
.activitycalc .rangslider .range-slider__range::-webkit-slider-thumb { -webkit-appearance: none;  appearance: none;width: 15px;height: 15px;border-radius: 50%; background: #fff; cursor: pointer;transition: background .15s ease-in-out;}
.activitycalc .rangslider .range-slider__range::-webkit-slider-thumb:hover {background: #1abc9c;}
.activitycalc .rangslider .range-slider__range:active::-webkit-slider-thumb {background: #1abc9c;}
.activitycalc .rangslider .range-slider__range::-moz-range-thumb {width: 15px;height: 15px;border: 0;border-radius: 50%;background: #fff;cursor: pointer;transition: background .15s ease-in-out;}
.activitycalc .rangslider .range-slider__range::-moz-range-thumb:hover { background: #1abc9c;}
.activitycalc .rangslider .range-slider__range:active::-moz-range-thumb {background: #1abc9c;}
.activitycalc .rangslider .range-slider__range:focus::-webkit-slider-thumb {box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;}
.activitycalc .rangslider .range-slider__value {display: inline-block;position: relative;width: 60px;color: #fff;line-height: 20px;text-align: center; border-radius: 3px; background: #fff;  padding: 5px 10px;  margin-left: 8px;}
.activitycalc .rangslider .range-slider__value:after {position: absolute; top: 8px; left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #fff; border-bottom: 7px solid transparent;content: '';}
.activitycalc .rangslider ::-moz-range-track {  background: #d7dcdf; border: 0;}
.activitycalc .rangslider input::-moz-focus-inner,input::-moz-focus-outer {  border: 0;}
.activitycalc .pricevalue{display: block; width: 100%; position: relative; height: 24px;}
.activitycalc .pricevalue ul{ margin:0px -20px 0;  padding: 0;  list-style: none;}
.activitycalc .pricevalue ul li{float:left; width: 10%; position: relative; text-align: center;  color: #fff;  font-size: 14px; cursor: pointer;}
.activitycalc .slider_label{    position: absolute; top:8px; left: 105px;  right: 0;  margin: auto; width:70px; text-align: center; height: 30px;border: 1px #ccc solid;line-height: 30px;background: #fff;}
.activitycalc .rangslider.defaultcalslide{padding: 0;  height: 50px;margin-top: 10px;}

.activitycalc .calc-bulebg .rangslider label{ height: 50px; text-align: left;line-height: 50px; padding: 0 5px;float: left;  width: 20%;}
.activitycalc .rangslider.defaultcalslide .range-slider{width:80%;float:left;padding-bottom:0px;    position: relative; z-index: 1;margin-top:12px;}
.activitycalc .rangslider.defaultcalslide .range-slider .range-slider__range{float:left;width:275px;height:6px;}
.activitycalc .rangslider.defaultcalslide .range-slider .slider_label{width: 15%; position: relative; margin: 0;  left: inherit;right: 5px; float: right; color: #000; top: -13px;}
.activitycalc .rangslider.defaultcalslide .pricevalue {clear:both;display: block; width:254px; height: 24px; margin-left: 21.3%; position: absolute; left: 5px;  z-index: 0; top: 20px;}
.activitycalc .rangslider.defaultcalslide .pricevalue ul li{font-size:1px;}
.activitycalc .rangslider.defaultcalslide .pricevalue ul li:after{content:"";position:absolute;width: 10px; height: 10px; background: #ccc;  border-radius: 5px;  left: 0;  right: 0;  margin: auto;}




.activitycalc .totalcalc{display:block;clear:both;width:100%;position:relative;height:120px;}
.activitycalc .totalcalc ul{margin:0px;padding:0px;list-style:none;}
.activitycalc .totalcalc ul li{width:33.333%;float:left; text-align:center;    height:60px;  border-left: 1px #ccc solid;  border-bottom: 1px #ccc solid;position:relative;}
.activitycalc .totalcalc ul li:nth-child(1),
.activitycalc .totalcalc ul li:nth-child(4){border-left:0px;}
.activitycalc .totalcalc ul li p{text-transform: uppercase;font-size: 12px;text-align: center;padding: 5px 30px;height:27px;color: #000;margin-bottom:0px;}
.activitycalc .totalcalc ul li .calcp{font-size: 14px;color: #000;font-weight: bold;}
.activitycalc .totalcalc ul li .check{font-size:13px;position: absolute;width: 20px; height: 20px; border: 1px #ccc solid;border-radius: 10px;right: 5px; color: #fff; background: #000;top: 5px;}

.activitycalc .totalcalc ul li .check-info {font-size:12px;text-align:left;z-index:99;position: absolute;top: 36px; border: 1px #ccc solid;padding: 5px;background: #e2e2e2;width:230px;left: 0;right: 0; margin: auto;}   
.activitycalc .totalcalc ul li .check-info:after{content:"\f0d8";position:absolute;font: normal normal normal 14px/1 FontAwesome; top: -18px; font-size: 24px;right: 0px; color: #ccc;}
.activitycalc .hidden {display: none!important;visibility: hidden!important;}
 
 

	.activitycalc .totalcalc ul li:nth-child(1) .check-info,
	.activitycalc .totalcalc ul li:nth-child(4) .check-info{left: 5px;right: 0;}
	.activitycalc .totalcalc ul li:nth-child(2) .check-info,
	.activitycalc .totalcalc ul li:nth-child(5) .check-info{left: inherit; right: -65px;}
	.activitycalc .totalcalc ul li:nth-child(3) .check-info,
	.activitycalc .totalcalc ul li:nth-child(6) .check-info{left: inherit;right: 6px;}

	.activitycalc .totalcalc ul li:nth-child(1) .check-info:after,
	.activitycalc .totalcalc ul li:nth-child(4) .check-info:after{right:88px;}
	.activitycalc .totalcalc ul li:nth-child(2) .check-info:after,
	.activitycalc .totalcalc ul li:nth-child(5) .check-info:after{right:72px;}
 
 
.activitycalc .leadacqcost{display:block;clear:both;width:100%;position:relative;height:40px; background:#c5c5c5;padding:7px 15px;}
.activitycalc .leadacqcost h4{text-align:center;font-size:18px;margin:0px;color: #000;padding-bottom: 0px; line-height:normal;}
.activitycalc .leadacqcost .low,
.activitycalc .leadacqcost .mid,
.activitycalc .leadacqcost .high{float:left;width:33.33%;text-align:center;color: #000;font-size: 18px;}
.activitycalc .leadacqcost .low p,
.activitycalc .leadacqcost .mid p,
.activitycalc .leadacqcost .high p{margin:0px;position:relative;padding-top:30px;}

.activitycalc .leadacqcost .low p:after,
.activitycalc .leadacqcost .mid p:after,
.activitycalc .leadacqcost .high p:after{content: "";height: 1px; background: #000;width: 100%;position: absolute;left: 0;top:12px;}
.activitycalc .leadacqcost .low p:before,
.activitycalc .leadacqcost .mid p:before,
.activitycalc .leadacqcost .high p:before{content: "";width: 16px; height: 16px;border-radius: 8px;background: #000;position: absolute;top:5px;left: 0;right: 0;margin: auto;}

.activitycalc .totallead{display: block; clear: both; position: relative; width: 100%;}
.activitycalc .guareanteelead,.activitycalc .leadacqbox,.activitycalc .mtnprofit{text-align:center;height:86px;}
.activitycalc .guareanteelead h4,.leadacqbox h4,.mtnprofit h4{font-size: 20px;font-weight: normal;    text-transform: capitalize;margin:0px;}
.activitycalc .mtnprofit h4{padding-top:18px;padding-bottom:12px;font-size:16px;}
.activitycalc .leadacqbox{background: #248006;color:#fff;}
.activitycalc .mtnprofit{background:#000;color:#fff;}
.activitycalc .guareanteelead{ background: #248006;color:#fff;}
.activitycalc .leadprice{border: 1px #ccc solid;width: 70%;margin: 5px auto;padding: 5px;background: #b8d0b0;color: #000;}
.activitycalc .mproprice1{color: #ff0404;margin-bottom: 20px;}

.activitycalc .mtnprofit ul{margin:0px;padding:0px;list-style:none;}
.activitycalc .mtnprofit ul li{width:50%;float:left;text-align:center;}





@media (max-width:1366px){

body{font-size:14px;}
.modal-open .modal{margin-right:-15px;}


}

@media (max-width:1280px){
  
}


@media (max-width:1199px){
	
	

}


@media only screen and (min-width:992px) and (max-width:1199px){
  
}

@media (max-width:991px){
	body.modal-open{overflow:hidden;}
	.navbar .navbar-header {display: block; float: left; margin-top: 10px;}  
	
	
}
@media (max-width:768px){
    .collapsed-sidebar #playground {left: 50px; z-index: 99;overflow: visible;}
}
@media screen and (min-width: 768px) {
   .navtabs767 {    display: block !important;}
}

@media (max-width: 767px){
	.show-hide-sidebar {margin-top: 0px;}
	#sidebar{left:-60px;top:55px;}
	.collapsed-sidebar #sidebar{z-index:999;}
	.collapsed-sidebar #sidebar,
	#playground,
	.collapsed-sidebar #playground{left: 0;}
	#playground{padding-top:55px;}
    #logo-container a img.big-logo{height:40px;}
    #logo-container {height: 55px; width: 130px;}
   .navbar-top {left: 130px;height: 55px;}
   .navbar .navbar-header{margin-top:0px;}
   .navbar h3{display:none;}
   #navbar-top .usertop {margin-top: 1px;}
   #notification-top {margin-right: 14px;margin-top: 16px;}
   #notification-top i.fa-bell {font-size: 20px;}
   #notification-top i.fa-angle-down {font-size: 22px;padding-top: 0px;padding-left: 3px;}
   .nav-tabs-dropdown {display: block; text-align:left;color: #fff !important;}
   .navbar-top .dropdown-menu li a {white-space: normal;   width: 260px;}

    .clientportalpage .card {padding: 10px 5px;}
    .clientportalpage .card-body p {margin: 10px 0px;   font-size: 16px;}
    .clientportalpage .card-body img { width: 34px;}
    .clientportalpage .card-body h5{font-size:12px;}
    
    
    .activitycalc .calcarea{    margin: 0px auto;}
	.activitycalc .calc-bulebg select, input {width: 90%;}

	.activitycalc .calc-bulebg label {font-size: 11px; width:100%;    padding: 0 8px 5px;height:35px;margin-top:10px;}
	.activitycalc .pricevalue ul {margin: 0px -15px 0;}
	.activitycalc .totalcalc ul li{height:100px;}
	.activitycalc .totalcalc ul li p {font-size: 12px; padding:20px 0px 10px 0px; height:50px;display: block; vertical-align: middle;}
	.activitycalc .totalcalc ul li .calcp {font-size: 14px;}
	.activitycalc .slider_label{top:18px;}
	.activitycalc .guareanteelead, .leadacqbox, .mtnprofit{width:100%;height:auto; padding-bottom:20px;}
	.activitycalc .guareanteelead p{padding:0 10px;}
	.activitycalc .mtnprofit h4{margin:0px;padding:10px;}

	.activitycalc .totalcalc ul li .check-info{width:230px;}
	.activitycalc .totalcalc ul li:nth-child(1) .check-info,
	.activitycalc .totalcalc ul li:nth-child(4) .check-info{left: 5px;right: 0;}
	.activitycalc .totalcalc ul li:nth-child(2) .check-info,
	.activitycalc .totalcalc ul li:nth-child(5) .check-info{left: inherit; right: -65px;}
	.activitycalc .totalcalc ul li:nth-child(3) .check-info,
	.activitycalc .totalcalc ul li:nth-child(6) .check-info{left: inherit;right: 6px;}

	.activitycalc .totalcalc ul li:nth-child(1) .check-info:after,
	.activitycalc .totalcalc ul li:nth-child(4) .check-info:after{right:136px;}
	.activitycalc .totalcalc ul li:nth-child(2) .check-info:after,
	.activitycalc .totalcalc ul li:nth-child(5) .check-info:after{right:72px;}
  
}

@media only screen and (max-width:375px){
    body {font-size: 14px;}
   
}

#msg{color:#fff;font-size: 14px;}
.panel.panel-default.sales-rep{padding: 10px;}
.panel.panel-default.sales-rep .row{margin-bottom: 10px;}