/* Orima_Wordmark logo dimensions: w=400, h=103*/

/* vic ed logo bar*/

/* smallscreen layout*/
@media (max-width: 519px) {
    div.logo-bar {
        height: 84px;
    }

    div.logo-bar #left-logo {
        top: 15px;
        left: 10px;
        width: 370px;
        height: 54px;
        background-image: url('../images/DET LOGO WHITE.png?2'); /* 1875 x 272 */
    }

    div.logo-bar #right-logo {
        display: none;
    }

    .hideSmall {
        display: none;
    }
}

@media (min-width: 520px) {
    div.logo-bar {
        height: 115px;
    }

    div.logo-bar #left-logo {
        top: 23px;
        left: 23px;
        width: 476px;
        height: 69px;
        background-image: url('../images/DET LOGO WHITE.png?2'); /* 1875 x 273 */
    }

    div.logo-bar #right-logo {
        display: none;
    }

    .hideSmall {
        display: none;
    }
}

@media (min-width: 850px) {
    div.logo-bar {
        height: 115px;
    }

    div.logo-bar #left-logo {
        top: 23px;
        left: 23px;
        width: 476px;
        height: 69px;
        background-image: url('../images/DET LOGO WHITE.png?2'); /* 1875 x 273 */
    }

    div.logo-bar #right-logo {
        display: block;
        top: 23px;
        right: 23px;
        width: 271px;
        height: 69px;
        background-image: url('../images/Orima_Logo.png'); /* default 400 x 102*/
    }
}

@media (min-width: 1300px) {
    div.logo-bar {
        height: 150px;
    }

    div.logo-bar #left-logo {
        top: 30px;
        left: 30px;
        width: 620px;
        height: 90px;
        background-image: url('../images/DET LOGO WHITE.png?2'); /* 1875 x 273 */
    }

    div.logo-bar #right-logo {
        display: block;
        top: 30px;
        right: 30px;
        width: 353px;
        height: 90px;
        background-image: url('../images/Orima_Logo.png'); /* default 400 x 102*/
    }
}

#top-menu-bar div.school-name {
    font-weight: bold;
}


#top-menu-bar div.navbar-header div.school-user {
    background-color: #FFE599;
}

#top-menu-bar div.school-user:hover {
    background-color: #DEB59B;
}


#top-menu-bar nav.navbar-inverse div.coordinator {
    /*background-color: #F7CAAC;*/
    background-color: #FFFFFF;
}

#top-menu-bar nav.navbar-inverse div.coordinator button.navbar-toggle:hover {
    /*background-color:#DEB59B;*/
    background-color: #dddddd;
}

#top-menu-bar nav.navbar-inverse div.coordinator button.navbar-toggle:focus {
    /*background-color:#F7CAAC;*/
    background-color: #dddddd;
}


#top-menu-bar nav.navbar-inverse div.principal {
    /* principal shading for navigation bar*/
    /* background-color: #FFE599;*/
    background-color: #FFFFFF;
}

#top-menu-bar nav.navbar-inverse div.principal div.hover:hover {
    /* background-color:#DCC486;*/
    background-color: #dddddd;
}

#top-menu-bar nav.navbar-inverse div.principal button.navbar-toggle:hover {
    background-color: #DCC486;
}

#top-menu-bar nav.navbar-inverse div.principal button.navbar-toggle:focus {
    background-color: #FFE599;
}

nav.navbar-inverse {
    background-color: transparent;
    border-bottom: none;
}


/*
Basic structures
*/



div.dividing-line {
    height:1px;
    width:100%;
    border-bottom: 2px solid #004C97;
    margin-top: 24px;
}


span.red {
    color: red;
}

div.message {
    width:90%;
    max-width:700px;
}

div.info-box {
    position:relative;
    background-color:#E5F2FF;
    padding:9px 9px 9px 9px;
    width:100%;max-width:1000px;
    margin:22px 0 22px 0;
    border:1px dashed #144A91;
}
div.info-box div.news-icon {
    position:absolute;
    top:12px;
    left:10px;
    height:32px;
    width:32px;
    fill: #16161d;
}
div.info-box div.news-heading {
    color:#16161d;
    font-weight:bold;
    text-decoration:underline;
    margin:0 0 10px 50px;
}
div.info-box div.news-box {
    color:#16161d;
    margin:0 12px 12px 50px;
}
div.info-box ul {
    margin-left:0;
    padding-left:18px;
}


div.info-box2 {
    position:relative;
    background-color:#E5F2FF;
    padding:9px;
    width:100%;max-width:1000px;
    margin:22px 0 0 0;
}

div.info-box div.svg, div.info-box2 div.svg {
    position:absolute;
    top:12px;
    left:10px;
    height:90px;
    width:90px;
}

div.info-box div.tb, div.info-box2 div.tb {
    margin-left:105px;
    line-height:26px;
}
div.info-box div.tb p:first-of-type {
    margin-top:0;
}
div.info-box div.tb p {
    margin-top:12px;
}

