#mobile_current_question {
    display: none;
}

.padding-25 {
    padding: 25px;
}

.analysis_prev_btn_container_mobile {
    display: inline-block;
}
/* Candidate/Dashboard */
.no-left-padding {
    padding-left: 0px;
}
/* Temp fix to make sure entire hamburger menu shows on smaller pages. */
.full-height-tab {
    min-height: 891px; 
}

.full-height {
    height: 100%;
}

.height-90 {
    height: 97%;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-right-15 {
    padding-right: 15px;
}

.navbar-brand > img {
    margin-top: -6px;
}

.background_white {
    background-color: white;
}

.display-inline {
    display: inline;
}

.width-100 {
    width: 100px;
}

.navbar-brand {
    padding: 15px 20px;
    margin-right: 10px;
    height: 54px;
    max-width: 250px;
    font-weight: 100;
    font-size: 18px;
    line-height: 30px;
}
/* Einde Candidate/Dashboard */

/* Begin profiel */
.text-bold {
    font-weight: bold;
}

.error-list-pw {
    color: red;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: left;
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 2px;
}

.password-label {
    text-align: center !important;
}

.progress-bar {
    color: white;
}

.progress-bar-weak {
    background-color: #d9534f;
}

.progress-bar-good {
    background-color: #5cb85c;
}

.progress-bar-strong {
    background-color: #288b28;
}

.progress-bar-verystrong {
    background-color: #025702;
}

.pwProgress {
    padding-top: 5px;
}

    .pwProgress .progress {
        margin-bottom: 0px;
    }

.d-none {
    display: none !important;
}

/* Fix for stickingout menu sidebar on smaller screens (small version) */
@media (max-width: 767px) {
    .page-with-wide-sidebar .sidebar, .page-with-wide-sidebar .sidebar-bg {
        left: auto;
        width: auto;
    }
}


/*.nav-tabs > li > a.contains-error {
    color: red !important;
}

.nav-tabs > li > a.contains-error::after {
    content: " !";
}*/

.full-width {
    width: 100%;
}
/* Einde profiel */

/* Begin beheer feedbackgevers */
.bold-700 {
    font-weight: 700;
}

.bold {
    font-weight: bold;
}

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

ul.pagination li.next a,
ul.pagination li.previous a {
    min-width: 100px !important;
    text-align: center;
}
/* Einde beheer feedbackgevers */

/*Begin 90 graden feedback*/
#endMessage {
    width: 100% !important;
}

.input-group.group-addon-width-auto .input-group-addon {
    width: auto;
}
/*Einde 90 graden feedback*/

/*Begin beroepsinteresse analyse*/
.jia-assessment .jiaItem {
    /*width: 75%;*/
    display: block;
    margin: 0 auto;
}

.jia-assessment .jiacolorcirclemarginbothsides {
    margin-right: 30px;
    margin-left: 15px;
}

.jia-assessment .jiacolorcircle {
    display: inline-block;
    height: 5px;
    width: 5px;
    /*line-height: 5px;*/
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    background-color: #FFF;
    margin: 7px 0;
}

.jia-assessment #questionContent #table1 a[data-value='0'] .jiacolorcircle {
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 4px #EE7352;
    -moz-box-shadow: 0px 0px 0px 4px #EE7352;
    box-shadow: 0px 0px 0px 4px #EE7352;
}

.jia-assessment #questionContent #table1 a[data-value='0']:hover {
    background-color: #EE7352 !important;
    border-color: white !important;
}

    .jia-assessment #questionContent #table1 a[data-value='0']:hover .jiacolorcircle {
        background-color: #EE7352;
        -webkit-box-shadow: 0px 0px 0px 4px #FFF;
        -moz-box-shadow: 0px 0px 0px 4px #FFF;
        box-shadow: 0px 0px 0px 4px #FFF;
    }

.jia-assessment #questionContent #table1 a[data-value='1'] .jiacolorcircle {
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 4px #0085C8;
    -moz-box-shadow: 0px 0px 0px 4px #0085C8;
    box-shadow: 0px 0px 0px 4px #0085C8;
}

.jia-assessment #questionContent #table1 a[data-value='1']:hover {
    background-color: #0085C8 !important;
    border-color: white !important;
}

    .jia-assessment #questionContent #table1 a[data-value='1']:hover .jiacolorcircle {
        background-color: #0085C8;
        -webkit-box-shadow: 0px 0px 0px 4px #FFF;
        -moz-box-shadow: 0px 0px 0px 4px #FFF;
        box-shadow: 0px 0px 0px 4px #FFF;
    }

.jia-assessment #questionContent #table1 a[data-value='2'] .jiacolorcircle {
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 4px #50B47E;
    -moz-box-shadow: 0px 0px 0px 4px #50B47E;
    box-shadow: 0px 0px 0px 4px #50B47E;
}

.jia-assessment #questionContent #table1 a[data-value='2']:hover {
    background-color: #50B47E !important;
    border-color: white !important;
}

    .jia-assessment #questionContent #table1 a[data-value='2']:hover .jiacolorcircle {
        background-color: #50B47E;
        -webkit-box-shadow: 0px 0px 0px 4px #FFF;
        -moz-box-shadow: 0px 0px 0px 4px #FFF;
        box-shadow: 0px 0px 0px 4px #FFF;
    }

.jia-assessment .jiaQuestionHeader {
    padding-bottom: 25px;
    background: #fff;
    font-weight: normal;
}

.width-125 {
    width: 125px !important;
}

.margin-top-8 {
    margin-top: 8px;
}

