body, .container{
    height: 100%;
    min-height: 100%;
}
input.form-control, select.form-control, select.custom-select{
    height: 48px !important;
}



input.form-control.error, select.form-control.error{
    background: rgba(229, 53, 53, 0.1) !important;
    border: 1px solid #E63535;


}

.btn-success{
    background-color: #51A451;
    border-color: #51A451;
}
.btn-success:hover{
    background-color: #366f36;
    border-color: #366f36;
}

.form-group{
    position: relative;
}
.form-group > label{
    position: absolute;
    display: inline-block;
    margin-bottom: 0.5rem;
    top: 0;
    left: 13px;
    font-size: 10px;
    color: #E53535;
}


.oferta-title-block{
    height: 80px;
}
    .oferta-tite{
        line-height: 80px;
    }
.oferta-close-block{
    height: 80px;
}
.offer-text{
    height: 100%;
    overflow-y: scroll;
    border: 1px solid #d5d5d5;
}

.oferta-content-block{
    height: calc(100% - 160px);
}
.popup-oferta-content{
    position: absolute;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 99;
    height: 100%;
}


.popup-oferta{
    color: #444;
}
.popup-oferta-link{
    text-decoration: underline;
    color: #444;
}



/* dark theme */
body.dark-theme{
    background: #1F1F1F;
    color: #CCCCCC;
}
.dark-theme input::placeholder, .dark-theme select::placeholder{
    color: #aaa;
}
.dark-theme input, .dark-theme select, .dark-theme input:focus, .dark-theme select:focus{
    color: #ddd;
    background: #1F1F1F;
    border-color: #666666;
}

.dark-theme .btn-success{
    background-color: #467A46;
    border-color: #467A46;
}
.dark-theme .btn-success:hover{
    background-color: #589a58;
    border-color: #589a58;
}


.dark-theme .form-control:disabled, .dark-theme .custom-select:disabled {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #666666;
}
.dark-theme .oferta-title-block{
    height: 80px;
}
    .dark-theme .oferta-tite{
        line-height: 80px;
    }
.dark-theme .oferta-close-block{
    height: 80px;
}
.dark-theme .offer-text{
    height: 100%;
    overflow-y: scroll;
    outline: none;
    border: 0;
}

.dark-theme .popup-oferta-content{
    background: #333333;
}

.dark-theme .popup-oferta{
    color: #CCCCCC;
}
.dark-theme .popup-oferta-link{
    text-decoration: underline;
    color: #CCCCCC;
}


.date-field {
    position: relative;
}
.date-input {
    text-align: left;
    padding-right: 40px !important;
}
.date-picker-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    opacity: 0;
    z-index: 11;
    cursor: pointer;
}
.date-picker-input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(/static/anketa/calendar-days-black.png?843d4cc7ef66);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 10;
}
.date-input:disabled{
    background-color: #e9ecef !important;
}
.dark-theme .date-input{
    background: #1F1F1F !important;
    border-color: #666666;
}
.dark-theme .date-input.error{
    background: rgba(229, 53, 53, 0.1) !important;
    border: 1px solid #E63535;
}

.dark-theme .date-input:disabled{
    background: rgba(255, 255, 255, 0.1);
}
.dark-theme .calendar-icon {
    background-image: url(/static/anketa/calendar-days-white.png?843d4cc7ef66);
}