body {
    font-family: arial, helvetica, sans-serif;
}

body.PreviewMode .PXPHeaderLogo
{
	display: none;
	visibility: hidden;
}

body.AdminReviewMode .PXPHeaderLogo 
{
    display: none;
    visibility: hidden;
}

body.LotteryAppReviewMode .PXPHeaderLogo {
    display: none;
    visibility: hidden;
}

.PXPHeaderLogo {
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
}

.oen_OR {
    clear: both;
    display: block;
    margin: 5px 10px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.centered {
    text-align: center;
}

.table .olr-relationship {
    text-align: center;
}

.pxp-navbar-container.navbar-oen {
	right: 25px;
}

.section-break {
    clear: both;
    border-top: 1px solid #cccccc;
    padding: 10px 2px;
}

#relationshipInformation {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #003876;
    margin: 10px auto;
    width: 95%;
}

#TabFormData .table {
    width: auto;
    min-width: 100%;
}

#TabFormData .table.inlineTable td {
    vertical-align: top;
}

.table .col-md-2,
.table .col-md-3,
.table .col-md-4,
.table .col-md-6,
.table .col-md-8 {
    float: none;
    width: auto;
    padding: 0;
}

.fieldList {
    clear: both;
    padding-left: 30px;
}

ul.fieldList {
    list-style-type: none;
}

.list-group { 
    font-size: 16px !important;
}

.list-group-item { 
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pxp-checkbox input {
    margin-left: 5px;
    margin-right: 5px;
}

.glyph-pending {
    color: #F0AD4E;
    padding-right: 10px;
}

.glyph-success {
    color: #5CB85C;
    padding-right: 10px;
}

.StatusDisabled .glyph-success {
    color: #888;
    padding-right: 10px;
}

.glyph-green {
    color: #5CB85C;
}

.glyph-red {
    color: #D9534F;
}

.glyph-yellow {
    color: #F0AD4E;
}

.glyph-white {
    color: #ffffff;
}

.panel-oen {
    border-radius: 5px;
    border: 0 none;
}

.panel-oen > .panel-heading {
    border-radius: 5px 5px 0 0;
}

.panel-oen > .panel-heading,
.panel-oen > .panel-footer {
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
}

.alert > .fa,
.alert > .glyphicon {
    margin-right: 10px;
    font-size: 20px;
}

.alert > .heading {
    font-size: large;
}

.alert.with-heading > .content {
    display: block;
    padding-left: 15px;
}

.glyphicon {
    padding-right: 5px;
}

.glyph-no-padding{
    padding-right: 0px;
}

.addressFields .form-group,
.table .form-group {
    margin-bottom: 0;
}

.table .form-group.row {
    margin-left: auto;
    margin-right: auto;
}

.statusTable.table td {
    vertical-align: middle;
}

.statusTable.table tr.student-review td {
    vertical-align: top;
}

.form-control[rev_type="DATE"] {
    width: auto;
}

.form-group .form-control.loading {
    background-color: #fffacd;
}

input[type=radio]{
    margin: 1px 0 0;
}

body:not(.PreviewMode) .form-group.required > .control-label:after,
body.PreviewMode .form-group.required > .control-label > .tdata:after {
    content: "\f069";
    font-family: var(--fa-style-family,"Font Awesome 6 Pro");
    font-size: 8px;
    color: #D9534F;
    margin-left: 5px;
    vertical-align: top;
}

#TabContent { 
    padding-left:0px;
    padding-top:0px;
    clear: both;
}

#LeftNav h2 {
    padding: 0px;
    margin: 0px;
    text-align:center;
    font-size: 1.5em;
    padding-bottom: 10px;
    border-right: 1px solid #aaaaaa;
    font-weight: bold;
}

#LeftNav h2#ContentHeader {
    padding-right: 10px;
}

#maincontent h1 {
    border-bottom: 0px;
}

#maincontent .tab-header {
    font-size: 1.5em;
    font-weight: bold;
    margin: 5px 0px;
    border-bottom: 0px;
    padding: 5px 0px;
    width: auto;
    text-align: left;
}

#TabContent > .panel-oen > .panel-body{
    padding-top: 0px !important;
	padding-right: 20px;
}

.instruction-header{
    font-size: 18px;
}

.instruction-header > p {
	font-family: Arial, sans-serif;
    display: inline;
    padding-left: 20px;
}

#ProgressBar {
    margin: 15px 0;
}

.progress-text{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: bold;
    color: #000000;
}

.phone-number {
    white-space: nowrap
}

.phone-number input.form-control {
    display: inline-block !important;
    padding: 4px;
    text-align: center;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
}

.form-group[rev_type="number"] {
    white-space: nowrap;
}

.checked-list-box li {
    white-space: nowrap;
}

.checked-list-box li input {
    vertical-align: top;
    margin-right: 5px;
}

