<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html{
    height:102%;
}
body {
}
.rblist label {
    padding-right: 1.5em !important;
}

.fa-button {
    font-size: 20px;
}
.FeatureText {
    color: #002A4A;
    font-weight: bold;
    font-size: 1.2rem;
    display: block;
}

.FeatureText:hover, .FeatureText:hover, figcaption, .FeatureText:focus {
    text-decoration: none !important;
    color: #FFBD52;    
    cursor:pointer;
}

.autocomplete_completionListElement {
    margin: 0;
    padding: 0;
    text-align: left;
    border: 1px solid black !important;
    height: 200px;
    overflow: auto;
    list-style-type: none !important;
    background-color: White;
    color: Black;
    font-size: inherit;
}

.autocomplete_listItem {
    padding: 1px;
}

.autocomplete_highlightedListItem {
    padding: 1px;
    background-color: rgb(222, 222, 222);
    cursor: pointer;
}  

.alert {
    display: block;
}

ul, menu, dir {
    list-style-type: none !important;
}

.topMenu {
    /*border-radius: .75rem;*/
    background-color: #002A4A !important;
    border-radius: 0;
    color: white;
}

.topMenu a{
    color: white!important;
    text-decoration:none;
}

.navbar .nav &gt; li.dropdowin.open.active &gt; a:hover {
    color: #FFBD52 !important;
}

.bg-light::after {
    background-color: #002A4A!important;
}

.nav {
    width: 100%;
    padding-left: 15px;
}

.navbar {
    line-height: 2.3rem;
    /*background: url(images/Lights.jpg);
    background-size: cover;*/
}

.navbar .nav &gt; li.dropdown.open.active &gt; a:hover {
    color:  #FFBD52 !important;
}

.nav &gt; li {
    position: relative !important;
    display: block !important;
}

.footer {
    background: url(/Content/images/Lights.jpg);
    background-size: cover;
    border-radius: 0;
    flex: 1 0 auto;
}

.footer a {
    color: white;
}

#menuFooter a {
    color: black;
    text-wrap: avoid;
    padding-right: 1rem !important;
}

#menuFooter ul {
    padding: 0px !important;
}

#logOffMenu {
}

#loginMenu #loginMenu a {
    float: right;
    position: absolute !important;
    right: 0;
    top: 0;    
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border-color: #ffffff;
} 
.navbar a:active {
    color: #FFBD52;
    text-decoration: none;
}

.navbar a:hover {
    color: #FFBD52 !important;
    text-decoration: none;
}

a:active {
    color: #D60000;
    text-decoration: none;
}

a {
    color: #0069E0;
    text-decoration: none;
}

    a:hover {
        color: #D60000 !important;
        text-decoration: none;
    }


    a span {
        font-weight: bold;
        color: #0069E0;
    }

    a:hover, a:hover span {
        color: #D60000;
    }
.SchoolName a {
    font-weight: bold;
    color: #0069E0;
}

    .SchoolName a:hover {
        font-weight: bold;
        color: #D60000;
    }
.even.selected &gt; .sorting_1 &gt; a
{
    color: #004797;
}
.selected.odd &gt; .sorting_1 &gt; a {
    color: #004797;

}
.text-orange {
    color: #FFBD52 !important;
}

.dropdown-menu {
    min-width: 23rem !important;
}

.dropdown-menu a {
    padding-left: 1rem;
    color:#fff!important;
}

.dropdown-menu a:hover {
    color:  #FFBD52;
}

.dropdown-item a{
    color:#fff!important;
}

a.dropdown-item:hover {
    color: #16181b !important;
    text-decoration: none;
    background-color: #FFBD52 !important;
}

.navbar li a {
    display: block;
}

#collapseTop, #collapseTop a 
{
    text-decoration: none;
    text-wrap: avoid;
    padding-right: 1rem !important;
}

.dropdown-menu {
    background-color: #002A4A;
    color: white;
}

.dropdown-fontname a span {
    visibility: visible;
}

.Prompt {
    font-weight: bold;
}


.control-label {
    font-weight: bold;
}
.StaticMap {
    border: 4px solid #2E3B7E;
    border-radius: 10px;
}

