.radioButtonConstrucLabel {
    border-radius: 40px !important;
}

.radioButtonContainerAds {
    border-radius: 40px !important;
    padding: 2px;
    gap: 10px;
    width: 100%;
}

.radioButtonContainerGos {
    border-radius: 40px !important;
    padding: 2px;
    gap: 10px;
    width: 59%;
}


.radioButtonLabelC {
    padding: 4px 16px;
    gap: 8px;
    height: 36px;
    background-color: white;
    border-radius: 40px !important;
    border: 1px solid #D2D4D9;
    --bs-btn-color: black;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #008F91 !important;
    --bs-btn-hover-border-color: #008F91 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #008F91 !important;
}



#downloadButton {
    height: 36px;
    width: 100%;
    align-self: center;
}

.btn__width__max {
    width: 100%;
}

.btn-check:checked {
    background-color: #008F91 !important;
    color: white !important;
    border: 0px !important;
}
.checkButtonLabelC, .False {
    padding: 4px 16px;
    gap: 8px;
    height: 36px;
    border: 1px solid #d2d4d9;
    border-radius: 40px;
    background:white;
}
.btn-check:checked + .btn {
    color: #fff;
    background-color: #008F91;
    border-color: #008F91;
}
.True {
    color: #fff !important;
    background-color: #008F91 !important;
}

.btn-d {
    width: 122px;
    height: 36px;
    text-align: center;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding-left: 12px;
}

.btn-d2 {
    padding: 6px 20px;
    gap: 8px;
    height: 36px;
    display: flex;
    align-items: center;
}

.btn-d3 {
    height: 36px;
    text-align: center;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding-left: 12px;
}

.btn36 {
    height: 36px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.btn38 {
    height: 38px !important;
    display: flex;
    justify-content: center;
}

.btnh38 {
    display: flex;
    align-items: center;
    height: 38px !important;
}

.btn32 {
    height: 32px;
    display: flex;
    align-items: center;
}

.btn48 {
    height: 48px;
}

.default {
    background-color: #19181B;
    border: none;
    border-radius: 6px;
    color: white;
}



.btn.active span {
    background-color: #8A8C99 !important;
}

.appTypeContainer:hover .appTypeContainer:hover,
.appTypeContainer:hover {
    border-color: #008F91;
}

.default:hover {
    color: white;
    background-color: #8A8C99 !important;
}


.btn.menu_active, .item_pressed {
    background-color: #3B3B41 !important;
    border: none;
    border-radius: 6px;
    color: white !important;
}

.btn-primary {
    background-color: #008F91 !important;
    border-color: #008F91 !important;
    color: #ffffff !important;
    border-radius: 6px;
    --bs-btn-active-shadow: 0 !important;
    --bs-btn-focus-box-shadow: 0 !important;
}

.btn-secondary {
    background: #19181B !important;
    border-radius: 6px;
    color: #fff !important;
    --bs-btn-active-shadow: 0 !important;
    --bs-btn-focus-box-shadow: 0 !important;
}

.btn-orange {
    background-color: #F05E22;
    border-radius: 6px;
    border-color: #F05E22 !important;
    color: #fff !important;
    --bs-btn-active-shadow: 0 !important;
    --bs-btn-focus-box-shadow: 0 !important;
}

    .btn-orange:hover {
        background-color: #d8541e;
        box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.18) !important;
    }

    .btn-orange:active, .btn-orange:focus {
        background-color: #c04b1b;
        box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.18) !important;
    }

.btn-primary:hover {
    background: #008F91 !important;
    box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.18) !important;
}

.btn-secondary:hover {
    background: #19181B !important;
    color: #ffffff !important;
    box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.18) !important;
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-primary.active,
.btn-primary:focus {
    border-color: #16604F !important;
    background: #16604F !important;
    color: white !important;
}

.btn-link {
    color: #2c2c2c !important;
}

.btn-light {
    background-color: #FFFFFF !important;
    border: 1px solid #D2D4D9 !important;
    color: #19181B !important;
}

    .btn-light:hover {
        background: #FFFFFF !important;
        color: #19181B !important;
        border: 1px solid #8A8C99 !important;
        box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.1) !important;
        fill: #8A8C99;
    }

    .btn-light:active .step__icons path,
    .btn-light:focus .step__icons path {
        background-color: #8A8C99 !important;
        background: #D2D4D9 !important;
        border: 1px solid #8A8C99 !important;
        fill: #8A8C99;
    }