.checked-list-box li label {
    white-space: normal;
}

.radio > input[type="radio"]:checked + label,
.radio > input[type="radio"]:checked ~ label,
.checkbox label {
    font-weight: 700;
}

.immunizationTable {
    table-layout: fixed;
}

.control-label{
    text-align: left !important;
}

#map-canvas, #map_canvas {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;


    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
    margin: 0px auto;
    height:100%;
}

@media print {
    html, body {
        height: auto;
    }

    #map-canvas, #map_canvas {
        height: 650px;
    }
  
    button {
        display: none !important;
    }
}
.ss-selected{
    outline: none;
    box-shadow: 0 0 5px #3276b1;
    margin: 0px 1px 1px 0px;
    border: 1px solid #3276b1;
}

/*for FF*/
#navItemDiv a {
    white-space: normal;
}

.btn {
    white-space: normal;
}

.has-error .help-block {
    font-style: italic;
	font-weight: normal;
}

.has-error .form-control:not(.has-error) .form-control {
	border-color: #ccc;
}

.has-error .form-control:not(.has-error) .form-control:focus {
	border-color: #66afe9;
	outline: 0;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.has-error .form-control:not(.has-error) > .control-label {
	color: #555;
}

.panel-default {
    border: 1px solid #ddd;
}

.panel-default .panel-heading {
    text-align: left;
}

.module {
    padding-left: 5px;
}

.module .page > h3 {
    border-bottom: 1px solid #cccccc;
    padding: 4px 0;
}

.module .page > h3 .title {
    padding-left: 5px;
}

.nowrap {
    white-space: nowrap;
}

.information .resumeTable button.btn {
    margin: 2px 3px;
}

.table .pxp-checkbox .help-block:empty {
    display: none;
    visibility: hidden;
}

.table .help-block:empty {
    display: none;
    visibility: hidden;
}

.pick-up-addr-inputs > div::after,
.drop-off-addr-inputs > div::after {
    content: "";
    clear: both;
    display: table;
}

.addressFields {
    margin-left: 40px;
}

.addressFields .pxp-checkbox:not(.inline-checkbox) > div {
    padding: 3px 5px;
    text-align: center;
}

.docUploadControl .inline-checkbox.nowrap {
	overflow: hidden;
}

.docUploadControl .inline-checkbox.nowrap input[type="checkbox"] {
	vertical-align: top;
	margin-top: 7px;
}

.docUploadControl .inline-checkbox.nowrap label {
	padding-top: 7px;
}

.docTypeSelectPendingRegUpload select > option:empty {
    display: none;
} 

.inline-checkbox label {
    margin-left: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.addressFields .form-group {
    display: table;
    float: left;
    margin: 2px 5px;
    padding: 2px 5px;
}

.addressFields > div {
    clear: both;
}

.addressFields:after {
    content: "";
    display: table;
    clear: both;
}

.addressFields .help-block {
    min-height: 24px;
}

.addressFields .form-group > .control-label {
    display: table-row;
}

.addressFields .form-group > .form-control {
    min-width: 100%;
}

.addressFields .col-md-2,
.addressFields .col-md-3,
.addressFields .col-md-4,
.addressFields .col-md-6,
.addressFields .col-md-8 {
    display: block;
    float: none;
    width: auto;
    padding: 0;
}

.address_preview {
    position: relative;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    clear: both;

    font-weight: bold;
    font-size: 1.2em;
    
    width: 50%;
    padding: 10px 15px;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}

.address_preview img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    padding: 2px;
    width: 32px;
    height: 32px;
}

.student-demo-address-preview .address_preview {
    width: auto;
    display: inline-block;
    margin: 5px;
}

.student-demo-address-preview .address_preview > span.desc {
    font-weight: normal;
    padding-bottom: 5px;
}

.address_preview > span.desc {
	display: block;
}

p:before {
    clear: both;
}

/*
    STUDENT: EMERGENCY CONTACT ORDER
*/
.inlineList {
    clear: both;
}

.inlineList li {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    cursor: pointer;
    list-style-type: none;
    padding: 2px 5px;
    margin: 1px 0px;
    clear: both;
}

.inlineList li:hover {
    background-color: #F1EBE4;
}

.inlineList li > span {
    float: left;
    display: inline-block;
    padding: 2px 5px;
    margin: 2px 0;
}

.inlineList li .contactInfo {
    display: inline-block;
    padding: 2px 5px;
    margin: 2px 0;
    font-style: italic;
}

.inlineList li .EmergencyContactHandle {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 4px;
    margin: 2px 2px;
    display: inline-block;

    text-align: center;
    font-weight: bold;
    background-color: #B8E6B8;
    color: #536853;
    border: 2px solid #536853;
}

/*
    DOCUMENT UPLOAD
*/
.upload_form {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.upload-progress .deleteDoc {
    margin-right: 5px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.upload-progress .deleteDoc img {

    width: 16px;
}

.upload-progress {
    padding: 1px 8px;
    margin: 0px 5px;
}

.dropTarget form {
    clear: both;
}

.dropTarget input[type="file"] {
    display: inline-block;
}

.documentsTable {
    width: 100%;
}

.documentsTable td[colspan] {
    text-align: center;
    vertical-align: middle;
}

.documentsTable .documentsFileDropTarget {
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;

    min-height: 150px;
    border: 3px dashed LightBlue;
    
    color: #888888;
    font-size: 1.5em;
}

.documentsTable .qrCode {
    position: absolute;
    right: 0;
    bottom: 0;
}

.documentsTable .uploadProgress .indicator {
    background-color: #6666ff;
}

.docUploadControl h2 {
    font-weight: bold;
    font-size: 1.75em;
    color: #444444;
    border-bottom: 1px solid #444444;
}

.docUploadControl h3 {
    font-weight: normal;
    font-size: 1.25em;
    color: #444444;
    border-bottom: 1px solid #444444;
}

.docUploadControl .docUploadContent {
    margin-left: 40px;
}

.docUploadControl .docUploadContent button {
    padding: 2px 10px 2px 10px;
}

.docUploadControl .docUploadContent > p {
}

.docUploadControl .docUploadContent > .dropTarget {
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;

    background-color: #D9E3EF;
    margin: 1px 1px 1px 40px;
    padding: 5px;
}

.docUploadControl .docUploadContent .dropTarget:not(:first-of-type) {
    padding-top: 15px;
    border-top: 1px solid #ddd;
}

.docUploadControl .docUploadContent > .dropTarget > form {
    margin-left: 40px;
}

/*
    REVIEW FORM HIGHLIGHTS
*/

.OENReview .deltaFound:not(.hideDelta) {
    background-color: #FFFF00;
    border: 1px solid #eee;
    border-radius: 3px;
}

.OENReview table tr.deleted td.deltaFound,
.OENReview .deltaFound.deleted {
    color: #880000;
    background-color: #FFAAAA;
}

.OENReview table tr.deleted td.deltaFound.hideDelta,
.OENReview .deltaFound.deleted.hideDelta {
    display: none;
    visibility: hidden;
}

.OENReview .deltaFound.deltaRegistrar:not(.deleted):not(.hideDelta) {
    background-color: #80ffff;
}

.OENReview h3.deltaFound.newPerson, .OENReview h2.deltaFound.newPerson {
    background-color: #2DCC70;
    color: #FFFFFF;
}

.OENReview h3.deltaFound.deletedPerson, .OENReview h2.deltaFound.deletedPerson {
    background-color: #ff6961;
    color: #FFFFFF;
}

.newValueFound
{
    background-color: #32cd32;
}

.deltaValue {
    font-weight: bold;
}

.deltaFound {
    border: 1px solid transparent;
}

.currentHighlight:not(.hideDelta)
{
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}

#FloatingPanel {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #444444;
    background-color: #D3D3D3;
    -webkit-box-shadow: 0 0px 0px #D3D3D3;
    -moz-box-shadow: 0 0px 0px #D3D3D3;
    box-shadow: 0 0px 0px #D3D3D3;

    position: fixed;
    top: 167px;
    right: 25px;
}

#FloatingPanel.reviewActive {
    background-color: #FFFF00;
}

.propQTip{
    max-width: 1000px !important;
    font-size: 16px !important;
}

.propQTip .qtip-titlebar {
    background-color: #2B79CE !important;
    color: white;
    font-weight: bold;
}
    
.tabContentReviewMargin{
    margin: 10px;
}

.SecondaryInstructions{
    text-align: center;
    font-size:large;
}
/*
    ADDRESS AUTOCOMPLETE
*/

.pxp-addr-autocomplete {
    margin-bottom: 20px;
}

/*
    SCHOOL SELECTION
*/

.schoolSelectionOuterDiv
{
    direction: rtl;
}

.leftToRightDirection
{
    direction: ltr;   
}

.schoolSelectionTable .fillContainer {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    direction: rtl;
}

.schoolSelectionTable {
    width: 100%;
    height: 100%;
}

.schoolSelectionTable td {
    vertical-align: top;
    width: 50%;
}

.schoolAddress {
    min-height: 15px;
    clear: both;
}

.schoolSelections {
    list-style-type: decimal !important;
    margin: 0 !important;
}

.schoolSelections li {
    min-height: 130px;
    margin: 10px 0px;
    padding: 5px 5px;
    display: list-item;
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
}

.schoolSelections li:not(:last-of-type):not(.ss-selected) {
    border-bottom: 1px solid #ccc;
}

.schoolSelections li img.marker {
    float: left;
}

img.marker {
    width: 2em;
}

.schoolSelections li select {
    min-width: 75%;
}

.schoolSelections li:hover {
    background-color: #ECF1F7;
}

.schoolSelections li.ss-selected .distance {
    font-weight: bold;
}

.schoolSelections li.ss-selected {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

    background-color: LightBlue;
    margin-right: -1px;
}

.schoolSelections .remove-choice {
    position: absolute;
    color: #444;
    right: 15px;
    top: 5px;
    font-size: 1.35em;
}

.schoolSelections .remove-choice:hover {
    color: #666;
}

.schoolSelections li:not(:hover) .remove-choice {
    opacity: 0.4;
}

#map-canvas, #map_canvas {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1em solid LightBlue;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
}

