/*@import url('https://fonts.googleapis.com/css2?family=Prosto+One&display=swap');*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@font-face {
    font-family: 'Prosto One';
    src: url('../ttf/ProstoOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../ttf/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --rst-white: #fff;
    --rst-black: #000;
    --rst-red-0: #3c0501;
    --rst-red-1: #5a0801;
    --rst-red-2: #780a02;
    --rst-red-3: #970d02;
    --rst-red-4: #b20f03;
    --rst-red-5: #e81403;
    --rst-red-6: #fc574a;
    --rst-red-7: #fe9f97;
    --rst-red-8: #feccc8;
    --rst-red-9: #ffefee;
    --rst-orange-0: #361a02;
    --rst-orange-1: #482303;
    --rst-orange-2: #592b04;
    --rst-orange-3: #763905;
    --rst-orange-4: #8d4406;
    --rst-orange-5: #c05d08;
    --rst-orange-6: #ee730a;
    --rst-orange-7: #f8a054;
    --rst-orange-8: #fbcda5;
    --rst-orange-9: #fef1e6;
    --rst-gold-0: #261c00;
    --rst-gold-1: #3e2d00;
    --rst-gold-2: #4c3700;
    --rst-gold-3: #644900;
    --rst-gold-4: #735400;
    --rst-gold-5: #a77a00;
    --rst-gold-6: #dda100;
    --rst-gold-7: #ffce4b;
    --rst-gold-8: #ffeab2;
    --rst-gold-9: #fff8e4;
    --rst-green-0: #0a2614;
    --rst-green-1: #0e381d;
    --rst-green-2: #104122;
    --rst-green-3: #15562d;
    --rst-green-4: #196535;
    --rst-green-5: #228b49;
    --rst-green-6: #2db35e;
    --rst-green-7: #55d584;
    --rst-green-8: #a8e9c0;
    --rst-green-9: #e3f8eb;
    --rst-cyan-0: #061b20;
    --rst-cyan-1: #0b333e;
    --rst-cyan-2: #0d3e4b;
    --rst-cyan-3: #115061;
    --rst-cyan-4: #156074;
    --rst-cyan-5: #1e89a5;
    --rst-cyan-6: #30b6da;
    --rst-cyan-7: #73cee6;
    --rst-cyan-8: #ace2f0;
    --rst-cyan-9: #e9f7fb;
    --rst-blue-0: #001c43;
    --rst-blue-1: #002b67;
    --rst-blue-2: #003681;
    --rst-blue-3: #0045a6;
    --rst-blue-4: #0051c3;
    --rst-blue-5: #086fff;
    --rst-blue-6: #4693ff;
    --rst-blue-7: #82b6ff;
    --rst-blue-8: #b9d6ff;
    --rst-blue-9: #ecf4ff;
    --rst-indigo-0: #170f58;
    --rst-indigo-1: #221785;
    --rst-indigo-2: #2c1ea9;
    --rst-indigo-3: #3524cd;
    --rst-indigo-4: #4b3bdc;
    --rst-indigo-5: #7366e4;
    --rst-indigo-6: #9d94ec;
    --rst-indigo-7: #c2bdf3;
    --rst-indigo-8: #dfdcf9;
    --rst-indigo-9: #f1f0fc;
    --rst-violet-0: #350b42;
    --rst-violet-1: #490f5c;
    --rst-violet-2: #5f1477;
    --rst-violet-3: #741892;
    --rst-violet-4: #8d1eb1;
    --rst-violet-5: #b73cdf;
    --rst-violet-6: #cf7ee9;
    --rst-violet-7: #dfa8f1;
    --rst-violet-8: #ebcaf6;
    --rst-violet-9: #f7eafb;
    --rst-pink-0: #2d0210;
    --rst-pink-1: #4e031c;
    --rst-pink-2: #6a0426;
    --rst-pink-3: #8d0633;
    --rst-pink-4: #af0740;
    --rst-pink-5: #e80954;
    --rst-pink-6: #f85189;
    --rst-pink-7: #fb97b9;
    --rst-pink-8: #fdc9db;
    --rst-pink-9: #fef1f5;
    --rst-gray-0: #1d1d1d;
    --rst-gray-1: #313131;
    --rst-gray-2: #3d3d3d;
    --rst-gray-3: #4a4a4a;
    --rst-gray-4: #595959;
    --rst-gray-5: #797979;
    --rst-gray-6: #999999;
    --rst-gray-7: #b6b6b6;
    --rst-gray-8: #d9d9d9;
    --cf-gray-9: #f2f2f2;
    --cf-newGray-0: #191919;
    --cf-newGray-1: #2C2C2C;
    --cf-newGray-2: #424242;
    --cf-newGray-3: #5A5A5A;
    --cf-newGray-4: #666666;
    --cf-newGray-5: #767676;
    --cf-newGray-6: #909090;
    --cf-newGray-7: #AEAEAE;
    --cf-newGray-8: #CCCCCC;
    --cf-newGray-9: #EAEAEA;
    --cf-newGreen-0: #081E10;
    --cf-newGreen-1: #0D341B;
    --cf-newGreen-2: #134C28;
    --cf-newGreen-3: #1A6736;
    --cf-newGreen-4: #1E753E;
    --cf-newGreen-5: #228747;
    --cf-newGreen-6: #29A456;
    --cf-newGreen-7: #32C769;
    --cf-newGreen-8: #81DFA3;
    --cf-newGreen-9: #CFF3DC;
    --cf-sequential-0: #3E8EFF;
    --cf-sequential-1: #104858;
    --cf-sequential-2: #E46E0A;
    --cf-sequential-3: #6B1687;
    --cf-sequential-4: #F8528A;
    --cf-sequential-5: #003E93;
    --cf-sequential-6: #FD5548;
    --cf-sequential-7: #423979;
    --cf-sequential-8: #29A456;
    --cf-sequential-9: #870531;
    --cf-sequential-10: #BA8700;
    --cf-sequential-11: #134C28;
    --cf-sequential-12: #C768E6;
    --cf-sequential-13: #880C02;

    --rst-child: #eaa600;
}


/* ICONS */

