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


/* 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;
}

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


/*
accessible short-scale survey
*/

td.atoss-image {
    height:250px;
    width:200px;
    text-align:center;

}
td.atoss-image img {
    height:200px;
    margin: auto 0;
}

td.atoss-text {
    width:70%;
    vertical-align: middle;
    font-size:20px;
    padding-left:24px;
}

div.atoss-frame {
    width:90%;
    max-width:800px;
    margin:0 auto 0 auto;
}

label img {
    height:80px;
    margin: 2px 24px 2px -12px;
}



.atossradio div {
    clear: both;
    overflow: hidden;
}

.atossradio label {
    width: 100%;
    border-radius: 3px;
    border: 2px solid #999999;
    font-weight: normal;
    font-size:24px;
}


.atossradio input[type="radio"]:empty,
.atossradio input[type="checkbox"]:empty {
    display: none;
}

.atossradio input[type="radio"]:empty ~ label,
.atossradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 6.25em;
    margin-top: 2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.atossradio input[type="radio"]:empty ~ label:before,
.atossradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 6em;
    background: #ffffff;
    border-radius: 3px 0 0 3px;
    border-right:2px solid #999999;
    width:120px;!important;
}

.atossradio input[type="radio"]:hover:not(:checked) ~ label,
.atossradio input[type="checkbox"]:hover:not(:checked) ~ label {
    /*color: #888;*/
    background-color: #ffffff;
}

.atossradio input[type="radio"]:hover:not(:checked) ~ label:before,
.atossradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    /*content: '\2714';
    font-size:2em;
    line-height:1.75em;
    text-indent: .9em;
    color: #aaaaaa;
      background-color: #ffffff;
    */   /*   width:150px;!important;*/
}

.atossradio input[type="radio"]:checked ~ label,
.atossradio input[type="checkbox"]:checked ~ label {
    color: #000000;
    background-color:#ffffff;
}

.atossradio input[type="radio"]:checked ~ label:before,
.atossradio input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    font-size:2em;
    line-height:1.75em;
    text-indent: .9em;
    color: #333;
    background-color: #ffffff;
    /* width:150px;!important;*/
}

.atossradio input[type="radio"]:focus ~ label:before,
.atossradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}


.survey-full h2, .survey-split h2 {
    font-size:26px;
}

div.panel-body label {
    font-family: "OpenSans-Regular", Arial, sans-serif !important;
    font-weight:normal !important;
}

.btn-success {
    height:49px;
}