:root {
    --theme-main-color: #2f4269;
    --theme-second-color: #1cb99a;
    --theme-third-color: #d8e8f4;
    --theme-fourth-color: #fb5252;
    --theme-fifth-color: #900c3f;
    --pale-blue: #d8e8f4;
    --theme-fight-color: #1cb99a;
    --theme-sixth-color: #ffeded;
    --theme-reset-color: #fc8f8f;
    --navbar-height: 70px;
    --sidebar-width: 70px;
}

@media screen and (max-width: 768px) {
    :root {
        --navbar-height: 72px;
    }
}

@media screen and (max-width: 1439px) {
    :root {
        --navbar-height: 73px;
        --sidebar-width: 0px;
    }
}

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

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

.bg-third-color {
    background-color: var(--theme-third-color) !important;
    color: var(--theme-main-color) !important;
}

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

.bg-sixth-color {
    background-color: var(--theme-sixth-color);
}

.text-main-color {
    color: var(--theme-main-color);
}
.text-second-color {
    color: var(--theme-second-color);
}

.btn-main-color {
    color: var(--theme-main-color);
}

.btn-border-second-color {
    border: 1px solid var(--theme-second-color) !important;
    color: var(--theme-second-color) !important;
}

.btn-second {
    background-color: var(--theme-second-color);
    color: white !important;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 25px;
    margin: 5px;
}

.text-main-color {
    color: var(--theme-main-color) !important;
}

.text-second-color {
    color: var(--theme-second-color) !important;
}

.text-third-color {
    color: var(--theme-third-color) !important;
}

.text-fourth-color {
    color: var(--theme-fourth-color) !important;
}

.text-fifth-color {
    color: var(--theme-fifth-color) !important;
}

/* ############## */
.c-ffffff {
    color: #ffffff !important;
}

.c-f27405 {
    color: #f27405 !important;
}

.c-5890c3 {
    color: #5890c3 !important;
}

.c-444444 {
    color: #444444;
}

.c-000000 {
    color: #000000;
}

.c-d8e8f4 {
    color: #d8e8f4 !important;
}

.c-red {
    color: red !important;
}

.c-orange {
    color: orange !important;
}

.c-orangered {
    color: orangered !important;
}

.c-green {
    color: green !important;
}

.c-1CB99A {
    color: #1cb99a !important;
}

.c-aaaaaa {
    color: #aaaaaa !important;
}
.c-9932CC {
    color: #9932cc !important;
}

.btn-status-appointment.active {
    color: white !important;
}

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

.bg-main {
    background-color: var(--theme-main-color) !important;
}

.bg-2f4269,
.header-login {
    background-color: #2f4269 !important;
}

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

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

.bg-dd0000 {
    background-color: #dd0000 !important;
}
.bg-025e09 {
    background-color: #025e09 !important;
}
.bg-7be495 {
    background-color: #7be495 !important;
}

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

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

.bg-1CB99A {
    background-color: #1cb99a !important;
}

.bg-33669a {
    background-color: #33669a !important;
}
.bg-ffffab {
    background-color: #ffffab !important;
}
.bg-gradient-33669A-1cb99a {
    /* background-image: linear-gradient(to top, #33669a, #1cb99a, #ffffff); */
    /* background-image: linear-gradient(to bottom, #F1F5F9 50%, #33669A 10%); */
    /* background-image: linear-gradient(to top, #33669A 2%, #1cb99a 10% 50%, #ffffff 90% 100%); */
    /* background-image: linear-gradient(to top, #33669A 2%, #46b5a3 10% 70%, #ffffff 100% 100%); */
    /* background-image: linear-gradient(to top, rgba(51, 102, 154, 0.8) -5%, rgba(30, 178, 154, 0.9) 29%, #f1f5f9 102%); */
    background-image: linear-gradient(
        to top,
        rgba(51, 102, 154, 0.8) -5%,
        rgba(30, 178, 154, 0.9) 44%,
        #f1f5f9 130%
    );
}

.c-7BB6C1 {
    color: #7bb6c1;
}

.bg-7BB6C1 {
    background-color: #7bb6c1;
}

.bg-FAC945 {
    background-color: #fac945;
}
.bg-D46532 {
    background-color: #d46532;
}
.bg-darkgray {
    background-color: #f1f5f9;
}

.c-2f4269 {
    color: #2f4269 !important;
}

.c-fb5252 {
    color: #fb5252 !important;
}

.c-33669a {
    color: #33669a !important;
}

.bg-bcbec0 {
    background-color: #bcbec0;
}

.bg-33669a {
    background-color: #33669a;
}

.bg-ffd800 {
    background-color: #ffd800;
}

.bg-fb5252 {
    background-color: #fb5252;
}

.bg-33669a {
    background-color: #33669a;
}

.bg-ffd800 {
    background-color: #ffd800;
}

.bg-9932CC {
    background-color: #9932cc !important;
}

.bg-e36429 {
    background-color: #e36429;
}
.bg-ap-wait {
    background-color: #d46532;
}
.bg-ap-come {
    background-color: #5cb2c2;
}

.select-service-point div,
.select-branch div {
    color: #aaaaaa;
}

/* .border- */