

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:200,400,600,700,800);

html {
	font-size: 14px;
}

body {
	background: #FFF;
	padding: 0px;
	margin: 0px;
	font-size: 1rem;
	font-family: 'Open Sans', sans-serif;
	-ms-overflow-style: scrollbar !important;
}

a {
	color: #992A3A;
    opacity:.75;
	font-weight: 700;
}

a:focus, a:hover {
	color: #992A3A;
    opacity:1;
}

/************************************************ HEADERS, LOGO ************************************************/

#school-logo {
	margin: auto 10px;
	padding-top: 20px;
	text-align: center;
}

#appbody #school-logo,#appsubmittal1 #school-logo,#appsubmittal2 #school-logo {
	padding-top: 70px;
}

#school-logo a {
    opacity:1;
}

#school-logo img {
	margin: auto;
}

#page-header {
	background: #992A3A;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

h1 {
	font-weight: 700;
	color: #992A3A;
}

h2 {
	color: #FFF;
	margin: 0px;
	padding: 15px 0px;
	font-family: inherit;
	font-size: 1.5rem;
	font-style: italic;
	font-weight: 700;
}

h3 {
	color: #992A3A;
	font-size: 1.45rem;
	font-style: italic;
	font-weight: 700;
	text-align: center;
}

h4 {
	padding: 10px 0px;
	font-size: 1.2rem;
	font-style: italic;
	font-weight: 700;
}

h5 {
	font-style: italic;
	font-size: 1.1rem;
	font-weight: 700;
}

h6 {
	font-style: italic;
	font-size: 1rem;
	font-weight: 700;
}


/************************************************ NAVIGATION ************************************************/

#top-nav {
    background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #DADADA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #DADADA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #DADADA); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #DADADA); /* Standard syntax (must be last) */
    border-bottom: 1px solid #DADADA;
}

#top-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#top-nav ul li {
	display: inline-block;
	border-right: 1px solid #C6C6C6;
	padding: 12px 25px 12px 12px;
	margin-right: 12px;
	font-size: 1.2rem;
	font-style: italic;
	font-weight: 600;
}

#top-nav ul li a {
	text-decoration: none;
}

#top-nav ul li a:hover {
	text-decoration: none;
}

#top-nav ul li .fa {
	padding-right: 8px;
	font-size: 1.6rem;
}

#top-nav-right ul li:last-child {
	border: 0px;
	padding-right: 12px;
}

#main-navigation {
	background: #444444;
}

#main-navigation h3 {
	color: #FFFFFF;
}

#screen-navigation {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#screen-navigation li {
	position: relative;
	text-transform: uppercase;
	z-index: 100;
}

#screen-navigation li .row {
	background: #F4F5F4;
	border-bottom: 2px solid #FFF;
}

#screen-navigation li div {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #6D6D6D;
}

#screen-navigation li a, #screen-navigation li a:hover {
	display: block;
	color: #555;
	font-weight: 400;
	text-decoration: none;
}

#screen-navigation .screen-skip div {
	background: #CDCDCD;
	color: #6D6D6D;
}

#screen-navigation .screen-skip div:hover, #screen-navigation .screen-skip:hover div {
	cursor: not-allowed;
}


#screen-navigation .screen-current div {
	background: #FFF;
}

#screen-navigation .screen-not-current .row:hover {
	background: #FFF;
}

#screen-navigation .screen-not-current a:hover {
	color: #992A3A;
}

#screen-navigation .screen-current a, #screen-navigation .screen-current a:hover {
	font-weight: 700;
	color: #992A3A;
}

#screen-navigation .screen-current, #screen-navigation .screen-current-saved {
	background: #FFF;
	z-index: 101;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.20);
	-moz-box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.20);
	box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.20);
}

#screen-navigation .screen-number {
	color: #992A3A;
	font-size: 1.25rem;
	font-weight: 700;
}

#screen-navigation .screen-name {
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 10px;
}

#screen-navigation .screen-check {
	padding-left: 7px !important;
	padding-right: 0px;
	text-align: right;
}

#screen-navigation .screen-check .fa {
	margin-top: 3px;
	font-size: 1.75rem;
}

#screen-navigation .screen-current .screen-check .fa {
	color: #ffd700;
}

#screen-navigation .screen-current-saved .screen-check .fa {
	color: #4CAF50;
}

.screen-current-img {
	display: none;
}

#screen-navigation .screen-current .screen-current-img {
	position: absolute !important;
	display: block;
	background: url("/applications/shared/application_template/main-nav-on.png") no-repeat;
	background-size: contain;
	width: 35px;
}

#secondary-navigation {
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #;
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 600;
	z-index: 100;
}

#secondary-navigation .row {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid #FFF;
}

#secondary-navigation .row:first-child {
	border-top: 0px;
}

#secondary-navigation .row:last-child {
	border-bottom: 2px solid #FFF;
}

#secondary-navigation .fa {
	padding-top: 5px;
}

#secondary-navigation a {
	color: #;
}

#secondary-navigation a:hover {
	text-decoration: none;
}

#secondary-navigation .row:first-child {
	padding-top: 5px;
}

#secondary-navigation a, #secondary-navigation a:hover {
	color: #;
	text-decoration: none;
}

.secondary-nav-submit {
	border-bottom: 2px solid #FFF;
}

.submit-link {
	font-size: 1.75rem !important;
	font-style: normal;
	font-weight: bold;
	line-height: 2rem;
	text-transform: uppercase;
}

.submit-not-ready {
	cursor: not-allowed;
}

.submit-not-ready .submit-icon,.submit-not-ready .submit-link {
  opacity: .5;
}

.navigation-additional {
	padding: 20px 10px;
	color: #;
	/*font-size: .85rem;*/
}

.navigation-additional ol, .navigation-additional ul {
	margin: 0px;
	padding: 0px 20px;
}

.navigation-additional h4 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	/*font-size: 1rem;*/
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
}

.nav-hamburger .fa {
	font-size: 2rem;
}

.nav-hamburger .fa-bars {
	color: #992A3A;
}

#skipscreen {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	overflow-x: hidden;
}

#skipscreen .row:hover {
	background: #FFF !important;
	color: #333;
}

#skipscreen .row:hover a {
	color: #333;
}

#skipscreen .row:first-child {
	padding-top: 10px;
}

#skipscreen .row:last-child {
	padding-bottom: 10px;
	border-top: 2px solid #FFF !important;
}

#skipscreen, #skipscreen a {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
}

/************************************************ CONTENT ************************************************/

#app-body-container {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF 95%, #dad8d8);
}

.content-body {
	padding: 0px 20px 20px 20px;
}

.content-divider {
	display: block;
	min-height: 10px;
	border-bottom: 2px solid #E9E9E9;
}

/************************************************ QUESTION CONTAINER ************************************************/

.outer-question-box {
	position: relative;
	width: 100%;
	/*overflow: hidden;*/
}

.subsection-question-box {
	width: 100%;
	padding: 20px 0px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 20px 15px -15px rgba(153,153,153,0.20);
	-moz-box-shadow: 0px 20px 15px -15px rgba(153,153,153,0.20);
	box-shadow: 0px 20px 15px -15px rgba(153,153,153,0.20);
}

#question-container-content fieldset {
	padding-bottom: 10px;
}

#question-container-content h3 {
	font-style: normal;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 2px solid #E9E9E9;
}

#question-container-content h4 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 600;
}

#question-container-content h5, #question-container-content legend {
	padding: 0px 0px 10px 0px;
	color: #992A3A;
	font-weight: 700;
	font-style: italic;
	text-align: center;
}

#question-container-content legend {
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 1.1rem;
	font-style: italic;
}

#question-container-content .control-label-legend, #question-container-content .control-label-legend-left {
	font-size: 1rem;
	color: #333 !important;
}

.content-divider {
	margin: 30px 0px 20px 0px;
}

.question-section-divider {
	display: block;
	min-height: 10px;
	border-bottom: 2px solid #E9E9E9;
	margin-bottom: 20px;
}

.school-show {
	position: relative;
	left: 0px;
}

.school-hide {
	position: absolute;
	left: -10000px;
}


/************************************************ PANEL (BOX) ************************************************/

.panel {
	border: 1px solid #FFF;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
	-moz-box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
	box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
}

.panel-heading {
	background: #444444;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 15px;
	color: #FFF;
	
}

.panel-heading h1, .panel-heading h2, .panel-heading h3 {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: inherit;
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 700;
	text-align: center;
}

/************************************************ FORM ************************************************/

legend {
	border: 0px;
	font-size: inherit;
	font-weight: 700;
}

.form-horizontal legend.section-header {
	font-size: 1.25rem;
}