a.list-group-item:hover,
li.list-group-item:hover,
a.list-group-item.active,
li.list-group-item.active {
    background: #348fe2 !important;
    border-color: #2083dd !important;
}

    a.list-group-item:hover:hover > .badge,
    li.list-group-item:hover:hover > .badge,
    a.list-group-item.active:hover > .badge,
    li.list-group-item.active:hover > .badge {
        color: #242A30;
        background-color: #FFF;
    }

a.list-group-item:hover,
li.list-group-item:hover {
    color: #fff!important; /*override template.css a element styling*/
    background: #2A72B5 !important;
    border-color: #2565a0 !important;
}

a.list-group-item:focus,
li.list-group-item:focus {
    color: #fff !important;
    background: #348fe2 !important;
    border-color: #2083dd !important;
}

.currentquestiontextline {
    vertical-align: middle;
    line-height: 22px;
}

#answerData .progress-bar {
    line-height: 22px;
}

.font-14 {
    font-size: 14px;
}
/*Einde beroepsinteresse analyse*/

/*Begin intake vragenlijst*/
.min-width-btn {
    min-width: 111px;
}

.questionHeader {
    background-color: #fff;
    border: 5px solid #ffffff;
    padding: 30px;
    padding-top: 0px;
    padding-right: 31px;
    font-size: 20px !important;
}

.font-style-no-spacing {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

textarea {
    resize: none;
}
/*Einde intake vragenlijst*/

/*Begin Talentenanalyse 170*/
.m-t-6 {
    margin-top: 6px;
}

ul.list-group-sortable li:hover {
    cursor: move;
    color: #fff;
}

ul.list-group-sortable li.active {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
}

    ul.list-group-sortable li.active > .badge {
        color: #fff;
        background-color: #777;
    }
/*Einde Talentenanalyse 170*/

/*TODO ERRORS nog nakijken, rtl nog doen*/

/*Begin Capa*/
.list-group-horizontal a {
    margin: 5px auto;
    display: inline-block;
}

.list-group-horizontal .list-group-item {
    border-radius: 0;
}

.selectedAnswer.list-group-item {
    background-color: #348fe2;
    color: white!important;
}

.margin-top-8 {
    margin-top: 8px;
}

.timer {
    min-width: 70px;
    display: inline-block;
    text-align: center;
}

.font-style-spacing {
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    word-spacing: 30px;
}

.list-group-vertical a {
    margin: 5px auto;
}

.questionContent {
    background-color: white;
}

.blink-red {
    animation-duration: 1000ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation: blink 1000ms infinite; /* Safari and Chrome */
}

@keyframes blink {
    from {
        color: red;
    }

    to {
        color: white;
    }
}

@-webkit-keyframes blink {
    from {
        color: red;
    }

    to {
        color: white;
    }
}
/*Einde Capa*/

.has-error .help-block {
    list-style: none !important;
}

.has-error.dark {
    /*.control-label {
        color: #b92c1b;
    }*/
}

    .has-error.dark .help-block {
        display: block;
        border: 1px solid;
        padding: 5px 10px;
        border-radius: 2px;
        margin-top: 2px;
        position: relative;
        background: #e66454;
        background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.04)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.04)), color-stop(0.75, rgba(255, 255, 255, 0.04)), color-stop(0.75, transparent), to(transparent));
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent);
        background-size: 20px 20px;
        border-color: #df3c28;
        color: #ffffff;
    }

        .has-error.dark .help-block:before,
        .has-error.dark .help-block:after {
            content: "";
            position: absolute;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
        }

        .has-error.dark .help-block:before {
            border-bottom: solid;
            border-width: 7px;
            border-bottom-color: #b92c1b;
            left: 16px;
            top: -7px;
        }

        .has-error.dark .help-block:after {
            border-bottom: 6px solid;
            border-bottom-color: #e76858;
            left: 17px;
            top: -6px;
        }

    .has-error.dark .form-control {
        border-color: #e66454;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .has-error.dark .form-control:focus,
        .has-error.dark .form-control.focus {
            border-color: #df3c28 !important;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .has-error.dark .form-control-feedback {
        color: #df3c28;
    }

    .has-error.dark .input-group-addon {
        color: #ffffff;
        border-color: #df3c28;
        background-color: #e66454;
    }
    

ul.customPager {
    list-style-type: none;
    margin: 0;
    margin-top: 15px;
    padding: 5px;
}

    ul.customPager > li {
        display: inline;
        padding-right: 5px;
    }

        ul.customPager > li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            font-weight: 300;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

    ul.customPager .next > a,
    ul.customPager .next > span {
        float: right;
    }

    ul.customPager .previous > a,
    ul.customPager .previous > span {
        float: left;
    }

    ul.customPager .disabled > a,
    ul.customPager .disabled > a:hover,
    ul.customPager .disabled > a:focus,
    ul.customPager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

input[type=checkbox][name^=SelfStartFeedback] {
    margin: 8px 0px 0px;
}

.suggestionPosition {
    position: absolute;
    right: 16px;
    z-index: 10;
}
/*Einde wizard*/

/*Start DashboardIndividual*/
.col-centered {
    float: none;
    margin: 0 auto;
}

.border-radius-5 {
    border-radius: 5px;
}

.line-height-22 {
    line-height: 22px;
}

.nav-tabs > li > a {
    color: #fff;
}

    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        color: #6e7179 !important;
    }

.fa-1_4x {
    font-size: 1.4em;
}


.fa-2_4x {
    font-size: 2.4em;
}

.no-margin {
    margin: 0;
}

.pb15 {
    margin-left: 5px !important;
}

