#calendar {
    width: 80%;
    margin: 0 auto;
height:81%;
opacity:1;
transition: opacity 0.5s ease-in-out;
  }
.fc .fc-toolbar {display:block;}
    .button-left,
    .button-right {
        background: none;
        border: none;
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
    height: 7em;
    width: 7em;
    border: 2px solid #25221c; 
    border-radius: 50%; 
padding-left: 5px;
  padding-right: 2px;
  padding-top: 3px;
color:#25221c;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.06);
transition:all 0.5s ease;
    }

    .button-left {
        left: 50% ;
margin-left:-25%; 
    transform: translateY(-50%) translateX(-50%) rotate(180deg);  
    }

    .button-right {
        left: 50% ; 
margin-left:25%; 
    }

    svg {
        fill: currentColor;filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));transition:all 0.5s ease;
    }

    button:hover svg {
        fill: #8e7747;
transition:all 0.5s ease;
    }

.button-left:hover,
.button-right:hover {
    border-color: #8e7747; transition:all 0.5s ease;
}
    .tudasuda {
        display: flex;
        justify-content: center;
        position: relative;
height:19%;
flex-grow: 1;
    }
.fc-today-button, .fc-prev-button, .fc-next-button, .fc .fc-button-group {display:none!important;}

.fc-toolbar-chunk {margin: 0 auto; text-align: center;}
.button-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
padding: 0 52px 0 52px;
height: 77px;
top:50%;
transform: translateY(-50%);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.06);
}

.button-mid {
    position: absolute;
    opacity: 0.95;
    background-color: rgb(87, 22, 30);
    background-image: url('/templates/images/btn-btm.png');
    background-repeat: repeat-x;
    background-size: contain;
    height: 77px;
top:0;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    border: none;
    cursor: pointer;
padding-bottom:1px;
transition: 0.4s all ease;
font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 800;
color:rgb(209, 149, 68);
min-width:5%;
}
.button-mid span {position:absolute;z-index: 1;}
.button-mid:hover {opacity: 0.85; transition: 0.4s all ease;}

.button-mid::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    width: 26px;
    height: 100%;
    background-image: url('/templates/images/btn-left.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgb(87, 22, 30);
}

.button-mid::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
    width: 26px;
    height: 100%;
    background-image: url('/templates/images/btn-right.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgb(87, 22, 30);
}
.button-mid::before, .button-mid::after {top:0; transform:translateY(0%);}

.arc {
    color: #fff; 
    border: none; 
    font-weight: bold;
    background-color:transparent;
}
.fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(even) {
    background-color: #4caf50; 
    color: #fff; 
    font-weight: bold;
    border-radius: 4px; 
width:80%;
margin: 0 auto;
margin-bottom:3px;

}

.fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(odd) {
    background-color: #f39c12;
    color: #fff; 
    font-weight: bold;
    border-radius: 4px; 
width:80%;
margin: 0 auto;
margin-bottom:3px;

}
.fc-daygrid-event-dot, .fc-event-time {display:none;}
.alertn {display:none; position:fixed; width:100%; height:100%; 
background: rgba(0,0,0,0.9);z-index:1001; opacity:0;transition: opacity 0.5s ease-in-out;}

