#calendarview {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.calendar-backdrop h2 {
    margin-bottom: 0px !important;
}

.text-danger {
    color: #ff0000 !important;
    font-size: 15px !important;
}

.calendar__month,
.calendar__year {
    font-family: 'ZonaPro-Regular' !important;
}

.border {
    border: none !important;
}

html[lang="el"] .calendar__weekdays .calendar__weekday {
    font-size: 0.0001px !important;
    font-family: 'Manrope-Regular' !important;
}

.color-calendar.glass .calendar__days .calendar__day-box {
    font-family: 'Manrope-Regular' !important;
}

html[lang="el"] .calendar__weekdays .calendar__weekday:nth-child(1):before {
    content: 'Κυρ';
    font-size: 15px;
}

html[lang="el"] .calendar__weekdays .calendar__weekday:nth-child(2):before {
    content: 'Δευ';
    font-size: 16px;
}

html[lang="el"] .calendar__weekdays .calendar__weekday:nth-child(3):before {
    content: 'Τρι';
    font-size: 16px;
}

html[lang="el"] .calendar__weekdays .calendar__weekday:nth-child(4):before {
    content: 'Τετ';
    font-size: 16px;
}

html[lang="el"] .calendar__weekdays .calendar__weekday:nth-child(5):before {
    content: 'Πεμ';
    font-size: 16px;
}

html[lang="el"] .calendar__weekdays .calendar__weekday:nth-child(6):before {
    content: 'Παρ';
    font-size: 16px;
}

html[lang="el"] .calendar__weekdays .calendar__weekday:nth-child(7):before {
    content: 'Σαβ';
    font-size: 16px;
}

#calendarview label {
    font-size: 20px !important;
    color: #2a429b !important;
}

.custom-checkbox {
    display: none !important;
}

.form-continue {
    background: linear-gradient(to bottom right,#c17c21,#d19f58,#e3b96d,#d19f58,#b97f33)!important;
    color: #fff !important;
}

.form-back {
   	background: linear-gradient(to bottom right,#4b4b4b,#555555,#999999,#555555,#4b4b4b)!important;
    color: #fff !important;
}

#calendar-popup form {
    color: #fff !important;
}

#calendar-popup form div {
    font-size: 17px !important;
    color: #a18d56 !important;
    font-family: 'Manrope-Regular' !important;
}

#calendar .container {
    position: relative;
    background: #5d83bbc7;
    background: linear-gradient(0deg, #c1b4a48c, #c1b4a48c), url(/wp-content/uploads/2023/06/el-bg.jpg) !important;
    background-size: cover !important;
    border-radius: 10px !important;
    background-position: center;
}

#calendar .container .container {
    background: transparent !important;
}

.calendar-backdrop .mt-md-0 {
    display: flex;
    align-items: center;
}

.calendar-backdrop {
    justify-content: space-around !important;
    padding: 3em 2em !important;
    border: 2px solid #a18d56 !important;
}

.calendar-backdrop .col-md-6 {
    background-color: rgb(255 241 241 / 44%)!important;
    backdrop-filter: blur(3px) !important;
    border-radius: 10px;
    padding: 30px;
    width: 45% !important;
    padding: 5%;
    /*border: 2px solid #f2f4fa;*/
    display: flex;
    align-items: center;
}

.col-2 {
    display: none !important;
}

.col-8 {
    margin-left: 0px !important;
    width: 100% !important;
}

.color-calendar.glass .calendar__body {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

#calendar input[type="text"],
#calendar input[type="email"],
#calendar input[type="tel"],
#calendar input[type="time"] {
    padding: 12px 35px !important;
    background: #d7d7d7 !important;
    border: none !important;
    border-radius: 15px !important;
    font-size: 16px;
    font-family: 'Manrope-Regular' !important;
}

#calendar .calendar__header {
    background-color: #a18d56 !important;
}

.color-calendar.glass .calendar__days .calendar__day-selected .calendar__day-box {
    background-color: #a18d56 !important;
    opacity: 1;
    box-shadow: 0 3px 15px -5px #9c3e4e;
}

.form-continue,
.form-back {
    box-shadow: 2px 3px 0 0 rgb(144 141 209 / 43%), 0 0 0 5px #ffffff;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: 'ZonaPro-Regular' !important;
    font-size: 20px !important;
}

.form-continue:hover {
    background: linear-gradient(135deg, rgb(142 106 34) 0%, rgb(170 136 60) 15%, rgb(207 169 114) 35%, rgb(230 184 80) 50%, rgb(207 169 114) 70%, rgb(170 136 60) 85%, rgb(142 106 34) 100%) !important;
    color: #fff !important;
}

.form-back:hover {
    background: linear-gradient(to right, #3b3c3c, #959799) !important;
    color: #fff !important;
}

#calendar-form {
    background: transparent !important;
}

.form-row label {
    font-size: 18px !important;
}

.calendar-form-header {
    color: #a18d56 !important;
    font-size: 25px !important;
}

#calendar-popup row:nth-child(2) div {
    font-size: 15px !important;
}

#calendar-popup .form div {
    font-size: 15px !important;
}


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

#calendar-popup {
    background-color: rgb(255 241 241 / 44%) !important;
    opacity: 1 !important;
}

@media only screen and (max-width: 1250px) {
    .calendar-backdrop {
        flex-direction: column;
    }
    .calendar-backdrop .col-md-6 {
        width: 100% !important;
        justify-content: center !important;
    }
    .calendar-backdrop .col-md-6:first-child {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 992px) {
	.calendar-form-header {
		color:#fff !important;
	}
	#calendar-popup form div{
		color:#fff !important;
	}
}
@media only screen and (max-width: 767px) {
    .calendar-backdrop .col-md-6 {
        padding: 10% !important;
    }
}

@media only screen and (max-width: 600px) {
    .calendar-form-header {
        font-size: 25px !important;
    }
    .form-continue,
    .form-back {
        font-size: 17px !important;
    }
    .color-calendar .calendar__monthyear {
        font-size: 1.2rem !important;
    }
    .calendar-backdrop {
        padding: 15px 15px!important;
    }
}

@media only screen and (max-width: 400px) {
    .form-continue,
    .form-back {
        padding: 5px 10px;
    }
    .calendar-form-header {
        font-size: 18px !important;
    }
    .color-calendar .calendar__monthyear {
        font-size: 1rem !important;
    }
}