.smallTablePadding {
    padding: 5px 15px !important;
}


label.checkbox-aligned input {
    vertical-align: middle;
    margin-top: 0px;
}

label.checkbox-aligned span {
    display: inline-block;
    max-width: calc(100% - 20px);
    vertical-align: middle;
    word-break: keep-all;
}

.grey-background {
    background-color: #CCCCCC;
}

.bigger-icon {
    font-size: 19px;
}

#feedbackDetailTableContainer .nav-pills > li > a.active,
#feedbackDetailTableContainer .nav-pills > li > a:hover,
#feedbackDetailTableContainer .nav-pills > li > a:focus {
    background: #348fe2;
    color: #fff!important;
}
/*Einde DashboardIndividual*/

/*Begin zelfstart*/
#data-table-mobile li {
    border-bottom: solid #F0F3F5 1px;
    padding: 8px 0;
}

    #data-table-mobile li:last-of-type {
        border-bottom: none;
    }

.mobile_table_name {
    background-color: #F0F3F5;
    border: solid #dcdfe0 1px;
}

    .mobile_table_name td {
        padding: 2px 0;
    }

#data-table-mobile ul {
    padding: 0 15px;
    border-bottom: solid #F0F3F5 2px;
    margin-bottom: 20px;
}

.mobile_table_title {
    min-width: 25%;
    display: inline-block;
}


/*Einde zelfstart*/

.mobile_message, .capa_mobile_message {
    display: none;
}

.dashboard_background_white {
    margin-top: 5%;
}

.dtr-details {
    list-style-type: none;
    padding-inline-start: 0;
}

/*Dashboard spacings*/
.dashboard-tab-margin {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
    padding: 0px !important;
}

.dashboard-tab-margin-small {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
    padding: 0px !important;
}

.dashboard-tab-margin-extra-small {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
    padding: 0px !important;
}

/* print pdf */
div[id*="-print-action"] {
    cursor: pointer;
    color: #7F7F7F;
}

.dimensionBlock {
    margin: 0 0 10px 0 !important;
    padding: 0px;
    text-align: center;
    height: 37px !important;
}

    .dimensionBlock > a {
        height: 37px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .dimensionBlock > a {
        margin-right: 5px;
        padding: 10px 0px;
    }

html[dir=rtl] .dimensionBlock > a {
    margin-right: 0;
    margin-left: 5px;
    padding: 10px 0px;
}

@media only screen and (max-width: 991px) {
    .dimensionBlock:nth-child(odd) > a {
        margin-right: 5px;
        padding: 10px 0px;
    }

    .dimensionBlock:nth-child(even) > a {
        margin-right: 0px;
        padding: 10px 0px;
    }

    html[dir=rtl] .dimensionBlock:nth-child(odd) > a {
        margin-left: 5px;
        padding: 10px 0px;
    }

    html[dir=rtl] .dimensionBlock:nth-child(even) > a {
        margin-left: 0px;
        padding: 10px 0px;
    }
}

html[dir=rtl] #competence-question-main-container .talent-navpill {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

/* Scrollable div for TMA start messages*/
.scrollable-startmessage {
    min-height: 100px;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-body-scroll {
    height: 80vh;
    overflow-y: auto;
}

section#main-section .workout-index-wrapper section.header {
    margin-top: -3px;
}
/* Candidate/Dashboard */
@media only screen and (max-width : 580px) {
    .padding-left-15 {
        text-align: left;
        font-size: 24px;
    }
}
/* Einde Candidate/Dashboard */

/*Begin 90 graden feedback*/
@media only screen and (max-width : 580px) {
    .panel-inverse {
        overflow: scroll;
        scrollbar-width: none;
    }
}
/*Einde 90 graden feedback*/

/*Begin beroepsinteresse analyse*/
@media only screen and (max-width : 580px) {
    #prevQ {
        float: left;
    }
}
/*Einde beroepsinteresse analyse*/

