@charset "UTF-8";

/*Colors
Teal: #0b4f58;
*/

body {font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif; font-weight: 500; background-color:#2c2c2d;}
a {color: #3d6fa3;font-weight: 600;}
a:hover, a:focus {color: #255277;}
.row {max-width: 100%;}

.top-bar {background-color: #173756;padding: 15px 0 0;position: relative;}
nav, .top-bar ul {background-color: #245077;}
.top-bar nav li a {color:#fff;letter-spacing: 0px; font-size: 20px;    font-weight: 300!important;
    padding: 1em 1.8em .5em 1.8em;font-family: 'PT Sans Narrow', Helvetica, Arial, Lucida, sans-serif;}
nav {margin-top: 25px;}
.logo {padding: 1rem 0;}
h1, h2, h3, h4, h5, h6, legend, .button {font-family: 'PT Sans Narrow', Helvetica, Arial, Lucida, sans-serif;}
h1 {font-size: 42px; color: #3d6fa3;line-height: 1em;padding-bottom: 10px;font-weight: 500;}
h1 small {color: #767676;}
.main {padding: 4%; background-color: #fff;}

fieldset { border: solid 1px #dde4e9; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;padding: 12px 12px 20px;margin: 5px 0 15px 0;overflow: visible;}

.menu .button {margin-bottom: 1rem;}
legend {font-size: 1.25rem;}
.button {font-size: 1rem; font-weight: 600;background-color: #3d6fa3;border-radius: 3px;}
.button:hover {background-color: #173756;}
.button.secondary {background-color: #eee8e0;color: #767676;}
.button.secondary:hover {background-color: #8e837d;}
.button.small {font-size: .9rem;padding: 0.65em .85em;}
.button.tiny {font-size: 0.8rem;}
.footer {background-color: #414042;padding-bottom:0;color:#ffffff;padding: 1em 0 1.75em 0;font-size: 16px;border-bottom: 20px solid #2c2c2d;}
.button.postfix {padding: 0.7em 1em;}
.title-bar {padding: 0.25rem;    background-color: #245077;color: #fff;margin:0 auto 20px auto;font-family: 'PT Sans Narrow',Helvetica,Arial,Lucida,sans-serif; font-weight: 400 !important;font-size: 1.1em;}
.title-bar-title { font-weight: 400 !important;}
.title-bar::after {color: #3d6fa3;}
.title-bar-title {display: block; float:left;}
.title-bar .menu-icon::after {background: #3d6fa3; box-shadow: 0 7px 0 #3d6fa3, 0 14px 0 #3d6fa3;}
.menu-icon {display: block; float:right;margin-top:5px;}
.mobile-bar .menu-icon {margin:0 10px; width: 100%; color:#fff;}
.mobile-bar.button {padding: 0.65em 0em .65em 1.25rem;}
.mobile-bar .menu-icon::after {width: 18px;left: 4px;}


.callout.primary {
    background-color: #f7fafd;}

/*Alerts*/  
.alert-box {padding: 0px 1.5rem 0px 0.875rem; margin-bottom:1rem;}
.alert-box ul {margin: .25rem; list-style-type: none; font-weight: normal;}
.alert-box ul li {position: relative; padding: 0 20px 0 25px;font-size: 16px;}
.alert-box ul li:before {position: absolute;top: 0;left: 0;font-family: FontAwesome;content: "\f00c";color: white; font-weight: normal !important;}
.errorMessage {color: #ffffff !important;}
.alert-box.alert ul li:before {content: "\f071";}
.alert-box.success ul li:before {content: "\f00c";}
.error input, input.error, .error textarea, textarea.error, select.error, .error select {border-color: #ff5e38;background-color: #F9E3E3;}
.alert-box.alert {background-color: #a01e1e;color:#fff;padding:.5rem;}
.alert-box.success {background-color: #2e9866; border-color: #2e9866;font-weight: 500;color:#fff;padding:.5rem;}
.alert a {color:#fff;}
.alert strong {font-weight: 600;}
header .alert-box.alert {margin-bottom:0;padding:.5rem;}

/*DatePicker*/
div.calendar, .datepickr-calendar {padding-top: 10px; background-color: #fff;border: 1px solid #f1f1f1;text-align: center;margin-top: 2rem;}
.prev-month, .next-month {display: inline-block;padding: 0 10px;font-size: 1.3rem;}

.datepickr-wrapper {position: relative;}
.datepickr-calendar {display: none;position: absolute;top: 100%;left: 5px;z-index: 100;margin-top: -.5rem;}
.is_open .datepickr-calendar {display: block;}
.datepickr-calendar .datepickr-prev-month {float: left;display: inline-block;padding: 0 10px;font-size: 1.3rem;cursor: pointer;}
.datepickr-calendar .datepickr-next-month {float: right;display: inline-block;padding: 0 10px;font-size: 1.3rem;cursor: pointer;}
.datepickr-calendar .datepickr-day {cursor: pointer;}
.datepickr-calendar table {margin-bottom: 0;}
.datepickr-calendar .datepickr-current-month { font-weight: 800;}
.datepickr-calendar .datepickr-current-month, .datepickr-day {color: #387077;}
.datepickr-calendar table th, .datepickr-calendar table td {padding: 0.5rem;}
 div.datepickr-calendar {box-shadow: 0 19px 38px rgba(0,0,0,0.25), 0 15px 12px rgba(0,0,0,0.20);padding:10px;}
div.datepickr-calendar table { border-collapse: collapse;}

/*--Tables--*/
table {margin: 1rem 0;border: 1px solid #eeeeee;border-collapse: collapse;}
table td, table th {border: 1px solid #eeeeee;}
table.grid td, table.grid th,  div.datepickr-calendar table td,  div.datepickr-calendar table th {border: 1px solid #eeeeee;border-spacing: 0px;    font-size: .9rem;}
table.grid {border-spacing: 0px;}
table tr th a.sort i {font-weight: 300;margin: 1px 0px 0px 5px;font-size: 10px;display: inline-block;}
table tr th a.sort:after {font-family: FontAwesome; font-weight: normal; font-style: normal;display: inline-block; text-decoration: inherit;content: "\f0dc"; margin-left: 5px;color: #ababab;}
table tr th.sortable a:after {font-family: FontAwesome; font-weight: normal; font-style: normal;display: inline-block; text-decoration: inherit;content: "\f0dc"; margin-left: 5px;color: #8faeb2;}
table tr th a.sort {color:#434343;}
table tr th.sortable a {color:#434343;}
.apps table {font-size: 1rem;}
table.scroll { display: table;}
.pagebanner, pagelinks {display: inline-block;padding: 0 .5rem 1.5rem 0;}
table th {background-color: #f3f4f5;}


table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #fafafb;}
table.hover:not(.unstriped) tr:nth-of-type(even):hover, table.hover tbody tr:hover {
    background-color: #ebecee;}
table input, table select, table a.button {margin:0 !important;}


font[color="green"] {color: rgb(76, 132, 76);}
font[color="red"] {color: #ce1919;}
font[color="blue"] {color: #4180c2;}
font[color="brown"] {color: #9f540f;}
p.description {line-height: 1.7rem; font-size:.9rem;}

.menu.class-posting .button.secondary {margin-right:3px; background-color: #eceef1;}
.menu.class-posting .button.secondary:hover, .menu.class-posting .button.secondary:focus {color: #000;}

/*Forms*/
label {font-weight: 600;}
input:disabled, input[readonly], textarea:disabled, textarea[readonly] {background-color: #767676;}


/* Small only */
@media screen and (max-width: 39.9375em) {
.logo img {width:240px;}
    
 nav{  position: absolute;background-color: #767676;border-top: 3px solid #fff;color: #000;}

 .top-bar ul a {font-weight: 600;  text-align: left; padding: 10px 5%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);font-size: 14px;}  
    .menu-centered > .menu {display: block;  }  
    
    #mobile-menu .button {margin-bottom: 0;}
    #mobile-menu {background-color: #eee8e0; margin-top:-1rem;}
    nav#responsive-menu {z-index: 100;background-color: #173756;padding:0;margin-top:-1rem; width:100%;   font-family: 'PT Sans Narrow',Helvetica,Arial,Lucida,sans-serif;font-weight: 400;
    background-color: transparent;
        font-size: 1.1em;}
    nav ul {padding: 2%;}
    .top-bar {padding: 15px 1rem;}
    .main {padding: 4% 2%; }    table tr.break {    border-top: 10px solid #3d6fa3;}
    
}

/* Medium and up */
@media screen and (min-width: 40em) {
.logo {height:87px;}
.footer img {width:231px;}
.logo img {width:313px;}

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {    table tr.break {    border-top: 10px solid #3d6fa3;}}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* Print */
@media print {.hide-on-print, .button, .noprint {display: none;}
    a[href]:after {display: none !important; }
    abbr[title]:after {display: none !important; }
      form[name="hoststatistics"] table tbody td {padding: 0.25rem .25rem .25rem 0; font-size: .9rem;line-height: 1.2;}
    form[name="departmentstatistics"] table tbody td {padding: 0.25rem .25rem .25rem 0; font-size: .9rem;line-height: 1.2;}
    form[name="departmentstatistics"] fieldset {border:0; padding:0;}
    form[name="hoststatistics"] fieldset {border:0; padding:0;}
    table.search-results th, table.search-results td {font-size:.75rem;padding: .25rem;}
    .main {padding:0;}
      table {page-break-inside:auto;overflow: visible !important;}
}