body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.background{height:100vh;overflow:hidden;position:relative;width:100%}.background .logo{left:30px;object-fit:contain;position:absolute;top:30px;width:350px}.container-roulette{flex-direction:column;height:100vh;width:100%}.container-roulette,.container-roulette .roulette{align-items:center;display:flex;justify-content:center;position:relative}.container-roulette .roulette{height:90%;width:90%}.container-roulette .roulette .img_roulette{height:97%;object-fit:contain;position:absolute;width:97%}.container-roulette .roulette .img_cadre{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.container-roulette .container-button{bottom:20px;display:flex;justify-content:space-between;left:20px;position:absolute;width:530px}.container-roulette .btn-plan{background-color:#005ba9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Poppins;font-size:15px;font-weight:500;height:40px;transition:background-color .3s;width:150px}.container-roulette .btn-plan .icon{font-size:16px;margin-right:10px}.container-roulette .btn-plan:hover{background-color:#023f75}.container-roulette .btn-reset{background-color:#d14242;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins;font-size:16px;font-weight:500;height:40px;transition:background-color .3s;width:150px}.container-roulette .btn-reset .icon{font-size:16px;margin-right:10px}.container-roulette .btn-reset:hover{background-color:#bd3131}.container-roulette .container-btn-start{border-radius:6px;display:flex;flex-direction:row;height:40px;justify-content:space-between;overflow:hidden;width:207px}.container-roulette .btn-start{background-color:#0baa60;border:none;color:#fff;cursor:pointer;font-family:Poppins;font-size:15px;font-weight:500;height:40px;transition:background-color .3s;width:165px}.container-roulette .container-btn-start span{align-items:center;background-color:initial;border:3px solid #0baa60;border-bottom-left-radius:6px;border-top-left-radius:6px;color:#0baa60;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;width:42px}.container-roulette .container-btn-start:hover .btn-start{background-color:#0e9255}.container-roulette .container-btn-start:hover span{border-color:#0e9255}.container-roulette .btn-menu{cursor:pointer;position:absolute;right:15px;top:15px;z-index:5}header{height:100%;overflow-y:scroll}header,header span{background-color:#101010;position:fixed;right:0;top:0;width:280px}header span{height:80px;z-index:10}header ul{display:flex;flex-direction:column;margin:80px auto;padding:0;width:100%}header ul .group{align-items:center;cursor:pointer;display:flex;flex-direction:row;margin:0;padding:10px 40px;position:relative;transition:background-color .3s;width:100%}header ul .group:hover{background-color:#fff}header ul .group:hover li{color:#000}header ul .group.selected{background-color:#fff}header ul .group.selected li{color:#000}header ul .group img{border-radius:50%;height:48px;margin-right:15px;object-fit:cover;width:48px}header ul .group li{color:#fff;font-family:Poppins;font-size:18px;list-style:none}h6,header ul .group li{font-style:italic;font-weight:600}h6{bottom:10px;font-size:15px;left:50%;margin:0;position:absolute;transform:translateX(-50%)}.background-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000091;height:100%;left:0;position:fixed;top:0;width:100%}.background-message,.message{align-items:center;display:flex;justify-content:center}.message{background-color:#1d80d6;border-radius:5px;height:150px;overflow:hidden;padding:0 20px;position:relative;text-align:center;width:500px}.progress-bar-container{background-color:initial;bottom:0;height:5px;left:0;margin-top:10px;overflow:hidden;position:absolute;width:100%}.progress-bar{animation:fillBar 5s linear forwards;background-color:#fff;border:5px;height:100%;left:0;position:absolute;top:0;width:0}.message p{color:#fff;font-family:Rubik;font-size:30px;font-style:italic;font-weight:400;margin:0 0 5px}.message p span{font-size:18px;line-height:2.5rem}.resize{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.resize p{color:#fff;font-family:Rubik;font-size:20px;font-style:italic;font-weight:400;margin:0 0 5px;text-align:center}@keyframes fillBar{0%{width:0}to{width:100%}}*{box-sizing:border-box}.dialog{align-items:center;background-color:rgba(0,0,0,.671);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5}.dialog .wrapper{background-color:#fff;border:1.5px solid #b6b6b6;border-radius:10px;box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000004d;height:800px;overflow-y:scroll;position:relative;width:1250px;z-index:9999}.dialog .wrapper .btn-close{background:#0000;border:none;color:#00000044;cursor:pointer;font-size:35px;position:absolute;right:15px;top:15px;transition:color .3s}.dialog .wrapper .btn-close:hover{color:#333}.dialog .wrapper h1{font-family:Rubik;font-size:25px;font-weight:400;margin:20px 0 28px;text-align:center}.dialog .wrapper .container-box{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));height:100%;padding:25px;width:100%}.dialog .wrapper .container-box .box{height:340px;width:100%}.dialog .wrapper .container-box .box h2{align-items:center;background-color:#005ba9;border:none;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;font-size:15px;height:30px;justify-content:center;margin:0 auto;width:85%}.dialog .wrapper .container-box .box .box-info{align-items:center;background-color:#fff;border:1.5px solid #b6b6b6;border-radius:5px;display:flex;height:288px;justify-content:center;padding:10px;position:relative;width:100%}.dialog .wrapper .container-box .box .box-info h3{font-family:Rubik;font-size:18px;font-style:italic;font-weight:500}.dialog .wrapper .container-box .box .box-info h4{bottom:0}.dialog .wrapper .container-box .box .box-info h4,.dialog .wrapper .container-box .box .box-info h5{align-items:center;border-bottom:none;border-right:none;border-top:1.5px solid #b6b6b6;display:flex;font-family:Rubik;font-size:16px;font-weight:400;height:35px;justify-content:center;margin:0;position:absolute;right:0;width:100%}.dialog .wrapper .container-box .box .box-info h5{bottom:35px}.occupied{color:#cf3333;font-weight:700}.free{color:#23cc64;font-weight:700}
/*# sourceMappingURL=main.1bfb7556.css.map*/