/*базовые стили*/
/*@import url('variables_v1.1.css');*/

    .my-table-calendar{
        background-color: var(--transparent);
        color: var(--cal-white);
        border: 1px solid var(--light-grey);
        border-spacing: 0;
    }
   .my-table-calendar td {
        width: 81px;
        height: 120px;
        text-align: right;
        vertical-align: top !important;
        position: relative;
        padding: 0;
    }

   .my-table-calendar th {
        width: 81px;
        text-align: right;
        vertical-align: top;
        position: relative;
        padding: 0;
    }

    .card-calendar {
        text-align: left;
        overflow: auto;
    }


.my-table-calendar td,
.my-table-calendar th {
    padding: 3px;
    border: 1px solid var(--light-grey);
}
    .my-today{
        background-color: var(--bor-grey) !important;
        color: var(--border-black) !important;
    }

    .my-table-calendar.table {
    background-color: var(--transparent);
}

.my-table-calendar.table th,
.my-table-calendar.table td {
    background-color: var(--transparent);
     color: var(--cal-white);
    vertical-align: middle;
}

.my-table-calendar.table tbody, .my-table-calendar.table td, .my-table-calendar.table tfoot, .my-table-calendar.table th, .my-table-calendar.table thead, .my-table-calendar.table tr {
    color: var(--cal-white);
    vertical-align: middle;
}

.my-table-calendar.table th{
    user-select: none;
}


.weekend{
    color:var(--red) !important;
}

.content-calendar::-webkit-scrollbar {
    background-color: var(--place-grey);
    width: 6px;
}


/* Стиль полосы прокрутки */
.content-calendar::-webkit-scrollbar-thumb {
    background-color: var(--bor-grey);
    border-radius: 2px;
}

/* Стиль бегунка (ползунка) прокрутки */
.content-calendar::-webkit-scrollbar-thumb:hover {
    background-color: var(--green);
}

.content-calendar{
    height: 700px;
    overflow-y: auto;
    overflow-x:auto;
}