@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&display=swap');
/**********************
	COMMON STYLES
**********************/
html{height:100%;}
body{background:#f9f9f9;font-size:13px;height:100%;width:100%;font-family: "Outfit", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.text-white{color:#fff;}
p{margin-bottom:20px;}
h4{font-size:15px;font-weight:bold}
.logo{ margin:0 0 10px 0;padding:0px;max-width: 250px;}
nav.left-nav{position:fixed;top: 0; left: 0; bottom: 0;z-index: 1000;}
.content-section{padding-bottom: 20px}
.pT10{padding-top:10px}
.pB10{padding-bottom:10px}
.m0{margin:0 !important}
.mT10{margin-top:10px !important;}
.mT20{margin-top:20px !important;}
.mB10{margin-bottom:10px !important}
.mB20{margin-bottom:20px !important}
.mL10{margin-left:10px !important}
.mR10{margin-right:10px !important;}
.mR15{margin-right:15px !important}
.p0{padding:0 !important}
.p10{padding:10px;}
.p15{padding:15px;}
.pL0{padding-left:0 !important}
.pR0{padding-right:0 !important}
.pL8{padding-left:8px;}
.pR8{padding-right:8px;}
.grey-bg {background: #d8d8d8;}
.pointer{cursor:pointer;}
.font18{font-size:18px;}
.cal {
    background-image: url(../img/calendar-icon.png);
    background-repeat: no-repeat;
    background-position: right 4px center;
    width: 100%;background-size: 17px;}
/* a, a:hover {color: #1A1A33;} */
	
/* BUTTON STYLES */
.btn{border-radius:4px;padding:7px 18px}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {background: #1A1A33; border-color: #1A1A33;}
.btn-blue, button.btn.btn-blue:hover{background:#1A1A33;color:#fff;border:none;border-radius:4px;padding:7px 18px;}
.btn-green, button.btn.btn-green:hover{background:#85A2D5;color:#fff;border:none;border-radius:4px;padding:7px 18px;}
.btn-red, button.btn.btn-red:hover{background:#ff6c60;color:#fff;border:none;border-radius:4px;padding:7px 18px;}
.btn-grey, button.btn.btn-grey:hover{background:#bcc0c5;color:#fff;border:none;border-radius:4px;padding:3px 10px;}

/* INPUT STYLES */
input[type="input"], select, textarea{border:1px solid #bcc0c5}
select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url(../img/icon-down-arrow.png) !important;background-repeat:no-repeat;background-position:right 7px center;padding-right:25px !important;}

/* COLOR STYLES */
.red{color:#C60000;}
.green{color:green;}
.c-orange{color:#ff910f;}

/* BACKGROUND */
.lightOrange-bg{background: #ffeb9c;}
.lavendar-bg{background: #e6e6fa;}
.lightGreen-bg{background: #c6efce;}
.peach-bg{background: #ffcc99;}
.wheat-bg{background:#f5deb3;}
.lightArmyGreen-bg{background: #a9d08e;}

.fa{font-size:16px}
@media (max-width:767px){
nav.left-nav{position:static;}
nav.left-nav, .content-section{display:block;float:left;}
.fa{font-size:1.5rem}
}

/************** LOGIN STYLES ***************/
#signinForm .panel-heading{padding: 10px 15px;background-color: #f5f5f5;border-bottom: 1px solid #ddd;font-weight: bold;}
#signinForm .panel-heading h3{font-weight: bold;}

/************** NAVIGATION STYLES ***************/
#main_nav{border-radius:0;border:none;background:#1A1A33;padding:15px;}
@media (min-width:768px){
#main_nav{height:100%;}
}
#main_nav .navbar-brand {height:inherit;padding:8px 15px;margin-bottom:8px;}
#main_nav_collapse .navbar-nav {margin: 0 -15px;float: none;}
#main_nav_collapse .navbar-nav > li{width:100%;}
#main_nav_collapse .navbar-nav > li a{padding-top: 10px;padding-bottom: 10px;line-height: 20px;color:#E4E4E4}
#main_nav.navbar-default .navbar-nav > .active > a, 
#main_nav.navbar-default .navbar-nav > .active > a:hover, 
#main_nav.navbar-default .navbar-nav > .active > a:focus{color:#555} 
#main_nav.navbar-default .navbar-nav > li > a:hover, 
#main_nav.navbar-default .navbar-nav > li > a:focus{color:#555;background:#e7e7e7;}

/************** BREADCRUMB STYLES ***************/	
.breadcrumb{background-color:#fff;border-radius:0;}
.breadcrumb > li + li:before{content:'>';color:#777;}

/************** FORM STYLES ***************/
/*.form-control{border-radius:16px;}*/
select.text-center{-ms-text-align-last: center;-moz-text-align-last: center; text-align-last: center; text-align: center;}

/************** BOX-SHADOW STYLES ***************/
.no-shadow{box-shadow:none !important;}

/************** SELECT STYLES ***************/
select.form-control {-webkit-appearance: none;-moz-appearance: none;appearance: none;
   background-image:url(../images/select-downarrow.png);background-color:transparent;padding-right:24px;
   background-repeat:no-repeat;background-position:right 10px center;}

/************** BACKGROUND STYLES ***************/	
.white-bg-border{
	background-color:#fff;
	border:1px solid #d8d8d8;
}

.shadow{box-shadow:0 0 10px rgba(0,0,0,.5)}

/************** STATS STYLES ***************/
.stats > ul{padding-left:0;margin-bottom:10px;margin-top:10px;}
.stats > ul > li{font-size:14px;padding-top:10px;padding-bottom:10px;}
.stats > ul > li .clients{/*color:#00ACF5;*/border-right:5px solid white;border:1px solid #d8d8d8;}
.stats > ul > li .leads{color:#FD422F;border-right:5px solid white;border-left:5px solid white;border:1px solid #d8d8d8;}
.stats > ul > li .groups{color:#FF9600;border-right:5px solid white;border-left:5px solid white;border:1px solid #d8d8d8;}
.stats > ul > li .earnings{color:#5D7E8B;border-left:5px solid white;border:1px solid #d8d8d8;}
.stats > ul > li .clients, .stats > ul > li .leads, .stats > ul > li .groups, .stats > ul > li .earnings{background:#fff;}
.stats > ul > li .stats-header{margin-bottom:10px;padding:5px 15px;font-size:14px;}
.stats > ul > li .stats-header .dropdown{color:#333;}
.stats > ul > li .stats-header span.glyphicon{font-size:30px;}
.stats > ul > li .stats-footer{background:#f1f1f1;height:auto;padding:5px;margin-top:20px;color:#666;font-size:13px;}
.stats > ul > li .stats-footer span{padding:0 5px;}
.stats > ul > li .stats-val{font-size:18px;color:#333;text-transform:uppercase;margin-top:20px;}
.stats > ul > li .stats-val span{font-size:30px;line-height:36px;color:inherit;}
.stats > ul > li .clients .stats-val span{color:#00ACF5;}
.stats > ul > li .leads .stats-val span{color:#FD422F;}
.stats > ul > li .groups .stats-val span{color:#FF9600;}
.stats > ul > li .earnings .stats-val span{color:#5D7E8B;}
.stats > ul > li .stats-val span.avg{font-size:14px;color:green;display:block;width:100%;line-height:18px;margin-bottom:10px;}
.stats > ul > li .stats-val i{font-size:68%;display:block;width:100%;line-height:18px;}

/* GRID LAYOUT */
.grid{border:1px solid #d8d8d8;}
.grid li{border-bottom:1px solid #d8d8d8;padding-top:8px;padding-bottom:8px;}
.grid li:last-child{border-bottom:none;}
.grid li:nth-child(odd){background:#f9f9f9;}
.grid li.grid-heading,
.grid li:hover{background:#f1f1f1;}
.grid li.grid-heading{font-weight:bold;}

/* REPORT BLOCKS */
.reports > .list{padding-left:0;margin-bottom:10px;margin-top:10px;}
.reports > .list > li{font-size:14px;padding-top:10px;padding-bottom:10px;}
.reports > .list > li > div{min-height:122px;padding-top:20px;padding-bottom:20px;text-align:center;font-weight:bold;display:table-cell;vertical-align:middle;}
.reports > .list > li > div:hover{box-shadow:2px 2px 10px rgba(0, 0, 0, 0.4)}

/* TABS STYLE */
ul.tabbing-f{ display:block; border-bottom:none;}
ul.tabbing-f li a{ font-size:14px; color:#333333;font-weight:bold;} 
ul.tabbing-f li { border:0; }
ul.tabbing-f li.active { border-bottom:2px solid #FF4D4C; margin-bottom:10px;}
ul.tabbing-f.nav > li > a:hover, .nav > li > a:focus{ background:none;}
ul.tabbing-f > li > a, ul.tabbing-f > li.active > a, ul.tabbing-f > li.active > a:hover, ul.tabbing-f > li.active > a:focus { border:none;}

/*Custom email configration*/
.custom-email-list ul, .custom-email-details{border:1px solid #d8d8d8;}
.custom-email-list ul li{border-bottom:1px solid #d8d8d8;padding:10px 0;}
.custom-email-list ul li:hover{background:#f0f0f0;}
.custom-email-list ul li.active{background:#f7f7f7}
.custom-email-details ul li{padding:5px 0;}
.custom-email-details ul li input[type="text"],
.custom-email-details ul li input[type="number"],
.custom-email-details ul li input[type="email"],
.custom-email-details ul li textarea,
.custom-email-details ul li select,
.custom-email-details ul li select.form-control {
    border: 1px solid #d8d8d8;
    padding: 2px 3px;
    width: 100%;
    border-radius: 4px;
}
.custom-email-list .email-settings{text-align:right;}

/*Access Group styles*/
.location-list {
    max-height: calc(100vh - 400px);
    overflow: auto;
}
.included-locations {
    max-height: calc(100vh - 400px);
    overflow: auto;
}
@media (max-width:767px){
/*Custom email configration*/
.custom-email-list .email-settings{text-align:left;}
}
label.error  {
    color: #FF0000;
    display: block;
    margin-bottom: 0;
    padding: 0 !important;
    font-weight: normal !important;
    font-size: 12px;
}