.event-info:after {
  content: '';
  background: red;
  width: 80%;
  height: 13rem;
  display: block;
  position: absolute;
  bottom: 4rem;
z-index: 1;
background: linear-gradient(to top, rgba(220, 221, 212, 1) 0%, rgba(220, 221, 212, .1) 
85%, rgba(220, 221, 212, 0) 100% );
    pointer-events: none; /* Игнорирует все события мыши */
    user-select: none;
}
.desck{width:30%; height:70%;min-width:640px;min-height:480px;
background:#dcddd4;top: 50%; opacity:1;
    left: 50%;
    transform: translate(-50%, -50%);display:block;position:absolute;
    clip-path: polygon(
        /* Верхний край */
        0% 1%, 1% 0%, 2% 1.5%, 3% 0.5%, 4% 1%, 5% 0%, 
        6% 1%, 7% 0.5%, 8% 1.5%, 9% 0%, 10% 1%, 11% 0.5%, 
        12% 1.5%, 13% 0%, 14% 1%, 15% 0.5%, 16% 1.5%, 17% 0%, 
        18% 1%, 19% 0.5%, 20% 1.5%, 21% 0%, 22% 1%, 23% 0.5%, 
        24% 1.5%, 25% 0%, 26% 1%, 27% 0.5%, 28% 1.5%, 29% 0%, 
        30% 1%, 31% 0.5%, 32% 1.5%, 33% 0%, 34% 1%, 35% 0.5%, 
        36% 1.5%, 37% 0%, 38% 1%, 39% 0.5%, 40% 1.5%, 41% 0%, 
        42% 1%, 43% 0.5%, 44% 1.5%, 45% 0%, 46% 1%, 47% 0.5%, 
        48% 1.5%, 49% 0%, 50% 1%, 51% 0.5%, 52% 1.5%, 53% 0%, 
        54% 1%, 55% 0.5%, 56% 1.5%, 57% 0%, 58% 1%, 59% 0.5%, 
        60% 1.5%, 61% 0%, 62% 1%, 63% 0.5%, 64% 1.5%, 65% 0%, 
        66% 1%, 67% 0.5%, 68% 1.5%, 69% 0%, 70% 1%, 71% 0.5%, 
        72% 1.5%, 73% 0%, 74% 1%, 75% 0.5%, 76% 1.5%, 77% 0%, 
        78% 1%, 79% 0.5%, 80% 1.5%, 81% 0%, 82% 1%, 83% 0.5%, 
        84% 1.5%, 85% 0%, 86% 1%, 87% 0.5%, 88% 1.5%, 89% 0%, 
        90% 1%, 91% 0.5%, 92% 1.5%, 93% 0%, 94% 1%, 95% 0.5%, 
        96% 1.5%, 97% 0%, 98% 1%, 99% 0.5%, 100% 1%,
        /* Правый край */
        99% 2%, 98.5% 3%, 99.5% 4%, 98% 5%, 99% 6%, 98.5% 7%, 
        99.5% 8%, 98% 9%, 99% 10%, 98.5% 11%, 99.5% 12%, 98% 13%, 
        99% 14%, 98.5% 15%, 99.5% 16%, 98% 17%, 99% 18%, 98.5% 19%, 
        99.5% 20%, 98% 21%, 99% 22%, 98.5% 23%, 99.5% 24%, 98% 25%, 
        99% 26%, 98.5% 27%, 99.5% 28%, 98% 29%, 99% 30%, 98.5% 31%, 
        99.5% 32%, 98% 33%, 99% 34%, 98.5% 35%, 99.5% 36%, 98% 37%, 
        99% 38%, 98.5% 39%, 99.5% 40%, 98% 41%, 99% 42%, 98.5% 43%, 
        99.5% 44%, 98% 45%, 99% 46%, 98.5% 47%, 99.5% 48%, 98% 49%, 
        99% 50%, 98.5% 51%, 99.5% 52%, 98% 53%, 99% 54%, 98.5% 55%, 
        99.5% 56%, 98% 57%, 99% 58%, 98.5% 59%, 99.5% 60%, 98% 61%, 
        99% 62%, 98.5% 63%, 99.5% 64%, 98% 65%, 99% 66%, 98.5% 67%, 
        99.5% 68%, 98% 69%, 99% 70%, 98.5% 71%, 99.5% 72%, 98% 73%, 
        99% 74%, 98.5% 75%, 99.5% 76%, 98% 77%, 99% 78%, 98.5% 79%, 
        99.5% 80%, 98% 81%, 99% 82%, 98.5% 83%, 99.5% 84%, 98% 85%, 
        99% 86%, 98.5% 87%, 99.5% 88%, 98% 89%, 99% 90%, 98.5% 91%, 
        99.5% 92%, 98% 93%, 99% 94%, 98.5% 95%, 99.5% 96%, 98% 97%, 
        99% 98%, 98.5% 99%, 99.5% 100%,
        /* Нижний край */
/* Нижний край */
100% 98%, 99% 97.5%, 98% 98.5%, 97% 97.5%, 96% 98%, 
95% 97.5%, 94% 98.5%, 93% 97.5%, 92% 98%, 91% 97.5%, 
90% 98.5%, 89% 97.5%, 88% 98%, 87% 97.5%, 86% 98.5%, 
85% 97.5%, 84% 98%, 83% 97.5%, 82% 98.5%, 81% 97.5%, 
80% 98%, 79% 97.5%, 78% 98.5%, 77% 97.5%, 76% 98%, 
75% 97.5%, 74% 98.5%, 73% 97.5%, 72% 98%, 71% 97.5%, 
70% 98.5%, 69% 97.5%, 68% 98%, 67% 97.5%, 66% 98.5%, 
65% 97.5%, 64% 98%, 63% 97.5%, 62% 98.5%, 61% 97.5%, 
60% 98%, 59% 97.5%, 58% 98.5%, 57% 97.5%, 56% 98%, 
55% 97.5%, 54% 98.5%, 53% 97.5%, 52% 98%, 51% 97.5%, 
50% 98.5%, 49% 97.5%, 48% 98%, 47% 97.5%, 46% 98.5%, 
45% 97.5%, 44% 98%, 43% 97.5%, 42% 98.5%, 41% 97.5%, 
40% 98%, 39% 97.5%, 38% 98.5%, 37% 97.5%, 36% 98%, 
35% 97.5%, 34% 98.5%, 33% 97.5%, 32% 98%, 31% 97.5%, 
30% 98.5%, 29% 97.5%, 28% 98%, 27% 97.5%, 26% 98.5%, 
25% 97.5%, 24% 98%, 23% 97.5%, 22% 98.5%, 21% 97.5%, 
20% 98%, 19% 97.5%, 18% 98.5%, 17% 97.5%, 16% 98%, 
15% 97.5%, 14% 98.5%, 13% 97.5%, 12% 98%, 11% 97.5%, 
10% 98.5%, 9% 97.5%, 8% 98%, 7% 97.5%, 6% 98.5%, 
5% 97.5%, 4% 98%, 3% 97.5%, 2% 98.5%, 1% 97.5%, 0% 98%,
        /* Левый край */
2% 99%, 1.5% 98%, 2.5% 97%, 1% 96%, 2% 95%, 1.5% 94%, 
        2.5% 93%, 1% 92%, 2% 91%, 1.5% 90%, 2.5% 89%, 1% 88%, 
        2% 87%, 1.5% 86%, 2.5% 85%, 1% 84%, 2% 83%, 1.5% 82%, 
        2.5% 81%, 1% 80%, 2% 79%, 1.5% 78%, 2.5% 77%, 1% 76%, 
        2% 75%, 1.5% 74%, 2.5% 73%, 1% 72%, 2% 71%, 1.5% 70%, 
        2.5% 69%, 1% 68%, 2% 67%, 1.5% 66%, 2.5% 65%, 1% 64%, 
        2% 63%, 1.5% 62%, 2.5% 61%, 1% 60%, 2% 59%, 1.5% 58%, 
        2.5% 57%, 1% 56%, 2% 55%, 1.5% 54%, 2.5% 53%, 1% 52%, 
        2% 51%, 1.5% 50%, 2.5% 49%, 1% 48%, 2% 47%, 1.5% 46%, 
        2.5% 45%, 1% 44%, 2% 43%, 1.5% 42%, 2.5% 41%, 1% 40%, 
        2% 39%, 1.5% 38%, 2.5% 37%, 1% 36%, 2% 35%, 1.5% 34%, 
        2.5% 33%, 1% 32%, 2% 31%, 1.5% 30%, 2.5% 29%, 1% 28%, 
        2% 27%, 1.5% 26%, 2.5% 25%, 1% 24%, 2% 23%, 1.5% 22%, 
        2.5% 21%, 1% 20%, 2% 19%, 1.5% 18%, 2.5% 17%, 1% 16%, 
        2% 15%, 1.5% 14%, 2.5% 13%, 1% 12%, 2% 11%, 1.5% 10%, 
        2.5% 9%, 1% 8%, 2% 7%, 1.5% 6%, 2.5% 5%, 1% 4%, 
        2% 3%, 1.5% 2%, 2.5% 1%, 1% 0%);
    border: none;}
