body, html {
margin:0;
width:100%;
height:100%;
}
body {
background-image: linear-gradient(to right top, #008f7a, #008c9e, #0083bc, #3673c5, #8b5ab0);
box-sizing:border-box;
padding:30px;
}
@font-face {
    font-family: font;
    src: url("files/regular.otf") format("opentype");
}
* {font-family: 'font', sans-serif;}
section.container {
background-color:white;
border-radius:20px;
width:100%;
height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
box-shadow:0px 0px 10px rgba(0,0,0,0.5);
}
section div.container {
padding:20px;
}
div.info_text {
font-size:16px;
text-align:center;
}
.login_box input, button.like_input, .container input:not([type=radio]):not([type=checkbox]), .container select {
background-color:transparent;
border:none;
border-bottom:1px solid grey;
padding:6px;
outline:none;
transition:0.5s font-size, padding-bottom;
font-size:17px;
width:200px;
margin:10px 0 20px 0;
padding-bottom:8px;
}
.login_box input:not([type=submit]):focus, .container input:not([type=radio]):not([type=checkbox]):focus {
font-size:20px;
padding-bottom:6;
}
.login_box input[type=submit], button.like_input, .container input[type=submit] {
border-bottom:1px solid green;
color:green;
font-weight:bold;
margin-top:10px;
width:150px;
}
.login_box input[type=submit]:hover, button.like_input:hover, .container input[type=submit]:hover {
font-size:20px;
padding-bottom:6;
}
.large_text {
font-size:40px;
display:block;
padding-bottom:20px;
}
.login_login, .login_register {
padding:20px;
margin:20px;
display:inline-block;
}
.login_box {
  display: flex;
  align-items: top;
}
.select {
background-color:transparent;
border-bottom:1px solid grey;
padding:6px;
outline:none;
transition:0.5s font-size, padding-bottom;
font-size:17px;
margin:3px 0;
padding-bottom:8px;
}
.select input[type=radio], .select input[type=checkbox] {
transform:scale(1.5);
margin-right:10px;
}
.scale {
transform:scale(1.5);
margin-right:10px;
}
.box {
overflow: auto;
height:30vh;
}
.box::-webkit-scrollbar, .slider::-webkit-scrollbar {
width: 10px;
height:10px;
padding-left:10px;
}
.box::-webkit-scrollbar-thumb, .slider::-webkit-scrollbar-thumb {
background: #aaa; 
border-radius:5px;
}
.box::-webkit-scrollbar-thumb:hover, .slider::-webkit-scrollbar-thumb:hover {
background: #888; 
}
.butt-cust {
width:calc(100% - 12px)!important;
margin:5px 0!important;
}
section.container div.slider {
overflow-x: scroll;
height:100%;
box-sizing:border-box;
}
section.container.slider {
display:block;
}

table tr th {
border:2px solid black;
background-color: #008c9e;
height:40px;
color:white;
font-size:25px;
}
table tr td {
border:1px solid black;
min-width:150px;
height:30px;
}
.first_month {
font-weight:bold;
background-color:#008f7a;
color:white;
font-size:20px;
text-align:center;
}
.none_month {
background-color:none;
border:none;
}
.weekday {
background-color:#bcd2e8;
color:grey;
}
.today {
background-color:#008f7a;
color:white;
}
.event_ex {
background-color:red;
color:white;
cursor:pointer;
}
.event_business {
background-color:orange;
color:white;
}
.opacity-day {
opacity:0.4;
}
td.event_ex.today {
background-image: linear-gradient(to right, red 70%, #008f7a 30%);
}
.event {
display:block;
position:fixed;
width:50%;
background-color:white;
padding:20px;
left:25%;
top:15%;
font-size:20px;
bottom:15%;
height:auto;
}
div.black-bg {
background-color:rgba(0,0,0,0.5);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:none;
}
.close {
font-size:45px;
position:absolute;
top:0;
right:10px;
cursor:pointer;
}

div.calendar {
background-color:white;
border-radius:20px;
box-shadow: 0 0 6px grey;
margin:6px;
width:200px;
height:265px;
}
div.calendar th {
background-color:transparent;
border:none;
border-bottom:1px solid grey;
color:black;
font-size:15px;
padding:2px;
width:200px;
}
div.calendar tr.days td {
background-color:#008f7a;
border:none;
color:black;
font-size:15px;
width:27px;
height:27px;
margin:5px 2px;
padding:0;
border-radius:50%;
min-width:auto;
text-align:center;
transition:0.2s;
color:white;
cursor:pointer;
}
div.calendar tr.days td:hover {
background-color:#008c9e;
}
div.calendar tr.days td.w {
background-color:#8b5ab0;
cursor:not-allowed;
}
div.calendar tr.days td.w:hover {
background-color:#8b5ab0;
}
div.calendar tr.day td {
background-color:transparent;
border:none;
border-bottom:1px solid grey;
color:black;
font-size:15px;
width:auto;
min-width:auto;
text-align:center;
}
.table_classes tr td {
border:1px dotted rgba(0,0,0,0.5);
min-width:auto;
font-size:15px;
padding:0 5px;
}
.width-all {
width:auto!important;
}
.agenda_ok {
padding:5px 15px;
margin:3px;
border-radius:90px;
background-color:lightgreen;
border:1px solid green;
width:fit-content;  
font-size:15px;
display:inline-block;
}
.agenda_pre {
padding:5px 15px;
margin:3px;
border-radius:90px;
background-color:#fed8b1;
border:1px solid orange;
width:fit-content;
font-size:15px;
display:inline-block;
}
.agenda_cross {
display:inline-block;
height:15px;
padding:5px 10px 0 0;
cursor:pointer;
}
.agenda_activ {

}
.back {
position:absolute;
top:0;
right:30px;
border:none;
width:100px;
height:90px;
background:white;
box-shadow:0px 0px 10px rgba(0,0,0,0.5);
border-radius:0px 0px 21px 21px;
font-size:20px;
transition: height 0.5s, background 0.5s;
outline:none;
}
.back:hover {
background:#efefef;
height:100px;
}