.Map {
    border: 4px solid #2E3B7E;
    border-radius: 10px;
}

.Map:hover {
        border: 8px solid #FFBD52;
        border-radius: 10px;
    }

.menu-active {
    color: #FFBD52 !important;
}

input.error, select.error {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

textarea.error{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}


input[type=checkbox]
{
    margin-right: 0.3rem;
}

label.error {
    color: #8a1f11;
    font-weight: bold;
    display: inline-block;
    margin-left: 1.5em;
}

.panel-heading.error {
    background: #ff3111;
}

    .panel-heading.error &gt; h4 &gt; a {
        background: #ff3111;
        color: #fff;
    }

#ddlLanguages
{
    outline:0;
    border:none;
    font-weight:bold;
}

.gridAlternatingRowStyle {
    color: black;
    letter-spacing: 0;
    background-color: #F7F7E7;
}
/*.gridAlternatingRowStyle {

    color: black; 
    letter-spacing:0; 
    text-indent: 10px;
    padding-left:10px; 
    padding-right: 10px; 
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #CADBED; 
    border-left: 1px solid #CCDDEF;
    border-right: 1px solid #CCDDEF
}*/

.gridSelectedRowStyle {
    background-color: #3266cc;
    font-family: tahoma;
    font-size: small;
    color: white;
    letter-spacing: 0;
    text-indent: 30px;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid #CCDDEF;
    border-right: 1px solid #CCDDEF
}

.gridHeaderStyle {
    background-color: #002A4A;
    font-size: small;
    color: White;
    height:2.5rem;
}

    .gridHeaderStyle label {
        display: inline !important;
    }

.gridEmptyDataRowStyle {
    background-color: Yellow;
}

.gridHeaderStyleNoBorder {
    background-color: #2968A6;
    font-size: small;
    color: White;
    border-color: #2968A6;
}

.maxWidthGridCol{
    max-width: 50px !important;
    word-break: break-all;
}

fieldset {
    padding: 0.5rem !important;
    border: 1px solid #dee2e6 !important;
}

legend {
    font-size: 1.1em;
    font-weight: 600;
    width: inherit;
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*DataTables custom begins*/

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0 !important;
    white-space: nowrap;
}
label{
    margin-bottom: 0!important;
}

.Font16{
    font-size: 16px;
    font-weight:bold;
}

.PageTitle h1{
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
h2, .h2 {
    font-size: 1.5rem!important;
}
h3, .h3 {
    font-size: 1.4rem !important;
}
h4, .h4 {
    font-size: 1.25rem !important;
}

.PageTitle
{
    font-size:1.75rem;
    font-weight:500;
    line-height:1.2;
    margin-bottom:0.5rem;
    margin-top:0.5rem;
}

.info_header:first-child {
    /*border-radius: 0.5rem;*/
}

.info_header {
    margin-bottom: 0.5rem;
    /*padding: 0.75rem 1.25rem;
    color: #002A4A;
    font-weight: bold;
    background-color: #FFC04D;
    border-bottom: 1px solid rgba(0,0,0, 0.125);
    font-size: 1rem;
    position: relative;*/
}

    .info_header a {
        color: #002A4A;
        font-weight:bold;
    }
    .info_header a:hover {
        color: #002A4A;
        font-weight: bold;
    }


.info_header-1:first-child {
    border-radius: 0.5rem;
}

.info_header-1 {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0.5rem;
    /*
    color: #002A4A;
    font-weight: bold;
    background-color: #FFC04D;
    border-bottom: 1px solid rgba(0,0,0, 0.125);
    font-size: 1rem;
    position: relative;*/
}

    .info_header-1 a {
        color: #002A4A;
        font-weight: bold;
    }

        .info_header a:hover {
            color: #002A4A;
            font-weight: bold;
        }

.ui-state-hover a:hover {
    color: #fff!important;
    font-weight: bold;
}
    /*DataTables custom ends*/
    input[type="checkbox"],
    input[type="radio"] {
        margin-right: 10px;
    }
.hidden-label label{
    opacity: 0;
    display: none;
}
.g-recaptcha
{
    transform:scale(0.85);
    transform-origin:left top;
}

.fancy-checkbox input[type="checkbox"],
.fancy-checkbox .checked{
    display:none;
    vertical-align:middle;
}

.fancy-checkbox input[type="checkbox"]:checked ~ .checked
{
    display:inline-block;
    vertical-align:middle;
}

.fancy-checkbox input[type="checkbox"]:checked ~ .unchecked {
        display: none;
        vertical-align:middle;
}

input::-ms-reveal, input::-ms-clear{
    display:none;
}
.alternate
{
    background-color:#f5f5f5;
}
table.dataTable thead th span {
    position: relative !important;
}

.item {
    background-color: #fee9c4;
}
span.checkbox-label
{
    display:table;
}

span.checkbox-label &gt; input{
    display: table-cell;
}

span.checkbox-label &gt;label {
    display: table-cell;
    vertical-align:top;
}

.sticky {
    position:sticky;
    top:0;
    position:-webkit-sticky;
}

#dpSearchResult a{
    margin-right:3px;

}

/* this removes the toolbar that appears as a solid bar above and below the datatable*/
.dataTables_wrapper .fg-toolbar {
    display: none;
}

/* this removes the arrow under headings in datatables*/
.DataTables_sort_icon {
    display: none;
}

/* this will remove the jquery-ui triangle arrows that would appear to the right of the heading  (YES THERE ARE THREE SETS OF UP DOWN ARROWS!!!)*/
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-image: none !important;
}
.bottom 
{
    bottom: 0;
    margin-left: auto;
    margin-right:auto;
    position:absolute;
}
.MapCorner {
    width: 16px;
    height: 16px;
    background-color: #386796;
}