.form-horizontal .control-label {
	padding-top: 11px;
	padding-right: 0px;
	font-weight: 400;
}

label {
	font-weight: normal;
}

input[type="text"].form-control, input[type="tel"].form-control, input[type="email"].form-control, input[type="month"].form-control, input[type="date"].form-control, input[type="password"].form-control {
	height: 40px;
	border: 2px solid #CCC;
	border-radius: 24px;
    padding: 6px 13px;
}

select.form-control {
	background: #fff url("/applications/shared/icons/angle-down.png") right 12px center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    padding: 6px 30px 6px 12px;
	height: 40px;
	border: 2px solid #CCC;
	border-radius: 24px;
	margin-right: 125px;
	cursor: pointer;
}

textarea.form-control {
	border: 2px solid #CCC;
	border-radius: 24px;
}

.form-control:focus {
    border-color: #66afe9 !important;
}

select.disabled, .form-control[readonly] {
    background-color: #eee !important;
    opacity: 1;
    cursor: not-allowed;
    pointer-events: none;
}

/* cross browser focus corrections */

/* remove firefox default dropdown arrow */
select::-ms-expand {
    display: none;
}

/* remove firefox default dotted outline around select elements */
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/* remove IE blue background on select element focus*/
select::-ms-value {
    background: transparent; /* remove blue background on ie10/ie11 when selected*/
    color: #555;
}

/* checkbox, radio style */

div.checkbox-style, div.checkbox-style-single, div.radio-style {
	padding-left: 20px;
}

@media (max-width: 480px) {
    div.checkbox-style-single {
	    padding-left: 40px;
    }
}

.checkbox-style label, .checkbox-style-single label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}

.radio-style label {
	display: inline;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}

div.checkbox-style label, div.checkbox-style-single label, div.radio-style label {
    display: inline-block;
	padding-left: 15px;
	margin-bottom: 10px;
    width: 100%;
}

.checkbox-style label::before, .checkbox-style-single label::before, .radio-style label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 25px;
	height: 25px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

.checkbox-style label::before, .checkbox-style-single label::before {
	border-radius: 3px;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.radio-style label::before {
	border-radius: 50%;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
	top: 0px;
}

.checkbox-style label::after, .checkbox-style-single label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 2px;
	margin-left: -20px;
	padding-left: 6px;
	font-size: 1rem;
	color: #555;
}

.table .checkbox-style label, table .radio-style label {
	position: relative;
	display: inherit;
	top: -20px;
	left: 20px;
}

.radio-style label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 17px;
	height: 17px;
	left: 4px;
	top: 2px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #992A3A;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.checkbox-style input[type="checkbox"], .checkbox-style-single input[type="checkbox"], .radio-style input[type="radio"] {
	margin-bottom: 10px;
	opacity: 0;
	z-index: 1;
}

.radio-style input[type="radio"] {
	margin-bottom: 10px;
    margin-top: 0;
	opacity: 0;
	z-index: 1;
}

td.checkbox-style input[type="checkbox"], td.radio-style input[type="radio"] {
	margin-left: 8px;
}

.checkbox-style input[type="checkbox"]:focus + label::before, .checkbox-style-single input[type="checkbox"]:focus + label::before, .radio-style input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


.checkbox-style input[type="checkbox"]:checked + label::after, .checkbox-style-single input[type="checkbox"]:checked + label::after {
	font-family: "FontAwesome";
	content: "\f00c";
}

.radio-style input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.checkbox-style input[type="checkbox"]:indeterminate + label::after, .checkbox-style-single input[type="checkbox"]:indeterminate + label::after, .radio-style input[type="radio"]:indeterminate + label::after {
	display: block;
	content: "";
	width: 10px;
	height: 3px;
	background-color: #555555;
	border-radius: 2px;
	margin-left: -16.5px;
	margin-top: 7px;
}

.checkbox-style input[type="checkbox"]:disabled + label, .checkbox-style-single input[type="checkbox"]:disabled + label, .radio-style input[type="radio"]:disabled + label {
	opacity: 0.65;
}

.checkbox-style input[type="checkbox"]:disabled + label::before, .checkbox-style-single input[type="checkbox"]:disabled + label::before {
	background-color: #EEE;
	cursor: not-allowed;
}

.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed;
}

.checkbox-style.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox-style.checkbox-inline, .radio-style.radio-inline {
	margin-top: 0px;
}

.checkbox-style input[type="checkbox"]:checked + label::before, .checkbox-style-single input[type="checkbox"]:checked + label::before {
	background-color: #992A3A;
	border-color: #992A3A;
}

.checkbox-style input[type="checkbox"]:checked + label::after, .checkbox-style-single input[type="checkbox"]:checked + label::after, .radio-style input[type="radio"]:checked + label::after {
	color: #FFF;
}

div.radio-style-single label {
   display: inline;
   padding-left: 15px;
   margin-bottom: 10px;
   width: 100%;
   cursor: pointer;
   padding-right: 20px;
}

/* other form styles */

.input-inline {
	display: table;
}

.input-inline input, .input-inline .input-addon-right, .input-inline .input-addon-left, .tooltip-inline, .hint-inline {
	display: table-cell;
}

.tooltip-inline {
	padding-left: 10px;
    font-size: 1.75rem;
}

.tooltip-inline .fa {
    position: absolute;
    top: 0;
    line-height: 3rem;
}

.hint-inline {
    padding-left: 10px;
    font-size: .85rem;
}

.tooltip-inner {
    text-align: left;
}

.input-addon-right {
	padding-left: 10px;
}

.input-addon-left {
	padding-right: 10px;
}

input[type="text"]:disabled {
	background: #FFF;
	color: #999;
	font-style: italic;
}

.question-help {
	padding-left: 10px;
}

.input-inline .question-help {
	display: table-cell;
	vertical-align: middle;
}

.input-inline label {
	display: table-cell;
	padding-left: 10px;
	padding-right: 15px !important;
	vertical-align: top;
}

input:-webkit-autofill, select:-webkit-autofill {
	background: #FFF !important;
}

.mt-radio, .mt-checkbox {
	display: block;
}

.mt-radio input, .mt-checkbox input {
	margin-right: 5px;
}

.group-inline input {
	display: inline;
	width: auto;
}

.group-inline .help-inline, .help-block {
	padding-left: 5px;
	font-size: .85rem;
	color: #808080;
}

.form-control-static {
	padding-top: 11px;
}

.resize-width {
	width: auto;
	padding-right: 10px;
}

.error-input {
	border: 2px solid #A94442 !important;
}

.error-msg {
	color: #A94442 !important;
}

#appsubmittal-student-info {
	width: 90%;
	margin: 0px auto;
}

#appsubmittal-student-info .form-group {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #E9E9E9;
}

#appsubmittal-student-info .form-group:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#appsubmittal-student-info .control-label, #appsubmittal-student-info .content-static {
	padding-top: 0px;
}

#appsubmittal-student-info .content-static {
	font-weight: 700;
}

.bootstrap-select {
	border-radius: 24px;
	height: 40px;
}

.bootstrap-select.btn-group .dropdown-menu {
	max-height: 300px;
	_max-height: 300px;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
	max-height: 300px !important;
	_max-height: 300px !important;
}

.dropdown-menu {
	margin-top: 10px;
}

.btn-group {
	box-shadow: none;
}

/************************************************ MODAL ************************************************/

.modal {
	z-index: 99999;
}

.modal-header {
	background: #992A3A;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
}

.modal-header h4, .modal-header h5, .modal-header h6 {
	font-weight: 700;
	font-size: 1.1rem !important;
	font-style: italic !important;
	color: #FFF !important;
	text-align: left !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.modal-header .close {
	color: #FFF;
	font-size: 1rem;
	opacity: 1;
}

.modal-content {
	overflow-y: auto;
}

.modal-footer {
	border: 0px;
}

#app-body .modal-body-touch {
	min-height: 500px;
	max-height: 300px;
	-webkit-overflow-scrolling: touch;
}