@media print {
    html, body {
        height: auto;
    }

    #map-canvas, #map_canvas {
        height: 650px;
    }
  
    button {
        display: none !important;
    }
    a[href]:after {
        content: none !important;
    }
}



#panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}

.schoolSelectionHomeAddress {
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    padding: 5px 5px;
    font-style: italic;
    max-width: 75%;
    background-color: #f2f2f2;
    border: 1px solid #aaaaaa;
}

.fullHeight {
    height: 100%;
}


/*
    OEN STATUS
*/

.OENYearStatus .registration {
    padding: 4px 0;
    font-size: 16px;
    border-bottom: 1px solid #cccccc;
}

.OENYearStatus .registration .title{
    padding-left: 5px;
}

.StatusIndicator {
    width: 120px;
}

.StatusIndicatorSchool {
    width: 300px;
}

.StatusIndicator .statusIcon,
.StatusIndicatorSchool .statusIcon {
    margin-right: 5px;
}

#btnStatus, #btnReview, #btnPrint {
    display: inline-block;
}

/*
    GENERIC CONTROLS
*/
.SecondaryInstructions{
    text-align: center;
    font-size:large;
}

.remove-control {
    display: none !important;
    visibility: hidden;
}

.suppress-label > label,
.suppress-label .control-label {
    display: none !important;
    visibility: hidden;
}

