*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#f4f4f4;display:flex;font-family:Century Gothic,Arial,sans-serif;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.video-loading-container{align-items:center;background:#000;background-color:#fff;display:flex;inset:0;justify-content:center;opacity:1;pointer-events:auto;position:fixed;transition:opacity 1s ease;z-index:9999}.video-loading-container.fade-out{opacity:0;pointer-events:none}.video{display:block;object-fit:cover;transition:opacity 1s ease;width:50%}.video.fade-out{opacity:0;pointer-events:none}.dashboard-container{display:flex;min-height:100vh}.sidebar{background-color:#0f1253;color:#fff;display:flex;flex-direction:column;padding-left:20px;padding-top:20px;width:250px}.logo img{height:auto;margin-bottom:30px;margin-left:0;max-width:140%}.menu{list-style-type:none;padding:0}.menu li{cursor:pointer;font-size:18px;margin:20px 0;transition:background-color .3s ease}.menu li:hover{background-color:#181d7e;padding-left:10px}.bottom{margin-top:auto;padding-bottom:20px}.bottom a{color:#ecf0f1;display:block;font-size:14px;text-align:center;text-decoration:none}.content{align-items:center;background-color:#ecf0f1;display:flex;flex-grow:1;justify-content:center;padding:20px;transition:all .3s ease}.content h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.appointments,.profile,.services,.workers{display:none}.appointments.active,.profile.active,.services.active,.workers.active{display:block}.login-container{background-color:#f4f4f4;display:flex;height:100vh;margin:0}.left-side{align-items:center;background:url(https://bello.ba/img/background.png) no-repeat 50%/cover;border-bottom-right-radius:50px;border-top-right-radius:50px;display:flex;justify-content:center;opacity:1;width:50%}@keyframes fadeLeftSide{0%{opacity:0;transform:translateX(-300px)}to{opacity:1;transform:translateX(0)}}.left-side.start-animation{animation:fadeLeftSide .7s ease-in-out}.logo{display:block;max-width:60%}.right-side{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}h2{font-size:28px;margin:20px 0;text-align:left;width:40%}.login-form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.input-group{font-size:16px;margin:10px 0;transition:border .3s;width:40%}input{border:2px solid #0d1240;border-radius:25px;font-size:16px;padding:15px;width:100%}.login-button{background-color:#ffde00;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:700;margin:15px;padding:15px 25px;width:37%}small{margin-left:30px;text-align:left;width:40%}small a{color:#0d1240;text-decoration:none}@keyframes shake{0%{border-color:red!important;transform:translateX(0)}25%{border-color:red!important;transform:translateX(-5px)}50%{border-color:red!important;transform:translateX(5px)}75%{border-color:red!important;transform:translateX(-5px)}to{border-color:red!important;transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.error{animation:shake .5s;border:2px solid red!important}.loginAlert{background-color:#0e1152!important;color:#fff!important}.loginAlert .Toastify__progress-bar{background:#fff!important}.loginAlert .Toastify__close-button{color:#fff!important}
/*# sourceMappingURL=main.7d199d69.css.map*/