html, body {
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    width: 100vw;
    min-height: 100vh;
    font-size: 1.2vw;
    /* overflow: hidden; */
    font-family: 'Open Sans', sans-serif;
}
body:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.75);
    position: fixed;
    z-index:-1;
    top: 0;
}
* {
    /* transition: all .2s; */
}
.fixed-top img {
    height: 3vw;
}
.bg-dark-50 {
    background-color: rgba(0, 0, 0, 0.75)!important;
}
.form-control {

}
.cover img {
    width: 15vw;
}
.modal-open .modal {
    background: rgba(196, 196, 196, 0.8);
}
.kt-radio.kt-radio--success.kt-radio--tick > input:checked ~ span,
.kt-checkbox.kt-checkbox--success.kt-checkbox--tick>input:checked~span {
    background: #0abb87;
}
.kt-radio.kt-radio--success.kt-radio--tick > input:checked ~ span:after,
.kt-checkbox.kt-checkbox--success.kt-checkbox--tick > input:checked ~ span:after {
    border: solid #fff;
}
.form-group label.kt-checkbox,
.form-group label.kt-radio {
    line-height: 2vw;
}
.kt-radio,
.kt-checkbox {
    padding-left: 2.5vw;
}
.kt-checkbox > span,
.kt-radio > span {
    width: 2vw;
    height: 2vw;
}
.kt-radio > span:after {
    width: 1vw;
    height: 1vw;
    background: #fff!important;
    margin-left: -.5vw;
    margin-top:  -.5vw;
}
.kt-checkbox > span:after {
    margin-left: -.2vw;
    margin-top: -.6vw;
    width: 0.5vw;
    height: 1vw;
    border-width: 0 .2vw .2vw 0/*rtl:ignore*/ !important;
}

.kt-radio img {
    width: 10vw;
}
.question {
    overflow: hidden;
}
.question > div {
    height: 100vh;
}
.question .form-group label {
    position: relative;
    width: 11vw;
    padding-top: 10vw;
    padding-left: 0;
    cursor: pointer;
}
.question .form-group label span {
    background-color: inherit!important;
    width: 100%;
    height: 10vw;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: 80%!important;
}
.question .kt-radio > input:checked ~ span {
    background-size: 100%!important;
}
.question .kt-radio.kt-radio--success.kt-radio--tick > input:checked ~ span:after {
    content: none;
}
.question .form-group label:nth-child(1) span {
    background-image: url('../../assets/img/icons8-sad.svg')!important;
}
.question .form-group label:nth-child(2) span {
    background-image: url('../../assets/img/icons8-neutral.svg')!important;
}
.question .form-group label:nth-child(3) span {
    background-image: url('../../assets/img/icons8-happy.svg')!important;
}
.question .form-group label:nth-child(4) span {
    background-image: url('../../assets/img/icons8-smiling.svg')!important;
}



.question .kt-radio:nth-child(1) > input:checked ~ span {
    background-image: url('../../assets/img/icons8-sad-yellow2.svg')!important;
}
.question .kt-radio:nth-child(2) > input:checked ~ span {
    background-image: url('../../assets/img/icons8-neutral-yellow2.svg')!important;
}
.question .kt-radio:nth-child(3) > input:checked ~ span {
    background-image: url('../../assets/img/icons8-happy-yellow2.svg')!important;
}
.question .kt-radio:nth-child(4) > input:checked ~ span {
    background-image: url('../../assets/img/icons8-smiling-yellow2.svg')!important;
}

.kt-login__logo img {
    width: 10vw
}

.login .kt-grid--hor:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 0;
}
.login .kt-grid--hor .kt-login__wrapper {
    z-index: 1;
}
.btn-success.disabled{
    /* opacity: .5; */

}
.loading {
    z-index: 9999
}
.loading.hide {
    display: none!important;
}
.hide {
    display: none;
}
.select2-selection {
    min-height: 58.44px!important;
    max-height: 70vh;
    overflow-y: scroll
}
.select2-results__option[aria-selected] {
    color: #495057;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    border: 1px solid #0bbb86;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
    top: 0!important
}