/*===================================================================================*/
/*	GENERAL
/*===================================================================================*/

html {}
body {font-family:"Lato", sans-serif; font-size: 16px; font-weight:400; line-height: 24px; color: #212529; background-color:#1b2d43; }
body.login { background-color:#ebebeb; }
main {  }
section {padding-top: 20px; padding-bottom: 40px;}


/*===================================================================================*/
/*	FONTS
/*===================================================================================*/
h1      {font-size: 30px; line-height: 30px; font-family:'Lato', sans-serif; font-weight: 400; margin-bottom: 24px; color: #254f7d; margin:0;}
h3      {font-size: 22px; line-height: 26px; font-family:'Lato', sans-serif; font-weight: 400; margin-bottom: 24px; color: #ffffff; margin:0;}
body.login h3 { color: #333333;}
p       { font-size: 16px; line-height: 22px; margin-bottom: 20px; }


a       {transition: all .3s ease; color: #1e2b43; text-decoration: underline;}
a:hover,
a:active,
a:focus { color: #517799; text-decoration: none;}

/*===================================================================================*/
/*	FOOTER
/*===================================================================================*/
footer { padding:30px 0; color:#333333; background-color: #ffffff;  background-size: 100%; background-position-y: -1px;}
footer p { color:#333333; font-size:16px; margin-top:0; margin-bottom: 0;}

/*===================================================================================*/
/*	ELEMENTS
/*===================================================================================*/
/*--- BUTTONS --- */
.btn {max-width: 100%; display: inline-block;  text-align: center; color: #FFFFFF !important; border-radius:0;  text-decoration: none !important; padding: 10px 40px; font-size:18px; font-weight:700;  line-height: 18px; border-radius:5px;}

.btn:hover,
.btn:focus,
.btn:target { color: #ffffff; background-color:#1a99b1;}

.btn.orange{ background-color:#f7941e;}


/*===================================================================================*/
/*	LOGIN
/*===================================================================================*/
.form-group {margin-bottom:20px;}
.form-group .umbracoForms-Indicator { color:#ff0000;}
.form-group .field-validation-error span{color:#ff0000; font-size:12px;}
.login-card { max-width: 420px; width: 100%; border-radius: 12px; padding: 32px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); background: #fff; }

.form-floating>label { color:#939393; }

/*===================================================================================*/
/*	TOP NAV
/*===================================================================================*/ 
nav.nav-top { background-color: #353a40;  height: 35px; line-height: 35px; color: #cccdd0; }
nav.nav-top a { color: #cccdd0; text-decoration: none;  }
nav.nav-top a:hover {  text-decoration: underline; }
nav #LblUserName { padding-right: 20px;}

/*===================================================================================*/
/*	HEADER
/*===================================================================================*/
header {background-color:#ffffff; }
header h1 {font-size:28px; font-weight:600; margin-bottom:0; }
header .divider {border-right:1px solid #e9e9e9; width:1px; height:60px; margin-right:20px;}

/*===================================================================================*/
/*	DASHBOARD
/*===================================================================================*/
.territory-row{ border-radius:10px; border:1px solid 1px solid #d5d5d5; padding:20px; margin-bottom:40px; background:#FFFFFF; }

.icon-wrapper { width: 60px; height: 60px; min-width: 60px;  min-height: 60px; background: #f7941e;  border-radius: 100px; display: flex; color:#ffffff;  align-items: center; justify-content: center;  font-size:30px; }

/** TABLE **/
#scorecards td:first-child a {font-weight: 500;}
#scorecards td:first-child i { margin-left: 4px; }
#scorecards th:first-child,
#scorecards td:first-child { width: 120px !important; white-space: nowrap; padding: 0.5rem 0.25rem;}
#scorecards td:first-child a { display: inline-flex; align-items: center; gap: 4px; }

.table-responsive {background-color:#ffffff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding-bottom:10px;}
table tbody tr:nth-child(odd) { background-color: #f0fcff !important;}
.table>:not(caption)>*>* { border-bottom-width:0; box-shadow:none;}
.table-title { background-color: #ffffff; padding: 10px 15px; border-top-left-radius:10px; border-top-right-radius:10px; }
.table-title h2 { color: #5a708b; margin-bottom: 0; font-size:22px; font-weight: 600;}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f8f9fa; }
.table>:not(:first-child) {  border-top: 1px solid #99a7ab; }
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title { font-size:16px; line-height:18px; }
.page-link {color: #5d6e8b; }
.page-item.active .page-link { background-color: #1e2b43; border-color: #1e2b43;}

.fa-file-plus, .fa-file-arrow-down { font-size:25px; }


/*===================================================================================*/
/*	RESPONSIVE
/*===================================================================================*/
@media(max-width: 1399px) {
}

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

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

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

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