.note-editor.note-frame .note-editing-area .note-editable b {
    font-weight: bold !important;
}


 

 .menu_flex_login {
    text-align: right;
}

#dpSubscriber span {
    opacity: .35;
    filter: Alpha(Opacity=35);
    border: 1px solid transparent;
    background: #dfeffc url(themes/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #2e6e9e;
    padding: .5em;
}
.port-item {
    min-width:0;
}
#dpSubscriber a {
    padding: .5em;
}
@media (max-width: 576px) {
    table.chkboxlist td {
        display: table;
    }
    table.chkboxlist label{
        display: inline;
        white-space:pre-wrap;
    }

    div.dataTables_paginate .previous {
        display: inline;
    }

    div.dataTables_paginate.next {
        display: inline;
    }

    div.dataTables_paginate span {
        display: flex;
        flex-wrap: wrap !important;
        justify-content:center;
        margin:5px;
    }

    .menu_flex{
        flex-direction:column;
    }
    .menu_flex_login {
        flex-direction: column;
        text-align: left;
    }
    #student_transportation{
        flex-direction:column!important;
    }
    .port-item{
        width:100%;
    }
}

@media (max-width: 768px) {
    table.chkboxlist td {
        display: flex;
        margin-left: 0;
    }
    table.chkboxlist label {
        display: inline;
        white-space: pre-wrap;
        margin-left: 0px;
    }
    .menu_flex {
        flex-direction: column;
        text-align:left;
    }
    .menu_flex_login {
        flex-direction: column;
        text-align: left;
    }
    .btn-flex{
        width: 100%;
        margin-bottom: 5px;
    }
    .nav-item
    {
        display:block;
        clear:both;
    }
    #student_transportation.d-flex {
        flex-direction: column !important;
    }

    .port-item {
        width: 100%;
    }
    .btn-2fa-page {
        white-space: pre-wrap !important;
        max-width: 100% !important;
        text-align: left !important;
    }
}

a[href="mailto:"]
{
    color:#007bff;
}

.blue-a {
    color: #0069E0!important;
}
.break-word{
    word-wrap:break-word;
    display:inline-block;
    overflow-wrap:break-word;
}

span.break-word {
    display: inline;
}