.modal-footer .btn-default:active {
    background:#d4d4d4;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}



/************************************************ BUTTONS ************************************************/

.btn {
	padding: 10px 20px;
	border-width: 2px;
	font-weight: bold;
	text-transform: uppercase;
	outline: 0px !important;
}


.btn-default {
	background: #992A3A;
	border-color: #992A3A;
	border-radius: 24px;
	border-size: 2px;
	color: #FFF;
}

.btn-default:hover {
	background: #444444;
	border-color: #444444;
	border-radius: 24px;
	color: #FFFFFF;
}

.bootstrap-select .btn-default {
	background: #FFF url(/applications/shared/icons/angle-down.png) right 12px center no-repeat;
	border-color: #CCC !important;
	color: inherit !important;
	font-weight: 400 !important;
	text-transform: none !important;
	border-radius: 24px;
}

.bootstrap-select .btn-default:focus {
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	border-color: #66afe9 !important;
}

.bootstrap-select .caret {
	display: none;
}

.bootstrap-select.error-input {
	border: 0px !important;
}

.error-input .btn-default {
	border: 2px solid #A94442 !important;
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default:hover {
	background: #FFF url(/applications/shared/icons/angle-down.png) right 12px center no-repeat;
	box-shadow: none;
}

.bootstrap-select .dropdown-toggle:focus{
        outline: none !important;
}

.btn-link {
	padding: 0px;
	font-weight: 400;
	text-transform: none;
}

.btn-primary {
	background: #992A3A;
	border-color: #992A3A;
	opacity: .7;
	color: #FFF;
}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus {
	background: #444444;
	border-color: #444444;
	opacity: 1;
	color: #FFFFFF;
}

.btn-cancel {
	background: #FFF;
	border-color: #CCC;
	border-radius: 24px;
	color: #000 !important;
}

.btn-cancel:hover {
	background: #CCC;
}

.btn-round {
	border-radius: 24px;
}

.btn-add-set, .btn-secondary {
	background: #444444;
	border-color: #444444;
    color: #FFFFFF;
}

.btn-add-set:hover, .btn-secondary:hover, .btn-add-set:active, .btn-secondary:active, .btn-add-set:focus, .btn-secondary:focus {
	background: #992A3A;
	border-color: #992A3A;
    color: #fff;
}

.btn .fa {
	padding-left: 7px;
}

.btn-previous .fa, .btn-submit .fa {
	padding-left: 0px;
	padding-right: 7px;
}

.btn .fa-chevron-left {
	padding-left: 0px;
	padding-right: 7px;
}

.btn-wrap {
	white-space: inherit;
}

.btn-add-new_set {
	text-align: center;
	margin-bottom: 10px;
}


/************************************************ SCREEN HELP ************************************************/

.screen-header-info {
	position: relative;
}

.screen-header-info label {
	padding-right: 10px;
}

.screen-help-popup {
	display: none;
	position: absolute;
	background: #FFF;
	border: 1px solid #F3F3F3;
	right: 0px;
	top: 30px;
	padding: 25px;
	-webkit-box-shadow: -3px 3px 10px 0px rgba(235,235,235,1);
	-moz-box-shadow: -3px 3px 10px 0px rgba(235,235,235,1);
	box-shadow: -3px 3px 10px 0px rgba(235,235,235,1);
	border-radius: 10px;
}

.screen-help-popup legend {
	padding-bottom: 0px !important;
	text-align: left !important;
}

.screen-help {
	position: absolute;
	right: 5px;
	top: 0px;
}

.section-help {
	position: absolute;
	top: -28px;
	right: 0px; 
}

.fa-question-popup {
	font-size: 1.75rem;
}

/************************************************ INQUIRY CARD ************************************************/

#inquiry-card-body {
    background: #992A3A;
}

#inquiry-card {
    height: 100%;
    background: #992A3A;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#inquiry-card #question-container {
    -webkit-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);
    -moz-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);
    box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);
    border: 2px solid #E8E8E8;
    background-color: #fff;
    margin: 2.2rem auto 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 10px;
    float:none;
}

#inquiry-card .btn {
    opacity: .8 !important;
}

    #inquiry-card .btn:hover,
    #inquiry-card .btn:focus {
        opacity: 1 !important;
    }

#inquiry-card .panel-body {
    background-color: #;
    border-top: 1px solid #;
    padding: 15px 10px 0px 10px;
}

#inquiry-card .panel-heading {
    padding: 0px;
    background-color: #444444;
}

#inquiry-card .hint {
    font-weight: 300;
    color: #7b7e8a;
}

#inquiry-card .checkbox-style label {
    padding: 0 25px;
}

#inquiry-card .checkbox-style input[type="checkbox"]:checked + label::before, #inquiry-card .checkbox-style-single input[type="checkbox"]:checked + label::before {
    background-color: #888;
}

#inquiry-card .checkbox-single {
    margin: 0 20px;
}

#inquiry-card #question-container-content {
    padding-left: 0px !important;
    padding-top: 0px;
}

#inquiry-card .form-body {
    padding-left: 0px;
}

#inquiry-card h2 {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2rem;
    font-weight: 700;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
}

#inquiry-card #question-container-content h2 {
    font-style: normal;
    text-transform: uppercase;
    text-align: left;
    text-transform: none;
    padding-bottom: 10px;
    padding-top: 20px;
    padding-left: 16px;
    border-bottom: none;
}

#inquiry-card #app-body-container {
    background: transparent;
}

#inquiry-card #app-body-content {
    width: 100%;
    margin: 0px;
}

#inquiry-card #school-logo {
    margin: 0px;
}

#inquiry-card .form-control,
#inquiry-card select,
#inquiry-card textarea {
    display: block;
    margin-bottom: 20px;
    margin-top: 0px;
    width: 100%;
    padding: .65rem 1.25rem;
    line-height: 1.25;
    color: #626262;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15) !important;
    font-family: 'Montserrat', sans-serif;
    border-radius: .25rem !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#inquiry-card .error-input {
	border: 2px solid #A94442 !important;
} 

#inquiry-card .alert-danger {
    color: #a94442 !important;
    background-color: #f2dede;
    border-color: #ebccd1;
}

#inquiry-card .error-msg {
	color: #A94442 !important;
}

#inquiry-card .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px !important;
    font-weight: 400;
}

#inquiry-card .form-control, .form-control[readonly],.disabled {
    border-color: #ebedf2;
    color: #626262;
}

#inquiry-card .form-actions {
    border-top: 1px solid #ebedf2;
    margin: 30px 0px;
}

#inquiry-card label {
    color: #;
}

#inquiry-card .school-message {
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: #53b0f8;
    border-color: #45aaf8;
    font-weight: 400;
    padding: 20px 40px;
    font-size: 1.3rem;
    margin: 10px;
}

#inquiry-card .alert {
    margin: 10px;
    font-weight: 400;
    border-radius: 4px;
    font-size: .9em;
    border-width: 0;
}

#inquiry-card .alert-info {
    margin: 20px 10px;
    background-color: #daeffd;
    border-radius: 4px;
    border-width: 1px;
    padding: 15px;
    color: #2b6a94;
    border: 1px solid transparent;
}

#inquiry-card .btn {
    text-align: center;
    text-transform: none;
    padding: 5px 10px;
    border-width: 2px;
    font-weight: 600 !important;
    margin: 10px;
    letter-spacing: 1px;
}

#inquiry-card .btn-close {
    display: inline-block;
    vertical-align: middle;
    color: #111;
    background-color: #c4c5d6;
    border-color: #c4c5d6;
    padding: 5px 10px !important;
}

#inquiry-card .btn-sm {
    margin-top: -12px !important;
    margin-left: 0px !important;
    padding: 5px !important;
    color: #111;
    background-color: #c4c5d6;
    border-color: #c4c5d6;
}


#inquiry-card .btn-round {
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.2rem;
    margin-top: 30px;
    color: #111;
    background-color: #c4c5d6;
    border-color: #c4c5d6;
}

#inquiry-card #copyright {
    padding:20px;
    color: #575962;
    font-weight: 400;
    font-size: .875rem;
    text-align: center;
}

#inquiry-card #copyright a {
    color: #343434;
}

#inquiry-card select {
    background: url(/applications/shared/icons/angle-down.png) right 12px center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px;
    cursor: pointer;
}

#inquiry-card .hint {
    font-size: .85rem;
    position: relative;
    top: -20px;
    left: 0px;
}

.success-message {
    padding: 1.5rem;
    border-radius: 4px;
    margin: 1rem;
    border: 1px solid transparent;
    display: block;
    font-weight: 400;
}

.success-message {
    color: #f6fcfb;
    background-color: #45ccb1;
    border-color: #39c9ac;
}

/************************************************ CREATE ACCOUNT ************************************************/

#create-account {
	color: #575962;
	font-weight: 400;
}

#create-account a {
	color: #014466 !important;
	font-weight: 600;
}

#create-account a.arrow-link {
	color: #014466;
	outline: 0;
	text-decoration: none;
	font-weight: 600;
	text-transform: none;
	letter-spacing: .9px;
	font-size: .8em;
}

#create-account a.arrow-link:hover {
	text-decoration: underline;
	opacity: .6;
}

