input[type=checkbox]:focus,
input[type=file]:focus,
input[type=text]:focus,
textarea:focus, select:focus, .form-control:focus, li > a:focus {
    transition: 0.2s;

    border-color: #00df00 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 223, 0, 0.25) !important;
}

li > a:focus {
    border-radius: 5px;
}



/* Зеленый фон, когда включен */
.form-check-input:checked {
    background-color: #00df00 !important;
    border-color: #00df00 !important;
}

/* Зеленая обводка при фокусе */
.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 223, 0, 0.25) !important;
    border-color: #00df00 !important;
}

    /* Зеленая точка при выключенном состоянии и фокусе */
    .form-check-input:focus:not(:checked)::before {
        background-color: #00df00 !important;
    }




html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, input[type=submit]:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    color: white;
    box-shadow: 0 0 0 0.1rem #212529, 0 0 0 0.25rem #00E500;
}

.btn-transparent {
    background-color: #00000000;
}

    .btn-transparent:hover {
        background-color: #00000000;
    }

    .btn-transparent:focus, .btn-transparent:active:focus {
        background-color: #00000000;
        box-shadow: 0 0 0 0.1rem #00000000, 0 0 0 0.25rem #00000000;
    }

.btn-outline-green {
    --bs-btn-color: #00ff00;
    --bs-btn-border-color: #00ff00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00df00;
    --bs-btn-hover-border-color: #00df00;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00df00;
    --bs-btn-active-border-color: #00df00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #00df00;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00df00;
    --bs-gradient: none;
}

.btn-green {
    background-color: #00DF00;
    color: white;
}

    .btn-green:hover {
        background-color: #00C000;
    }

    .btn-green:focus, .btn-green:active:focus {
        background-color: #00DF00;
        box-shadow: 0 0 0 0.1rem #212529, 0 0 0 0.25rem #00FF00;
    }
    .btn-green:disabled {
        color: white;
        background-color: #00B800;
        border-color: #00B800;
    }

.cb-green {
    accent-color: #00DF00;
}


.bg-green {
    background-color: #00FF00;
}

.text-green {
    color: #00FF00;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    transition: 0.3s;
  margin-bottom: 60px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.main-text, .main-text > a:link, .main-text > a:visited {
    color: white;
    -webkit-text-stroke: 0.4px #00FF00;
}