/*
    EMERGENCY CONTACTS
*/
.declineTopPadding {
    padding-top: 20px;
}

/*
    GRIDS
*/

.olr-grid {
    padding-bottom: 35px;
}

.olr-grid .panel-heading {
    padding: 3px;
}

.olr-grid tbody > tr.empty-row:not(:only-of-type) {
    display: none;
    visibility: hidden;
}

.olr-grid th.DeleteRow {
	text-align: center;
    width: 32px;
}

.olr-grid tr.Delete,
.OENReview .olr-grid tr.Delete.deltaFound {
    color: #880000;
    background-color: #FFAAAA;
}

.OENReview .olr-grid tr.Delete.deltaFound.hideDelta {
    display: none;
    visibility: hidden;
}

.olr-grid tr.Delete span.input {
    background-color: initial;
}

.olr-grid tr.Delete input,
.olr-grid tr.Delete select {
    background-color: #FFAAAA;
    font-style: italic;
    color: #880000;
    text-decoration: line-through;
    border: none;
}

.olr-grid:not(.has-delete) th.DeleteRow > .delete-icon {
    visibility: hidden;
    display: none;
}

.olr-grid td,
.olr-grid th {
    padding: 2px 3px;
}

.olr-grid td .labelinput .form-control {
    min-width: 120px;
}

.olr-grid td .labelinput .phone-number > .form-control,
.olr-grid td .labelinput .form-control[name="Revelation.RevPersonPhone.PhoneExtension"] {
    min-width: 40px;
}

.olr-grid td:not(.DeleteRow):not(.LineNumber) {
    vertical-align: top !important;
}

.olr-grid td:not(.DeleteRow) input[type="checkbox"] {
    margin-top: 7px;
}

.olr-grid .Title {
    font-size: large;
}

.olr-grid .GridTitle {
    font-size: large;
    padding-left: 5px;
}

.olr-grid td.LineNumber {
    text-align: center;
}

.olr-grid td > .CheckBox {
    text-align: center;
}

.olr-grid td > .CheckBox > div {
    width: 25px;
}

.olr-grid .form-control[rev_type="DATE"] {
    float: none;
}

.olr-grid-container {
    display: table;
    min-width: 100%;
}

.olr-grid-container.review-mode table.inlineTable {
    width: auto;
}

.olr-grid-container.review-mode tr th:last-of-type,
.olr-grid-container.review-mode tr td:last-of-type {
    display: none;
    visibility: hidden;
}

.olr-grid-container .help-block:empty {
    display: none;
    visibility: hidden;
}

.olr-grid-container .form-group.required .required-indicator {
    font-size: 8px;
    color: #D9534F;
    padding-left: 4px;
    display: table-cell;
    vertical-align: top;
}