/*Begin Talentenanalyse 170*/
@media only screen and (max-width : 580px) {
    .width-300 {
        width: 220px !important;
    }
}
/*Einde Talentenanalyse 170*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 580px) {
    #developmentactivitygraph ul, #feedbackcoachadvicesgraph ul {
        padding-inline-start: inherit;
    }

    .hide-580 {
        display: none;
    }

    .language-select {
        padding-left: 0;
    }

    .page-with-wide-sidebar .sidebar, .page-with-wide-sidebar .sidebar-bg {
        width: 250px;
    }

    /*START DENY ACCESS TO DASHBOARD, REPORTS, CAPA*/
    .mobile_message, .capa_mobile_message {
        padding: 0 5% !important;
        width: 100%;
        display: block;
        height: 100vh;
        background-color: white;
    }

    #pdf-container {
        display: none;
    }

    .report_page, .dashboard_page, .capa_page {
        display: none;
    }

    #pdf-container > #pdf-header, #pdf-container > .pdfcontent1row {
        max-width: 100%;
    }

    .mobile_blocked, .capa_mobile_blocked {
        display: none !important;
    }
    /*END DENY ACCESS TO DASHBOARD, REPORTS, CAPA*/

    /*START SHARED*/
    .sidebar {
        position: absolute;
        padding-top: 0;
        z-index: 1030;
    }

    .page-with-wide-sidebar .sidebar {
        position: absolute;
        left: -250px;
    }

    .page-sidebar-toggled .sidebar {
        position: fixed;
        left: 0;
    }

    #content {
        margin-left: inherit;
        height: 100%;
    }

    .navbar-toggle span {
        background: white;
    }

    .navbar-toggle {
        border: 1px solid white;
        display: block;
    }

    .sidebar-bg {
        position: initial;
        background: none;
        left: -60px;
        z-index: 1020;
    }

    .dropCult {
        left: 0 !important;
    }

    .page-sidebar-toggled.page-with-wide-sidebar .sidebar {
        width: 75% !important;
    }

    .dtr-details li {
        padding: 5px;
    }

    .sidebar-minify-btn {
        display: none !important;
    }

    .pace-progress, .pace-activity {
        top: 54px !important;
    }

    #finishBtn {
        width: 100%;
    }

    .progress {
        width: 100%;
    }

    .question_count {
        float: none !important;
        margin: 0 auto;
    }

    .jia_index_text, .open_question_text, .feedback_analysis_text, .intake_index_text, .tma_index_text {
        padding: 0 !important;
    }

    #data-table thead tr:first-child {
        display: none;
    }

    .pace-done {
        font-size: 12px !important;
    }

    .page-header {
        background-color: white;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        text-align: center;
    }

    #content {
        padding: 54px 0 0 0;
    }

    .panel-inverse {
        height: 100vh !important;
        margin-bottom: 0;
    }

    .navbar-header {
        border-bottom: none;
    }

    #nextQ {
        width: auto;
        text-align: center;
    }

    #prevQ {
        width: auto;
        text-align: center;
    }

    .analysis_prev_btn_container_mobile {
        width: 25%;
        float: left;
        position: relative;
        min-height: 1px;
    }

    #mobile_current_question {
        display: inline-block;
        font-size: 16px;
        margin: 6px 0;
    }

    .progress_container {
        display: none;
    }

    .finish_btn_container #nextQ {
        font-size: 14px !important;
    }
    /*END SHARED*/

    /*START NAVBAR*/
    .form-group.navbar-form.btn-group.no-left-padding > a {
        border: none;
    }

    .navbar-brand {
        display: none !important;
    }

    .font_resize_btns {
        display: none !important;
    }

    .navbar-toggle {
        border: none !important;
        right: 0;
    }

    .navbar-right {
        float: none;
        width: auto;
    }

        .navbar-right .navbar-form {
            padding-left: 10px;
        }

    .navbar-user > a {
        padding: 16px 0 !important;
    }

    .navbar-user {
        float: right !important;
        /*margin-right: 53px;*/
        margin-right: 15px;
    }

        .navbar-user .dropdown-menu {
            left: unset !important;
            right: -72px !important;
            min-width: 120px !important;
        }

    .instruction_button {
        display: none;
    }

    .navbar-header {
        width: auto;
    }
    /*END NAVBAR*/

    /*START HOME/DASHBOARD*/
    .table_row {
        margin: 0;
    }

    .dashboard_background_white {
        margin-top: 0 !important;
        min-height: 100%;
    }

        .dashboard_background_white h2 {
            margin-top: 0 !important;
        }

    .sorting_1 {
        max-width: 50%;
    }
    /*END HOME/DASHBOARD*/

    /*START PROFILE*/
    .profile-right {
        margin: 0px;
    }

    .table-profile tr td {
        padding: 10px !important;
    }

    .password-label {
        white-space: normal;
    }

    .table-responsive {
        border: none;
    }

    .table-profile thead {
        background-color: #D9E0E7;
    }

        .table-profile thead tr th {
            border: none !important;
        }

    .profile-container {
        height: auto;
        padding: 0;
    }

    .profile-info > .table-responsive {
        margin-bottom: 0;
    }

    .change_email, #currentEmail {
        float: left;
    }

    .table-profile td {
        white-space: normal !important;
    }

    .table-profile .field {
        width: 34% !important;
    }
    /*END PROFILE*/

    /*START MANAGEANALYSIS*/
    #data-table-fbProviders td {
        padding: 2px;
    }

    .add_fb_givers .panel {
        margin-bottom: 0;
    }

    #data-table-fbProviders thead tr:first-child {
        display: none;
    }

    #add-feedbackuser-btn {
        font-size: 1em;
    }

    .feedback_panel {
        padding: 0;
        min-height: 100vh;
    }

        .feedback_panel > h2 > small {
            display: none;
        }

    .add_fb_givers {
        margin: 0 !important;
        width: 100%;
    }

        .add_fb_givers > div {
            padding: 0 !important;
        }

    #data-table-fbProviders_length {
        display: none;
    }

    .feedback_panel > .col-lg-12 > h2 {
        font-size: 2em;
        text-align: center;
    }

    #data-table-fbProviders_info, #data-table-fbProviders_paginate {
        display: none !important;
    }

    .btn_to_questions {
        width: 100% !important;
        margin: 0 0 2% 0 !important;
    }
    /*END MANAGEANALYSIS*/

    /*START FEEDBACKANALYSIS*/
    #NextQuestion, #PreviousQuestion, #LastQuestion {
        width: auto !important;
    }

    .feedback_analysis_text {
        padding: 0 !important;
    }

    .analysis_button_container {
        margin-top: 3%;
    }

    #startMessage tr td {
        padding: 0 15px 0 15px;
    }

    .start_button_container {
        padding: 0;
    }

    .feedback_analysis_index_container {
        margin: 0;
        width: 100%;
    }

        .feedback_analysis_index_container .full-height {
            width: 100%;
            padding: 0;
        }

    #ProgressBar {
        display: none;
    }
    /*END FEEDBACKANALYSIS*/

    /*START JIA*/
    .jia-assessment {
        margin-top: 0 !important;
    }

        .jia-assessment #prevQ {
            float: left;
        }

    /*END JIA*/

    /*START TMA 170*/
    #closeInstructionBtn {
        margin-bottom: 5%;
    }

    #instructionBody h3 {
        text-align: center;
    }

    #tma_analyse_container > .col-12 {
        padding: 0;
    }

    #backDashboardBtn {
        width: 100%;
    }

    .science_form .control-label {
        text-align: center;
    }

    .science_form .form-control {
        width: 100% !important;
    }

    #sciencePanel #submitBtn, #sciencePanel #skipBtn {
        width: 49%;
    }

    #sciencePanel .row {
        margin: 0;
    }
    /*END TMA 170*/

    /*START OPEN QUESTION*/
    #mainIndexContainer {
        width: 100%;
        margin: 0;
    }

        #mainIndexContainer .full-height {
            padding: 0 !important;
        }
    /*END OPEN QUESTION*/

    /*START WIZARD*/
    #self-start-feedback-wizard-page {
        width: 100%;
        margin: 0;
    }

        #self-start-feedback-wizard-page > div {
            padding: 0;
        }

    .input-daterange {
        display: block;
    }

        .input-daterange span {
            display: inline-block;
            margin: 0 47% !important;
        }



    #available-competences, #selected-competences {
        height: auto;
        padding-left: 0 !important;
    }

    .customPager {
        width: 100%;
        padding: 0 !important;
    }

        .customPager a {
            width: 45% !important;
        }

    #addFeedbackgiverBtn {
        width: 100%;
        margin-top: 5px;
    }

    #self-start-feedback-wizard-page #step3 h1 {
        font-size: 2em;
    }

    #start-self-feedback-btn {
        width: 100%;
    }

    #data-table-mobile {
        display: inline-table !important;
    }

    /*END WIZARD*/

    /*START FEEDBACKGIVER ANALYSIS*/
    .finished_text {
        padding-top: 50%;
        margin-top: 0;
    }
    /*END FEEDBACKGIVER ANALYSIS*/

    .finish_button_container, #messageContent {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #endMessage {
        padding: 0;
    }

    .finish_button_container {
        padding-top: 0 !important;
    }

    /*START PRIVACY*/
    .privacy_header_mobile {
        text-align: center;
        margin: 0;
        padding: 0;
        background-color: white;
    }

    .privacy_dashboard_top {
        margin-top: 0;
    }
    /*END PRIVACY*/

    .feedback_openquestion_index_text {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .navbar-nav > li:first-child {
        display: none;
    }
}