.heading {
    font-size: 1.25rem;
    font-weight:500;
    line-height:1.2;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.error {
    color: darkred;
    font-weight: bold;
}

.btn-hidden{
    visibility:hidden;
}

.custom-select-sm {
    height:calc(1.8125rem + 4px)!important;
}

.dtr-data{
    word-break:break-all;
    word-wrap:break-word!important;
}

.note-editor .form-check-input{
    position:relative!important;
}
.hr-width1 {
    border-top: 1px solid #FFBD52;
}
.routeDetailFont{
    font-size :small;
    font-family: Arial,Verdana,Helvetica;
}
.Bar {
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana, Helvetica;
    FONT-SIZE: small;
    FONT-WEIGHT: bold;
    BACKGROUND: #2968A6;
}



.run_separate_line {
    background-color: #2E3B7E;
    height: 3px;
    margin: 4px 0
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #FFBD52;
}

.checkbox-wrap input {
    float: left;
    height:24px;
}

.checkbox-wrap label {
    margin-left: 30px;
    display: block;
}

.checkbox-nowrap{
    white-space: nowrap;
    display: inline-block;
}

.checkbox-display-inline label {
    margin-left: 0px !important;
    display: inline-block !important;
}

.width-25
{
    width:25%;
}

.width-2 {
    width:2%;
}

.btn-primary {
    color: #fff;
    background-color: #006DE6;
    border-color: #007bff;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0060C7;
        border-color: #0060C7;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #006DE6;
        border-color: #006DE6;
    }

    .height28{
        min-height:28px;
    }
    .max-width100{
        max-width:100%;
    }
.btn-max-width100 {
    max-width: 100%;
    white-space:normal!important;
}

.card-header
{
    padding:0.25rem 1rem;
    font-weight:bold!important;
}

.card-header .btn-link{
    font-weight:bold!important;
    font-size:100%;
}

#accordionEditUser [data-toggle="collapse"] .fa:before {
    content: "\f139";
}

#accordionEditUser [data-toggle="collapse"].collapsed .fa:before {
    content: "\f13a";
}

#accordionEditUser [data-toggle="collapse"] .fas:before {
    content: "\f139";
}

#accordionEditUser [data-toggle="collapse"].collapsed .fas:before {
    content: "\f13a";
}

table.dataTable tbody td {
    word-break: break-word;
    vertical-align: top;
}

.shade {
    background-color: #F7F7E7;
}
.Shade {
    background-color: #F7F7E7;
}
.thickline {
    border: 0px;
    height: 3px;
    background-color: #2E3B7E;
}
.ShadeStop{
    background-color:#2968a6;
    height:15px;
    color:#fff;
    font-size:small;
}

.Chart{
    font-size:small;
}

.display-none {
    display: none;
    visibility: hidden;
}



.regular-seat + .select2-container .select2-selection--single {
    background-color: #CDFFCD !important;
}
.wheelchair-seat + .select2-container .select2-selection--single {
    background-color: #FFCDCD !important;
}
.custom-type-seat + .select2-container .select2-selection--single {
    background-color: #FFFFA0 !important;
}

.selected {
    font-weight: bold !important;
}

.homePageBanner {
}

.col-06 {
    -ms-flex: 0 0 6%;
    flex: 0 0 6%;
    max-width: 6%;
}

.col-145 {
    -ms-flex: 0 0 14.5%;
    flex: 0 0 14.5%;
    max-width: 14.5%;
}

.seat-label{
    font-size: small;
    font-weight: 700;
}

.jconfirm-buttons button {
    text-transform: none !important;
}

.ui-helper-reset
{
    font-size:1rem!important;
}



.osm-container-outer {
    height: 450px;
    border: 5px solid #E2E2E2;
}
.osm-container-inner {
    width: 100%;
    height: 440px;
}

#ospMap {
    height: 420px !important;
}

#wheresMyBusOsm .osm-container-outer {
    margin-top: 10px;
    width: 410px;
    height: 410px;
    border: 4px solid #2E3B7E;
    border-radius: 10px;
}

#wheresMyBusOsm .osm-container-inner {
    width: 100%;
    height: 400px !important;
    border-radius: 10px;
}

#schoolInfoOsm .osm-container-outer {
    margin-top: 10px;
    height: 410px !important;
}

#schoolInfoOsm .osm-container-inner {
    width: 100%;
    height: 400px !important;
}

