/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html, body {
    height: 100%;
}

body {
    padding-top: 100px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4 {
    color:#868585;
}


.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}



/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

.pushy ul {
    padding-left:0;
    font-weight:normal;
    font-size:18px;
}




#header {
    background-color:#ededed;
    border-color:#ededed;
    /*padding-bottom:15px;*/
}

.page-header {
    color:#868585;
}

.navbar {
    min-height:100px;
}

.navbar-header {
    width:100%;
}

.navbar-brand {
    padding:10px 0 10px 0;
    margin:0;
    height:auto;
}



.btn-default, .btn-default[disabled], .btn-default:focus, .btn-default:active {
    padding:12px 12px 12px 12px;
    color:#ffffff;
    background-color:#bd2b20;
    border-color:#bd2b20;
    font-size:18px;
    text-decoration:none;
    outline:0;
}

.btn-default:hover {
    color:#ffffff;
    background-color:#d9847e;
    border-color:#d9847e;
    outline:0;
}

.btn-transparent
{
    color:#bd2b20;
    background-color:transparent;
    border-color:transparent;
}

.btn-invert {
    color:#bd2b20;
    background-color:#ffffff;
}


.menu-btn-group
{
    position:fixed;
    display:block;
    width:500px;
    margin-top:-70px;
    right:0;
    z-index:9999;
}

.menu-btn-group button, .login-information btn-default {
    border-radius:0;
}

.minasidor-btn {
    display:block;
}

#menu-toggle-text {
    display:inline-block;
}


footer {
    margin-bottom:0;
    color:#868585;
}

footer ul {
    list-style-type:none;
    padding-left:0;
}

footer .footer-info {
    background-color:#23282c;
}
footer a {
    color:#868585;
}
footer .stripe {
    background-color:#bd2b20;
    height:15px;
}

.login-information {
    color:#ffffff;
    background-color:#bd2b20;
    padding:0 10px 0 10px;
    /*margin-top:2px;*/
    text-align:right;
}
.login-information p {
    margin-top:10px;
    margin-bottom:7px;
}

.cookie-stripe {
    display:none;
    color:#ffffff;
    background-color:#bd2b20;
    padding:10px;
    margin-top:0;
    z-index:10000;
    -webkit-animation: cookieBlink 8s infinite; /* Chrome, Safari, Opera */ 
    animation: 1 cookieBlink 8s infinite;
}

.cookie-stripe p a {
    color:#ffffff;
    text-decoration:underline;
}

.cookie-stripe-on {
    display:block;
    }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
     border-top:none;
}
.tableDate {
    font-size:12px;
    color:#ff0000;
}
/*.tableAvser {

}*/
.tableStatus {
    font-size:12px;
    color:#888888;
}
.tableIconColumn {
    width:30px;
}
.tableIconCell {
    /*height: 10em;*/
    vertical-align: middle !important;
}

.tableHeadlineCell {
    text-overflow:ellipsis;
    max-width:300px;
    white-space:nowrap;
    overflow:hidden;
}

.table .glyphicon, .table .fa {
    color:#333333;
    font-size:24px;
}
.rowAlternate {
    background-color:#f9f9f9;
}

.userInfo {
    float:right;
    padding-right:20px;
    padding-top:5px;
}

#formButtons {
    margin-top:10px;
}

#minasidor_question1, #minasidor_question2, #minasidor_question2_1, #minasidor_question3, #minasidor_question4, #minasidor_question5, #minasidor_question6, #minasidor_question7, #minasidor_question8, #minasidor_question9, #minasidor_studiemedelsansokanejmojligt {
    display: none;
}
#minasidor_question1_JA, #minasidor_question2_JA, #minasidor_question2_1_OK, #minasidor_question3_JA, #minasidor_question4_JA, #minasidor_question5_JA, #minasidor_question6_JA, #minasidor_question7_JA, #minasidor_question8_JA, #minasidor_question9_JA {
    float: right;
    margin: 0 0 0 10px;
}
#minasidor_question1_NEJ, #minasidor_question2_NEJ, #minasidor_question3_NEJ, #minasidor_question4_NEJ, #minasidor_question5_NEJ, #minasidor_question6_NEJ, #minasidor_question7_NEJ, #minasidor_question8_NEJ, #minasidor_question9_NEJ {
    float:right;
}
#minasidor_question1 h3, #minasidor_question2 h3, #minasidor_question2_1 h3, #minasidor_question3 h3, #minasidor_question4 h3, #minasidor_question5 h3, #minasidor_question6 h3, #minasidor_question7 h3, #minasidor_question8 h3, #minasidor_question9 h3, #minasidor_studiemedelsansokanejmojligt h3 {
    text-align: center;
    margin-bottom: 30px;
}
#minasidor_container .well {
    padding:20px 40px 20px 40px;
}
#minasidor_container .well .btn {
    width:auto;
}

