.datebox {
    border: groove 3px;
    padding: .8em;
    line-height: 1.2;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    border-radius: .7em;
    margin-bottom: 20px;
}

.feed img {
    max-width: 100%;
    height: auto;
}

.datebox .date {
    font-size: 1.833em;
}

.dow {
    font-size: 2em;
}

.month {
    font-size: 2.5em;
}

.dom {
    font-size: 9em;
}

.dow,
.month,
.dom {
    display: none;
}

.time {
    font-size: 4em;
    /*    padding-top: .5em;*/
}

.motd {
    border: double 3px hsl(0, 0%, 80%);
    padding: 0 1em 1em;
    margin: 0.75em 0;
    border-radius: .7em;
}

.motd p {
    margin-bottom: 0.4em;
    margin-top: 0;
    padding: 0;
}

.feed ul.items {
    list-style-type: none;
    padding: 0 0.5em;
}

.feed ul.items li {
    border: solid 1px #eee;
    padding: .2em .4em;
    margin: .2em 0;
}

.feed {
    border: solid 1px #eee;
}

.feed h3.title {
    padding: 0 .4em;
    margin: .4em 0;
}

.navbar-inverse {
    background-color: rgb(23, 103, 161);
    border-color: #080808;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #9d9d9d;
    background-color: transparent;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-text a,
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    color: #9d9d9d;
    background-color: rgb(23, 103, 161);
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #fff;
    color: rgb(23, 103, 161);
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}

@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: rgb(23, 103, 161);
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: rgb(23, 103, 161);
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #9d9d9d;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #9d9d9d;
        background-color: rgb(23, 103, 161);
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link,
.navbar-inverse .btn-link {
    color: #fff;
}

.navbar-inverse .navbar-link:hover,
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #9d9d9d;
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}

.navbar-inverse {
    background-color: rgb(23, 103, 161);
    border: none;
}

@media screen {
    .container.page {
        background-color: #fff;
        min-height: 60em;
    }
    body {
        background-color: #ddd;
    }
}

.navbar.bannery {
    margin: 10px -15px 20px;
    border-radius: 0;
    font-family: Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.7em;
}

.bannery .navbar-brand {
    font-size: 1.7em;
    font-weight: 900;
}

.page-footer {
    padding: 40px 0;
    /*color: #999;*/
    text-align: center;
    background-color: #f9f9f9;
    border-top: 1px solid #e5e5e5;
}

.page-footer p:last-child {
    margin-bottom: 0;
}

.gafe-links a img {
    margin: 8px 5px;
}

.nav>li>a {
    padding: 20px 40px;
}

.bannery .navbar-brand {
    padding: 20px 15px;
}

.only,
.nav>li.only {
    display: none;
}

