*,::after,::before{box-sizing:border-box}:root{--lite-brown:#8a817d;--dark-brown:#201e1d;--green:#57bfa0;--white:#fff;--blue-grey:#dadee6;--menu-backgr:#f2f2f2;--border-rad:5px;--shadow:1px 1px 5px #3534346e}ul{margin:0;padding:0}li{list-style-type:none}.close-x{stroke:var(--dark-brown);stroke-width:2}body{margin:0}html{font-size:10px;font-family:'Open Sans',sans-serif}button{border:none;cursor:pointer}button:active,button:hover{background:#f4f4e9;color:#5b5252}[data-action]{cursor:pointer}.header-month{display:flex;justify-content:space-between;height:60px}.header-month .doc-name,.header-month>div:nth-child(1),.header-month>div:nth-child(2){display:flex;justify-content:space-between;align-items:center;height:60px}.header-month>div:nth-child(2){gap:10px}.header-month .doc-name{width:10rem;margin-right:5px}.user{margin-left:5px}.user .user-open{display:flex;justify-content:center;align-items:center;height:40px;width:40px;background:#dadee6;border-radius:50%}.user-open span{font-size:2rem;color:#fff;cursor:pointer}.user-menu-cover{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.user-menu{position:fixed;top:0;left:-70vw;width:70vw;height:100%;background:var(--menu-backgr);overflow:hidden;transition:left .3s ease-out}.user-menu.active{left:0}.user-menu .allUsers,.user-menu .user-the{margin:1rem;margin-bottom:5rem;padding:2rem;border-bottom:solid 1px #8a817d}.user-menu .user-info{display:flex;justify-content:start;align-items:center;padding:1rem}.user-menu .user-info span{font-size:1.8rem;color:#201e1d;margin-left:1rem}.user-the .user-color{width:3rem;height:3rem;border-radius:50%}.allUsers .user-color{height:2rem;width:2rem}.user-menu .admin-btn,.user-menu .exitAcc-btn{display:flex;justify-content:center;padding:2rem;margin:0 1rem;border-bottom:solid 1px #8a817d;font-size:1.8rem}.monthLong{display:flex;justify-content:center;gap:5px;width:110px}.doc-name span{padding:1rem;width:100%;font-size:1.5rem;color:#fff;text-align:center;border-radius:var(--border-rad);box-shadow:var(--shadow)}.docMenu-container,.docMenuAdministr-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.docMenu,.docMenuAdministr{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.docMenu ul,.docMenuAdministr ul{flex:.5 .5 auto;padding:1rem;background:var(--menu-backgr);border-radius:var(--border-rad);transition:opacity .3s ease-out}.docMenu ul{opacity:0}.docMenu ul.active{opacity:1}.docMenu li,.docMenuAdministr li{margin:2rem;padding:1rem;text-align:center;font-size:1.8rem;color:#fff;border-radius:var(--border-rad);box-shadow:var(--shadow);cursor:pointer}.docMenuAdministr li:first-child{box-shadow:none;color:var(--dark-brown)}.body-month{height:90vh;touch-action:none}.monthTable{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:.5fr repeat(6,4fr);height:100%}.monthTable .td{display:flex;flex-direction:column;overflow:hidden}.monthTable .td>div:last-child{flex:12;display:flex;flex-direction:column}.monthTable>div{border:.2px solid #9b8d8436}.monthTable .th{border-top:none}.visitor{border:.5px solid #fff;border-radius:var(--border-rad);overflow:hidden}.visitor span{white-space:nowrap}.monthTable span{color:#495473;padding:3px;background:0 0;border-radius:50%}.monthTable .td .isToday{background:var(--green)}.monthTable .isToday span{color:#fff}.monthLong{font-size:2.5rem;font-weight:600;color:#524a43;text-transform:capitalize}.monthTable .td>div:first-child{display:flex;justify-content:center;align-items:center;width:22px;height:22px;margin:auto;font-size:1.5rem;border-radius:50%}.monthTable .td>div:last-child span{color:#fff;font-size:1rem}.monthTable .th{font-size:1.5rem;text-align:center}.day{position:absolute;top:0;left:0;width:100%;height:100%}.dayHead{position:sticky;top:0;z-index:5;box-shadow:var(--shadow)}.dayHead .dayHead-day,.dayHead .dayHead-day .dayHead-date,.dayHead .dayHead-month{display:flex}.dayHead .dayHead-month{justify-content:space-between;padding:1rem}.dayHead .dayHead-day .dayHead-date{border-radius:50%;width:5rem;padding:.8rem}.dayHead-date>span{margin:0 auto}.dayHead{background:var(--lite-brown)}.dayHead div:first-child{font-size:2rem;color:var(--dark-brown)}.dayHead-date>span{font-size:3rem;color:#fff}.dayHead .dayHead-day>span{font-size:1.5rem;color:var(--dark-brown)}.btn-closeDay{position:fixed;top:0;right:10px;width:45px;height:45px;padding:.8rem}.dayTable{position:absolute;width:100%;height:100%}.dayTable{display:grid;grid-template-columns:minmax(60px,1fr) 4fr 4fr;grid-template-rows:[t-830] 40px [t-900] 40px [t-930] 40px [t-1000] 40px [t-1030] 40px [t-1100] 40px [t-1130] 40px [t-1200] 40px [t-1230] 40px [t-1300 ] 40px [t-1330] 40px [t-1400] 40px [t-1430] 40px [t-1500 ] 40px [t-1530] 40px [t-1600 ] 40px [t-1630] 40px [t-1700 ] 40px [t-1730] 40px [t-1800 ] 40px [t-1830] 40px [t-1900]}.time{grid-column:1}.col2{grid-column:2}.col3{grid-column:3}.col2_3{grid-column:2/4}.dayTable div{border:dotted 1px #e2dfdf}.presentation.ptDay{border:solid 1px #fff;border-radius:10px;margin-bottom:1px}.time{font-size:2rem;text-align:center;font-family:inherit}.presentation span{font-size:2rem;color:#fff;margin-left:2rem}.dayTable div:nth-child(4n+1){color:#fff}.dayTable>.time span{position:absolute;background:#fff;transform:translate(-30px,-5px)}.background-white{background:#fff}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:1;z-index:10}input{border:none;background:inherit}.modal,.timeSelectMd{position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:#fff;border-radius:var(--border-rad)}.modal{display:flex;flex-direction:column;z-index:1}.btnMd{display:flex;justify-content:space-between;position:relative}.btnMd>div:nth-child(2){display:flex;height:inherit;width:50%;justify-content:space-between}.btnMd{height:41px}.btnMd button{padding:1rem;background:inherit;border:none}.btnMd div[data-action=closeModal]{height:inherit;width:41px}.btnMd div[data-action=sendDataToBD]{display:flex;align-items:center;justify-content:center;height:inherit;width:100px;background:var(--green);border-radius:var(--border-rad);box-shadow:var(--shadow);color:var(--white);text-align:center;font-size:2rem;font-family:inherit}.btnMd .menuOpener{display:flex;flex-direction:column;justify-content:center;color:var(--dark-brown);width:35px;height:inherit}.menuMd{position:absolute;top:0;right:0;width:100%;height:50px;z-index:15}.btnMd .menuCloser{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;z-index:10}.menuMd>div:first-child{display:flex;justify-content:center;align-items:center;width:100%;height:inherit;background:var(--menu-backgr);border-radius:var(--border-rad)}.menuMd svg{height:inherit}.menuMd span{font-size:1.8rem}.bodyMd{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}.bodyMd form{display:flex;flex-direction:column;align-items:center;width:90%}.dateMd,.docMd,.nameMd,.timeMd{width:100%;padding:10px 0}.nameMd input{width:100%;padding:1rem;font-family:inherit;font-size:2.5rem}.separ{height:.05rem;width:100%;margin:1rem;background:var(--menu-backgr)}.dateMd span{font-size:1.8rem;font-family:inherit}.timeMd{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,5rem);align-items:center;gap:2rem}.timeMd label{font-size:1.5rem;font-family:inherit}.timeMd div{justify-self:end;width:10rem;padding:1rem;font-size:2.5rem;font-family:inherit;border:solid 1px transparent}.timeMd div.alert{border:solid 1px red;border-radius:var(--border-rad)}.timeAlert{height:2rem;font-size:1.5rem;color:red}.docMd span{font-size:1.8rem}.phoneBoxMd{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:17rem}.phoneBoxMd input{font-size:2rem;padding:1rem;border:solid 1px #dadee6;border-radius:var(--border-rad);text-align:center}.phoneBoxMd .phone-call{width:9rem;color:var(--green);background:var(--menu-backgr);border-radius:50%;padding:2rem}.timeSelectMd{display:flex;justify-content:center;align-items:center}.selectTm{display:flex;justify-content:center;align-items:center;width:100%;height:40rem;background:var(--white)}.selectTm>div:first-child,.selectTm>div:last-child{flex:1 1 auto;align-self:start}.selectBtnDiv{padding:10px}.selectBtnDiv button{font-size:2rem;padding:10px 10px;border-radius:var(--border-rad);width:100%;box-shadow:var(--shadow);color:var(--dark-brown)}.selectBtnDiv button[data-action=saveSetTime]{background:var(--green);color:var(--white)}.selectBtnDiv button>span{text-align:center}.select-body{display:flex;flex-direction:column;justify-content:center;flex:1 0 100px;background:inherit;overflow:hidden;touch-action:none}.select-body .opacity05{flex:2 1 50px;background:inherit;opacity:.6}.select-body .opacity08{flex:1 2 50px;background:inherit;opacity:.8}.select-body .select-area{height:49px;border:1px solid #aaa29d;background:var(--white);border-radius:var(--border-rad)}.select-body ul{padding-left:0;margin:0}.select-body li{font-size:2.5rem;text-align:center;list-style:none;padding:10px}.div-cover{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;z-index:10}