.bi::before { /* BootStrap icons  */
    vertical-align: baseline;
}

.adult-color {
    /*background-color: #ffc5007a;*/
    /*border: solid 1px maroon;*/
    /*padding: 2px;*/
    color: #087fc5;
    /*border-radius: 5px;*/
}

.child-color {
    /*background-color: var(--bs-success-bg-subtle) !important;*/
    /*border: solid 1px var(--bs-success-text-emphasis);*/
    /*padding: 2px;*/
    /*border-radius: 5px;*/
    color: var(--rst-child) !important;
}


/* BUTTONS */
.btn-danger-soft {
    color: var(--bs-danger-text-emphasis) !important;
    background-color: var(--bs-danger-bg-subtle) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-danger-border-subtle) !important;
    border-radius: var(--bs-border-radius-sm);
}

.btn-success-soft {
    color: var(--bs-success-text-emphasis) !important;
    background-color: var(--bs-success-bg-subtle) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-success-border-subtle) !important;
    border-radius: var(--bs-border-radius-sm);
}

.btn-warning-soft {
    color: var(--bs-warning-text-emphasis) !important;
    background-color: var(--bs-warning-bg-subtle) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-warning-border-subtle) !important;
    border-radius: var(--bs-border-radius-sm);
}

.btn-info-soft {
    color: var(--bs-info-text-emphasis) !important;
    background-color: var(--bs-info-bg-subtle) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-info-border-subtle) !important;
    border-radius: var(--bs-border-radius-sm);
}

.btn-primary-soft {
    color: var(--bs-primary-text-emphasis) !important;
    background-color: var(--bs-primary-bg-subtle) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-primary-border-subtle) !important;
    border-radius: var(--bs-border-radius-sm);
}

.btn-secondary-soft {
    color: var(--bs-secondary-text-emphasis) !important;
    background-color: var(--bs-secondary-bg-subtle) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-secondary-border-subtle) !important;
    border-radius: var(--bs-border-radius-sm);
}


/* FORM */
form .need_fill {
    color: var(--bs-danger-text-emphasis) !important;
    background-color: var(--bs-danger-bg-subtle) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-danger-border-subtle) !important;
    outline: 0;
    box-shadow: 0 0 0 .18rem rgba(253, 69, 13, 0.25);
}
form .warn_fill {
    color: var(--bs-warning-text-emphasis) !important;
    background-color: var(--bs-warning-bg-subtle) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-warning-border-subtle) !important;
    outline: 0;
    box-shadow: 0 0 0 .18rem rgb(253 130 13 / 25%);
}

.form-check .form-check-input {
    float: none;
}

.choices {
    width: 90%;
}

.service_name {
    width: 10%
}

