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




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

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