#create-account a.arrow-link:before {
	content: "\f105";
	font-family: FontAwesome;
	padding-right: 4px;
	text-decoration: none;
}

#create-account .flex-container {
	padding: 0;
	margin-left: 25px;
	list-style: none;
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}

#create-account .flex-item {
	padding: 5px;
	height: auto;
    width: 340px !important;
    margin: 0px 5px 0px 0px !important;
}

#create-account .wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#create-account .panel-default {
	box-shadow: none;
	background-color: #fff;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 20px !important;
	border-bottom: none;
	margin-bottom: -20px !important;
	border: none;
}

#create-account .panel-body {
	padding: 10px;
}

#create-account .panel-heading {
	padding: 20px 0 0 0 !important;
}

#create-account h3 {
	margin: 5px 0;
	font-size: 1.4em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-weight: 400;
	color: #000;
	letter-spacing: normal;
    text-align:left;
    font-style:normal;
}

#create-account input[type="file"]:focus,
#create-account input[type="radio"]:focus,
#create-account input[type="checkbox"]:focus {
	outline: none;
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

 #create-account .form-control {
     box-shadow:none;
     font-weight:400 !important;
 }
 
 #create-account .form-horizontal .form-group {
    margin-right: 25px;
    margin-left: 0px;
}

#create-account .input-group .form-control {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    margin-bottom: 0;
    border-top-right-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
}

#create-account input#Email.form-control.m-input .validate {
	border-left: none;
	width: 100%;
}

#create-account input#Email.form-control.m-input {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    width: 100%;
}

#create-account .btn-sm {
    padding: 0.25rem 0.65rem !important;
    font-size: .9em;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
    text-transform: none;
}

#create-account button#btnEmailValidate {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    border: none;
    padding: 13px !important;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 1em;
    font-weight: 500;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 1.2;
    margin-top: 0 !important;
    margin-left: 14px !important;
}

#create-account .input-group-btn {
    position: relative;
    font-size: 7px;
    white-space: nowrap;
}

#create-account hr {
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

#create-account p {
	font-size: .9em;
	display: block;
	color: #626262;
	font-weight: normal;
	letter-spacing: 0.01em;
	line-height: 17px;
	margin: 0px 0px 15px 0px;
	font-style: normal;
	white-space: normal;
	padding: 10px 15px !important;
}

#basic-addon1 .input-group-addon {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#create-account .ui-select-toggle {
	border: 1px solid #ccc !important;
	margin-bottom: 10px;
}

#create-account .ui-select-search {
	margin-bottom: 10px;
}

#create-account .ui-select-toggle .caret {
	display: none;
}

#create-account .input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	width: 100%;
}

#create-account input#Email.form-control.m-input,
#create-account input#EmailConfirmation.form-control.m-input {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: none;
	width: 100%;
}

#create-account p.message {
	color: #7b7e8a;
	font-size: .8rem;
	font-weight: 200;
	line-height: 14px;
	margin: 8px 0px;
}

#create-account .btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: .55rem .40rem;
	font-size: .8rem;
	line-height: 1.14;
	border-radius: 4px;
	transition: all .15s ease-in-out;
}

#create-account .btn-submit {
	font-size: 1.6em !important;
	border-radius: 4px !important;
	font-weight: 600 !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-top: 30px;
	text-transform: uppercase;
	letter-spacing: .3em;
	border: 1px solid #ddd;
}

#create-account .la {
	font-size: 1.4em;
	padding: 4px 0 0 4px;
	color: #a4a2bb;
	vertical-align: middle;
	display: inline-block;
}

#create-account label {
	padding-top: 7px;
	padding-bottom: 4px;
	margin-bottom: 0;
	text-align: right;
	font-size: .9em;
	letter-spacing: 0.06em;
	font-weight: 600;
}

#create-account #basic-addon1 .input-group-addon {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#create-account .input-group .input-group-addon {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .55rem;
    padding-right: .55rem;
    align-items: center;
    width: 35px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    justify-content: center;
    border: 2px solid #ccc;
}

#create-account .input-group-addon:not(:last-child) {
	border-right: 0;
	color: #a4a2bb;
	border-right: 1px solid #ccc;
	width: 38px;
	padding: 0px;
}

#create-account select {
	background: url(/applications/shared/icons/angle-down.png) right 12px center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 1em;
}

#create-account div.checkbox-style label {
	padding-left: 15px;
	font-weight: 400;
	text-transform: none;
	font-size: .9em;
	position: relative;
	padding-top: 0px;
	text-align: left;
	margin-left: 30px;
    margin-top: -15px;
	line-height: 20px;
    min-width: 550px;
}

#create-account .checkbox-style label::before,
.radio-style label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 25px;
	height: 25px;
	left: 0;
	margin-top: -2px;
	margin-left: -20px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

#create-account .checkbox-style label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 6px;
	font-size: 1rem;
	color: #555;
}

#create-account .checkbox-style input[type="checkbox"],
.radio-style input[type="radio"] {
	margin-bottom: 12px;
	opacity: 0;
	z-index: 1;
}

#create-account .checkbox-style input[type="checkbox"]:focus+label::before,
.radio-style input[type="radio"]:focus+label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

#create-account .checkbox-style input[type="checkbox"]:checked+label::after {
	font-family: "FontAwesome";
	content: "\f00c";
}

#create-account .input-group .input-tooltip input#AccountName,
#create-account .input-group .input-tooltip .input-tooltip input#Email,
#create-account .input-group .input-tooltip input#Password, 
#create-account .input-group .input-tooltip input#Cellphone,
#create-account .input-group .input-tooltip input#PasswordConfirmation,
#create-account .input-group .input-tooltip input#EmailConfirmation, 
#create-account .input-group .input-tooltip input#Email {
    min-width: 260px !important;
    border-top-right-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
    height: 42px;
}

#create-account .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

#create-account .switch input {
	display: none;
}

#create-account .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

#create-account .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

#create-account input:checked+.slider {
	background-color: #337ab7;
}

#create-account input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

#create-account input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

#create-account .slider.round {
	border-radius: 34px;
}

#create-account .slider.round:before {
	border-radius: 50%;
}

#create-account .group2 {
	background-color: #fff;
	border-right: 0px !important;
}

#create-account .opt-in {
	background-color: #f2f3f8;
	padding: 10px;
	height: auto;
}

#create-account .input-tooltip .form-control {
	width: 100% !important;
}

#create-account .verify-buttons {
	text-align: center;
	padding: 5px;
}

#create-account p.validate-message {
	margin-bottom: 5px;
	margin-top: -20px;
}

#create-account .has-error .input-group-addon {
	border-color: #f4516c;
}

#create-account .input-group-btn:last-child>.btn {
	z-index: 2;
	margin-left: -1px;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

#create-account .error-message,
#create-account .warning-message,
#create-account .success-message {
	position: relative;
	padding: 2px;
	border-radius: 7px;
	margin-bottom: 1rem;
	font-weight: 400;
}

#create-account .success-message {
	background: #5CB85C !important;
	color: #5CB85C;
}

#create-account .btn-submit:hover {
	background-color: #1ABC9C;
}

#create-account .btn-submit {
	background-color: #444;
	border-radius: 4px;
}

#create-account .question-section-divider {
	display: block;
	min-height: 10px;
	border-bottom: 1px dashed #ccc;
	margin: 20px 0px;
}

#create-account .submit {
	background-color: #F5F5F5 !important;
	border: 1px solid #ddd !important;
    margin: 40px 20px 40px 20px !important;
    padding: 20px 10px 0px 10px !important;
}

#create-account p.error-message {
	color: #f4516c !important;
	margin-bottom: 5px;
}

#create-account .alert-success {
	color: #3c763d;
	display: inline-block;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	text-align: center;
}

#create-account .alert {
	margin: -40px 20px 0px 90px;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 0px;
}

#create-account .semi-bold {
	font-weight: 400!important;
}

#create-account .error-message .fa,
#create-account .warning-message .fa,
#create-account .success-message .fa {
	font-size: 1rem !important;
}

#create-account .has-error .help-block,
#create-account .has-error .form-control,
#create-account .has-error .control-label,
#create-account .has-error .radio,
#create-account .has-error .checkbox,
#create-account .has-error .radio-inline,
#create-account .has-error .checkbox-inline {
	color: #f4516c;
	border-color: #f4516c;
}

#create-account .help {
	color: #7b7e8a;
	font-weight: 400;
	text-transform: none;
}

#create-account .submit p.error-message {
	font-size: 1.1em !important;
	line-height: 1.3em;
	margin-top: 5px;
	padding: 5px 10px;
}

@media (max-width: 768px) {
	#create-account {
		padding: 10px 10px;
	}
}