/* GLOBAL */
body {
    font-family: 'Roboto Condensed', Arial, sans-serif;
}

.hidden {
    display: none;
}

.page-full-logo {
    font-family: 'Prosto One', Arial, sans-serif;
    font-size: xx-large;
    color: #052c65;
}

.page-full-logo:hover {
    /*color: #052c65;*/
    color: var(--rst-red-3);
}


/* SIGNIN PAGE */
.bg-body-login {
    background-color: #052c65;
    /*color: #a9a9a9;*/
    color: #7daffb;
}

.form-signin html, body {
    height: 100%;
}
.form-signin .form-logo {
    font-family: 'Prosto One', Arial, sans-serif;
    font-size: xx-large;
    /*color: #052c65;*/
    color: #63a1ff;
}
.form-signin main {
    max-width: 330px;
    padding: 1rem;
}
.form-signin .form-floating:focus-within {
    z-index: 2;
}
.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* APPOINTMENTS */
.card-today {
    color: #5a3b0d !important;
    background-color: #e1d179 !important;
}

.future_day {
    color: #184f1e !important;
    background-color: #9dcc9a !important
}

.history_day {
    color: #0d4978 !important;
    background-color: #aac6df !important;
}

/*.empty-today {*/
/*    background-color: #a1d3e1;*/
/*}*/

.empty-day {
    /*padding: 2px;*/
    background-color: #efffe8;
}

.col-day-header {
    padding: 2px;
    border: 1px solid #ababab;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #e9ffe6;
    text-align: center;
    font-weight: bold;
}

.col-day-body {
    padding: 0;
    border: 1px solid #ababab;
    /*border-radius: 5px;*/
    background-color: #fff8e6;
}

.slot-header {
    display: flex;
    padding: 2px;
    font-size: smaller;
}

.slot-body {
    display: flex;
    padding: 2px;
    /*font-size: smaller;*/
}

.slot {
    padding: 2px;
    max-height: 50px;
    border-bottom: 1px solid #ababab;
}

.slot_ruble-sign {
    font-size: 0.7rem;
}

.col-day-footer {
    padding: 2px;
    border: 1px solid #ababab;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #e9ffe6;
    text-align: center;
    font-weight: bold;
}

.slot-free {
    background-color: #d5ffcf !important;
}

.slot-free-today {
    background-color: #fff2cf !important;
}

.slot-vizit-success {
    /*background-color: var(--bs-primary-bg-subtle) !important;*/
    /*color: var(--bs-primary-text-emphasis) !important;*/
    background-color: var(--bs-success-bg-subtle) !important;
    color: var(--bs-success-text-emphasis) !important;
}

.slot-vizit-danger {
    background-color: var(--bs-danger-bg-subtle) !important;
    color: var(--bs-danger-text-emphasis) !important;
}

.slot-vizit-warning {
    background-color: var(--bs-warning-bg-subtle) !important;
    color: var(--bs-warning-text-emphasis) !important;
}

.slot-vizit-warning-n {
    background-color: var(--bs-info-bg-subtle) !important;
    color: var(--bs-info-text-emphasis) !important;
}

.vizit_success_modal {
    background-color: #f3ecdf !important;
    color: var(--bs-dark-text-emphasis) !important;
}


/* calendar */
.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    /*max-width: 700px;*/
    margin: 0 auto;
}

.p-calendar {
    padding: 8px;
}

.day {
    border: 1px solid #ddd;
    /*padding: 10px;*/
    text-align: center;
}

.day_in_month {
    padding: 2px;
    font-size: smaller;
    min-height: 80px;
}
.has-slots {
    background-color: #dff3df !important;
    border-color: darkgreen;
}
.has-slots .list-group-item {
    padding: 2px;
    background-color: #d6eed6;
}
.not-has-slots {
    background-color: #ddd;
    border-color: #aaa;
}
.free-day {
    background-color: lightgreen !important;
    border-color: darkgreen;
}
.full-day {
    background-color: lightblue !important;
    border-color: darkblue;
}
.old-day {
    background-color: #ddd;
    border-color: #aaa;
}

.day-link {
    color: #575757;
    text-decoration: none;
}

.current_week {
    box-shadow: 0 0 0 2px darkorange;
    background-color: antiquewhite;
}

.comment_inside {
    color: var(--rst-violet-5);
}

.tooltip-comment {
    --bs-tooltip-bg: var(--rst-violet-1);
    --bs-tooltip-color: var(--bs-white);
}