#btnNastaSteg, #btnForegaendeSteg, #btnGranskaSteg {
    float:right;
}
#btnForegaendeSteg {
    margin-right:5px;
}

@keyframes cookieBlink {
    0% {background-color:#bd2b20;}
    8% {background-color:#ffffff;}
    16% {background-color:#bd2b20;}
}
@-webkit-keyframes cookieBlink {
    0% {background-color:#bd2b20;}
    8% {background-color:#ffffff;}
    16% {background-color:#bd2b20;}
}

.nav-tabs li a {
    color:#bd2b20;
}
.nav-tabs li.validation-ok a {
    color:#00bb00;
}
.nav-tabs li.validation-ok i:before {
    content: "\f00c";
}


.container {
    margin-top:20px;
}

.well .btn {
    margin-bottom:10px;
    width:100%;
}
.label {
    font-size: 14px;
    font-weight:normal;
    color:#333;
}
.form-control.error {
    border:2px solid #ffaaaa;
    background-color:#fffafa;
}
.nav-tabs.nav-justified > .done > a, .nav-tabs.nav-justified > .done > a:focus, .nav-tabs.nav-justified > .done > a:hover {
    color:#00aa00;
}
.nav-tabs.nav-justified > .invalid > a, .nav-tabs.nav-justified > .invalid > a:focus, .nav-tabs.nav-justified > .invalid > a:hover {
    color:#aa0000;
}
.panel-body a {
    color:#333;
}
.panel-body .tableDate {
    margin-bottom:0;
}

.calendar-panel {
    display: flex;
    flex-direction: column;
    max-height: 280px;
    flex-wrap: wrap;
}
    

.bootstrap-dialog .modal-header {border-top-left-radius:4px;border-top-right-radius:4px}
.bootstrap-dialog .bootstrap-dialog-title {color:#ffffff;display:inline-block;font-size:16px}
.bootstrap-dialog .bootstrap-dialog-message {font-size:14px}
.bootstrap-dialog .bootstrap-dialog-button-icon {margin-right:3px}
.bootstrap-dialog .bootstrap-dialog-close-button {font-size:20px;float:right;}
.bootstrap-dialog .bootstrap-dialog-close-button:hover {cursor:pointer;}
.bootstrap-dialog .bootstrap-dialog-close-button .close {text-shadow:none;visibility:hidden;}
.bootstrap-dialog .bootstrap-dialog-close-button .close:after {visibility:visible;font-family: "Glyphicons Halflings";content: "\e088";}
.bootstrap-dialog.type-default .modal-header {background-color:#bd2b20}
.bootstrap-dialog.type-default .bootstrap-dialog-title {color:#ffffff}
.bootstrap-dialog.type-info .modal-header {background-color:#bd2b20}
.bootstrap-dialog.type-primary .modal-header {background-color:#bd2b20}
.bootstrap-dialog.type-success .modal-header {background-color:#bd2b20}
.bootstrap-dialog.type-warning .modal-header {background-color:#bd2b20}
.bootstrap-dialog.type-danger .modal-header {background-color:#bd2b20}
.bootstrap-dialog.size-large .bootstrap-dialog-title {font-size:24px}
.bootstrap-dialog.size-large .bootstrap-dialog-close-button {font-size:30px}
.bootstrap-dialog.size-large .bootstrap-dialog-message {font-size:18px}
.bootstrap-dialog .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
@-moz-keyframes spin{0% {-moz-transform:rotate(0deg)}100% {-moz-transform:rotate(359deg)}}
@-webkit-keyframes spin{0% {-webkit-transform:rotate(0deg)}100% {-webkit-transform:rotate(359deg)}}
@-o-keyframes spin{0% {-o-transform:rotate(0deg)}100% {-o-transform:rotate(359deg)}}
/*@-ms-keyframes spin{0% {-ms-transform:rotate(0deg)}100% {-ms-transform:rotate(359deg)}}*/
@keyframes spin{0% {transform:rotate(0deg)}100% {transform:rotate(359deg)}}

.carousel-caption {
    bottom:initial;
    top:100px;
}

.carousel-caption h1, .carousel-caption h2 {
    color:#ffffff;
}
.carousel-caption p {
    color:#ffffff;
    font-size:18px;
}
.carousel-caption a {
    text-decoration:underline;
    color:#ffffff;
}
.carousel {
    height: 400px;
    margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    text-shadow: 1px 1px 20px #000000;
    z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel .item {
    height: 400px;
    /* background-color: #777; */
}
.carousel-inner > .item > img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    /*top: 0;
    left: 0;*/
    /*min-width: 100%;*/
    min-height: 400px;
    overflow:hidden;
}
.carousel .container {
    margin-top:0;
}

.radiolabel {
    margin-left:15px;
}

.pdflist a {
     text-decoration:none;
     color:#333333;
     font-size:18px;
 }

.selectchildrencontrol {
    border-radius: 4px;
    box-shadow: inset 0 0 2px rgba(0,0,0,.1);
    margin-top:50px;
 }
.selectchildrencontrol td:nth-child(1) {
    width:90px;
}
.selectchildrencontrol td:nth-child(3) {
    width:10px;
}
.selectchildrencontrol tr:nth-child(even) {
    background-color:#ededed;
}
.selectchildrencontrol .glyphicon {
    font-size:12px;
    cursor:pointer;
}
.selectchildrenbutton, .selectchildrenbutton:focus {
    padding:2px 12px 2px 12px;
    font-size:14px;
    height:32px;
}

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

.casedocumentlist {
    width: 90%;
    margin-left: 50px;
    /*border: 2px solid #ffe0e0;*/
}
.casedocumentlist td, .contentadminlist td {
    padding: 10px;
}

    .contentadminlist td.duedatewarning {
        font-style: italic;
        color: #ff0000;
    }

.checkbox {
    display: inline-block !important;
    height: unset !important;
    position: relative !important;
    margin: unset !important;
    width: unset !important;
}

.form-control.checkbox {
    width: 16px;
}

#Label_Content_ShowInMenu {
    position: absolute;
    top: 13px;
}


.kalender .glyphicon-calendar {
    font-size: 20px;
}
.kalender .panel-body h2 {
    font-size: 20px;
}

.puff {
    
    background-size: auto;
    min-height: 400px;
}

.puff .wave h1 {
        color: #ffffff;
    }

.ocean {
    color: #ffffff;
    height: 0%;
    width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
}

.wave {
    /*background: url(/images/wave.svg) repeat-x;*/
    position: absolute;
    bottom:0;
    left: 0;
    height: 198px;
    /*on: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;*/
    transform: translate3d(0, 0, 0);
    background: linear-gradient(to bottom, rgba(1, 88, 113, 0.2), rgba(1, 88, 113, 2));
}

.panel.nyhet {
    padding: 10px 15px 10px 15px;
    background-color: rgba(1, 88, 113, 1);
    border:0;
}

.panel.nyhet h1 {
    font-size: 22px;
    color: #ffffff;
    margin-top: 0;
}
.panel.nyhet p {
    font-size: 15px;
    color: #aaaaaa;
    margin-bottom: 0;
}
.panel.nyhet .glyphicon-grain {
    color: #ffffff;
    display:block;
    float:left;
    position: relative;
    margin: 10px 20px 10px 5px;
    font-size: 35px;
}

/* Responsive Styles */
@media (max-width: 767px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
            margin-left: -120px;
        }

        #menu-toggle-text {
            display: none;
        }

        .minasidor-btn {
            display: none;
        }

        .mobile-only {
            display: block !important;
        }

        .desktop-only {
            display: none !important;
        }
    }

    @media (min-width: 768px) {
        .nav-tabs.nav-justified > li > a {
            border-bottom: 4px solid #bd2b20;
        }

        .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
            border: 4px solid #bd2b20;
            border-bottom-color: #ffffff;
        }

        .mobile-only {
            display: none !important;
        }

        .desktop-only {
            display: block !important;
        }
    }

    @media(max-width:767px) {
        .img-portfolio {
            margin-bottom: 15px;
        }

        carousel .carousel {
            height: 70%;
        }

        .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
            border: 4px solid #bd2b20;
        }
    }

    @media(max-width:991px) {
        .customer-img,
        .img-related {
            margin-bottom: 30px;
        }
    }
    /* IE 10/11 specific hack */
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .menu-btn-group {
            right: 16px; /* nav buttons wont be hidden by the scrollbar */
        }
    }