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

/* vic ed logo bar*/

/* smallscreen layout*/

div.logo-bar {
    background-color: #87189d !important;
}
div.title-bar {
    border-bottom-color: #87189d !important;
}
h1, h2, h3 {
    color: #87189d;
}
div.panel-heading {
    background-color: #87189d !important;
}

@media (max-width: 559px) {
    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;
    }
    .display-small {
        display: inline-block;
    }
    .display-large {
        display:none;
    }
}



@media (max-width: 749px) {
    div.logo-bar {
        height: 145px;
}

    div.logo-bar #left-logo {
        top: 10px;
        left: 10px;
        width:90%;
        max-width: 400px;
        height: 130px;
        background-image: url('../images/DET LOGO WHITEv2.png?2'); /* 1875 x 273 */
    }

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

    .hideSmall {
        display: none;
    }

    .display-small {
        display: inline-block;
    }
    .display-large {
        display:none;
    }
}



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

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

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

    .hideSmall {
        display: none;
    }

    .display-small {
        display: none;
    }
    .display-large {
        display:inline-block;
    }
}


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

    div.logo-bar #left-logo {
        top: 10px;
        left: 10px;
        width: 500px;
        height: 162px;
        background-image: url('../images/DET LOGO WHITEv2.png?2'); /* 690 x 224*/
    }

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

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


/*
Basic structures
*/

#goto_q3 {
    text-decoration: underline;
    cursor: pointer;
}

#goto_q3:hover {
    color: #4675c0;
}

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;
    text-decoration:none;
}

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


.btn {
    border-radius: 1.5em;
    height:48px;
    padding-top:0;
}
.btn div {
    font-size:1.25em;
}

a.btn {
    height:48px;
    padding-top:0.8em;
}

.btn-default {
    background-color: #999 !important;
}


/* grid questions */
tr.heading-row th {
    border-bottom-color: black !important;
}
tr.grid-row td {
    border-bottom-color: black !important;
}
tr.grid-row td.dash {
    border-left-color: black !important;
}

tr.heading-row th.dash {
    border-left-color: black !important;
}