.olr-grid-container .form-group:not(.required) .required-indicator {
    display: none;
    visibility: hidden;
}

.olr-grid .input-group .form-control {
    border-radius: 4px;
}

.olr-grid .REV_GRID_ADD {
    margin-left: 5px;
}


/*
    GRADE LEVEL WARNING
*/
.gradeLevelPreview {
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    font-weight: bold;
    font-size: 1.2em;
    width: 50%;
    padding: 10px 15px;
    background-color: #B0C5E1;
    border: 1px solid #aaaaaa;
    min-width: 600px;
    padding-bottom: 40px;
    margin-bottom: 15px;
}

/*.gradeLevelPreviewError
{
    color: #800000;
    border: 2px solid #800000;
    background-color: #ffcccc;
}*/

.gradeLevelHeader {
    font-weight: bold;
}

.gradeLevelText {
    font-weight: normal;
    /*display: inline;*/
}

.gradeLevelImg {
    height: 36px;
    width: 36px;
    float: right;
    bottom: 1em;
}

.gradeLevelImgDiv {
    display: inline;
}


/*
    STATUS BUTTONS
*/
div.StatusError,
div.StatusWarn,
div.StatusOkay,
div.StatusDisabled,
div.StatusFlag,
button.ImageButton,
a.ImageButton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 4px;
    margin: 2px 2px;
    display: inline-block;
    white-space: nowrap;
}

button.ImageButton {
    cursor: pointer;
}

div.StatusError {
    font-weight: bold;
    background-color: #FFAAAA;
    color: #800000;
    border: 2px solid #800000;
}

div.StatusWarn {
    cursor: pointer;
    font-weight: bold;
    background-color: #FFFFA9 !important;
    color: #B27212;
    border: 2px solid #B27212 !important;
    display: inline-block;
}

div.StatusOkay {
    font-weight: bold;
    background-color: #B8E6B8;
    color: #536853;
    border: 2px solid #536853;
    display: inline-block;
}

div.StatusDisabled {
    font-weight: bold;
    background-color: #eee;
    color: #888;
    border: 2px solid #888;
    display: inline-block;
}

div.StatusFlag {
    display: inline-block;
}

div.StatusError img,
div.StatusOkay img,
div.StatusDisabled img,
div.StatusWarn img,
button.ImageButton img {
    height: 1.2em;
}

button.ImageButton img,
button.ImageButton span:not(.fa) {
    line-height: 1em;
    vertical-align: middle;
    padding: 3px 2px;
    margin: 0;
}

div.StatusError img, div.StatusError span,
div.StatusOkay img, div.StatusOkay span,
div.StatusDisabled img, div.StatusDisabled span,
div.StatusFlag img, div.StatusFlag span,
.StatusWarn img, .StatusWarn span {
    border: none;
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    padding: 3px 2px;
    margin: 0;
}

.scrollable > .col-md-6 {
    max-height: 450px;
    overflow: auto;
}

.headersubtitle {
    font-weight: bold;
}

.ethnicityGroup {
    border: 1px solid #888;
    border-radius: 3px;
    padding: 3px;
    margin-bottom: 3px;
}

.ethnicityGroup > span {
    font-size: large;
}

.ethnicityGroup .labelinput {
    margin-left: 30px;
}

.ethnicityGroup .labelinput > .valuelist {
    margin-left: 30px;
}

.ethnicityGroup .labelinput > label {
    font-size: medium;
}

.ethnicity-race-question 
{
    margin-bottom: 0px;
}

.ethnicity-race-question > label.col-md-12,
.ethnicity-race-question > .ethnicity-race-description.col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}

ul.checklist {
    margin-top: 2px;
}

.checklist li {
    display: inline-block;
    width: 400px;
}

.OENStudentPolicies .checklist {
    display: table;
}

.OENStudentPolicies .checklist li {
    width: auto;
    display: table-row;
}

.OENStudentPolicies .checklist li > * {
    display: table-cell;
}

ul.checklist li {
    margin: 1px;
    padding: 2px;
}

ul.checklist li > label {
    display: inline;
    font-weight: normal;
}

ul.checklist li.checked {
    border-radius: 4px;
}

ul.checklist.highlight-checked li.checked {
    background-color: #d9edf7;
}

ul.checklist li.checked > label,
ul.checklist li.checked > input {
    font-weight: bold;
}
 
ul.checklist input[type="checkbox"] {
    margin: 5px 10px;
}

ul.checklist label {
    vertical-align:middle;
}

.checkboxTextField {
    margin: 4px;
    width: auto;
}

table.inlineTable .row {
    margin-left: initial;
    margin-right: initial;
}

@media (min-width: 1200px) {
    .container {
        max-width: 80%;
    }
}

.btn:not(.btn-primary) .previous-icon,
.btn:not(.btn-primary) .next-icon {
	color: #666;
}

