/* DEFAULTS
----------------------------------------------------------*/

body {
    font-size: .80em; color: #494949; background: #FFF;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px; padding: 0px; font-size:16px;
}

a:link, a:visited {
    color: #628BB1;
}
a:hover {
    color: #628BB1; text-decoration: none;
}
a:active {
    color: #628BB1;
}

.topLinks a, .topLinks a:link, .topLinks a:active, .topLinks a:hover, .topLinks a:visited {
    color: #0b1c4d; text-decoration: none;
}

p {
    margin-bottom: 10px; line-height: 1.6em;
}

label {
    font-weight:normal;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em; color: #666666;
    text-transform: none;
    font-weight: 200; margin-bottom: 0px; margin-top: 0px;
}
h1 {
    font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px;
}
h1.blue {
    color:#628BB1; font-weight:bold; font-size:20pt;
}
h2 {
    font-size: 1.5em; font-weight: 600;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1.1em;
}
h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page {
    width: 960px; background-color: #fff;
    margin: 20px auto 0px auto; border: 1px solid #FFF;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.header {
    position: relative; margin: 0px; width: 100%;
    padding: 0px; background: #FFF;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
.header h1 {
    font-weight: 700;  margin: 0px;
    padding: 0px 0px 0px 20px;  color: #000;
    border: none; line-height: 2em; font-size: 2em;
}

.main {
    padding: 0px 12px; margin: 12px 8px 8px 8px; min-height: 420px;
}

.leftCol {
    padding: 6px 0px; margin: 12px 8px 8px 8px;
    width: 200px; min-height: 200px;
}


/* Panels */
.panel-primary>.panel-heading {
    background-image:linear-gradient(to bottom,#305183 0,#628BB1 100%);
    background-color:#628BB1;
}

.panel-noBottomMargin {
    margin-bottom:0px;
}

.home-caption {
    padding:10px; color:#FFF;
    background-image:linear-gradient(to bottom,#628BB1 0,#305183 100%);
    background-color:#628BB1;
}
.home-caption a, .home-caption a:link, .home-caption a:active, .home-caption a:hover {
    text-decoration:none; color:#FFF;
}

.panel-title {
    font-variant:normal;
}


/* Buttons */
a.btn-primary:link, a.btn-primary:visited, a.btn-primary:active, a.btn-primary:hover {
    color: #FFF;
}
a.btn-default:link, a.btn-default:visited, a.btn-default:active, a.btn-default:hover {
    color: #FFF;
}
a.btn-success:link, a.btn-success:visited, a.btn-success:active, a.btn-success:hover {
    color: #FFF;
}
a.btn-danger:link, a.btn-danger:visited, a.btn-danger:active, a.btn-danger:hover {
    color: #FFF;
}

.btn-default {
    text-shadow: 0 1px 0 #fff;
    background-repeat: repeat-x;
    border-color: #ff6600;
    color: #FFF;
    background-image: linear-gradient(to bottom, #d6793e 0%, #b36332 100%);
}
.btn-default:hover, .btn-default:focus {
  background-color: #b36332; background-position: 0 -15px; color:#FFF;
}
.btn-default:active, .btn-default.active {
  background-color: #b36332; border-color: #b36332; color:#FFF;
}

.btn-default:disabled, .btn-default[disabled] {
    background-color: #b36332; border-color: #b36332; color:#FFF;
}

.ddlBlue {
    background-repeat: repeat-x; border-color: #245580; vertical-align: middle;
    font-size: 18px; line-height: 1.33; padding: 9px;
    color: #FFF; background-color: #265a88;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
}
.ddlBlueSM {
    background-repeat: repeat-x; border-color: #245580; vertical-align: middle;
    font-size: 14px; line-height: 1.2; padding: 5px;
    color: #FFF; background-color: #265a88;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
}



/* Footer */
.footer {
    background-color: #1b1b1b;
    color: #FFF;
    font-size: 14px;
}
.footer a, .footer a:link, .footer a:active, .footer a:hover {
    text-decoration:none; color:#FFF;
}



/* Banner */
.myBanner {
    padding:2px 0px; background-color:#494949;
}
.banner {
    height:100px; vertical-align:bottom;
}
.banner .welcome {
    font-family:Arial, Helvetica, sans-serif; font-size:16pt;
    color:#FFF; font-weight:500; text-shadow:1px 1px 1px 1px #000;
}
.banner h1 {
    font-family:Arial, Helvetica, sans-serif; font-size:20pt;
    color:#FFF; font-weight:normal; text-shadow:3px 3px 3px 3px #000;
}
.banner-caption {
    text-align:left; position:absolute; top:5%; left:15%; color:#FFF;
}
.banner-caption h1 {
    font-family:Arial, Helvetica, sans-serif; font-size:26pt;
    text-shadow: 2px 2px #000; color:#FFF; font-weight:normal;
}
.banner-caption h2 {
    font-family:Arial, Helvetica, sans-serif; font-size:22pt;
    text-shadow: 2px 2px #000; color:#FFF; font-weight:normal;
}
.banner-button {
    text-align:left; position:absolute; bottom:5%; right:15%; color:#FFF;
}
/* Banner to show on XS and SM devices */
.banner-xs-sm {
    background-color:#82a2c1; color:#FFF;
}
.banner-xs-sm h1 {
    font-family:Arial, Helvetica, sans-serif; font-size:20pt;
    color:#FFF; font-weight:normal; text-shadow:3px 3px 3px 3px #000;
}




/* MENU   
----------------------------------------------------------*/

.navbar-brand {
    padding: 5px 15px;
}

.navbar {
    font-size:14px; min-height:14px; margin-bottom:0px; border:0px;
}
.navbar-ML {
    background-color:#000000; border-radius:0px; margin-bottom:0px; min-height:40px;
}
.navbar-nav li a, .navbar-nav li a:active, .navbar-nav li a:visited,
.navbar-nav li.dropdown a, .navbar-nav li.dropdown a:active, .navbar-nav li.dropdown a:visited {
    color:#FFF; background-color:#000000; font-weight:500; font-family:'Helvetica Neue LT Std',Helvetica,Arial,sans-serif;
}
.navbar-nav li a:hover, .navbar-nav li.dropdown a:hover {
    color:#628BB1; background-color:#FFF; font-weight:500; font-family:'Helvetica Neue LT Std',Helvetica,Arial,sans-serif;
}
.navbar-nav li.active a, .navbar-nav li.active a:active, .navbar-nav li.active a:visited, .navbar-nav li.active a:hover, 
.navbar-nav li.open a, .navbar-nav li.open a:active, .navbar-nav li.open a:visited, .navbar-nav li.open a:hover {
    color:#628BB1; background-color:#FFF; font-weight:500; font-family:'Helvetica Neue LT Std',Helvetica,Arial,sans-serif;
}
.navbar-nav li.active li.active a, .navbar-nav li.active li.active a:active, .navbar-nav li.active li.active a:visited, .navbar-nav li.active li.active a:hover {
    color:#FFF; background-color:#628BB1; background-image:none; font-weight:500; font-family:'Helvetica Neue LT Std',Helvetica,Arial,sans-serif;
}

.navbar-toggle {
    background-color:#CCC;
}
.icon-bar {
    color:#FFF; background-color:#FFF;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px; padding: 1em;
    border: 1px solid #ccc;
}
fieldset p {
    margin: 2px 12px 10px 10px;
}
fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
}
fieldset label.inline {
    display: inline;
}

legend {
    font-size: 1.1em; font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}
input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}


/* TABLE
----------------------------------------------------------*/
.table-padded td {
    padding:5px;
}
.rowHead {
    background-color:#0b1c4d; font-weight:bold; color:#FFF;
}
.rowHead a, .rowHead a:link, .rowHead a:active, .rowHead a:hover, .rowHead a:visited {
    color:#FFF;
}

.rowAlt {
    background-color:#e5e5e5;
}
.rowOrange {
    background-color:#FDD1B0;
}
.rowBlue {
    background-color:#ABC3D9;
}
.rowSpacer {
    height:8px; line-height:8px;
}
.colLabel {
    font-weight:bold;
}


/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}
.left {
    float:left;
}
.right {
    float:right;
}

.title {
    display: block; float: left;
    text-align: left; width: auto;
}

.loginDisplay {
    font-size: 1.1em; display: block;
    text-align: right; color: #000; padding: 10px;
}
.loginDisplay a:link {
    color: #000;
}
.loginDisplay a:visited {
    color: #000;
}
.loginDisplay a:hover {
    color: #000;
}

.error, a.error, a.error:link, a.error:active, a.error:hover, a.error:visited {
    font-size: 1.2em; color: #a20000; text-decoration:none;
}

.bold {
    font-weight: bold;
}
.blue, a.blue, a.blue:link, a.blue:active, a.blue:hover, a.blue:visited {
    color: #0b1c4d;
}
.orange {
    color: #b36332;
}
.yellow {
    color: #ffe0aa;
}
.black, a.black, a.black:link, a.black:active, a.black:hover, a.black:visited {
    color: #000;
}

a.underline, a.underline:link, a.underline:active, a.underline:hover, a.underline:visited {
    text-decoration:underline;
}

.submitButton {
    text-align: right; padding-right: 10px;
}


.userInfo {
    float:left; margin:0px 15px 15px 0px;
}

.bg_round {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.bg_blue {
    background-color:#c0d2e0;
}
.bg_white {
    background-color:#FFF;
}
.bg_orange {
    background-color:#b36332;
    color: #fff;
}
.bg_EEE {
    background-color:#DDD;
}
.bg_yellow {
    background-color:#fbf5d0;
}
.bg_EEE hr {
    color:#FFF; background-color:#628BB1; height:2px; width:100%; border:0; padding:0; margin:0;
}
hr.blue {
    color:#628BB1; background-color:#628BB1; height:2px; width:100%; border:0; padding:0; margin:0;
}

.btn-default {
    text-shadow:none;
}
.pad-1 {
    padding: 1px;
}
.pad-5 {
    padding:5px;
}
.pad-10 {
    padding:10px;
}
.pad-20 {
    padding:20px;
}
.pad-v5 {
    padding:5px 0px;
}
.pad-v10 {
    padding:10px 0px;
}
.pad-v20 {
    padding:20px 0px;
}
.pad-t5 {
    padding:5px 0px 0px 0px;
}
.pad-t10 {
    padding:10px 0px 0px 0px;
}
.pad-b5 {
    padding:0px 0px 5px 0px;
}
.pad-b10 {
    padding:0px 0px 10px 0px;
}
.pad-rb10 {
    padding:0px 10px 10px 0px;
}
.pad-rv10 {
    padding:10px 10px 10px 0px;
}

.margin-v5 {
    margin:5px 0px;
}
.margin-v10 {
    margin:10px 0px;
}


.showHideBar {
    cursor:pointer;
}


.UpdateProgress {
    width: 90%; height: 90%; background-color: #EEEEEE;
    position: absolute; top: 0px; left: 0px;
}


/* fullcalendar customization */
.fc-day-grid-event .fc-content {
    white-space:normal;
    overflow:visible;
    font-family:Arial;
    font-weight:bold;
}
.fc-content {
    padding: 2px 0px;
}
.fc-title {
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}
.fc-day-grid-event .fc-content {
    font-weight:normal;
}
.fc-time-grid-event .fc-time {
    font-weight:700;
}
.fc-event .fc-bg {
    background:inherit;
}



/* Calendar Icon for Iframe Feed */
/* http://cssdeck.com/labs/calendar-icon */
time.icon {
  font-size: .75em; /* change icon size */
  display: block; position: relative;
  width: 4em; height: 4em;
  background-color: #fff; border-radius: 0.6em;
  border:1px solid #CCCCCC;
  overflow: hidden;
}
time.icon * {
  display: block; width: 100%;
  font-size: 1em; font-weight: bold;
  font-style: normal; text-align: center;
}
/* The month is styled using the following code: */
time.icon strong {
  position: absolute; top: 0; padding: 0.1em; width:100%;
  color: #fff; background-color: #008693; text-align:center;
}
/* The day is positioned at the bottom edge: */
time.icon em {
  position: absolute; bottom: 0.3em; color: #008693;
}
/* The large date number is resized and has some basic positioning applied: */
time.icon span {
  font-size: 1.5em; 
  margin-top:1.1em;
  color: #008693; text-align:center;
}
.iframeListDate a, .iframeListDate a:link, .iframeListDate a:active, .iframeListDate a:hover, .iframeListDate a:visited {
    color: #008693;
}

#colorbox, #cboxOverlay, #cboxWrapper {
    z-index: 99999 !important ;
}

#cboxLoadedContent {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

#cboxLoadedContent iframe {
  height: 100%;
  width: 100%;
}