.btn-outline-red {
    border: 1px solid #ED3A32 !important;
    background: #FFFFFF !important;
    color: #ED3A32 !important;
}

    .btn-outline-red:hover {
        border-color: #B7150E !important;
        background: #FFFFFF !important;
        color: #B7150E !important;
        box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.1) !important;
    }

        .btn-outline-red:hover .trash path {
            fill: #B7150E;
        }

    .btn-outline-red:active .trash path,
    .btn-outline-red:focus .trash path {
        fill: #8A8C99;
    }


.btn-outline-blue {
    --bs-btn-active-shadow: 0 !important;
    --bs-btn-focus-box-shadow: 0 !important;
    background: #FFFFFF !important;
    color: #3D62E3 !important;
    border: 1px solid #92B5EA !important;
    box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.1) !important;
}

    .btn-outline-blue:hover {
        color: #3D62E3 !important;
        background: #FFFFFF !important;
        border-color: #3D62E3 !important;
    }

.btn-blue {
    background-color: #3D62E3 !important;
    color: #FFFFFF !important;
    --bs-btn-border-width: 0px !important;
}

    .btn-blue:hover {
        background: #1F46CD !important;
        box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.18) !important;
    }

    .btn-blue:active,
    .btn-blue:focus {
        background: #004595 !important;
    }

.btn-red {
    background-color: #ED3A32 !important;
    color: #FFFFFF !important;
    --bs-btn-border-width: 0px !important;
}

    .btn-red:hover {
        background: #CB2821 !important;
        box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.18) !important;
    }

    .btn-red:active,
    .btn-red:focus {
        background: #B7150E !important;
    }


.btn-outline-blue:active,
.btn-outline-blue:focus,
.btn-outline-red:active,
.btn-outline-red:focus,
.btn-light:active,
.btn-light:focus {
    background: #D2D4D9 !important;
    color: #8A8C99 !important;
    border-color: #8A8C99 !important;
}

.btn-outline-gray {
    background: #FFFFFF !important;
    color: #19181B !important;
    border: 1px solid #D2D4D9 !important;
}

    .btn-outline-gray:hover {
        border: 1px solid #8A8C99 !important;
        box-shadow: 0px 8px 14px rgba(75, 75, 75, 0.18) !important;
    }

    .btn-outline-gray:active,
    .btn-outline-gray:focus {
        background: #8A8C99 !important;
        color: white !important;
    }







#DisabledConstructionStart {
    background: #fff url('/img/date_grey.svg') 97% 50% no-repeat;
    color: #8A8C99 !important;
}

[type="date"] {
    background: #fff url('/img/date.svg') 97% 50% no-repeat;
}

    [type="date"]:focus {
        background: #fff url('/img/date.svg') 97% 50% no-repeat;
    }

    [type="date"]:hover {
        background: #fff url('/img/date.svg') 97% 50% no-repeat;
    }

    [type="date"]:active {
        background: #fff url('/img/date.svg') 97% 50% no-repeat;
        color: #19181B;
    }

    [type="date"]:visited {
        background: #fff url('/img/date.svg') 97% 50% no-repeat;
        color: #19181B;
    }


    [type="date"]::-webkit-inner-spin-button {
        display: none;
    }

    [type="date"]::-webkit-calendar-picker-indicator {
        opacity: 0;
    }

.form-control::placeholder,
.form-select::placeholder {
    color: #8A8C99;
    opacity: 1;
}

input[type="date"]:invalid::-webkit-datetime-edit {
    color: #8A8C99;
}

input[type="date"], select, input[type="checkbox"], input[type="radio"] {
    cursor: pointer;
}

.btn-gap-in {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.btn-gap-15 {
    gap: 15px;
}

.btn-d {
    width: 122px;
    height: 36px;
    text-align: center;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding-left: 12px;
}

.btn-d2 {
    padding: 6px 20px;
    gap: 8px;
    height: 36px;
    display: flex;
    align-items: center;
}