/*mobile landscape-small*/
@media only screen and (max-width: 580px) and (min-aspect-ratio: 13/9) {
    .delete_personal_data_row {
        width: 50%;
        float: left;
    }

    .stop_sharing_row {
        width: 50%;
        float: right;
    }

    .privacy_dashboard hr {
        display: none;
    }

    .privacy_dashboard_contact {
        float: left;
        margin-top: 5%;
        border-top: solid #eee 1px;
        padding-top: 15px;
    }
}

@media only screen and (max-width: 580px) {
    .navbar-toggle {
        margin-right: -15px;
    }

    html[dir=rtl] .navbar-header {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    html[dir=rtl] .navbar-toggle {
        float: left !important;
    }

    html[dir=rtl] .navbar-nav {
        position: absolute !important;
        margin-right: -15px !important;
        left: 80px !important;
        right: 0px !important;
    }

    html[dir=rtl] .navbar-user {
        float: left !important;
    }

    html[dir=rtl] .language-select {
        padding: 0px !important;
    }

    .feedback_analysis_index_container.information-wrapper {
        padding: 15px 0;
    }

    [class*=-analysis-container] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        padding-top: 2rem !important;
        margin: 0 !important;
    }

    .jia-analysis-container #questionHeaderContent, .jia-analysis-container #questionContent {
        padding-left: 0;
        padding-right: 0;
    }

    .feedback-analysis-container #competenceContainer {
        padding-left: 0;
        padding-right: 0;
    }

    .labor_market_scan_index_container #startMessage {
        padding: 2em;
    }

    section.feedback-manage-wrapper, .jia_index_container, section.openquestion-analysis-container {
        padding: 1em;
    }

    .tma-analysis-container #startMessage, .intake-analysis-container#mainIndexContainer {
        margin-top: -15px !important;
    }

    .labormarketscan-analysis-container {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .triades-container {
        padding-top: 1rem !important;
    }

    textarea.competenceComment {
        margin-bottom: 2em;
        width: 100%;
    }

    .feedback_per_competence {
        margin: 0 !important;
    }

    [class*=-analysis-container] .end-message-container {
        padding-left: 0;
        padding-right: 0;
    }

        [class*=-analysis-container] .end-message-container .header .heading .h1, [class*=-analysis-container] .end-message-container.body {
            padding: 0;
        }

    .feedback-analysis-container #endContainer {
        padding-left: 2em;
        padding-right: 2em;
    }

        .feedback-analysis-container #endContainer #finishBtn {
            float: right;
        }

    .no-data-found-message-container {
        display: block;
        padding: 2em;
    }

    section#blocks_sharedtalents {
        padding: 1em;
    }

    section#blocks_sharetalentsdetails {
        padding: 1em;
    }

    section#blocks_shared {
        padding: 1em;
    }

    section#blocks_other {
        padding: 1em;
    }
}

/* Candidate/Dashboard */
@media only screen and (min-width: 581px) and (max-width: 768px) {
    .sidebar {
        position: absolute;
        padding-top: 0;
        z-index: 1030;
    }

    .page-with-wide-sidebar .sidebar {
        position: absolute;
        left: -250px;
    }

    #content {
        margin-left: inherit;
        padding-top: 68px;
    }

    .navbar-toggle span {
        background: white;
    }

    .navbar-toggle {
        border: 1px solid white;
        display: block;
    }

    .sidebar-bg {
        position: initial;
        background: none;
        left: -60px;
        z-index: 1020;
    }
}
/* Einde Candidate/Dashboard */