@media (max-width: 480px) {
	#create-account {
		padding: 10px 0px;
	}
	#create-account .form-group {
		margin-right: 5px;
		margin-left: 5px;
	}
	#create-account h3 {
		font-size: 1em;
	}
    #create-account div.checkbox-style label {
        min-width: 75%;
        width: 75%;
        margin-left: 0px;
    }
    #create-account .input-group .input-tooltip input#AccountName,
    #create-account .input-group .input-tooltip .input-tooltip input#Email,
    #create-account .input-group .input-tooltip input#Password, 
    #create-account .input-group .input-tooltip input#Cellphone,
    #create-account .input-group .input-tooltip input#PasswordConfirmation,
    #create-account .input-group .input-tooltip input#EmailConfirmation, 
    #create-account .input-group .input-tooltip input#Email {
        min-width: 75% !important;
    }
    #create-account .input-group .input-tooltip input#Email {
        min-width: 220px !important;
    }
    #create-account .flex-container {
        margin-left: 0;
    }
}

/*************************************************** SOCIAL SIGN ON ***************************************************/

#sign-in-container .logonButton {
	margin: 10px 5px 0px 3px !important;
}

#sign-in-container .panel-body {
	padding: 15px 15px 0px 15px;
}

ul.signInOptions {
    list-style: none;
}

.signInOptions li {
  margin-bottom: 0.625rem;
}

.signInOptions li.forgot {
  text-align: center;
}

.signInOptions li.forgot a {
  color: #000;
}

.signInOptions li.forgot a:after {
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  margin-left: 0.375rem;
}

.signInOptions li:last-child {
  margin-bottom: 0;
}

.signInOptions li.or-divider {
  text-align: center;
  padding: 0.625rem 0;
}

.signInOptions li.or-divider:before {
  content: "OR";
  letter-spacing: 1px;
  font-weight: 600;
  display: inline-block;
  color: #6b6b6b;
}

.signInOptions li:not(.forgot) a {
  display: block;
  background: #395692;
  text-align: center;
  color: #fff;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  border-radius: 300px;
  letter-spacing: 1px;
  font-weight: 600;
  cursor: pointer;
    margin-right:auto;
	margin-left:auto;
	width: 70%;
}

.signInOptions li:not(.forgot) a:hover {
  text-decoration: none;
  background: #334d83;
}

.signInOptions li:not(.forgot) a:active,.signInOptions li:not(.forgot) a:focus {
  text-decoration: none;
}

.signInOptions li:not(.forgot) i {
  margin-right: 0.625rem;
}

.signInOptions li.alt a {
  background: #477fdc;
}

.signInOptions li.alt a:hover {
  background: #598ce0;
}

#social-signon .fa-google {
	font-size: 1.6em;
	line-height: 1rem;
	vertical-align: -15%;
	margin-left: 0px;
	margin-right: 12px;
}

#social-signon .fa-facebook {
	font-size: 1.6em;
	line-height: 1rem;
	vertical-align: -15%;
	margin-left: 0px;
	margin-right: 5px;
}

#sign-in-container a.arrow-links {
	font-size: .9em;
	letter-spacing: .05em;
}

#social-signon input {
	border: transparent;
}

#social-signon .form-control {
	display: block;
	width: 100%;
	padding: .65rem 3.25rem;
	margin: 5px 0px;
	font-size: 1.3rem;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #ebedf2;
	border-radius: .25rem;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#social-signon input[type="text"].form-control,
#social-signon input[type="password"].form-control {
	height: 40px;
	border: 2px solid #CCC;
	border-radius: 24px;
	padding: 6px 33px 6px;
}

#social-signon .m-input-icon>.m-input-icon__icon {
	position: absolute;
	height: 100%;
	display: inline-block;
	text-align: center;
	top: 0;
	width: 2.9rem;
}

#social-signon .m-input-icon>.m-input-icon__icon>span>i {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 0;
}

#social-signon .m-input-icon {
	position: relative;
	padding: 0;
	width: 100%;
}

#social-signon .m-input-icon.m-input-icon--left .form-control {
	padding-left: 2.9rem;
}

#social-signon .logonButton {
	display: inline-block;
	color: #000;
	margin: 0 auto;
	width: auto;
	height: auto;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	padding: 0.4375rem 0.875rem;
	border-radius: 62.4375rem;
	border: 2px solid #267fb4;
	text-decoration: none;
}

#social-signon .group {
    display: table;
    width: 100%;
}

#social-signon .item {
    display: table-cell;
}

#social-signon .text {
    white-space: nowrap;
    width: 1%;
    font-size: 1.1rem;
    font-style: italic;
    color: #333;
    padding:0 .4em;
}

#social-signon .line {
    display: block;
    border: none;
    color: white;
    height: 1px;
    padding-bottom: 5px;
    background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #575962 50%, #575962 50.5%, #fff 50.5%, #fff 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #575962 50%, #575962 50.5%, #fff 50.5%, #fff 100%);
    background: linear-gradient(top, #fff 0%, #fff 50%, #575962 50%, #575962 50.5%, #fff 50.5%, #fff 100%);
}

#sign-in-container .fa-2x {
    font-size: 1.4em;
    color: #bdbdbd;
    margin-top: -30px;
    margin-left: 13px;
    margin-right: 20px;
}

#sign-in-container .la {
    font-size: 1.7em;
    color: #bdbdbd;
    margin-top: -30px;
    margin-left: 10px;
    margin-right: 20px;
}


/************************************************ NOTES, CUSTOM ALERTS ************************************************/

.note {
	margin: 0px 0px 20px 0px;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #EEE;
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	-ms-border-radius: 0px 4px 4px 0px;
	-o-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
}

.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
	margin-top: 0px;
}

.note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close {
	margin-right: -10px;
}
.note p {
	margin: 0px;
}

.note p:last-child {
	margin-bottom: 0px;
}

.note code, .note .highlight {
	background-color: #FFF;
}

.note.note-default {
	background-color: #EBEBEB;
	border-color: #B0C1D2;
	color: #000;
}

.note.note-default.note-bordered {
	background-color: #EEF1F5;
	border-color: #C0CEDB;
}

.note.note-default.note-shadow {
	background-color: #F1F4F7;
	border-color: #D1DBE4;
	box-shadow: 5px 5px rgba(212, 221, 230, 0.2);
}

.note.note-success {
    background-color: #E1F2F3;
    border-color: #1E7E81;
    color: #000;
}

.note.note-success.note-bordered {
	background-color: #A7E6EC;
	border-color: #6DD6DF;
}

.note.note-success.note-shadow {
	background-color: #ABE7ED;
	border-color: #81DBE3;
	box-shadow: 5px 5px rgba(134, 221, 228, 0.2);
}

.note.note-info {
    background-color: #F0F6FA;
    border-color: #05659B;
    color: #000;
}

.note.note-info.note-bordered {
	background-color: #DBE8f8;
	border-color: #A0C2EC;
}

.note.note-info.note-shadow {
	background-color: #E0EBF9;
	border-color: #B5CFF0;
	box-shadow: 5px 5px rgba(185, 210, 241, 0.2);
}

.note.note-warning {
	background-color: #FAEAA9;
	border-color: #F3CC31;
	color: #000;
}

.note.note-warning.note-bordered {
	background-color: #F8E38C;
	border-color: #F4D249;
}

.note.note-warning.note-shadow {
	background-color: #F9E491;
	border-color: #F6D861;
	box-shadow: 5px 5px rgba(246, 217, 102, 0.2);
}

.note.note-danger {
    background-color: #F4E6E6;
    border-color: #B71D24;
    color: #000;
}

.note.note-danger.note-bordered {
	background-color: #FBDCDE;
	border-color: #F39DA3; }

.note.note-danger.note-shadow {
	background-color: #FBE1e3;
	border-color: #F6B3B8;
	box-shadow: 5px 5px rgba(246, 184, 189, 0.2);
}

.alert.alert-info {
    background-color: #F0F6FA;
    color: #000;
}

.alert.alert-success {
    background-color: #E1F2F3;
    color: #000;	
}

.alert.alert-danger {
    background-color: #F4E6E6;
    color: #000;	
}

.alert.alert-danger ul li {
    padding-bottom: .25rem;
}

.note p {
	padding-bottom: 15px;
}

.note p:last-child {
	padding-bottom: 0px;
}

/************************************************ TABLE ************************************************/

.table-responsive table tr th {
	text-align: center;
	vertical-align: bottom;
}

.table-responsive table tr td {
	text-align: center;
}

/************************************************ MISC ************************************************/

#beta-warning {
	background: #c00000;
	padding: 10px;
	margin: 0px;
	text-align: center;
}

