﻿/*body {
    margin-top: 10px;
}*/

/*#pageHeader {
	padding: 10px;
}*/

html, body {
    height: 100%;
}

#page-container {
    position: relative;
    min-height: 100vh;
}

#content-wrap {
    padding-bottom: 165px; /* Footer height */
}

.footer {
    font-size: 14px;
    display: block;
    /*position: absolute;*/
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    color: white;
    padding-bottom: 5px;
}

    .footer > .container {
        background-color: #38464C;
    }

@media (max-width: 989px) {
    footer {
        margin: 0px;
        position: relative;
        bottom: 0;
        padding-top: 20px;
    }

    footer > .container > center > p {
        white-space: normal !important;
    }
}

.medicalInfo {
    float: left;
    background-color: gainsboro;
    width: 200px;
    margin: 3px;
    border: 1px solid #333;
    padding: 3px;
}

    .medicalInfo > a {
        float: right;
    }

#districtTitle {
	white-space: nowrap;
	overflow: hidden;
}

.navbar .nav a {
	font-size: 14px;
	font-weight: bold;

}

.parentWidth {
    width: 100%;
}

.bottom_margin-20 {
    margin-bottom: 20px;
}

#MainHeader {
    padding: 15px;
}

#MainHeader > .row {
    /*height: 100px;*/
}

.RadUpload .ruFileWrap .ruButton {
	background-image: none;
	background-color: #337ab7;
	color: white;
}

.vcenterParent {
    display: table;
    height: 100%;
}

.vcenter {
    display: table-cell;
    vertical-align: middle;
}

.btnList > .btn {
    margin-bottom: 5px;
}

.HeaderTitle {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #545454;
    font-weight: bold;
    font-size: 20px;
    height: 61px;
    font-weight: bold;
    white-space: nowrap;
}

#lblDistrictName {
    margin-bottom: 9px;
    max-width: 360px;
    white-space: normal;
    display: inline-block;
}

#loginBtnWrapper {
    line-height: 5px;
}

#divTrackedImg {
    display: table-cell;
}

#divTrackedImg img {
    width: 200px;
}

.disTableRow {
    display: table-row;
    text-align: right;
}

#img_Logo {
    max-width: 200px;
    max-height: 90px;
    min-height: 30px;
}

.content-header {
	font-size: 20px;
	color: #337AB7;
	text-align: center;
	font-weight: bold;
}

#loginBtnWrapper > .vcenter {
    text-align: right;
}

#btnLoginForms {
    width: 100%;
    margin-bottom: 5px;
}

#btnLogout {
    width: 100%;
    margin-bottom: 5px;
}

.dvLoginBtn {
    display: inline-block;
}

.dvLoginBtn .row {
    width: 120px;
    text-align: center;
    margin: 0px;
}

.dvLoginBtn .row > .col-sm-12 {
    padding: 0px;
}

#languageLinks {
    font-size: 12px;
}

#languageLinks .col-xs-6 {
    padding: 0px;
}

.SelectedLanguage a {
    font-weight: bold;
}

.padding-horizontal-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.listValues input {
    margin-left: 4px;
}

.listValues label {
    padding-left: 4px;
    display: inline;
}

.listValues tbody {
    border-top: 0px;
}

.watermarkForm {
    color:#151515;
    text-decoration: none;		
	margin: 0px;
	padding: 3px;
}

label {
	margin-top: 5px;
	margin-bottom: 0px;
}

/*Bootstrap Overrides*/
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.form-control, .input-group-addon {
    box-shadow: 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border-radius: 0px;
}

.btn-group-vertical > .btn:first-child:not(:last-child), 
.btn-group-vertical > :last-child:not(:first-child).btn,
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 4px;
}

.navbar-dark {
    background-color: #616161;
    border-color: #808080;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #009aff;
    color: white;
}

.navbar-inverse .navbar-nav > li > .active, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #337AB7;
    color: white;
}

.dropdown-menu {
    background-color: #08567e;
}

    .dropdown-menu > li > a {
        color: white;
    }

hr {
    border-top: 1px solid #aeaaaa;
    margin-top: 0px;
}

.btn {
    border-radius: 4px;
}

.btn-primary:hover {
	background-color: #009aff;
}

.form-group {
    width: 100%;
}
/*End Bootstrap Overrides*/

.tableWrapper {
    width: auto;
    margin-right: auto;
    max-width: 1600px;
    padding-left: 40px;
    padding-right: 40px;
}

.signup-images {
    max-width: 300px;
}

.row-vertical-spacing {
    margin-top: 20px;
    margin-bottom: 20px;
}

.row-vertical-spacing-bottom {
    margin-bottom: 20px;
}

.row-vertical-spacing-top {
    margin-top: 20px;
}

.small-link {
    font-size: 12px;
}

.validation_summary_as_bulletlist ul {
    display: none;
}

.headerDivs {
    float: left;
    margin-right: 30px;
}

#adHr {
    margin: 5px;
    border: 0.5px solid black;
    height: 0px;
    position: relative;
    right: 6px;
}

.formInfo_Container {
    max-width: 1014px;
    margin: auto;
    padding: 10px;
}

.form_wrapper {
    padding: 16px;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.4);
}

.mobileForms_message {
    display: none;
    color: red;
}

.form-wrapper:before, .form-wrapper:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 12px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.7);
    z-index: -1;
}

.form-wrapper:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}

.ads {
    margin: 40px 0px;
}