div.info-box-3 {
    position:relative;
    background-color:#FFFFFF;
    border:1px dashed #144A91;
    padding:12px;
    width:100%;max-width:1000px;
    margin:36px 0 0 0;
}



input.contact-details {
    width:100%;
    height:40px;
    padding:0 6px;
    font-size:14px;
}

/*
table structures
*/

table.module {
    border:none;
    width:100%;
    border-collapse:collapse;
}
table.module th {
    background-color: #004C97;
    border:1px solid #004C97;
    color:#FFFFFF;
    text-align:center;
    padding:9px 6px;
}
table.module td.module-hd {
    padding:9px;
    border:1px solid #004C97;
    background-color:#5DAEFF;
    font-weight:bold;
}
table.module td.module-td {
    padding:9px;
    border:1px solid #004C97;
    background-color:#FFFFFF;
    font-size:90%;
    vertical-align:middle;
    text-align:left;
}

table.module td {
    border-bottom:1px #004C97 solid;
    padding:6px 18px;
    text-align:center;
}
table.module td:first-child {
    text-align:left;
}

th.noUnderline {
    border-bottom:none !important;
}



table.swpbs-list {
    font-size: 13px;
}

table.swpbs-list th {
    background-color: #004C97;
    color: #ffffff;
    padding: 9px 6px;
    text-align: left;
    border-left: 1px solid silver;
}

table.swpbs-list td  {
    padding: 6px;
    border-left: 1px solid #004C97;
    border-right: 1px solid #004C97;
}

table.swpbs-list th:first-child {
    border-left: 1px solid #004C97;
}


table.swpbs-list tr:nth-child(2n) {
    background-color: #C9EAFF;
}

table.swpbs-list input {
    width: 16px;
    height: 16px;
}


table.swpbs-list div.reasons {
   position:relative;
    height:24px;
}

table.swpbs-list div.reasons input.rb {
   position:absolute;
   top:0;
   left:0;
}

table.swpbs-list div.reasons label {
    position:absolute;
    font-weight: normal;
    top:2px;
    left:24px;
}



table.rr th {
    background-color: #004C97;
    color: #ffffff;
    font-weight: bold;
    padding: 6px;
    text-align: left;
    font-size: 0.9em;
}

table.rr th.normal {
    background-color: #004C97;
    color: #ffffff;
    font-weight: normal;
    padding: 6px;
    text-align: left;
    font-size: 0.9em;
}



table.rr td {
    padding: 6px;
    border-bottom:1px dashed #004C97;
}

table.rr td.total {
    padding: 6px;
    border-top:1px solid #004C97;
    border-bottom:1px solid #004C97;
}

table.rr tr:last-child td {
    padding: 6px;
    border-bottom:1px solid #004C97;
}


/* HOME PAGE BUTTONS */

.large-button-box {
    margin:0 12px;
    height: 440px;
    width:270px;
}
.large-button-box div.text1 {
    text-align: center;
    width: 100%;
    padding: 6px 0 0 0;
    font-size: 15px;
}

.large-button {
    position: relative;
    padding: 6px;
    width: 270px;
    height: 160px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.large-button .svg {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 15px;
    left:95px;
    fill: #ffffff;
}

.large-button .svg2 {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 15px;
    left:95px;
    fill: #ffffff;
}

.large-button .txtbox {
    position: absolute;
    width: 240px;
    height: 60px;
    top:100px;
    left: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.large-button .txtbox a {
    text-decoration:none;
}


.large-button2 {
    position: relative;
    padding: 6px;
    width: 250px;
    height: 160px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.large-button2 .svg {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 10px;
    left:85px;
    fill: #ffffff;
}

.large-button2 .txtbox {
    position: absolute;
    width: 240px;
    height: 60px;
    top:102px;
    left: 5px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
}

.large-button .txtbox a {
    text-decoration:none;
}



.button-blue {
    background-color: #4472C4;
    color: #ffffff;
}

.button-blue:hover {
    background-color: #2A457A;
}

.button-orange {
    background-color: #ED7D31;
    color: #ffffff;
}

.button-orange:hover {
    background-color: #C26131;
}

.button-green {
    background-color: #70AD47;
    color: #ffffff;
}

.button-green:hover {
    background-color: #588E40;
}

.button-purple {
    background-color: #7030A0;
    color: #ffffff;
}

.button-purple:hover {
    background-color: #4E2B79;
}



.button-red {
    background-color: #853B3D;
    color: #ffffff;
}

.button-red:hover {
    background-color: #641919;
}







/*
Other buttons
*/

.plain-button-orange {
    background-color: #ED7D31;
    color: #ffffff;
    font-size: 17px;
    font-weight:bold;
    white-space:nowrap;
}

.plain-button-orange:hover {
    background-color: #C26131;
    color: #ffffff;
    text-decoration:underline;
}

.plain-button-orange:active {
    color: #ffffff;
}

.plain-button-orange:visited {
    color: #ffffff;
}

.plain-button-orange:link {
    color: #ffffff;
}

@media (max-width: 519px) {
    .plain-button-orange {
        font-size:15px;
    }
}