#beta-warning .beta-warning-title {
	text-transform: uppercase;
}

#beta-warning p {
	padding: 0px;
	margin: 0px auto;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}

#beta-warning p a {
	color: #FFF;
}

#skip-navigation {
	position: absolute;
	left: -4000px;
	font-size: .75rem;
}

#skip-navigation:focus {
	position: relative;
	left: 0px;
	display: block;
	width: 100%;
	text-align: center;
}

img {
	max-width: 100%;
}

a.arrow:before {
	content:"\003e \00a0";
}

.red {
	color: #FF0000;
}

.required {
	position: relative;
	color: #c00;
	padding-left: .25rem;
	font-weight: 800;
}

.hint {
	font-size: .85rem;
}

.large-text {
	font-size: 115%;
}

.small-text {
	font-size: .85rem;
}

.text-right-sm, .text-right-md, .text-right-lg {
	text-align: right;
}

.dl-horizontal {
	margin-bottom: 5px;
}

.disabled-link {
	pointer-events: none;
}

.clear {
	clear: both;
}

.noDisplay {
	display: none;
}

.doNotDisplay {
	position: absolute;
	left: -4000px;
	top: 0px;
}


/************************************************ FONT STYLES ************************************************/

blockquote {
	font-size: inherit;
	border: none;
}

.bold {
	font-weight: 700 !important;
}

.hint-block {
	padding-bottom: 15px;
	color: #737373;
    font-size: .85rem;
}

.subsection-instructions {
	font-weight: 700;
	padding-bottom: 20px;
}

.alert p, .alert ul, .alert ol {
	margin-bottom: 10px !important;
}

/************************************************ INTRODUCTION ************************************************/

#acrobat {
	background: #F4F5F4 url("/shared_images/getacrobat_v2002.gif") 15px center no-repeat;
	-webkit-box-shadow: inset -10px 0px 15px 0px rgba(153,153,153,0.15);
	-moz-box-shadow: inset -10px 0px 15px 0px rgba(153,153,153,0.15);
	box-shadow: inset -10px 0px 15px 0px rgba(153,153,153,0.15);
	font-size: .85rem;
	padding: 15px 15px 15px 125px;
	margin: 25px 0px;
}

/*
#campus_notice {
	padding: 20px 25px 0px 20px;
}
*/

#campus_notice {
	padding-top: 20px;
	padding-right: 20px;
}

.campus_notice_date {
	padding-top: 20px;
	color: #666;
	text-align: right;
	font-size: 0.9rem;
	font-style: italic;
}

#introduction p, #introduction ol, #introduction ul {
	padding-right: 10px;
}

#introduction ul, #introduction ol {
	padding-bottom: 10px;
}

#introduction ul li, #introduction ol li {
	padding-left: 5px;
}

#side-panel h4 {
	padding: 10px 20px;
	font-weight: 600;
	text-transform: uppercase;
}

#side-panel h4 a {
	color: #333;
	text-decoration: none;
}

#side-panel h4 a:hover {
	color: #333;
	text-decoration: none;
}

#instructions-section .content-divider {
	margin-top: 0px;
}

#instructions-content {
	margin-bottom: 30px;
}

#contact-info {
	border-bottom: 2px solid #E9E9E9;
}

#instructions-content {
	padding-top: 20px;
	background: #F4F5F4;
	font-size: 0.85rem;
}

#instructions-arrow {
	padding-left: 5px;
}

#copyright {
	padding-top: 20px;
	font-size: 0.75rem;
}

#side-panel #copyright {
	padding-top: 0px;
}

/**** INTRODUCTION - FORMS ****/

#myForm {
	margin: 0px;
	padding: 0px;
}

#myForm a {
	position: absolute;
	display: block;
	background: #992A3A;
	width: 100%;
	bottom: 0px;
	border-bottom: 2px solid #E9E9E9;
	opacity: .7;
	padding: 10px 20px;
	color: #FFF;
	font-size: 1.3rem;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#myForm a:hover {
	background: #444444;
	opacity: 1;
	color: #FFFFFF;
}

.continueBtn {
	font-size: 1rem;
	padding-left: 5px;
}

.continueBtn .fa {
	padding-left: 5px;
}

#startbuttonTop a, #startbuttonBtm a {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 1.4rem;
	line-height: 1.3rem;
}

#startbuttonTop a {
	position: relative;
	top: 0px;
}

#startbuttonTop .continueBtn {
	display: block;
	padding-left: 0px;
}

/************************************************ SIGN IN ************************************************/

#sign-in-container #school-logo {
	padding-bottom: 1.5rem;
}

#sign-in-container #copyright {
	padding-bottom: 10px;
}

#sign-in-container .panel-heading {
	background: #992A3A;
}

#sign-in-container .panel-heading h2 {
	color: #FFF;
	margin: 0px;
	padding: 0px;
	font-family: inherit;
	font-size: 1.5rem;
	font-style: italic;
	font-weight: 700;
	text-align: center;
}

#sign-in-container .panel-footer {
	background: #CCC;
	border-top: 0px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-top: 15px;
	text-align: center;
}

#sign-in-container .panel-footer a {
	font-size: 1.15rem;
	font-weight: 700;
	text-transform: uppercase;
}

#newUserform {
	margin-bottom: 10px;
}

#logonCheckButton {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	word-break: break-all;
}

/*Tabbed Sign In Layout*/
#sign-in-container .nav-tabs li {
    width: 50%;
    background: #CCC;
    text-align: center;
    border-radius: 0 8px 0 0;
}

#sign-in-container .nav-tabs>li.active {
    background: #992A3A;
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 8px 0 0 0;
}

#sign-in-container .nav-tabs li a>h2 {
    color: #992A3A;
    opacity:.85;
}

#sign-in-container .nav-tabs li a>h2:hover {
    opacity:1;
}

#sign-in-container .nav-tabs li a:hover {
    border-color: transparent;
    background: #eee;
}

/************************************************ SCHOOL POPUP ************************************************/

#autocompleteTable_wrapper td,
#autocompleteTableCollege_wrapper td {
	font-size: 1rem;
}

#autocompleteTable_wrapper td:hover,
#autocompleteTableCollege_wrapper td:hover {
	background:#fdf8a0 !important;
}

#autocompleteTable_wrapper td:hover,
#autocompleteTableCollege_wrapper td:hover {
	cursor: pointer;
}

#autocompleteTable_wrapper table.dataTable thead .sorting_asc,
#autocompleteTable_wrapper table.dataTable thead .sorting_desc,
#autocompleteTableCollege_wrapper table.dataTable thead .sorting_asc,
#autocompleteTableCollege_wrapper table.dataTable thead .sorting_desc {
	background: none;
}

#autocompleteTable_wrapper table.dataTable thead .sorting_asc:hover,
#autocompleteTable_wrapper table.dataTable thead .sorting_desc:hover,
#autocompleteTableCollege_wrapper table.dataTable thead .sorting_asc:hover,
#autocompleteTableCollege_wrapper table.dataTable thead .sorting_desc:hover {
	cursor: default;
}

.dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1:hover, 
.dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1:hover,
.dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1:hover, 
.dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1:hover {
	cursor: pointer;
}

/************************************************ APPLICATION SUBMITTALS ************************************************/

#appsubmittal1 .panel-heading {
	background: #992A3A;
}

#appsubmittal1 h1, #appsubmittal1 h2, #appsubmittal2 h1, #appsubmittal2 h2, #credit-debit h1, #credit-debit h2 {
	color: #FFF;
	font-size: 1.5rem;
	text-align: center;
}

#appsubmittal1 .mt-radio-list, #appsubmittal1 .mt-checkbox-list {
	display: inline-block;
	text-align: left;
}

#appsubmittal1 .panel-body,
#appsubmittal2 .panel-body {
    text-align: left;
}

.appsubmittal-payment-options {
	display: block;
	margin: 30px 0px;
	padding: 20px 0px 10px 0px;;
	border-top: 2px solid #E9E9E9; 
	border-bottom: 2px solid #E9E9E9; 
}

.appsubmittal-payment-options p {
	text-align: center;
}

.appsubmittal-warning {
	color: #FF0000;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
}

.signature {
    border-top: 1px solid #999;
    margin-top: 50px;
    padding-top: 5px;
}

.signature2 {
    border-bottom: 1px solid #000;
    margin-top: 15px;
    padding-top: 5px;
}

/************************************************ PADDING/MARGINS ************************************************/

.noPaddingMargin { padding: 0px !important; margin: 0px !important; }

