h1, h2, h3, h4, h5, h6 {
    text-align: center;
}
.hidden {
    display: none;
}
.calendar_box {
    padding-left: 15px;
}
.calendar_day {
    background: linear-gradient(to bottom, #eceaea, #d6d6d6);
    border: 1px solid #fff;
    width: 70px;
    height: 70px;
    padding: 2px;
}
.calendar_day.current {
    background: linear-gradient(to bottom, #b8c1e6, #7388a5);
}
.calendar_day.current.events_isset {
    background: linear-gradient(to bottom, #7180bc, #1e519a);
}
.select_option_item li.selected {
    background: #000ad1;
}
.small_name {
    font-size: 10px;
    border-bottom: 1px solid;
    text-align: left;
    padding-left: 5px;
    line-height: 12px;
}
div.events_cell {
    overflow: hidden;
    width: 100%;
    height: 40px;
    font-size: 50%;
}
div.events_list {
    display: none;
    overflow: hidden;
    width: 100%;
    height: 40px;
    word-break: break-word;
}
.select_date, div.events_list {
    position: relative;
}
.select_date > div.events_list
.small_name {
    font-size: 14px;
    line-height: 16px;
}
.select_date > div.events_list {
    display: block;
    position: absolute;
    width: 200px;
    z-index: 1000;
    overflow: visible;
    left: 85%;
    top: 10px;
    padding: 10px;
    background: #dbdbe4;
    height: max-content;
}
.events_list .close {
    right: 7px;
    top: -5px;
}
.event_data .close {
    top: 0px;
}
.events_view_list .close {
    width: 25px;
    height: 20px;
}
ul div {
    position: relative;
}
ul li:last-child  {
    border-bottom: none;
}

ul .fa {
    cursor: pointer;
    position: absolute;
    top: 20%;
    left: 20%;
}
.calendar_head {
    font-weight: 700;
    color: brown;
}
.event_data .description{
    white-space: pre-line;
}
.event_data {
    position: absolute;
    right: 20vw;
    top: 2vw;
    display: block;
    width: 60vw;
    padding: 10px 15px;
    background: #a7a7cd;
    border-radius: 10px;
    z-index: 1002;
}
.events_view_list .description {
    padding-left: 5px;
}
.events_view_list {
    background: #afb6e4;
    padding: 5px 5px;
    border-radius: 10px;
}
.events_view_list > ul:first-child {
    border-radius: 10px 10px 0 0;
}
.events_view_list > ul:last-child {
    border-radius: 0 0 10px 10px;
}
.events_view_list > ul:last-child ul:last-child {
    border-radius: 0 0 10px 10px;
    border: none;
}
.events_view_list ul {
    padding: 0;
    background: #e8eaff;
}
.events_view_list ul li {
}
.events_view_list ul ul li > div {
    padding-left: 15%;
    text-align: left;
}
.events_view_list ul ul {
    border-bottom: 1px solid #2004f9;
}
.festivals_list li > .description {
    display: none;
}
.festivals_list li > .description.open {
    display: block;
    position: relative;
    right: 60vw;
    width: 60vw;
    background: #a5abe0;
    padding: 10px 5px;
    border-radius: 10px;
}
.festivals_list li > .description .description {
    word-break: break-word;
    white-space: pre-line;
}
.festivals_list li {
    padding: 3px 5px;
    position: relative;
    border-bottom: 1px solid #2004f9;
}
.button {
    padding: 0px 10px;
    border-radius: 10px;
    background: linear-gradient(45deg, #1107f3, #7160ef);
    color: #e5e2e2;
}