button {
    min-height: 22px;
}

.contact-info-control-group {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 10px;
    padding: 10px 15px;
}

.contact-info-control-group:empty {
    display: none;
    visibility: hidden;
}

.electronic-signature {
    font-size: 20px;
}

.electronic-signature label {
    min-width: 20ch;
    max-width: 30ch;
    white-space: normal;
}

#NarrowHeader {
    display: none !important;
    padding-top: 5px;
}

#NavigationDropdownMenu .btn {
    width: unset;
}

#NavigationDropdownMenu .dropdown-menu {
    max-height: 400px;
    overflow: auto;
}

@media screen and (max-width:991px) {
    #LeftNav,
    #WideHeader {
        display: none !important;
    }

    #NarrowHeader {
        display: block !important;
    }

    .pxp-navbar-container.navbar-oen {
        display: none;
        right: 25px;
    }

    .greeting-container {
        display: none;
    }

    .PXPHeaderLogo {
        display: none;
    }
}

@media(max-width: 767px) {
	.pxp-navbar-container.navbar-oen {
		right: 0;
	}

	.greeting-container > div {
		padding-top: 0px !important;
	}

    .PXPHeaderLogo {
        opacity: 0;
        max-height: 0;
        padding: 0;
    }
}

@media screen and (max-width:600px) {
    .schoolSelectionTable .map-column {
        display: none;
        visibility: hidden;
    }

    .schoolSelections li {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    #FloatingPanel {
        text-align: center;
        display: block;
    }

    #FloatingPanel button,
    #FloatingPanel label {
        display: block;
    }

    #FloatingPanel > button {
        min-width: 95%;
    }
}

.nav-menu-item .module-link {
    width: 100%;
    min-height: 28px;
}

.nav-menu-item .module-link .module-icon {
    min-width: 40px;
    max-width: 40px;
    width: 40px;
    text-align: center;
    padding-right: 3px;
}

.nav-menu-item .module-link .module-name {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.nav-menu-item .module-link .status-icon {
    padding-left: 10px;
    text-align: right;
}

.nav-menu-item .module-link .status-icon > i {
    text-align: right;
}

.nav-dropdown-button {
    border: none;
}

.nav-dropdown-icon {
    font-size: large;
}

#NavigationDropdownMenu .active-module {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
}

#NavigationDropdownMenu .active-module .module-icon,
#NavigationDropdownMenu .active-module .module-name,
#NavigationDropdownMenu .active-module .status-icon {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

#NavigationDropdownMenu .active-module .module-name {
    font-weight: bold;
}

#NavigationDropdownMenu .nav-menu-item {
    border-left: 0;
    border-right: 0;
}

#NavigationDropdownMenu .nav-menu-item .module-link {
    color: #555;
    text-decoration: none;
}

#NavigationDropdownMenu .nav-menu-item.active,
#NavigationDropdownMenu .nav-menu-item:hover {
    background-color: #eee;
}

#NavigationDropdownMenu .nav-menu-item:first-child {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

input[type="checkbox"],
input[type="radio"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    vertical-align: middle;
    margin: 0 5px;
}

.radio-inline {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
}

.radio label,
.radio-inline label {
    margin-left: 5px;
}

label.control-label {
    white-space: normal;
}

#RegYear.tab-header,
#NarrowHeaderRegYear.tab-header {
    padding: 5px;
    margin: 0;
    color: #888888;
    font-size: 1.5em;
    font-weight: bold;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 0;
}

button.btn {
    white-space:nowrap;
}

#ReviewCompleteCheckBox > div.col-md-6 {
    width: 100%;
}

.review-school-selections ol {
    white-space: nowrap;
    list-style-type: decimal;
}

.review-school-selections li {
    margin-bottom: 5px;
}

.review-school-selections .school,
.review-school-selections .pathway {
    max-width: 275px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.review-school-selections .school {
    font-weight: bold;
}

.review-school-selections .pathway {
    margin-left: 10px;
}

.review-school-selections:not(.show-all) .extra-choice,
.review-school-selections:not(.show-all) .show-fewer,
.review-school-selections.show-all .show-all {
    visibility: hidden;
    display: none;
}

.review-school-selections .show-all,
.review-school-selections .show-fewer {
    font-size: small;
    text-decoration: underline;
}

.school-choice-label {
    font-size: medium;
    margin-left: 5px;
    margin-top: 2px;
}

.pathway-choice-label {
    margin-bottom: 0;
}

.school-choice.form-group {
    margin-bottom: 3px;
}

.pathway-choice.form-group {
    margin-top: 10px;
}

.mapOuter {
    position: relative;
}

.modal-dialog .modal-footer button.btn {
    min-width: 100px;
}

body.Mobile .greeting-container,
body.Mobile footer.footer {
    display: none;
    visibility: hidden;
}

body.Mobile {
    padding-top: 0px;
    background-color: unset;
}

body.Mobile #maincontent {
    border-top: unset;
}