.padding0 { padding: 0px !important; }
.padding5 { padding: 5px !important; }
.padding10 { padding: 10px !important; }
.padding15 { padding: 15px !important; }
.padding20 { padding: 20px !important; }
.padding25 { padding: 25px !important; }

.paddingW0 { padding-left: 0px !important; padding-right: 0px !important; }
.paddingW5 { padding-left: 5px !important; padding-right: 5px !important; }
.paddingW10 { padding-left: 10px !important; padding-right: 10px !important; }
.paddingW15 { padding-left: 15px !important; padding-right: 15px !important; }
.paddingW20 { padding-left: 20px !important; padding-right: 20px !important; }
.paddingW25 { padding-left: 25px !important; padding-right: 25px !important; }

.paddingH0 { padding-top: 0px !important;  padding-bottom: 0px !important; }
.paddingH5 { padding-top: 5px !important;  padding-bottom: 5px !important; }
.paddingH10 { padding-top: 10px !important;  padding-bottom: 10px !important; }
.paddingH15 { padding-top: 15px !important;  padding-bottom: 15px !important; }
.paddingH20 { padding-top: 20px !important;  padding-bottom: 20px !important; }
.paddingH25 { padding-top: 25px !important;  padding-bottom: 25px !important; }

.paddingT0 { padding-top: 0px !important; }
.paddingT5 { padding-top: 5px !important; }
.paddingT10 { padding-top: 10px !important; }
.paddingT15 { padding-top: 15px !important; }
.paddingT20 { padding-top: 20px !important; }
.paddingT25 { padding-top: 25px !important; }

.paddingR0 { padding-right: 0px !important; }
.paddingR5 { padding-right: 5px !important; }
.paddingR10 { padding-right: 10px !important; }
.paddingR15 { padding-right: 15px !important; }
.paddingR20 { padding-right: 20px !important; }
.paddingR25 { padding-right: 25px !important; }

.paddingB0 { padding-bottom: 0px !important; }
.paddingB5 { padding-bottom: 5px !important; }
.paddingB10 { padding-bottom: 10px !important; }
.paddingB15 { padding-bottom: 15px !important; }
.paddingB20 { padding-bottom: 20px !important; }
.paddingB25 { padding-bottom: 25px !important; }

.paddingL0 { padding-left: 0px !important; }
.paddingL5 { padding-left: 5px !important; }
.paddingL10 { padding-left: 10px !important; }
.paddingL15 { padding-left: 15px !important; }
.paddingL20 { padding-left: 20px !important; }
.paddingL25 { padding-left: 25px !important; }
.paddingL30 { padding-left: 30px !important; }

.margin0 { margin: 0px !important; }
.margin5 { margin: 5px !important; }
.margin10 { margin: 10px !important; }
.margin15 { margin: 15px !important; }
.margin20 { margin: 20px !important; }
.margin25 { margin: 25px !important; }
.margin30 { margin: 30px !important; }

.marginW0 { margin-left: 0px !important; margin-right: 0px !important; }
.marginW5 { margin-left: 5px !important; margin-right: 5px !important; }
.marginW10 { margin-left: 10px !important; margin-right: 10px !important; }
.marginW15 { margin-left: 15px !important; margin-right: 15px !important; }
.marginW20 { margin-left: 20px !important; margin-right: 20px !important; }
.marginW25 { margin-left: 25px !important; margin-right: 25px !important; }
.marginW30 { margin-left: 30px !important; margin-right: 30px !important; }

.marginH0 { margin-top: 0px !important;  margin-bottom: 0px !important; }
.marginH5 { margin-top: 5px !important;  margin-bottom: 5px !important; }
.marginH10 { margin-top: 10px !important;  margin-bottom: 10px !important; }
.marginH15 { margin-top: 15px !important;  margin-bottom: 15px !important; }
.marginH20 { margin-top: 20px !important;  margin-bottom: 20px !important; }
.marginH25 { margin-top: 25px !important;  margin-bottom: 25px !important; }
.marginH30 { margin-top: 30px !important;  margin-bottom: 30px !important; }

.marginT0 { margin-top: 0px !important; }
.marginT5 { margin-top: 5px !important; }
.marginT10 { margin-top: 10px !important; }
.marginT15 { margin-top: 15px !important; }
.marginT20 { margin-top: 20px !important; }
.marginT25 { margin-top: 25px !important; }
.marginT30 { margin-top: 30px !important; }

.marginR0 { margin-right: 0px !important; }
.marginR5 { margin-right: 5px !important; }
.marginR10 { margin-right: 10px !important; }
.marginR15 { margin-right: 15px !important; }
.marginR20 { margin-right: 20px !important; }
.marginR25 { margin-right: 25px !important; }
.marginR30 { margin-right: 30px !important; }

.marginB0 { margin-bottom: 0px !important; }
.marginB5 { margin-bottom: 5px !important; }
.marginB10 { margin-bottom: 10px !important; }
.marginB15 { margin-bottom: 15px !important; }
.marginB20 { margin-bottom: 20px !important; }
.marginB25 { margin-bottom: 25px !important; }
.marginB30 { margin-bottom: 30px !important; }

.marginL0 { margin-left: 0px !important; }
.marginL5 { margin-left: 5px !important; }
.marginL10 { margin-left: 10px !important; }
.marginL15 { margin-left: 15px !important; }
.marginL20 { margin-left: 20px !important; }
.marginL25 { margin-left: 25px !important; }
.marginL30 { margin-left: 30px !important; }

/************************************************ MEDIA QUERIES ************************************************/

@media (min-width: 1280px) {

	html {
		font-size: 14px;
	}

    #introduction p, #introduction ol, #introduction ul {
	    padding-right: 25px;
    }
}

@media (max-width: 992px) {
	#top-nav ul li {
		font-size: 1rem;
	}
}

@media (min-width: 1024px) {

.loginSignUpSeparator .textInSeparator {
    left: 14.5em;
    }

	#showMenuOpen, #showMenuClose {
		display: none;
	}

	#top-nav {
		position: absolute;
		top: 0px;
		width: 100%;
	}
	
	#top-nav.betaApp {
		top: 60px !important;
	}

	#app-body-content {
		display: table;
		margin-bottom: -15px;
	}

	.col-equal-height {
		float: none;
		display: table-cell;
		vertical-align: top;
	}

	/*
	.row-equal-height {
	 	overflow: hidden; 
	}

	.row-equal-height .col-equal-height {
	    margin-bottom: -99999px;
	    padding-bottom: 99999px;
	}
	*/



	#skipscreen .row {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#question-container-content {
		padding-left: 20px;
		padding-top: 10px;
	}

	.control-label-legend, .control-label-legend-left {
		padding-left: 15px !important;
		color: #333 !important;
		font-style: normal !important;
		font-weight: 400 !important;
	}

	.control-label-legend {
		text-align: right !important;
	}

	.control-label-legend-left {
		text-align: left !important;
	}


	#introduction {
		padding: 0px 0px 40px 0px;
		-webkit-box-shadow: inset -10px 0px 15px 0px rgba(153,153,153,0.15);
		-moz-box-shadow: inset -10px 0px 15px 0px rgba(153,153,153,0.15);
		box-shadow: inset -10px 0px 15px 0px rgba(153,153,153,0.15);
	}

	#main-navigation {
		padding-bottom: 75px;
	}

	#side-panel {
		padding: 0px;
	}

	#sign-in-container .form-body {
		padding-top: 20px;
	}

	#app-footer {
		position: relative;
		background: #992A3A;
		display: block;
		bottom: 0px;
		width: 100%;
		color: #FFF;
		font-size: .75rem;
	}

	#app-footer a {
		color: #FFF;
	}

	#copyright {
		padding-top: 50px;
		padding-bottom: 10px;
	}

	.text-right-nonmobile { text-align: right !important; }
	.text-left-nonmobile { text-align: left !important; }
	.text-center-nonmobile { text-align: center !important; }

}