/* Begin profiel */
@media only screen and (min-width: 581px) and (max-width: 768px) {
    .profile-right {
        margin: 0 !important;
    }
}
/* Einde profiel */

/*Begin Talentenanalyse 170*/
@media only screen and (min-width: 581px) and (max-width: 768px) {
    .page-sidebar-toggled .sidebar {
        position: fixed;
        left: 0;
        /*width: 100%;*/
    }
}
/*Einde Talentenanalyse 170*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width: 581px) and (max-width: 768px) {
    .page-with-wide-sidebar .sidebar, .page-with-wide-sidebar .sidebar-bg {
        width: 250px;
    }
    /*START NAVBAR*/
    ul.nav .open-explanation .navbar-form {
        padding-left: 15px!important;
    }

    .navbar-right {
        margin-right: 0 !important;
    }

    .navbar-user .dropdown-menu {
        left: 0 !important;
    }

    .navbar-brand {
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    .navbar-user .dropdown-menu {
        left: unset !important;
        right: -89px !important;
    }
    /*END NAVBAR*/

    /*START FEEDBACKANALYSIS*/
    .compContainer h3 {
        margin-top: 0;
    }

    .dtr-details {
        display: block !important;
    }

    #content {
        height: auto;
    }

    .delete-record, .resend-fbGiver-email {
        margin: 0 7%;
    }

    #data-table-fbProviders thead tr:first-child {
        display: none;
    }

    #data-table-fbProviders_info, #data-table-fbProviders_paginate {
        display: none !important;
    }

    #data-table-fbProviders_length {
        display: none;
    }

    .feedback_panel > h2 > small {
        display: none;
    }

    .btn_to_questions {
        width: 100% !important;
        margin: 0 0 2% 0 !important;
    }

    #finishBtn {
        float: left;
        margin-left: 10%;
    }

    .background_white {
        margin-bottom: 20px;
    }
    /*END FEEDBACKANALYSIS*/

    /*START SHARED*/
    .panel-inverse {
        min-height: 100vh !important;
        height: 100%;
        margin-bottom: 0;
    }

    .sidebar-minify-btn {
        display: none !important;
    }

    .page-sidebar-toggled.page-with-wide-sidebar .sidebar {
        width: 50% !important;
    }

    .dtr-details li {
        padding: 5px;
    }

    .page-header {
        margin-top: 0 !important;
    }

    .pace-progress, .pace-activity {
        top: 58px !important;
    }

    #NextQuestion, #PreviousQuestion, #LastQuestion {
        width: auto !important;
    }

    .analysis_prev_btn_container_mobile {
        display: unset;
    }
    /*END SHARED*/

    /*START TMA170*/
    .science_form .form-control {
        width: 100% !important;
    }

    #instructionBody h3 {
        text-align: center;
    }

    #sciencePanel #submitBtn, #sciencePanel #skipBtn {
        width: 49%;
    }

    #tma_analyse_container {
        margin: 0;
    }

    #tma_analyse_container .full-height {
        padding: 0;
    }
    /*END TMA170*/

    /*START DASHBOARD*/
    #data-table_wrapper #data-table thead tr:first-child {
        display: none;
    }

    #data-table_wrapper .dt-buttons {
        display: none;
    }

    #data-table_wrapper #data-table {
        margin: 0 !important;
    }

    .dashboard_background_white {
        margin-top: 0;
        margin-bottom: 20px;
    }
    /*END DASHBOARD*/

    /*START SELFSTART WIZARD*/
    .datepicker {
        min-width: 50% !important;
    }

    .input-daterange {
        width: 100%;
    }

    

    #addFeedbackgiverBtn {
        width: 100%;
    }
    /*END SELFSTART WIZARD*/

    /*START CAPA*/
    .capa_mobile_message {
        padding: 0 5% !important;
        width: 100%;
        display: block;
        height: 100vh;
        background-color: white;
    }

    .capa_mobile_blocked {
        display: none !important;
    }
    /*END CAPA*/

    /*START DASHBOARDINDIVIDUAL*/
    .open-explanation {
        width: 75px;
    }

        .open-explanation .instruction_button {
            visibility: hidden;
            position: relative;
            overflow: visible !important;
        }

            .open-explanation .instruction_button::after {
                content: "?" !important;
                visibility: visible;
                position: absolute;
                top: -4px;
                left: 0;
                color: white;
                font-size: 2em;
                background-color: #348FE2;
                border-radius: 50%;
                width: 35px;
                height: 35px;
            }

    #selectionTalentAnalyses, #selectionFeedbackAnalyses, #selectionCapacityAnalyses, #selectionJIAAnalyses, #selectionQuestionIntakeAnalyses {
        display: flex;
        flex-flow: column;
    }

    .history_button {
        order: 1;
    }

    .slidegraph-row .slidegraph {
        padding: 0 !important;
    }

    .sunb_radar label span {
        font-size: 0.9em!important;
    }

    .scb-dimension-block .scb-main-left, .scb-dimension-block .scb-main-right {
        width: 100%;
    }

    .tma-dimensions-bar {
        width: 100%!important;
    }

    .tma-dimensions-bar .contentBlock label {
        font-size: 0.7em;
    }

    #sel_comptenties_match .panel, #sel_comptenties_developmenttips .panel, #sel_comptenties_coachadvice .panel, #sel_comptenties_interview .panel {
        min-height: 55vh !important;
    }

    #competence-match-main-container, #competence-developmenttips-main-container, #competence-coachadvices-main-container, #competence-question-main-container {
        height: 100% !important;
    }

    #competence-match {
        margin-top: 10px;
    }

    #talent-match-content > .row {
        margin-bottom: 15px;
    }

    #competence-learning-text {
        margin-top: 20px;
    }

    .no-aptitude-display-content .level-group {
        float: left !important;
        margin-right: 10px;
    }

    #performanceMatrixTestPlugin {
        margin-top: 25px;
    }

    .performanceMatrixTableAfter {
        min-width: 80px!important;
    }

    .talent_communication_effective {
        margin-bottom: 15px;
    }

    #competence-developmenttips {
        margin-top: 10px;
    }

    .dashboard_page .panel-body.bg-silver {
        height: 500px;
        overflow: scroll;
    }

    #developmentactivitygraph ul, #feedbackcoachadvicesgraph ul {
        padding-inline-start: initial;
    }

    .report_page .panel-inverse {
        height: auto;
        min-height: 0!important;
    }
    /*END DASHBOARDINDIVIDUAL*/

    /*START JIA*/
    #prevQ {
        float: left;
    }

    #answerData, .jia-assessment, .feedback_analysis_container {
        margin-bottom: 0;
    }
    /*END JIA*/

    /*START PROFILE*/
    .table-profile td {
        white-space: normal !important;
    }

    .table-profile .field {
        width: 30% !important;
    }
    /*END PROFILE*/

    /*START PRIVACY*/
    .privacy_header {
        background-color: white;
        /*margin: 0;
        text-align: center;*/
    }

    .privacy_dashboard_top {
        margin-top: 0;
    }

    .privacy_dashboard {
        min-height: 100%!important;
    }
    /*END PRIVACY*/

    .feedback_analysis_index_container.information-wrapper {
        padding: 15px 15px 0 15px;
    }

    .open_question_text #startMessage {
        margin-top: 15px;
        font-size: 1rem;
    }

    [class*=-analysis-container] {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 2rem;
        margin: 0;
    }

    section.feedback-manage-wrapper, .jia_index_container, section.openquestion-analysis-container {
        padding: 1em;
    }

    .tma-analysis-container #startMessage, .intake-analysis-container#mainIndexContainer {
        margin-top: -18px !important;
    }

    .feedback_analysis_index_container #startMessage {
        padding: 1em;
    }

    .labor_market_scan_index_container #startMessage {
        padding: 2em;
    }

    .no-data-found-message-container {
    }

    section#blocks_sharedtalents {
        padding: 1em;
    }

    section#blocks_sharetalentsdetails {
        padding: 1em;
    }

    section#blocks_shared {
        padding: 1em;
    }

    section#blocks_other {
        padding: 1em;
    }
}