.crossline {transform:rotate(45deg); width:28px;height:28px;
position:absolute;right:55px;bottom:85px; z-index: 2;}
.closeblock {width:32px;height:32px;
position:absolute;right:53px;top:5%;cursor:pointer;}

.crossline svg {fill:rgb(142 119 71);}
.horizonline{background:rgb(142 119 71);
height:1px;width:80%;position:absolute;right:69px;bottom:98px;z-index: 2;}
.vertline{background:rgb(142 119 71);
height:65%;width:1px;position:absolute;right:68px;bottom:50px;z-index: 2;opacity:1;
}
.visible {
    display: block;
}
.event-info {padding-left:10%;padding-top:5%;}
.status-accepted {
    color: green; /* Зеленый цвет для статуса "Принял" */
    font-weight: bold;
}

.status-rejected {
    color: red; /* Красный цвет для статуса "Отклонил" */
    font-weight: bold;
}

.status-unsure {
    color: #824416; /* Оранжевый цвет для статуса "Не уверен" */
    font-weight: bold;
}

.status-pending {
    color: blue; /* Синий цвет для статуса "Ожидание" */
    font-weight: bold;
    font-style: italic;
}

@media (max-width: 768px) {
.desck{width:80%; height:80%;min-width:0;min-height:0;top:10%;left:10%;transform: translate(0%, 0%);}
    .button-left,
    .button-right {
        height: 4em;
        width: 4em;
    }

    .button-left {
        margin-left: -35%; 
    }

    .button-right { 
        margin-left: 35%; 
    }
.crossline {right:30px;bottom:85px;}
.horizonline{width:60%;position:absolute;right:44px;bottom:98px;}
.vertline{height:65%;width:1px;position:absolute;right:43px;bottom:50px;}

}