@media (max-width: 1023px) {

	#school-logo {
		padding-top: 20px !important;
	}

	.nav-hamburger {
		position: absolute;
		top: 15px;
		right: 15px;
	}

	#main-navigation {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		background: #444444;
		z-index: 91;
        padding-bottom: 50px;
	}

	#main-navigation h3 {
		font-style: normal;
		text-align: left;
		text-transform: uppercase;
	}

	#main-navigation #showMenuClose {
		color: #;
	}

	#secondary-navigation {
		font-size: 1.15rem;
	}

	#secondary-navigation .fa {
		padding: 7px 0px 0px 0px;
		width: 30px;
	}

	#screen-navigation .screen-current .screen-current-img {
		background: none;
	}

	.secondary-nav-submit {
		border-bottom: 0px;
	}

	.secondary-nav-help {
		border-bottom: 1px solid #FFFFFF;
	}
	
	#top-nav {
		display: none;
	}

	#instructions-content {
		padding: 20px;
	}

	#question-container {
		z-index: 90;
	}

	#myForm a {
		position: relative;
	}

	#acrobat {
		box-shadow: none;
	}

	#side-panel h4, #campus_notice {
		padding-left: 0px;
		padding-right: 0px;
	}

	.content-body {
		padding-left: 0px;
		padding-right: 0px;
	}

	.panel {
		box-shadow: none;
		margin-left: -15px;
		margin-right: -15px;
	}

	.panel-body {
		padding-left: 20px;
		padding-right: 20px;
	}

	.panel-heading, .panel-footer {
		border-radius: 0px !important; 
	}

	.modal-backdrop {
		z-index: inherit;
	}

	#startbuttonBtm .continueBtn {
		display: block;
		padding-left: 0px;
	}

	#sign-in-box {
		padding-left: 0px;
		padding-right: 0px;
	}

	/*
	#new-user .panel, #appsubmittal1 .panel {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}
	*/

	#appsubmittal1 h1, #appsubmittal1 h2, #appsubmittal2 h1, #appsubmittal2 h2, #credit-debit h1, #credit-debit h2 {
		font-size: 1.3rem;
	}

	.control-label {
		padding-right: 15px !important;
		font-weight: 700 !important;
	}

	#appsubmittal-student-info .control-label {
		font-weight: 400 !important;
	}

	.payment-options {
		padding-left: 35% !important;
	}

	#question-container-content h5, #question-container-content legend {
		color: #992A3A;
		font-style: normal;
	}

	.control-label-legend {
		padding-left: 15px !important;
		text-align: right !important;
	}

	.control-label-legend-left {
		text-align: left !important;
	}

	/* OFF CANVAS MENU */
	
	#screen-navigation .screen-number {
		/*color: #992A3A;*/
		text-align: center;
	}

	#screen-navigation li, #screen-navigation li a, #screen-navigation li a:hover {
		font-size: 1.15rem;
		font-weight: 600;
	}

	.submit-link {
		font-size: 1.5rem !important;
	}

	#skipscreen {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	#bottom-navigation .btn {
		margin-top: 10px;
	}

	.text-center-sm {
		text-align: center;
	}

}

@media (max-width: 768px) {

    h3, 
    h4 {
        padding-left:20px;
    }

    .loginSignUpSeparator .textInSeparator {
        left: 20em;
    }

	.control-label-legend, .control-label-legend-left {
		padding-left: 15px !important;
		color: #333 !important;
		font-style: normal !important;
		text-align: left !important;
	}

    .content-wrap {
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
}
	
@media (max-width: 480px) {

	html {
		font-size: 1.1rem;
	}

    div.radio-style {
	    padding-left: 40px;
    }

    .form-horizontal .form-group {
        margin-right: -5px;
        margin-left: -5px;
    }

	#school-logo img {
		width: 75%;
	}

.loginSignUpSeparator .textInSeparator {
    left: 9em;
}

	#question-container-content h3 {
		padding-right: 20px;
	}

	#acrobat {
		background-image: none;
		padding: 15px;
		box-shadow: none;
	}

	a.scrollToTop {
		right: 7px;
        bottom: 6px;
        font-size: .82rem;
	}
    .scrollToTop .fa {
        display: block;
        font-size: .92rem;
    }

	#question-container-content h5, #question-container-content legend {
		text-align: left;
	}

	#question-container-content fieldset {
		padding-bottom: 10px;
	}

	#question-container-content legend {
		padding-bottom: 10px;
	}

	.control-label-legend {
		padding-right: 0px;	
	}

	.btn {
		font-size: .8rem;
	}

	.dropdown-toggle {
		font-size: inherit !important;
	}

	.btn-default, .btn-cancel, .btn-primary {
		margin-bottom: 10px;
	}

	.payment-options {
		padding-left: 20% !important;
	}

	.text-center-xs {
		text-align: center;
	}

	.checkbox-single {
		margin-left: 17px;
	}

	.modal-footer .btn {
		float: left;
	}
    .form-control {
	    font-size:13px;
    }

    div#SearchSet {
        font-size: .85rem;
    }
    #autocompleteTable_wrapper td,
    #autocompleteTableCollege_wrapper td {
	    font-size: .85rem;
    }
}

@media (max-width: 414px) {
    .loginSignUpSeparator .textInSeparator {
        left: 9em;
    }

	.btn {
		font-size: .7rem;
	}
}

@media screen {
	.bold-answer {
		font-weight: bold;
	}
}

@media print {

	#main-navigation, #top-nav, .scrollToTop, .nav-hamburger, #bottom-navigation, .question-help {
		display: none !important;
	}

	/* INTRODUCTION */

	#startbuttonTop {
		display: none !important;
	}

	#instructions-content, #startbuttonBtm {
		display: block !important;
	}

	#startbuttonBtm a, #side-panel h4 {
		padding-left: 0px;
	}

	#campus_notice {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#question-container-content .control-label-legend, #question-container-content .control-label-legend-left {
		padding-left: 0px !important;
		font-size: 1rem;
		color: #000 !important;
	}

	/*
	input[type="checkbox"]:checked, input[type="radio"]:checked + label {
		font-weight: bold;
	}
	*/

	input[type="checkbox"]:checked::before, input[type="radio"]:checked + label::before {
	    content: "\f111";
	    font-family: FontAwesome;
	    font-size: 1.3rem;
	    padding-left: 4px;
	}

}

@media (max-height: 420px) {
    .modal-body-touch {
	    overflow-x: auto;
    }
}

@media (min-height: 600px) {
    #app-body .modal-body-touch,#app-body .modal-content {
        min-height: 600px;
        max-height: 100%;
    }
}

@media (min-height: 736px) {
    #app-body .modal-body-touch,#app-body .modal-content {
        min-height: 700px;
        max-height: 100%;
    }
}

@media (min-height: 800px) {
    #app-body .modal-body-touch,#app-body .modal-content {
        min-height: 800px;
        max-height: 100%;
    }
}

@media (min-height: 1000px) {
    #app-body .modal-body-touch,#app-body .modal-content {
        min-height: 960px;
        max-height: 100%;
    }
}

@media (min-height: 1200px) {
    #app-body .modal-body-touch,#app-body .modal-content {
        min-height: 1100px;
        max-height: 100%;
    }
}

/* Google Translate */

#google_translate_element {
	position: relative;
	padding: 0;
    margin: 0 12px;
}

#google_translate_element:after {
	content: "";
}

.skiptranslate.goog-te-gadget:before {
	left: 0;
	font-family: "FontAwesome";
	content: "\f11d \00a0";
	display: inline-block;
	color: #992A3A;
	vertical-align: bottom;
	font-style: normal;
    padding: 5px 0 0;
    font-size: 1.34rem;
}

.goog-te-gadget-simple {
	background: none !important;
	border: none !important;
	color: #0055A5 !important;
	font-size: 0.75rem !important;
    padding: 0 0 0 3px !important;
}

.goog-te-gadget-simple > span a span {
	-webkit-transition: color 250ms ease-in-out;
	transition: color 250ms ease-in-out;
	text-decoration: none;
	text-transform: none;
	color: #992A3A;
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    opacity: .95;
}

.goog-te-gadget-simple > span a span:not(:first-child) {
	display: none !important;
}

.goog-te-gadget-simple > span a span:first-child:after {
	content: "";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 1.25rem;
	position: relative;
	margin-left: 0;
}

.goog-te-gadget-simple > span a span:hover {
    opacity: 1;
}

.goog-te-gadget-simple > span a img {
	display: none;
}

.goog-te-gadget-icon {
	display: none !important;
}

@media (max-width: 480px) {
	#google_translate_element {
        margin: 0 24px;
	}
	.skiptranslate.goog-te-gadget:before {
	    font-size: 1rem;
	    margin-right: 26px;
	}

	.goog-te-gadget-simple > span a span {
		font-size: 1.15rem;
	}
}

/* FreshDesk */
#fc_frame {
  bottom: 25px !important;
}

@media (max-width: 480px) {
    #fc_frame {
        bottom: 5px !important;
        left: 5px !important;
    }
    body#appbody {
        padding-bottom: 50px;
    }
}

<script type="text/javascript">
$(document).ready(function(){
  
    $.ajax({
	       url:"/default.aspx",
		   async:false,
		   success:function(){
		        //alert("ok");
	            //console.log('Status', ':','resetCounter'+new Date().toString());
		
			    
	       }
	    
         
    });
  
});
</script>