/*mobile landscape*/
@media only screen and (min-width: 581px) and (max-width: 768px) and (min-aspect-ratio: 13/9) {
    .mobile_blocked, .capa_mobile_blocked {
        display: none !important;
    }

    .mobile_message, .capa_mobile_message {
        padding: 0 5% !important;
        width: 100%;
        display: block;
        height: 100vh;
        background-color: white;
    }

    .delete_personal_data_row {
        width: 50%;
        float: left;
    }

    .stop_sharing_row {
        width: 50%;
        float: right;
    }

    .privacy_dashboard hr {
        display: none;
    }

    .privacy_dashboard_contact {
        float: left;
        margin-top: 5%;
        border-top: solid #eee 1px;
        padding-top: 15px;
    }

    #mainIndexContainer .full-height {
        padding: 0 !important;
    }

    #mainIndexContainer {
        width: 100%;
        margin: 0;
    }

    .group-addon-width-auto, #ProgressBar {
        display: none;
    }

    .page-header {
        background-color: white;
        margin-bottom: 0 !important;
        text-align: center;
    }

    /*.previous_button {
        float: none !important;
    }*/

    .analysis_prev_btn_container_mobile {
        width: 25%;
        float: left;
        position: relative;
        min-height: 1px;
    }

    .progress_container {
        display: none;
    }

    #mobile_current_question {
        display: inline-block;
        font-size: 16px;
        margin: 6px 0;
    }
}

/*tablet portrait*/
@media only screen and (min-width: 581px) and (max-width: 768px) and (max-aspect-ratio: 13/9) {
    #data-table_wrapper .dt-buttons {
        margin: 0;
    }
}


/*fix for double display of table on screens with a width of 768px */
@media only screen and (min-width: 581px) and (max-width: 767px) {
    #data-table-mobile {
        display: inline-table !important;
    }
}
/* Begin profiel */
@media only screen and (min-width : 769px) and (max-width : 1024px) {
    .profile-right {
        margin: 0px;
    }
}
/* Einde profiel */

/*Begin 90 graden feedback*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
    .panel-inverse {
        overflow: scroll;
    }
}
/*Einde 90 graden feedback*/

/*Begin beroepsinteresse analyse*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
    .responsive-button-row {
        margin-top: 10px;
    }

    .responsive-button-left {
        float: left;
    }

    .dataTables_paginate {
        float: right;
    }

    .dataTables_info {
        margin-bottom: 10px;
    }
}
/*Einde beroepsinteresse analyse*/

