.btn {
    border-width: 0;
    border-style: none;
    transition: background-color 0.3s ease;
}

.iconify {
    margin-top: -2px;
}

.icon-feature {
    color: #DF4B4D;
}

.btn-no-border:focus {
    box-shadow: none !important;
    border-color: rgba(0,0,0,.125) !important;
}

.btn:focus:not(:active) {
    box-shadow: 0 0 0 3px rgba(255, 0, 0, 1), 0 0 0 4px white;
}

input:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 0 4px rgba(255, 0, 0, 0.2), 0 0 0 4px white !important;
    border-color: #DF4B4D !important;
}
.check-box{
    accent-color: #C63335;
}

.align-center {
    display: flex;
    align-items: center;
}

.btn-primary {
    background-color: #DF4B4D;
    border: none;
    color: white !important;
    box-shadow: inset -2px -2px 1px 0px rgba(198, 51, 53, 1);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus:active {
    background-color: #C63335;
    color: white;
    box-shadow: none;
}

.btn-primary:disabled {
    background-color: rgba(223, 75, 77, 0.9);
}

.btn-secondary {
    background-color: #E2E5E7;
    border: none;
    color: #333333;
    box-shadow: inset -2px -2px 1px 0px rgba(202, 209, 216, 1);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:focus:active {
    background-color: #CAD1D8;
    color: #333333;
    box-shadow: none;
}

.nav-link,
a {
    color: #DF4B4D;
    transition: color 0.3s ease;
}

a.nav-link {
    color: #DF4B4D !important;
}

.nav-link:hover,
.nav-link:active,
a:hover,
a:visited,
a:focus,
a:active {
    color: #C63335;
    border-width: 0;
    border-style: none;
    outline: none;
}

.nav-link:focus {
    color: white;
    border-width: 0;
    border-style: none;
    outline-color: red;
}

.nav-link.dark:focus,
a.dark:focus {
    color: #DF4B4D;
    border-width: 0;
    border-style: none;
    outline-color: red;
}

.bg-dark {
    background-color: #333333 !important;
}

.white-text {
    color: #E2E5E7;
}

.circle {
    border-radius: 50%;
    background-color: #E2E5E7;
    color: #B0B8BE;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
}

.border-primary {
    border-color: #DF4B4D !important;
}

.bg-primary {
    background-color: #DF4B4D !important;
}

.text-primary {
    color: #DF4B4D !important;
}

.v-divider {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    /* Adjust the color and style as needed */
    height: 100%;
    /* Adjust the height as needed */
}

.v-divider.dark {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    /* Adjust the color and style as needed */
    height: 100%;
    /* Adjust the height as needed */
}

.is-invalid+.hint-text {
    display: none;
}

.text-licence-on-track {
    color: #4F8F42;
}

.text-licence-almost-used {
    color: #BAA822;
}

.text-licence-used {
    color: #DE7811;
}