.ima-chromecheck .only.only-chromecheck,
.ima-staff .only.only-staff,
.ima-student .only.only-students,
.ima-hs .only.only-hs,
.ima-ORLA .only.only-ORLA,
.ima-CHS .only.only-CHS,
.ima-OHS .only.only-OHS,
.ima-AHS .only.only-AHS,
.ima-ms .only.only-ms,
.ima-JMS .only.only-JMS,
.ima-RMS .only.only-RMS,
.ima-WMS .only.only-WMS,
.ima-MMS .only.only-MMS,
.ima-es .only.only-es,
.ima-LPBES .only.only-LPBES,
.ima-CES .only.only-CES,
.ima-BHES .only.only-BHES,
.ima-GES .only.only-GES,
.ima-LES .only.only-LES,
.ima-MES .only.only-MES,
.ima-HES .only.only-HES,
.ima-MES .only.only-MES,
.ima-MCLES .only.only-MCLES,
.ima-MCKES .only.only-MCKES,
.ima-PES .only.only-PES,
.ima-RES .only.only-RES,
.ima-ORLAB .only.only-ORLAB,
.ima-technology .only.only-technology,
.ima-helpdesk .only.only-helpdesk,
.ima-assessment .only.only-assessment,
.ima-studentSearch .only.only-studentSearch,
.ima-staffSearch .only.only-staffSearch,
.ima-rosteredTeacher .only.only-rosteredTeacher,
.ima-staff.ima-es .only.only-es-staff,
.ima-staff.ima-ms .only.only-ms-staff,
.ima-staff.ima-hs .only.only-hs-staff,
.ima-student.ima-es .only.only-es-students,
.ima-student.ima-ms .only.only-ms-students,
.ima-student.ima-hs .only.only-hs-students,
.ima-AHSgrade10 .only.only-AHSgrade10,
.ima-AHSgrade11 .only.only-AHSgrade11,
.ima-AHSgrade12 .only.only-AHSgrade12,
.ima-AHSgrade9 .only.only-AHSgrade9,
.ima-BHESgrade0 .only.only-BHESgrade0,
.ima-BHESgrade1 .only.only-BHESgrade1,
.ima-BHESgrade2 .only.only-BHESgrade2,
.ima-BHESgrade3 .only.only-BHESgrade3,
.ima-BHESgrade4 .only.only-BHESgrade4,
.ima-BHESgrade5 .only.only-BHESgrade5,
.ima-CESgrade0 .only.only-CESgrade0,
.ima-CESgrade1 .only.only-CESgrade1,
.ima-CESgrade2 .only.only-CESgrade2,
.ima-CESgrade3 .only.only-CESgrade3,
.ima-CESgrade4 .only.only-CESgrade4,
.ima-CESgrade5 .only.only-CESgrade5,
.ima-CHSgrade10 .only.only-CHSgrade10,
.ima-CHSgrade11 .only.only-CHSgrade11,
.ima-CHSgrade12 .only.only-CHSgrade12,
.ima-CHSgrade9 .only.only-CHSgrade9,
.ima-GESgrade0 .only.only-GESgrade0,
.ima-GESgrade1 .only.only-GESgrade1,
.ima-GESgrade2 .only.only-GESgrade2,
.ima-GESgrade3 .only.only-GESgrade3,
.ima-GESgrade4 .only.only-GESgrade4,
.ima-GESgrade5 .only.only-GESgrade5,
.ima-grade0 .only.only-grade0,
.ima-grade1 .only.only-grade1,
.ima-grade10 .only.only-grade10,
.ima-grade11 .only.only-grade11,
.ima-grade12 .only.only-grade12,
.ima-grade2 .only.only-grade2,
.ima-grade3 .only.only-grade3,
.ima-grade4 .only.only-grade4,
.ima-grade5 .only.only-grade5,
.ima-grade6 .only.only-grade6,
.ima-grade7 .only.only-grade7,
.ima-grade8 .only.only-grade8,
.ima-grade9 .only.only-grade9,
.ima-HESgrade0 .only.only-HESgrade0,
.ima-HESgrade1 .only.only-HESgrade1,
.ima-HESgrade2 .only.only-HESgrade2,
.ima-HESgrade3 .only.only-HESgrade3,
.ima-HESgrade4 .only.only-HESgrade4,
.ima-HESgrade5 .only.only-HESgrade5,
.ima-JMSgrade6 .only.only-JMSgrade6,
.ima-JMSgrade7 .only.only-JMSgrade7,
.ima-JMSgrade8 .only.only-JMSgrade8,
.ima-LESgrade0 .only.only-LESgrade0,
.ima-LESgrade1 .only.only-LESgrade1,
.ima-LESgrade2 .only.only-LESgrade2,
.ima-LESgrade3 .only.only-LESgrade3,
.ima-LESgrade4 .only.only-LESgrade4,
.ima-LESgrade5 .only.only-LESgrade5,
.ima-LPBESgrade0 .only.only-LPBESgrade0,
.ima-LPBESgrade1 .only.only-LPBESgrade1,
.ima-LPBESgrade2 .only.only-LPBESgrade2,
.ima-LPBESgrade3 .only.only-LPBESgrade3,
.ima-LPBESgrade4 .only.only-LPBESgrade4,
.ima-LPBESgrade5 .only.only-LPBESgrade5,
.ima-MCKESgrade0 .only.only-MCKESgrade0,
.ima-MCKESgrade1 .only.only-MCKESgrade1,
.ima-MCKESgrade2 .only.only-MCKESgrade2,
.ima-MCKESgrade3 .only.only-MCKESgrade3,
.ima-MCKESgrade4 .only.only-MCKESgrade4,
.ima-MCKESgrade5 .only.only-MCKESgrade5,
.ima-MCLESgrade0 .only.only-MCLESgrade0,
.ima-MCLESgrade1 .only.only-MCLESgrade1,
.ima-MCLESgrade2 .only.only-MCLESgrade2,
.ima-MCLESgrade3 .only.only-MCLESgrade3,
.ima-MCLESgrade4 .only.only-MCLESgrade4,
.ima-MCLESgrade5 .only.only-MCLESgrade5,
.ima-MESgrade0 .only.only-MESgrade0,
.ima-MESgrade1 .only.only-MESgrade1,
.ima-MESgrade2 .only.only-MESgrade2,
.ima-MESgrade3 .only.only-MESgrade3,
.ima-MESgrade4 .only.only-MESgrade4,
.ima-MESgrade5 .only.only-MESgrade5,
.ima-MMSgrade5 .only.only-MMSgrade5,
.ima-MMSgrade6 .only.only-MMSgrade6,
.ima-MMSgrade7 .only.only-MMSgrade7,
.ima-MMSgrade8 .only.only-MMSgrade8,
.ima-OHSgrade10 .only.only-OHSgrade10,
.ima-OHSgrade11 .only.only-OHSgrade11,
.ima-OHSgrade12 .only.only-OHSgrade12,
.ima-OHSgrade9 .only.only-OHSgrade9,
.ima-ORLABgrade0 .only.only-ORLABgrade0,
.ima-ORLABgrade1 .only.only-ORLABgrade1,
.ima-ORLABgrade2 .only.only-ORLABgrade2,
.ima-ORLABgrade3 .only.only-ORLABgrade3,
.ima-ORLABgrade4 .only.only-ORLABgrade4,
.ima-ORLABgrade5 .only.only-ORLABgrade5,
.ima-ORLABgrade6 .only.only-ORLABgrade6,
.ima-ORLABgrade7 .only.only-ORLABgrade7,
.ima-ORLABgrade8 .only.only-ORLABgrade8,
.ima-ORLAgrade0 .only.only-ORLAgrade0,
.ima-ORLAgrade1 .only.only-ORLAgrade1,
.ima-ORLAgrade10 .only.only-ORLAgrade10,
.ima-ORLAgrade11 .only.only-ORLAgrade11,
.ima-ORLAgrade12 .only.only-ORLAgrade12,
.ima-ORLAgrade2 .only.only-ORLAgrade2,
.ima-ORLAgrade3 .only.only-ORLAgrade3,
.ima-ORLAgrade4 .only.only-ORLAgrade4,
.ima-ORLAgrade5 .only.only-ORLAgrade5,
.ima-ORLAgrade6 .only.only-ORLAgrade6,
.ima-ORLAgrade7 .only.only-ORLAgrade7,
.ima-ORLAgrade8 .only.only-ORLAgrade8,
.ima-ORLAgrade9 .only.only-ORLAgrade9,
.ima-PESgrade0 .only.only-PESgrade0,
.ima-PESgrade1 .only.only-PESgrade1,
.ima-PESgrade2 .only.only-PESgrade2,
.ima-PESgrade3 .only.only-PESgrade3,
.ima-PESgrade4 .only.only-PESgrade4,
.ima-PESgrade5 .only.only-PESgrade5,
.ima-RESgrade0 .only.only-RESgrade0,
.ima-RESgrade1 .only.only-RESgrade1,
.ima-RESgrade2 .only.only-RESgrade2,
.ima-RESgrade3 .only.only-RESgrade3,
.ima-RESgrade4 .only.only-RESgrade4,
.ima-RESgrade5 .only.only-RESgrade5,
.ima-RMSgrade6 .only.only-RMSgrade6,
.ima-RMSgrade7 .only.only-RMSgrade7,
.ima-RMSgrade8 .only.only-RMSgrade8,
.ima-TOUCHgrade12 .only.only-TOUCHgrade12,
.ima-WMSgrade6 .only.only-WMSgrade6,
.ima-WMSgrade7 .only.only-WMSgrade7,
.ima-WMSgrade8 .only.only-WMSgrade8
/*     ,.ima- .only.only- */