@media (max-width: 440px) {
    #wheresMyBusOsm .osm-container-outer {
        max-width: 100%;
        height: 95vw !important;
    }

    #wheresMyBusOsm .osm-container-inner {
        max-width: 100%;
        height: 93vw !important;
    }

    #schoolInfoOsm .osm-container-outer {
        max-width: 100%;
        height: 95vw !important;
    }

    #schoolInfoOsm .osm-container-inner {
        max-width: 100%;
        height: 93vw !important;
    }

    #ospMap {
        height:95vw !important;
    }
    .width-validate-2fa {
        max-width: 100% !important;
    }

    .btn-text-wrap {
        white-space: pre-wrap !important;
        max-width: 100% !important;
        text-align: left !important;
    }
}

@media print {
    div.Map{
        width:9.26cm;
    }
}
.popover {
    max-width: 500px !important;
}

.popover .arrow {
    display: none !important;
}

.header-checkbox1 {
    position:relative;
    left: -6px;
}
.header-checkbox2 {
    position: relative;
    left: -4px;
}
.header-checkbox3 {
    position: relative;
    left: -6px;
}

.auto-cursor{
    cursor:auto!important;
}

td.datetime {
    overflow-wrap: break-word;
    white-space: pre;
}

.leaflet-top {
    z-index: 999 !important;
}

.map-transition {
    transition: 0.4s;
}

.bp-fa-edit {
    font-size: 1.25em;
    margin-left: 2px !important;
    margin-top: 2px !important;
    --fa-primary-color: dodgerblue;
    --fa-secondary-color: dodgerblue;
}

.bp-fa-add {
    font-size: 1.25em;
    margin-left: 2px !important;
    margin-top: 2px !important;
    --fa-primary-color: limegreen;
    --fa-secondary-color: limegreen;
}

.bp-fa-delete {
    font-size: 1.25em;
    margin-left: 2px !important;
    margin-top: 5px !important;
    --fa-primary-color: red;
    --fa-secondary-color: red;
}

.bp-tooltip {
    opacity: 1;
    z-index: 999;
    padding: 0.25rem 0.5rem;
    font-size: 0.9rem;
    color: #fff;
    border-width: 0px !important;
    background: black;
    box-shadow: 6px 5px 9px -9px black;
    border-radius: 5px;
    max-width: 200px;
    min-width: 50px;
}

.bp-tooltip, .arrow:after {
    background: black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -12px;
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bp-fa-translate {
    color: #808080;
    --fa-primary-color: white;
    --fa-secondary-color: black;
    --fa-secondary-opacity: 0.5;
}

.bp-fa-translate-disabled {
    color: #CCCCCC;
    --fa-primary-color: white;
    --fa-secondary-color: gray;
    --fa-secondary-opacity: 0.4;
}

.bp-fa-stack {
    font-size: 1.1em;
    margin-top: 10px;
    margin-left: 0px;
    color: #8CB2DA;
    --fa-primary-color: #ffffff;
    --fa-primary-opacity: 0.1;
    --fa-secondary-color: #2E6EB6;
    --fa-secondary-opacity: 0.5;
}

.bp-fa-stack-reverse {
    font-size: 1.1em;
    margin-top: 10px;
    margin-left: 0px;
    color: #8CB2DA;
    --fa-primary-color: #2E6EB6;
    --fa-primary-opacity: 0.2;
    --fa-secondary-color: #2E6EB6;
    --fa-secondary-opacity: 0.5;
}
.wizard-nav-links {
    background-color: #177ab8 !important;
    display: block;
}

.no-point-event {
    pointer-events: none !important;
}

.linkbtn-disabled {
    z-index: -1; /* Make it not clickable */
    opacity: .65; /* Lighter */
    pointer-events: none; /* Make it not clickable */
    cursor: default; /* Make it not clickable */
}
.width-validate-2fa{
    max-width: 350px !important;
}

@media (max-width: 1092px) {

    .btn-text-wrap {
        white-space: pre-wrap !important;
        max-width: 100% !important;
        text-align: left !important;
    }
}</pre></body></html>