/* hide URLs on links on print version */
@media print {
  a[href]:after {
    content: none !important;
  }
}

.cbl label
{
    padding-right: 20px;
}

.cbl 
{
    padding-left: 10px;
}

.cbl li
{
    list-style: none;
    display: inline-block;
}

.userList label
{
    padding-left: 8px;
}

/* RadGrid */
.align-middle {
    vertical-align: middle;
}
.align-bottom {
    vertical-align: bottom;
}
.textBlack {
    color: black !important;
}
.RadMenu_WebBlue .rgHCMClear, .RadMenu_WebBlue .rgHCMFilter {
    background: #d7e2e7 center -23px !important;
}
div.RadGrid_WebBlue .rgRow a:not(.btn), div.RadGrid_WebBlue .rgAltRow a:not(.btn)
{
    color: blue !important;
}
html body .RadGrid .rgMasterTable .rgSelectedCell,
html body .RadGrid .rgSelectedRow,
html body .RadGrid .rgHoveredRow,
html body .RadGrid .rgEditRow {
    background-image: none;
}

.select2-search__field { width: 100% !important; }

.SiteHeaderMobile {
    background-color: #E8E8E8;
    display: flex;
}

.SiteHeader {
    padding: 0px;
    clear: both;
    background-color: #E8E8E8;
}

.SiteHeaderTable {
    border-collapse: collapse;
    vertical-align: bottom;
    width: 25%;
}

    .SiteHeaderTable td, table th {
        border: none;
    }

    .SiteHeaderTable tr td {
        padding: 5px;
        border-radius: 5px;
        text-align: center;
    }

        .SiteHeaderTable tr td:hover {
            background-color: #9aaece;
        }

.ProfileLink {
    float: left;
    margin: 5px 0px 0px 10px;
    font-weight: 500;
    font-family: 'Helvetica Neue LT Std',Helvetica,Arial,sans-serif;
}

    .ProfileLink a, .ProfileLink a:active, .ProfileLink a:visited {
        font-size: 16px;
        color: #009245;
        font-weight: bold;
    }

        .ProfileLink a:hover {
            text-decoration: underline;
        }


.SiteLogo {
    padding-top: 5px;
    padding-left: 0px !important;
}
a.goog-te-menu-value span
{
    color: black !important;  
}