{
    display: block;
}

.ima-student .navbar-inverse {
    background-color: #DB4517;
}

button:invalid,
input:invalid,
select:invalid,
textarea:invalid,
form:invalid button {
    border-color: hsl(0, 100%, 50%);
}

form:valid button {
    border-color: inherit;
}

ul.list-tree>li>span {
    cursor: pointer;
}

ul.list-tree {
    padding-left: 15px;
    list-style: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><path d="M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z" transform="translate(1)" /></svg>');
    /* list-style-image: url("/static/img/chevron-right.svg") */
}

ul.list-tree>li.open {
    list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><path d="M1.5 0l-1.5 1.5 4 4 4-4-1.5-1.5-2.5 2.5-2.5-2.5z" transform="translate(0 1)" /></svg>');
}

ul.list-tree>li>ul {
    list-style: none;
    padding-left: 15px;
}


/* url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><path d="M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z" transform="translate(1)" /></svg>') */

.toggle-content {
    display: none;
}

.toggle-content.is-visible.toggle-inline {
    display: inline;
}

.toggle-content.is-visible.toggle-block {
    display: block;
}

.password-suggestion {
    background-color: #FFFFFF;
    font-size: 1.5em;
    line-height: 3em;
}

.nav .fas {
    font-size: 0.80em;
}

.navbar-collapse>.pull-right>li>a {
    padding: 20px 10px;
}


/*Things for chromebook issuification*/

.assetTag {
    margin: 15px 0;
    max-width: 275px;
    background-color: hsl(210, 7%, 91%);
    color: hsl(210, 60%, 37%);
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    padding: 5px 15px;
    border-radius: 0.7em;
    box-shadow: 1px 1px 2px 0 #777;
    letter-spacing: .15em;
    border: 1px solid hsl(0, 0%, 87%);
}

span.code {
    display: none;
}

svg.barcode {
    max-width: 100%;
}

.ck-editor__editable_inline {
    min-height: 300px;
}

.autosave-status .status-spinner {
    display: none;
}

.autosave-status.busy .status-spinner {
    display: inline;
}

.autosave-status .status-label::after {
    content: "Saved!";
    color: green;
}

.autosave-status.busy .status-label::after {
    content: "Saving...";
    color: red;
}