/*Begin Talentenanalyse 170*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
    /*.col-sm-6 {
        width: 100%;
    }*/
}
/*Einde Talentenanalyse 170*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width : 769px) and (max-width : 1024px) {
    .privacy_header {
        margin-top: 0;
        padding-top: 0!important;
    }

    /*START DASHBOARD*/
    #data-table thead tr:first-child {
        display: none;
    }

    #data-table_wrapper .dt-buttons {
        margin: 0;
    }

    #data-table {
        margin: 0 !important;
    }

    .dashboard_background_white {
        margin-top: 10%;
    }

    .dashboard_background_white {
        margin-top: 0;
        margin-bottom: 20px;
    }
    /*END DASHBOARD*/

    /*START SELFSTART FEEDBACK*/
    #wizard #data-table thead tr:first-child {
        display: table-row!important;
    }
    /*END SELFSTART FEEDBACK*/

    /*START CAPA*/
    .capa_mobile_message {
        padding: 0 5% !important;
        width: 100%;
        display: block;
        height: 100vh;
        background-color: white;
    }

    .capa_mobile_blocked {
        display: none !important;
    }
    /*END CAPA*/


    #selectionTalentAnalyses, #selectionFeedbackAnalyses, #selectionCapacityAnalyses, #selectionJIAAnalyses, #selectionQuestionIntakeAnalyses {
        display: flex;
        flex-flow: column;
    }

    .history_button {
        order: 1;
    }

    /*START SHARED*/
    #NextQuestion, #PreviousQuestion {
        width: auto !important;
    }

    .pace-progress, .pace-activity {
        top: 58px !important;
    }

    .page-header {
        margin-top: 0 !important;
    }

    .compContainer h3 {
        margin-top: 0;
    }

    #content {
        padding-top: 68px;
        height: auto;
    }

    .panel-inverse {
        min-height: 100vh !important;
        height: 100%;
        margin-bottom: 0;
    }

    .analysis_prev_btn_container_mobile {
        display: unset;
    }
    /*END SHARED*/

    /*START TMA170*/
    .tma_index_text {
        min-height: 80vh;
        height: 100%;
    }
    /*END TMA170*/

    /*START DASHBOARDINDIVIDUAL*/
    .sunb_radar label span {
        font-size: 0.9em !important;
    }

    .scb-dimension-block .scb-main-left, .scb-dimension-block .scb-main-right {
        width: 100%;
    }

    .tma-dimensions-bar {
        width: 100%!important;
    }

    #sel_comptenties_match .panel, #sel_comptenties_developmenttips .panel, #sel_comptenties_coachadvice .panel, #sel_comptenties_interview .panel {
        min-height: 80vh !important;
    }

    #competence-match-main-container, #competence-developmenttips-main-container, #competence-coachadvices-main-container, #competence-question-main-container, #activities-main-container, #sector-main-container {
        height: 100% !important;
    }

    #competence-learning-text {
        margin-top: 20px;
    }

    .no-aptitude-display-content .level-group {
         float: left!important;
         margin-right: 10px;
    }

    #performanceMatrixTestPlugin {
        margin-top: 25px;
    }

    .performanceMatrixTableAfter {
        min-width: 80px !important;
    }


    .competence-general-graphic .row > div {
        min-height: 35px;
        height: auto!important;
    }

    .competence_general_graphic_details .row {
        margin-bottom: 15px;
    }
    /*END DASHBOARDINDIVIDUAL*/

    .jia-analysis-container .jiaQuestionHeader {
        border-top: 0;
    }

    .feedback-analysis-container #endContainer #finishBtn {
        float: right;
        margin-right: 1em;
    }
}

/*tablet-small landscape*/
@media only screen and (min-width: 769px) and (max-width: 991px) {
    .competence-general-graphic {
        display: flex;
        flex-flow: row wrap;
    }

    .competence_general_graphic_details {
        order: 2;
    }

    .competence-general-graphic h4 {
        width: 100%;
    }
}

/*tablet landscape*/
@media only screen and (min-width: 769px) and (max-width: 1024px) and (min-aspect-ratio: 13/9) {
    #competence-match {
        margin-top: 10px;
    }

    .feedbackanalysis-container hr {
        margin: 10px;
    }

    .intake_index_text {
        min-height: 80vh;
    }

    .sunb_radar label span {
        font-size: 0.9em !important;
    }

    #talent-match-content > .row {
        margin-bottom: 15px;
    }

    .talent_communication_effective {
        margin-bottom: 15px;
    }

    #competence-match-main-container, #competence-developmenttips-main-container, #competence-coachadvices-main-container, #competence-question-main-container {
        height: 100% !important;
    }
}

/*fix for ipad(1024x768)*/
@media only screen and (min-width: 769px) and (max-width: 1024px) and (min-aspect-ratio: 13/10) {
    .intake_index_text {
        min-height: 80vh;
    }

    #talent-match-content > .row {
        margin-bottom: 15px;
    }

    #competence-match-main-container, #competence-developmenttips-main-container, #competence-coachadvices-main-container, #competence-question-main-container {
        height: 100% !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #selectionTalentAnalyses, #selectionFeedbackAnalyses, #selectionCapacityAnalyses, #selectionJIAAnalyses, #selectionQuestionIntakeAnalyses {
        display: flex;
        flex-flow: column;
    }

    .history_button {
        order: 1;
    }

    .scb-dimension-block .scb-main-left, .scb-dimension-block .scb-main-right {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .responsive-button-row, .row#buttons td > div {
        width: 100%;
        margin-left: 0;
    }    
}

@media only screen and (min-width: 1025px) {
    .jia-analysis-container .jiaQuestionHeader {
        border-top: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .feedback-analysis-container #analysisInteractions #mobile_current_question {
        display: block;
    }    
}