@font-face {
    font-family: 'MyCustomFont';
    src: url('../fonts/AzoSans/AzoSans-Regular.woff2') format('woff2'),
         url('../fonts/AzoSans/AzoSans-Regular.woff') format('woff');
}

body {
    font-family: 'MyCustomFont', sans-serif !important;
}

:root {
    --custom-black: black;
    --custom-white: white;
    --custom-light: #ecf0f1;
    --custom-green: #2ecc71;
    --custom-orange: #e67e22;
    --custom-blue: #3680a0;
    --custom-hover_green: #29a05b;
    --bs-border-radius-custom-sm: 10px;
}

/* Background Colors */
.bg-custom-black {
    background-color: var(--custom-black) !important;
}

.bg-custom-white {
    background-color: var(--custom-white) !important;
}

.bg-custom-light {
    background-color: var(--custom-light) !important;
}

.bg-custom-green {
    background-color: var(--custom-green) !important;
}

.bg-custom-orange {
    background-color: var(--custom-orange) !important;
}

.bg-custom-blue {
    background-color: var(--custom-blue) !important;
}

.bg-custom-hover-green:hover {
    background-color: var(--custom-hover-green) !important;
}

/* Text Colors */
.text-custom-black {
    color: var(--custom-black) !important;
}

.text-custom-white {
    color: var(--custom-white) !important;
}

.text-custom-light {
    color: var(--custom-light) !important;
}

.text-custom-green {
    color: var(--custom-green) !important;
}

.text-custom-orange {
    color: var(--custom-orange) !important;
}

.text-custom-blue {
    color: var(--custom-blue) !important;
}

.text-custom-hover-green {
    color: var(--custom-hover-green) !important;
}

/* Border Colors */
.border-custom-black {
    border-color: var(--custom-black) !important;
}

.border-custom-white {
    border-color: var(--custom-white) !important;
}

.border-custom-light {
    border-color: var(--custom-light) !important;
}

.border-custom-green {
    border-color: var(--custom-green) !important;
}

.border-custom-orange {
    border-color: var(--custom-orange) !important;
}

.border-custom-blue {
    border-color: var(--custom-blue) !important;
}

.border-custom-hover-green {
    border-color: var(--custom-hover-green) !important;
}

.btn-primary {
    background: var(--custom-green);
    border-color: var(--custom-green);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: var(--custom-orange) !important;
    border-color: var(--custom-orange) !important;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active  {
    background: var(--custom-green);
}

.login-page, .register-page {
    background-color: var(--custom-light);
}

a {
    color: var(--custom-green);
}
a:hover {
    color: var(--custom-orange);
}
.form-control:focus {
    border-color: var(--custom-green);
}
.input-group .form-control:focus~.input-group-append .input-group-text,
.input-group .form-control:focus~.input-group-prepend .input-group-text {
    /* color: var(--custom-green); */
    border-color: var(--custom-green) !important;
}

/* .input-group .form-control:focus~.input-group-append .input-group-text,
.input-group .form-control:focus~.input-group-prepend .input-group-text {
    border-color: var(--custom-green);
} */

.toggle-visibility {
    cursor: pointer;
}