* { margin: 0; padding: 0; }

.clear { clear: both; display: inline; height: 0px; margin: 0px; padding: 0px; }
body { font-family: Helvetica, Arial, sans-serif; color: #000000; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding:0; }
#navbar-body { /*#c0c0c0;*/ }
#brand_header { position: relative; }
#brand_header img { margin-top: 30px; }
.navbar-toggle { display: block; }
.navbar-collapse.collapse { display: none !important; }
.navbar-nav { float: none !important; }
.navbar-nav > li { float: none; }
.navbar-collapse.collapse.in { display: block !important; }

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }
.borders-body { margin-top: 0px; }
.background_home { height: 150px; }
.background_home_index { border-bottom: 8px solid #273b78; position: absolute; top: 0; left: 0; height: 440px; width: 100%; background-image: url(/images/bg-img.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

/* classes for body background */
/* it will always be .background_{controller (folder)}_{action (file)} */

/* About Page */
.background_home_about { border-bottom: 8px solid #273b78; position: absolute; top: 0; left: 0; height: 440px; width: 100%; background-image: url(/images/banner-About.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }
/*.Narrow version of ABout banner___background_home_about { border-bottom: 8px solid #848484; position: absolute; top: 0; left: 0; height: 285px; width: 100%; background-image: url(/images/banner-BG-logo-pattern.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }*/

.background_About_underText { text-align:center; font-size:32px; background-color:#f5f5f5; padding: 35px 20%; width: 100%; position:relative; margin-top: 85px;}

.background_home_newmonitor { border-bottom: 8px solid #003466; position: absolute; top: 0; left: 0; height: 340px; width: 100%; background-image: url(/images/banner-NewMonitor.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.background_home_newsponsor { border-bottom: 8px solid #339933; position: absolute; top: 0; left: 0; height: 340px; width: 100%; background-image: url(/images/banner-NewSponsor.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.background_home_capabilities { border-bottom: 8px solid #339933; position: absolute; top: 0; left: 0; height: 440px; width: 100%; background-image: url(/images/banner-Capabilities.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.relative { position: relative; }
.w-100 { width: 100% !important;}
.d-block { display: block !important;}
.tag1 { width: 95%; margin: 20px auto 25px auto; text-align: center; color: #003466; font-size: 1.85em; line-height: 1.3; padding: 0px 5px 0px 5px; }
.tag2 { width: 75%; margin: 20px auto 0px auto; text-align: center; font-size: 1.15em; padding: 0px 5px 0px 5px; }
.tag3 { width: 75%; margin: 20px auto 25px auto; text-align: center; color: #173b93; font-size: 1.45em; line-height: 1.3; padding: 0px 5px 0px 5px; }

.top-container { position: relative; }

.body_home_capabilities, .body_home_about, .body_home_index { margin-top: 460px; }
.body_home_newmonitor, .body_home_newsponsor { margin-top: 360px; }


#brand_header .img-responsive { max-height: 125px !important;}
.body-tag { font-style: italic; font-size: 2em; margin: 0px 20px 40px 20px; text-transform: uppercase; }
.body-count { font-size: 2em; }
@media (max-width: 980px) { 
    .tag1 { font-size: 1.45em; width: 80%; margin: 35px auto 15px auto; }
    .tag2 { font-size: 1.15em; width: 80%; margin: 15px auto 0px auto !important; }
    #brand_header img { margin-top: 0px !important; }
    #brand_header .img-responsive { display: block; margin: auto; }
    .mt-4 { margin-top: 35px !important; }
    .mt-sm-4 { margin-top: 20px !important; }
}

@media (max-width: 630px) {
    .tag1 { width: 100%; font-size: 1.25em; }
    .tag2 { width: 100%; font-size: 1.15em; margin: 15px auto 0px auto !important; }
    #brand_header img { margin-top: 0px !important; }
    #brand_header .img-responsive { display: block; margin: auto; }
    .hidden-sm { display: none; }
}

@media (max-width: 543px) {
    .tag1 { font-size: 1.15em; margin: 30px auto 15px auto; }
    .tag2 { font-size: 1.05em; }
    .top-container { height: 260px !important; }
    #brand_header img { margin-top: 0px !important; }
    #brand_header .img-responsive { display: block; margin: auto; }
    .hidden-sm{ display: none; }
}

@media (max-width: 470px) {
    .tag1 { font-size: 1.05em; margin: 30px auto 15px auto; }
    .tag2 { font-size: 1.00em; }
    .top-container { height: 260px !important; }
    #brand_header img { margin-top: 0px !important; }
    #brand_header .img-responsive { display: block; margin: auto; }
    .background_home_index { height: 400px !important }
    .hidden-sm { display: none; }
    .body-tag { font-size: 1.15em !important; }
    .body-count { font-size: 1.2em; }
    .btn-block-sm { display: block; width: 100%; margin-top: 5px;}
    .mt-4-sm { margin-top:10px;}
    
}
@media (max-width: 335px) {
    .top-container { height: 320px !important; }
}

@media (max-width: 300px) {
    .tag1 { font-size: .85em !important; }
    .tag2 { font-size: .85em !important; }
    .top-container { height: 325px !important; }
}

@media (max-width: 255px) {    
    .top-container { height: 385px !important; }
}


#content_body { margin-top: 140px; }
#content_body_secondary { margin-top: 158px; }



/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt { white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default 
input,
select,
textarea { max-width: 280px; }
.modal { overflow-y: auto; background-image: url(/images/bg-img.jpg); background-position: top; background-size: contain; background-repeat: no-repeat; }

.modal-open { overflow: auto; }
.modal-open[style] { padding-right: 0px !important; }*/
#right_links { vertical-align: bottom; padding-top: 55px; }
#header-globe { margin: 0px 15px 0px 10px; }
#menu_button { background: #26517a; }
#menu_button:hover { color: #d19b3d; }

#nav { background: #26517a; color: #fff; font-weight: bold; padding: 5px; }
#nav div.padding-div { line-height: 35px; padding: 5px; min-height: 35px; font-family: 'Open Sans', sans-serif; }

.left-border { border-left: 1px solid #fff; }
#main_left { background: url('/Images/left_main.jpg') no-repeat center; min-height: 350px; border-right: 1px solid #fff; }
#main_right { background: url('/Images/right_main.jpg') no-repeat center; min-height: 350px; }
.main-login h1 { color: #fff; text-shadow: 1px 1px #ccc; position: relative; }
.inner-button { height: 350px; }

.box .opacity:hover { color: rgba(255, 255, 255, 1); box-shadow: 0 5px 15px rgba(145, 92, 182, .4); }
.inner-button div.inside_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 10px; color: #efefef; height: 150px; text-align: center; width: 300px; margin-top: auto; margin-bottom: auto; clear: both; }
.inner-button div.inside_btn button, .inner-button div.inside_btn h1 { font-size: 1.5em; }
.inner-button button { width: 150px; padding: 5px; margin: 5px; font: bold 1em 'Open Sans', sans-serif; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; color: #fff; border: 1px solid #c0c0c0; }
.inside_btn a { color: #338046; }



@media (max-width: 767px) {
    .left-border { border: none; padding: 0; }
}

@media (max-width: 991px){
    .main-panel { padding-top:5px; }
}

#login_row { border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
#main_info_row { margin-top: 10px; }
#main_info_row h2, #how_it_works h2, #totals_count h2 { text-transform: uppercase; font: bold 2em "Francois+One", sans-serif; }
#whoweare h2, #countries_label, #countries_count { color: #4e4e4e; }
#monitors h2, #monitors_label h2, #monitors_count, #body_header strong { color: #1a3864; }
#sponsors h2, #sponsors_label h2, #sponsors_count, #totals_count h1, #body_header h2 { color: #338046; }
.body-content h2 { color: #26517a; font: bold 1.35em "Francois+One", sans-serif; }
#how_it_works { margin-top: 20px; background: #458045; }
.bold-green { font-weight: bold; color: #338046; }
.green { color: #338046; }
.bold-blue { font-weight: bold; color: #26517a; }
.blue { color: #26517a; }
.testimonial { font-style: italic; }
.testimonial span { font-style: normal; }
.list-group-item p img { margin-bottom: 10px; margin-left: 10px; min-width: 165px; }
.contact-us .col-md-3 { font-weight: bold; text-align: right; }
.required { color: #850707; }
#how_it_works .list-group { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 5-7 */ filter: alpha(opacity=80); /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; opacity: .8; }
.how_it_works_white { color: #fff; font-size: 1.25em; }
#totals_count { }
#body_header { background: #cfcfcf; padding: 15px; color: #525051; border-bottom: 1px solid #898787; }
#body_header span { font-size: 1.25em; }
#body_header h2 { font: bolder 2.0em "Francois+One", sans-serif; margin-top: 0; margin-bottom: 0; }
.mr-1 { margin-right:4px;}

#monitors_count { background: #fff url('/Images/circle_monitors.jpg') no-repeat center; }
#countries_count { background: #fff url('/Images/circle_countries.jpg') no-repeat center; }
#sponsors_count { background: #fff url('/Images/circle_sponsors.jpg') no-repeat center; }
.count_box { font: bold 2em "Francois+One", sans-serif; line-height: 205px; min-height: 250px; }
#totals_count h1 { font: bolder 2.5em "Francois+One", sans-serif; margin-top: 25px; margin-bottom: 20px; }
#monitor_experience { margin-top: 25px; background: url('/Images/monitor_experience.jpg') no-repeat center; min-height: 545px; background-size: cover; }
#whoweare_triple { background: #cfcfcf; color: #fff; padding: 10px 0 25px 0; }
#whoweare_triple h2 { font: bold 1.2em "Francois+One", sans-serif; }
.who_panel { width: 300px; margin: 10px auto 0 auto; background: #338046; min-height: 250px; }
.whoPadding { padding: 0px 15px; }
.headerImgMargin { margin-right: -20px; }
.tDivider { height: 1px; background: #D9D9D9; margin: 20px 0px; }
.spacer20 { height: 20px; }
.spacer5 { height: 5px; }

.FaqW { padding: 25px 15px; }
.FaqG { padding: 25px 15px; background-color: #f0f0f0; }

#compliance { padding: 20px 40px; }
#compliance h2 { font: bold 1.5em "Francois+One", sans-serif; }
/*footer { background: #3c3c3c; padding-bottom:10px; }
footer div#inside { margin: 20px 50px 0 50px; }
footer div#inside h4 { font: bold 1.35em "Francois+One", sans-serif; color: #fff; }*/
#contact_info { min-height: 60px; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#left_contact { background: #fff; line-height: 57px; border: 1px solid #fff; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
#right_contact { color: #fff; line-height: 22px; }
.arrow_right { width: 0; height: 0; border-top: 29px solid transparent; border-bottom: 29px solid transparent; border-left: 15px solid #fff; }
#right_contact div { padding-top: 7px; }
#bottom_footer { color: #e5e5e4; }
#inside a { color: #fff; }
#bottom_footer div { padding: 10px 25px; border-left: 0px solid #fff; }
#bottom_footer, #left_contact strong { font-size: 1.1em; }
.border-right { border-right: 0px solid #fff; }
.border-right img { margin-right: 5px; }
#footer_text { font-size: 1.1em; margin-top: 15px; color: #cfcfcf; }
#footer_text a { color: #38b0ed; }

/* monitor/sponsor nav */
.nav-side-menu { overflow: auto; font-family: verdana; font-size: 12px; font-weight: 200; background-color: #2e353d; position: fixed; top: 0px; width: 300px; height: 100%; color: #e1ffff; }
.nav-side-menu .brand { background-color: #23282e; line-height: 50px; display: block; text-align: center; font-size: 14px; }
.nav-side-menu .toggle-btn { display: none; }
.nav-side-menu ul,
.nav-side-menu li { list-style: none; padding: 0px; margin: 0px; line-height: 35px; cursor: pointer; /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/ }
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before { font-family: FontAwesome; content: "\f078"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; float: right; }
.nav-side-menu ul .active,
.nav-side-menu li .active { border-left: 3px solid #d19b3d; background-color: #4f5b69; }
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active { color: #d19b3d; }
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a { color: #d19b3d; }
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li { background-color: #181c20; border: none; line-height: 28px; border-bottom: 1px solid #23282e; margin-left: 0px; }
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover { background-color: #020203; }
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before { font-family: FontAwesome; content: "\f105"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; }
.nav-side-menu li { padding-left: 0px; border-left: 3px solid #2e353d; border-bottom: 1px solid #23282e; }
.nav-side-menu li a { text-decoration: none; color: #e1ffff; }
.nav-side-menu li a i { padding-left: 10px; width: 20px; padding-right: 20px; }
.nav-side-menu li:hover { border-left: 3px solid #d19b3d; background-color: #4f5b69; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }

@media (max-width: 767px) {
    .nav-side-menu { position: relative; width: 100%; margin-bottom: 10px; }
    .nav-side-menu .toggle-btn { display: block; cursor: pointer; position: absolute; right: 10px; top: 10px; z-index: 10 !important; padding: 3px; background-color: #ffffff; color: #000; width: 40px; text-align: center; }
    .brand { text-align: left !important; font-size: 22px; padding-left: 20px; line-height: 50px !important; }
}

@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content { display: block; }
}

body { margin: 0px; padding: 0px; }
#panels_load_content h2, #monitor_profile_dialog h2, .signup-form h2, .login-form h2 { font: 1.55em "DM Sans"; font-weight: 700; color: #00737F; margin-top: 0; margin-bottom: 10px; }
#panels_load_content h2, #monitor_profile_dialog h2, .signup-form h6, .login-form h2 { font: 1.35em "DM Sans"; font-weight: 600; color: #00737F; margin-top: 0; margin-bottom: 10px; }
#panels_load_content h6{ font: bold 1.35em Sans-serif; color: #cfcfcf; margin: 0 0 0px 0; background: #003466; padding: 5px 5px 5px 10px; }
#monitor_profile_dialog h2 { margin-bottom:0 !important;}
#panels_load_content p { padding: 5px; }
.affix-bottom { position: absolute; }
#panels_load_content { min-height: 500px; }
#nav_main span.glyphicon, #nav_main i { margin-right: 10px; }
.timesheet-criteria i { margin-right: 5px; }
#login_form { margin: 0px auto; max-width: 550px; margin-bottom: 80px; }
/* centered modal dialog 
@media (min-width: 767px) {
    .modal { text-align: center; }
    .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
    .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
}

.modal-open .modal { display: flex !important; height: 100%; }
.modal-open .modal .modal-dialog { margin: auto; min-width: 920px; }
*/
body .modal-dialog { /* Width */ max-width: 90%; margin-left: auto; margin-right: auto; width: auto !important; display: inline-block; }
.modal { z-index: -1; display: flex !important; justify-content: center; align-items: center; }
.modal-open .modal { z-index: 1050; }
.modal-body { max-height: 450px; overflow-y: auto; }

.button-td-sm { width: 45px !important; text-align: center; }
.button-td { width: 95px !important; text-align: center; }
.button-td-large { width: 210px; text-align: center; }
.button-td-larger { width: 275px; text-align: center; }
.button-td-date { width: 100px !important; text-align: center; }
.table th { background: #1a3e91; color: #fff; }
.table { border: 1px solid #c0c0c0; background-color: #fff; }
div.terms-header { padding: 10px; width: 780px; }
div.terms { width: 800px; height: 300px; border: 1px solid #ccc; background: #f2f2f2; padding: 15px; overflow-x: auto; }
div.terms p,
div.terms li { color: #000; }
div.terms h3 { color: #000; }
div.terms h4 { color: #000; }
div.terms strong { color: #000; }
hr { border-top: 1px solid #ddd; }
.timesheet-header { background: #fbf6ee; }
.timesheet-days { border-bottom: 1px solid #c0c0c0; padding-bottom: 10px; padding-top: 10px; margin-bottom: 0; }
#timesheet_load_content { padding: 10px; }
.timesheet-header-info { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; background: #efefef; padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; }
#edit_timesheet_details { margin-top: 15px; }
#timesheet_totals { border-bottom: none; }
#info { display: none; padding: 15px 15px 15px 15px; margin: 5px 15px 5px 15px; position: fixed; right: 10px; bottom: 10px; border: 1px solid #c0c0c0; z-index: 1100; }
.new-button { padding: 5px 0 5px 0px; border-top: 1px solid #c0c0c0; background: #efefef; text-align: right; }
.new-button-monitors { margin-left: 10px; }
#project_tabs .badge, #monitors_admin_tabs .badge { margin-left: 5px; }
#monitor_search .col-md-4 { padding-right: 20px; }
.second-table-header th { background: #efefef; color: #26517a; }
#monitor_search_results, #timesheet_search_results { margin: 10px; max-height: 350px; overflow-y: auto; }
#timesheet_search_results { max-height: 200px; }
.dialog_scrolling_table { margin: 0 0 10px 0; }
.dialog_scrolling_table table { max-width: 750px; }
#monitor_profile_dialog { max-height: 500px; overflow-y: auto;}
#show_advanced_options { margin-left: 15px; color: #594398 }
.monitor_key { padding: 5px; text-align: center; width: 100%; margin-left: auto; margin-right: auto; }
.monitor_key_parent { float: left; margin: 3px; padding: 2px; }
.monitor_key_item { height: 15px; width: 15px; margin-left: 2px; margin-right: 5px; float: left; padding: 1px; border: 1px solid #c0c0c0; margin-top: 3px; }
#notification_success { margin: 15px 0 15px 0; padding:15px; max-height: 450px; overflow-x: auto; border: 1px solid #c0c0c0; background-color: #efefef; }
.scrolling-table { margin: 0 0 0 10px; max-height: 350px; overflow-x: auto; border-bottom: 1px solid #c0c0c0; }
.scrolling-table-lg { max-height: 500px; }
.rounded-div { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.rate-item { background: #efefef; border: 1px solid #c0c0c0; margin: 1px; padding: 5px; float: left; }
.huge { font-size: 2.0em; font-weight: bolder; }
#accordion .panel-body { max-height: 400px; overflow-y: auto; overflow-x: hidden; }
#sm a { background: #efefef; }
#sm a.active { background: #1a3e91; }
.ui-datepicker { z-index: 999 !important; }
.admin-profile-link { margin: 1px 2px 1px 2px; padding: 2px 3px 2px 3px; border: 1px solid #c0c0c0; background: #efefef; float: left; }
.modal-body h3 { margin: 0px 0px 5px 0px; padding: 0px; color: #168D0E; font-size: 1.35em; }
.modal-body .list-group { margin-bottom: 0; }
.assign-div { padding: 0px 0px 10px 0px; }
.popover { max-width: 100%; /* Max Width of the popover (depending on the container!) */ }
#timesheet_popover .col-md-3 { text-align: center; }
.social-icons a img { width: auto; height: auto; vertical-align: middle !important; line-height: 25px; }
.social-icons a span { line-height: 25px; vertical-align: middle !important; }
.site-content { padding: 10px 20px 10px 20px; }
.site-content ol { list-style-type: none; color: #000; }
.site-content ol li { /*margin-left: 5px;
            border-left: 1px solid #c0c0c0;
            background: #efefef;
            padding: 5px;
            margin-bottom: 2px;
            */ position: relative; margin-bottom: 10px; }

.site-content ol li p { font: 1em sans-serif; padding-left: 20px; color: #555; padding-top:2px; }
.site-content ol li span { position: absolute; }
.site-content h2 { font: bolder 1.25em 'Roboto', sans-serif; margin: 10px 0px 15px 0px; padding: 10px; background: #efefef; border-bottom: 1px solid #c0c0c0; }
.site-content p {padding-left:10px;}
#mobile_features .col-md-3 { border-right: 1px solid #c0c0c0; }
.feat-header { color: #26517a; font: bold 1.1em sans-serif; padding: 10px; border-bottom: 1px solid #c0c0c0; background: #efefef; margin-bottom: 15px; }
.ui-datepicker { z-index: 1151 !important; }
#sponsor_form ol li.list-group-item { color: #3b3a3a !important; }
#sponsor_form ol li.list-group-item span { font: bold 1.25em sans-serif; color: #c0c0c0; margin-right: 10px; }


@media print {
    .scrolling-table { overflow-x: visible; }
}

.Experience td { color: #fff; background-color: #3aa8e3; }
.OnHold td { color: #fff; background-color: #6d481f; }
.Other td { color: #fff; background-color: #d4661e; }
.Outcome td { color: #fff; background-color: #eb9696; }
.Problem td { color: #fff; background-color: #fc2222; }
.Rate td { color: #fff; background-color: #338046; }
.Test td { color: #fff; background-color: #594398; }

/* form control lengths*/
.form-control-shortest { max-width: 50px; }
.form-control-short { max-width: 70px; }
.form-control-short-date { max-width: 85px; }
.form-control-shorter { max-width: 110px; }
.form-control-param { max-width: 125px; }
#edit_timesheet_details .row { margin-bottom: 5px; }
.timesheet-row { margin-bottom: 5px; padding-bottom: 5px; clear: both; }


@media (min-width: 768px) {
    .QuoteContainer { float: left; width: 550px; }
    .bioBlock { width: 450px; }
    .startedBlock { width: 300px; }
    .inner-text { width: 85%; margin-left: 8%; }
    .buttonContainer { margin-left: 13%; width: 80%; }
    .buttonGap { margin-left: 5%; }
    .navlinks { display: none; }
}

@media (min-width: 992px) {
    .QuoteContainer { float: left; width: 750px; }
    .bioBlock { width: 700px; }
    .startedBlock { width: 400px; }
    .inner-text { width: 65%; margin-left: 17%; }
    .buttonContainer { margin-left: 19%; width: 60%; }
    .buttonGap { margin-left: 12%; }
    .navlinks { display: flex; }
}

@media (min-width: 1200px) { 
    .QuoteContainer { float: left; width: 950px; }
    .bioBlock { width: 850px; }
    .startedBlock { width: 500px; }

    .inner-text { }
    .header { width: 80%; margin-left: 10%; }
    .subheader { width: 60%; margin-left: 20%; }

    .buttonContainer { width: 75%; margin-left: 17%; }
    .buttonGap { margin-left: 6%; }
    .navlinks { width: 700px; margin: none; }
}


.login_form { margin: 20px; width: 250px; }
.monitor-login { background: #1a3e91; }
.sponsor-login { background: #338046; }
.login_form input { margin-bottom: 5px; }
.btn-top { border-radius: 0; font-weight: normal; color: #fff; font-size: 19px; line-height: 1em; padding-top: 17px; width: 265px; border-radius: 8px; }
.btn-top:hover, .btn-top:active { color: #fff; }
.btn-login { background: #363636; margin: 0 auto; text-align: center; border: 1px solid #c0c0c0; }
.btn-blue { background: #003466; }
.btn-primary { border-color: #003466; }
 .btn-primary:hover { background-color: #003466; }
.btn-green { background: #339933; }
.btn-green:hover { background: #339933; }

.large-banner { font-size: 1.25em; color: #fff; position: relative; min-height: 500px; background: url('/Images/Banner-img1.jpg') no-repeat; background-size: 100%; background-size: cover; overflow: hidden; background-position: center center; }
.bottom-text { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; }
#accordion { margin-top: 10px; }
#accordion a { font-size: 1.15em; color: #338046; font-weight: bold; }
#accordion a { font-size: 1.15em; color: #000; font-weight: bold; text-decoration: none; }
#accordion a:hover { color: #585859; text-decoration: none; }
#accordion a:active { color: #585859; text-decoration: none; }
#accordion a:visited { color: #000; text-decoration: none; }

.allCap { text-transform: uppercase; }
.floatLeft { float: left; }
.inner-text { text-align: center; }

.RegisterNow { margin: 15px 0px 45px 0px; line-height: 1.1; }
.RegisterWidth { width: 350px; }

.header { font-weight: bold; text-transform: uppercase; margin-top: 75px; font-size: 36px; line-height: 1.1 }
.subheader { margin-top: 30px; margin-bottom: 2px; font-size: 22px; }
.sectionHeader { font-weight: normal; color: #000; margin-top: 20px; margin-bottom: 10px; font-size: 24px; text-transform: uppercase; }
.sectionHeader2 { font-weight: normal; color: #000; margin-top: 20px; margin-bottom: 10px; font-size: 28px; text-transform: uppercase; }
.sectionHeader3 { font-weight: normal; color: #000; margin-top: 20px; margin-bottom: 10px; font-size: 32px; text-transform: uppercase; }

.footerL { color: #38b0ed; }
a.footerL:link { color: #38b0ed; text-decoration: none; }
a.footerL:visited { color: #38b0ed; text-decoration: none; }
a.footerL:hover { color: #38b0ed; text-decoration: underline; }
a.footerL:active { color: #38b0ed; text-decoration: underline; }

.navlinks { display: flex; height: 55px; margin: none; float: right; font-size: 14px; padding-bottom: 10px; }
.navLinkMargin { margin-left: 12px; }


/* scrolling text */
.example1 { height: 50px; overflow: hidden; position: relative; padding: 1px 1px; margin-bottom: 5px; margin-top: 15px; }
.example1 h3 { font-size: 1.5em; color: #005bc6; position: absolute; width: 100%; height: 100%; margin: 0; line-height: 50px; text-align: center; /* Starting position */ -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); /* Apply animation to this element */ -moz-animation: example1 15s linear infinite; -webkit-animation: example1 15s linear infinite; animation: example1 15s linear infinite; }
/* Move it (define the animation) */
@-moz-keyframes example1 {
    0% { -moz-transform: translateX(100%); }
    100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes example1 {
    0% { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-100%); }
}

@keyframes example1 {
    0% { -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); }
    100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); }
}

.tDivider { height: 1px; background: #D9D9D9; margin: 20px 0px; }
.leadership { color: #327c44; font-size: 16px; }
.leaderTitle { color: #777777; font-size: 16px; }
.uppercase { text-transform: uppercase; }
.bioBlock { float: left; }
.bioNameBlock { float: left; width: 150px; margin-right: 50px; }
.startedBlock { float: left; }
.imgResponsive {max-width:100%; height:auto;}

/* TODO: remove when upgrade to bs4 */
#glyph, .mr-1 { margin-right: 7px; }
.strong { font-weight: bold;}
.strong-em { font-size: 1.15em;}
.content-ul { padding-left: 30px; }
.dropdown-admin { width: 100%; }
.nav-main.mobile > a {margin-bottom:5px; padding: 10px;border-bottom:1px solid #c0c0c0;}
.dropdown-menu { width:100%;}
.mr-1{margin-right: 5px;}
.ml-1 { margin-left: 5px !important; }
.panel-title { font-weight: bold !important; font-size: 18px !important;}
#move_ts {margin-top:15px;}
.top-alert { width: 100%; opacity: 0.8; margin-top:30px; text-align: center;}
.mid-alert { width: 100%; opacity: 0.8; margin-top: 0px; text-align: center; }
@media print {
    @page { margin: .5cm; padding-bottom: 1cm; }
    body { display: table; table-layout: fixed; margin: 1cm; height: auto; padding-bottom: 10mm !important; width:90%; }
    table { page-break-after: auto;width:100%; }
    tr { page-break-inside: avoid; page-break-after: auto }
    td { page-break-inside: avoid; page-break-after: auto }
    thead { display: table-header-group }
    tfoot { display: table-footer-group }
}


ul.helper-text { display: none; margin-top: 6px; line-height: 22px; color: red; }
ul.helper-text li.valid { color: blue; }