#cph_Main_dvAd {
    height: 300px;
}

    #cph_Main_dvAd .col-sm-6 {
        text-align: center;
    }

        #cph_Main_dvAd .col-sm-6:last-child {
            padding-top: 20px;
        }

.NCSA_Radio td, .NCSA_Radio label {
    padding: 5px;
    white-space: nowrap;   
}

.NCSA_Radio tr, .NCSA_Radio td {
    padding: 0 !important;
    border: none !important;
}

.linkBtn {
    border: none;
    background-color: transparent;
    color: blue;
    padding: 0px;
    text-decoration: underline;
}

.gad_container {
    margin-bottom: 20px;
    margin-top: 20px;
}

.gad_wrapper > .gad {
    text-align: center;
}

.flkmodalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;	
}

/*VideoTest Page*/
#video-container {
	width: 640px;
	position: relative;
    margin: auto;
}

#video-controls {
    position: relative;
    bottom: 6px;
	padding: 5px;
	/*opacity: 0;*/
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
    background-color: rgba(27, 186, 225, 1);
}

#video-container:hover #video-controls {
	opacity: .9;
}

#video-controls img {
    height: 20px;
    vertical-align: middle;
}

#dvTimeLeft {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}


#full-screen, #play-pause {
    border: none;
    background-color: transparent;
}

    #full-screen:hover, #play-pause:hover {
        cursor: pointer;
    }

#seek-bar {
	width: 350px;
}

#volume-bar {
	width: 100px;
}

#seek-bar, #volume-bar {
    display: inline-block;
    padding: 0px;
    vertical-align: middle;
}

#full-screen {
    margin-left: 10px;
}

.videoMessage {
    padding: 10px;
    text-align: center;
}

.btn-gray {
	background-color: #616161;
	color: white;
}

.btn-gray:hover {
	background-color: #808080;
	color: white;
}

.navbar {
	min-height: auto;
}

.scr-only{
	display: none;
	/*visibility: hidden;*/
}

/*.athleteCell .ineligible {
	color: #b90000;
}*/

.athleteCell > .athleteEven,
.athleteCell .athleteDetailEven td {
	background-color: #efefef;
}

.athleteCell .athleteDetailEven a {
	color: #0061b5;
}

#ulHelpfulLinks {
	list-style: none;
}

.btnGreen, .btnBlue {
	width: 270px;
	border-radius: 0px;
	color: white;
	font-weight: bold;
}

.btnGreen {
	background-color: #8CC63F;
}

.btnBlue {
	background-color: #337AB7;
}

.mb-2 {
	margin-bottom: 0.5em;
}

.d-flex {
    display: flex;
}

.sportEligibilityRow {
    border: 1px solid #ccc;
    font-weight:bold;
    font-size:12px;
    padding:5px;
}

/*VideoTest End Page*/

.application-notice-alert {
    margin: 10px;
    padding: 10px;
    background-color: #002d62;
    border-radius: 5px;
    font-size: 14px;
    color: white;
    font-weight: 600;
    text-align: center;
}

@media (min-width: 768px) {
	/*.navbar, .navbar .nav a {
		height: 78px;
	}*/

	.navbar .nav li {
		display: table;
	}

	.navbar-nav > li a {
		display: table-cell;
		vertical-align: middle;
		/*padding: 25px;*/
	}

	.navbar .nav .dropdown-menu > li {
		width: 100%;
	}

	.navbar .nav .dropdown-menu > li a {
		padding: 5px 15px;
		height: auto;
	}

	.btn-huge, .btn-group-vertical > .btn-huge {
		width: 595px;
		height: 90px;
		font-size: 20px;
		font-weight: bold;
		display: table-cell;

	}
}

/*Small Screen Mobile View*/
@media (max-width: 340px) {
    .dvLoginBtn .row {
        width: 100px;
    }

    .signup-images {
        max-width: 200px;
    }

    /*#img_Logo {
        max-width: 140px;
    }*/
}
/*End Small Screen Mobile View*/

@media (max-width: 1092px) {
	.navbar-nav > li a {
		padding: 10px;
	}

	.navbar .nav a {
		font-size: 13px;
	}
}

@media (max-width: 1200px) {
	.HeaderTitle  {
		font-size: 16px;
	}
}

@media (max-width: 992px) {
	.HeaderTitle {
		font-size: 13px;
	}
}

/*Mobile View*/
@media (max-width: 767px) {
    #content-wrap {
        padding-bottom: 185px;
    }

    .navbar-toggle {
        margin-right: 25px;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #08567e;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }

    .vcenterParent {
        height: auto;
    }

    #img_Logo {
        max-height: 60px;
    }

    .HeaderTitle {
        font-size: 16px;
        height: auto;
        margin-top: 15px;
    }

    .dvLoginBtn .row {
        width: 100px;
    }

    .dvLoginBtn .row .btn {
        font-size: 12px;
    }

    #languageLinks {
        font-size: 10px;
    }

    #loginBtnWrapper {
        position: absolute;
        right: 10px;
    }

    .tableWrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .form-inline .form-control {
        width: 100%;
    }

    .mobileForms_message {
        display: inline-block;
    }

    .authImgWrapper {
        margin-bottom: 10px;
    }

    .table-responsive > .table > tbody > tr > td {
        white-space: normal;
    }
}

@media (max-width: 370px) {
    #content-wrap {
        padding-bottom: 205px;
    }
}
/*End Mobile View*/

/*Tablet Width and Below View*/
/*@media (max-width: 1199px) {
}*/
/*End Tablet Width and Above View*/