body.Mobile #NarrowHeader {
    border-bottom: 1px solid #ccc;
}

body.Mobile #maincontent {
    padding-bottom: 100px;
}

.form-group.labelinputrow.row {
    margin-left: unset;
    margin-right: unset;
}

.labelinput textarea {
    width: 100%;
}

.labelinput > * {
    display: block;
    float: none;
    width: auto;
}

#previewModeOptions {
    margin-top: 5px;
}

#previewModeOptions > .pxp-checkbox {
    display: inline-block;
}

.preview-mode-box {
    border: 1px solid #ccc;
    padding: 5px;
    padding-left: 15px;
    color: #fff;
    background: linear-gradient(rgb(64, 131, 196) 0%, rgb(1, 65, 131) 100%) 0px 0px repeat scroll rgba(0, 0, 0, 0);
    position: relative;
    width: 100%;
    opacity: 1;
    z-index: 10;
    top: 0;
    left: 0;
}

.preview-mode-box .control-label {
    color: #fff !important;
}

.preview-mode-box .preview-mode-header {
    font-size: large;
    font-weight: bold;
}

#previewModeControls {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

#previewModeControls > * {
    display: inline-block;
}

#previewModeControls .preview-mode-ctrl {
    border: none;
    background-color: transparent;
    font-size: 18px;
    color: #fff;
}

#previewModeControls .preview-mode-ctrl:hover {
    color: #333;
}

#previewModeControls .preview-menu {
    color: #333;
    padding: 10px;
    white-space: nowrap;
}

#previewModeControls .preview-menu li {
    padding: 10px;
    cursor: pointer;
}

#previewModeControls .preview-menu li:hover {
    background-color: #d9edf7; 
}

#previewModeControls .preview-menu li .preview-menu-icon {
    min-width: 20px;
    max-width: 20px;
    width: 20px;
    text-align: center;
    padding-top: 3px;
}

body.PreviewMode .action-bar .system-links {
    display: none;
    visibility: hidden;
}

body.PreviewMode #ConditionSkipped {
    float: right;
    color: #428bca;
    font-size: 24px;
}

.propToolTipObject {
    position: relative;
}

.launch-translation-dialog {
	padding: 4px;
	position: fixed;
	top: 0;
	left: 100%;
    z-index: 2000;
}

.pxp-left-nav .launch-translation-dialog {
	padding: 1px;
	line-height: 16px;
}

th.propToolTipObject .launch-translation-dialog {
    top: unset;
    bottom: 0;
}

.launch-translation-dialog img {
    width: 23px;
    height: 23px !important;
}

.OENReview h3.panel-heading {
    font-size: 1.5em;
    color: #666;
}

table.lottery-status > tbody > tr:first-of-type > td {
    border-top: none !important;
}

.table.lottery-status > tbody > tr:first-of-type > td,
.table.lottery-status > tbody > tr:first-of-type > td > div {
    padding-top: 0 !important;
}

td.status-student-info > div {
    padding-top: 18px;
}

td.status-student-info .student-name {
    font-size: 2em;
    color: #444;
}

td.status-student-info .status-ui {
    margin-left: 50px;    
}

td.status-student-info .status-ui .status-text {
    font-size: 1.5em;
    color: #444;
    padding-left: 10px;
}

table.lottery-status > tbody > tr:last-of-type > td {
    border-bottom: 1px solid #ddd;
}

table.lottery-status td.preference-order {
    width: 60px;
}

table.lottery-status td.lottery-options {
    min-width: 100px;
    white-space: nowrap;
}

@media (max-width:1024px) {
    .pxp-left-nav .list-group-item > img + .desc {
        max-width: 0px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 100%;
        background-color: #fff;
        border-radius: 0 5px 5px 0;
        margin-left: 5px;
        transition: max-width linear .25s;
    }
}

.pxp-left-nav .list-group-item.active,
.pxp-left-nav .list-group-item.active:hover,
.pxp-left-nav .list-group-item.active:focus,
.pxp-left-nav a.list-group-item.active,
.pxp-left-nav a.list-group-item.active:hover,
.pxp-left-nav a.list-group-item.active:focus {
    background-color: #fff;
    color: #000;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 5px 0 0 5px;
}

.pxp-left-nav .list-group-item:not(:hover):not(.active) .icon {
    display: none;
    visibility: hidden;
}

.pxp-left-nav .list-group-item:last-child {
    border-radius: 0 0 0 5px;
}

.pxp-left-nav .list-group-item:first-child {
    border-radius: 5px 0 0 0;
}

.pxp-left-nav .list-group-item,
.pxp-left-nav a.list-group-item {
    position: relative;
    padding: 4px 10px;
    background-color: #eeeeee;
}

