body {
    font-family: 'Open Sans', 'sans-serif';
    background-color: #f5f6f6;
    background-image: none;
    margin: 0;
    font-size: 14px;
}

.section_header_text h2 {
    font-size: 18px !important;
}

.wrap-table {
    width: 100%;
    box-shadow: 5px 0 8px -4px rgba(0, 0, 0, 0.3),
        -5px 0 8px -4px rgba(0, 0, 0, 0.3);
    border-left: 1px rgba(0, 0, 0, .2) solid;
    border-right: 1px rgba(0, 0, 0, .2) solid;
}

.notloggedincontainer {
    padding: 30px 0 !important;
    margin-top: 14px;
    border-top: 1px #f1f1f1 solid;
}

#logo_layer {
    margin-top: 0 !important;
}

.outercont {
    border: none !important;
}

.two-column-parent {
    display: flex;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between;
    flex-direction: column;
    padding-left: 10px !important;
}

.two-column {
    width: 100% !important;
    display: block;
    float: initial !important;
    text-align: initial !important;
}

.full-width {
    width: 100% !important;
}

.vikarforminput {
    font-family: 'Open Sans', 'sans-serif' !important;
    width: 90% !important;
}
.vikarforminput.w-100 {
    width: 100%!important;
}

.reference .vikarforminput {
    width: 100% !important;
}

.no-gutters {
    padding-left: 0;
    padding-right: 0;
}

.selected-education {
    font-size: 14px;
    background-color: #fff;
    border: 1px #f1f1f1 solid;
    padding: 8px;
}

.selected-education .files {
    border-top: 1px #f1f1f1 solid;
}

#UddSelectedList .container:first-of-type {
    margin-top: 25px;
}

.kompetencerheader_image {
    display: none;
}

.kompetencerheader_text {
    width: 100%;
    height: auto !important;;
    background-image: none !important;
    background-color: #92bbd1;
    float: initial !important;
}

.kompetencerheader_text label {
    margin-bottom: 0;
}

.kompetencerheader .kompetencerheader_text div {
    display: flex;
    flex-direction: row;
}

.kompetencerheader .kompetencerheader_text div div {
    float: initial !important;
}

h1.profile-image-error {
    font-size: 14px;
    border-left: 4px #ff1100 solid;
    padding: 7px 0 10px 8px;
}

.largeimagecontainer img {
    max-width: 100%;
}

.selected-abilities .kompetence {
    border-bottom: 1px #f1f1f1 solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.frontpage .SectionHeader {
    height: auto !important;
    padding-bottom: 0 !important;
    padding-top: 18px;
    margin-bottom: 20px;
}

.frontpage .vikarproceed {
    margin-top: 20px;
}

.frontpage #html_element div {
    margin: 0 auto;
}

.frontpage .bread_header {
    margin-left: 0 !important;
    text-align: center;
}

.section_header_edit input[type=button] {
    width: auto;
    padding: 8px 15px;
}

@media (min-width: 768px) {
    .kompetencerheader_image {
        display: block;
    }

    .kompetencerheader_text {
        width: auto;
        height: 22px !important;
        background-image: url(/images/vikarformular_kompetence_header_filler.png) !important;
        float: left !important;
    }

    .section_header_text h2 {
        font-size: 20px !important;
    }
}

@media (min-width: 992px) {
    .mimic-table-header {
        font-weight: 600;
        padding: 4px 0;
        background-color: #f1f1f1;
        font-size: 14px;
        border-bottom: 1px #dadada solid;
    }
}

@media (min-width: 1200px) {
    .section_header_text h2 {
        font-size: 24px !important;
    }

    .wrap-table {
        width: 1200px;
    }

    .notloggedincontainer {
        padding: 50px 100px !important;
    }

    .outercont {
        border: 1px solid #807f7f !important;
    }


    .two-column-parent {
        display: flex;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: space-between;
        flex-direction: column;
        padding-left: 10px !important;
    }

    .two-column {
        width: 49% !important;
        display: block;
        float: initial !important;
        text-align: initial !important;
    }


}