.radio label,
.checkbox label {
    display: flex;
    font-size: 12px;
    align-items: baseline;
}
.radio [type="radio"],
.checkbox [type="checkbox"] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}
.radio [type="radio"] + .check,
.checkbox [type="checkbox"] + .check {
    width: 22px;
    height: 22px;
    min-width: 22px;
    line-height: 22px;
    font-size: 22px;
    box-sizing: border-box;
    background: #fff;
    display: inline-block;
    vertical-align: baseline;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    margin-right: 7px;
    box-shadow: 0 0 0 1px #D8D8D8;
}
.radio [type="radio"] + .check {
    border-radius: 22px;
    border: 4px solid #fff;
}
.radio [type="radio"]:checked + .check {
    background: #2b3084;
}
.radio [type="radio"]:disabled + .check {
    border-color: #D8D8D8;
}

.checkbox [type="checkbox"] + .check {
    position: relative;
}
.checkbox [type="checkbox"]:checked + .check::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 6px;
    border-bottom: 3px solid #2b3084;
    border-left: 3px solid #2b3084;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -75%) rotate(315deg);
    transform: translate(-50%, -75%) rotate(315deg);
}
.checkbox [type="checkbox"]:disabled + .check {
    border-color: #D8D8D8;
}

.interview__svg {
    color: #2b3084;
    fill: transparent;
}
.interview__svg-shadow {
    color: #2b2f74;
}
.interview__title {
    font-family: inherit, sans-serif;
    font-size: 24px;
    line-height: 1.2;
    margin: 18px 0 36px;
}
.interview__preview {
    background: #FFFFFF;
    border: 1px solid #B2B7BD;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 30px;
    height: calc(100% - 18px);
    display: flex;
    flex-flow: column nowrap;
    margin-bottom: 18px;
}
.interview__counter {
    font-family: inherit;
    font-size: 11px;
    line-height: 1.36;
    text-transform: uppercase;
    color: #14111b;
}
.interview__counter span {
    font-family: inherit, sans-serif;
    font-size: 24px;
    line-height: 1;
}
.interview__deadline {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: #000;
}
.interview__deadline .interview__icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.interview__preview .interview__title {
    font-family: inherit;
    font-style: normal;
    font-weight: bold;
    color: #2b3084;
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    flex: 0 0 48px;
    overflow: hidden;
}
.interview__preview .interview__details {
    font-family: inherit;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.6;
    color: #000;
    flex: 1;
    margin: 30px 0 15px;
    flex: 0 0 72px;
    overflow: hidden;
}
.interview__preview .interview__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 10px;
    min-height: 60px;
}
.interview__pass-wrapper {
    justify-content: flex-end;
    display: flex;
    flex-flow: row wrap;
}
.interview__complete {
    display: flex;
    color: #5BC431;
    align-items: flex-end;
    padding: 3px 0;
}
.interview__complete svg {
    margin-right: 10px;
}
.interview__showmore {
    margin: 70px 0;
}
.show + .interview__showmore {
    display: none;
}
.interview__info {
    display: flex;
    background: #fff;
    border: 1px solid #B2B7BD;
    padding: 30px;
    align-items: center;
    margin-bottom: 28px;
    border-radius: 4px;
}
.interview__info .interview__name {
    font-family: inherit, sans-serif;
    font-size: 18px;
    line-height: 1.3;
    flex: 1;
}
.interview__info:focus,
.interview__info:hover {
    cursor: pointer;
    text-decoration: none;
}
.interview__info:hover .interview__name {
    color: #2b3084;
}
.interview__info .interview__date {
    padding: 0 30px;
    flex: 0 0 230px;
    font-size: 16px;
    line-height: 24px;
    color: #14111b;
}
.interview__info .interview__stat {
    flex: 0 0 300px;
    border-left: thin solid #D8D8D8;
    padding: 0 0 0 30px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.07;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.interview__info .interview__subtitle {
    font-family: inherit;
    font-size: 11px;
    line-height: 2;
    text-transform: uppercase;
    color: #14111b;
}
.interview__info .interview__complete {
    opacity: 0.6;
}
.interview__question {
    font-family: inherit, sans-serif;
    font-size: 18px;
    line-height: 1.25;
}
.interview__data {
    margin-top: 40px;
    display: flex;
    align-items: center;
}
.interview__data .interview__counter {
    margin-left: 10px;
}
.interview__data span.p6 {
    display: block;
}
.interview__answer {
    display: flex;
    align-items: center;
}
.interview__answer-text {
    flex: 0 0 50%;
}
.interview__answer-percentage {
    font-weight: bold;
    font-size: 16px;
    text-align: right;
    flex: 0 0 65px;
    margin-left: 10px;
}
.interview__answer-progress {
    height: 12px;
    background: #FF4452;
    border-radius: 3px;
    margin-left: 10px;
}
.interview__answer-label {
    margin-left: 10px;
    white-space: nowrap;
}
.interview__success {
    display: flex;
    flex-flow: column;
    align-items: center;
}
.interview__success-1 {
    color: #2b3084;
}
.interview__success-2 {
    color: #2b2f74;
}
.interview__preview .btn.link-as-btn,
.interview__success .btn.btn-primary {
    color: #fff;
    background-color: #ff4452;
    border: solid 1px #ff5e6a;
    box-shadow: 0 2px 0 0 #da333d;
    padding-top: 5px;
    padding-bottom: 5px;
}
.interview__preview.interview--small {
    height: 202px;
}
.interview__preview.interview--small .interview__details {
    display: none;
}
.interview__preview.interview--small .interview__title {
    height: 72px;
    overflow: hidden;
}
.interview__preview.interview--small .interview__deadline {
    display: none;
}
.interview__preview.interview--passed .interview__deadline,
.interview__preview.interview--passed .interview__counter,
.interview__preview.interview--passed .interview__details,
.interview__preview.interview--passed .interview__title,
.interview__preview.interview--passed .interview__icon {
    color: #B2B7BD;
}

.modal {
    padding-top: 100px;
    z-index: 9999999999;
}

.modal-body .interview__deadline {
    display: none;
}
.modal-body .interview__data:nth-child(4) {
    flex-flow: column;
    align-items: flex-start;
}

.interview__title + .progress {
    border-radius: 0;
}

.interview__title + .progress > .progress-bar {
    background-color: #d5e0fe;
}

/* Interview info adaptive */
@media (max-width: 767px) {

    .interview__info {
        display: block;
    }
    .interview__info .interview__date,
    .interview__info .interview__stat {
        padding: 0;
        border: 0;
    }

}

/**
  .interview__preview.interview--small // Для карточек на главной
**/

.interview_form ol{
    list-style: none;
}

.interview_form .bootstrap-select.btn-group .btn .caret {
    background: transparent url("../images/select_bt.png") no-repeat 0 0;
    background-size: 34px 34px;
    border: 1px solid transparent;
    border-radius: 0px 4px 4px 0px;
    height: 35px;
    position: absolute;
    top: -2px;
    right: -1px;
    margin: 0px;
    padding: 0px;
    line-height: 1;
    width: 35px;
}
.interview_form  .bootstrap-select.btn-group button.selectpicker.disabled {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #6c7279;
}
.interview_form  .bootstrap-select.btn-group button.selectpicker.disabled .caret {
    opacity: 0.65;
}

.interview_form .bootstrap-select.btn-group .btn-default {
    height: 35px;
    line-height: 1;
    border: 1px solid;
}

.interview_form .bootstrap-select.btn-group .btn-default:not(.disabled),
.interview_form .bootstrap-select.btn-group .btn-default:not(.disabled):hover {
    border-color: #ccc;
}

.interview_form .bootstrap-select.btn-group .btn-default.disabled,
.interview_form .bootstrap-select.btn-group .btn-default.disabled:hover {
    border-color: #999;
}

.interview_form .bootstrap-select.btn-group {
    margin-left: 50px;
    margin-top: 10px;
    width: 90%;
}

.interview_form  .bootstrap-select.btn-group .dropdown-menu li a:hover,
.interview_form  .bootstrap-select.btn-group .dropdown-menu li a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.interview_form .bootstrap-select.btn-group .dropdown-menu li.selected a {
    color: #262626;
    background: transparent;
}

.interview_form,
.interview__statbody {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 400px;
}

.interview__question img {
    border: 1px solid #000;
    width: 201px;
    height: auto;
    margin: 5px 0;
    cursor: pointer;
}

.interview_form .has-error .checkbox,
.interview_form .has-error .radio {
    color: #000;
}

.modal-dialog {
    padding-top: 0;
}

.interview__showmore.collapsed  .interview__showmore_hide {
    display: none;
}

.interview__showmore:not(.collapsed)  .interview__showmore_hide {
    display: block;
}

.interview__showmore:not(.collapsed)  .interview__showmore_view {
    display: none;
}

.popup {
    position: absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    display:none;
    text-align:center;
    z-index: 9999;
}

.popup_bg {
    background:rgba(0,0,0,0.4);
    position:absolute;
    z-index:1;
    height:100%;
    width:100%;
}


.popup_img {
    position: relative;
    margin:0 auto;
    z-index:2;
    max-height:94%;
    max-width:94%;
    margin: 60px 0 0 0;
}

.popup_close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 0.8;
}
.popup_close:hover {
    opacity: 1;
}
.popup_close:before, .popup_close:after {
    position: absolute;
    top: 25px;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 4px;
    background-color: #fff;
}
.popup_close:before {
    transform: rotate(45deg);
}
.popup_close:after {
    transform: rotate(-45deg);
}


/** Main page adaptive **/
@media (max-width: 991px) {
    .interview__preview.interview--small {
        height: auto;
        display: flex;
        flex-flow: row nowrap;
        border: none;
        border-radius: 0;
        padding: 0;
        margin-bottom: 15px;
    }

    .interview__preview.interview--small .interview__title {
        flex: 1;
        max-height: 58px;
        font-size: 16px;
    }

    .interview__preview.interview--small .interview__footer {
        align-items: flex-start;
        flex: 0 0 auto;
        margin: 0 0 0 10px;
    }

    .interview__preview.interview--small .interview__counter {
        display: none;
    }
}

/** Statistic modal adaptive **/
@media (max-width: 767px) {
    .interview__title + ol,
    .interview__title + ul {
        padding: 0;
    }

    .interview__answer-progress,
    .interview__answer-label {
        display: none;
    }

    .interview__answer-text {
        flex: 1;
    }

    .interview__answer {
        border-bottom: thin solid black;
    }
}