.pxp-left-nav .list-group-item:not(.active),
.pxp-left-nav a.list-group-item:not(.active) {
    margin-left: 3px;
    border-right-color: #888888;
    border-bottom: 0 none;
    opacity: .75;
}

.pxp-left-nav .list-group-item.last-module,
.pxp-left-nav a.list-group-item:last-of-type {
    border-bottom: 1px solid #bbb;
    border-radius: 0 0 0 5px;
}

.pxp-left-nav .list-group-item.delete-reg {
    margin-top: 20px;
    border: 1px solid #bbb;
    border-radius: 5px 0 0 5px;
}

.pxp-left-nav .list-group-item.active,
.pxp-left-nav a.list-group-item.active {
    border: 1px solid #888888;
    border-right-color: #fff;
}

.pxp-left-nav .list-group-item.active img.icon {
    width: 32px;
    height: 32px;
}

.group-box-toggle > .group-box {
    margin-left: 25px;
}

@media screen and (min-width:992px) {
    body.PreviewMode {
        padding-top: 40px;
    }

    body.PreviewMode .preview-mode-box {
        position: fixed;
    }
}

#TabHeader {
    text-transform: uppercase;
}

.olr-check-box-list .adl-data .col-md-3,
.olr-check-box-list .adl-data .col-md-6 {
	width: auto;
	float: none;
}

.olr-check-box-list .adl-data > .form-control {
	border: 0 none;
	background-color: transparent;
	box-shadow: none;
	margin-bottom: 0;
	height: auto;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.olr-check-box-list .adl-data > .form-control > * {
	flex: 0 0 auto;
}

.olr-check-box-list label {
	margin-bottom: 0;
}

.olr-check-box-list ul.flexbox > li {
	display: inherit;
}

.olr-check-box-list ul {
	padding: 0;
	list-style-type: none;
}

.olr-check-box-list li > label {
	cursor: pointer;
	user-select: none;
	min-width: 50%;
}

.olr-check-box-list ul > li:nth-child(2n+1) {
	background-color: #F0F0F0;
}

.olr-check-box-list[data-with-extra="true"] li > label {
	min-width: 30%;
}

.olr-check-box-list .adl-data {
	padding-left: 25px;
	min-width: 30%;
}

.olr-check-box-list li:not(.checked) .adl-data {
	visibility: hidden;
}

.review-documents {
    margin-left: 5px;
}

.review-documents h3.panel-heading {
    font-size: 1.5em;
    color: #666;
}

.review-documents h3 > .title-module {
    border-bottom: 1px solid #cccccc;
    padding: 1px;
    margin-left: 4px;
}

.review-documents .panel-body-person {
    padding: 4px;
    font-size: 1.5em;
    margin-left: 10px;
}

.review-documents .panel-body-section {
    margin-left: 12px;
    padding: 2px;
    font-size: 14px;
}

.word-count {
    float: right;
}

.review-mode-box {
    border: 1px solid #ccc;
    padding: 5px;
    padding-left: 15px;
    color: #fff;
    background: linear-gradient(#00b359 0%, #006633 100%) 0px 0px repeat scroll rgba(0, 0, 0, 0);
    position: relative;
    width: 100%;
    opacity: 1;
    z-index: 10;
    top: 0;
    left: 0;
}

.review-mode-box .review-mode-header {
    font-size: large;
    font-weight: bold;
}

.review-mode-box .review-mode-header .registration-details-header {
    padding-left: 40px;
}

.checkbox label, .radio label {
    padding-left: 0;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: relative;
    margin-left: 0;
}

.oen-link-selection {
    color: black;
    cursor: pointer;
    flex: 1 0 auto;
    transition: all ease-in-out 100ms;
}

.oen-link-selection:hover {
    text-decoration: none;
    color: black;
    transform: scale(1.1);
}

.oen-setup-btn:hover,
.oen-setup-btn:focus {
    box-shadow: 0 0 11px rgb(33 33 33 / 20%);
}

.oen-setup-more {
    margin-block: 7px;
    cursor: pointer;
    transition: all ease-in-out 100ms;
}

.oen-setup-more:hover,
.oen-setup-more:focus {
    transform: scale(1.1);
    font-weight: 600;
}

.intro-select-year-text {
    margin-bottom: 0;
}

.intro-select-year-text > p {
    margin: 0;
}

.oen-setup-btn {
    min-height: 185px;
    text-align: center;
    transition: all ease-in-out 100ms;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
}

.more-info-text {
    overflow-wrap: break-word;
    padding-inline: 10px;
}

.notification-badge {
    font-size: 0.85rem;
    padding: .1rem .3rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: super;
    background: #ff0000;
    border-radius: 10px;
}

.existing-ath-reg-msg {
    font-style: italic;
    color: #a94442;
    margin-top: 5px;
}