.v-select{font-family:inherit;position:relative}.v-select,.v-select *{box-sizing:border-box}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity .15s cubic-bezier(1,.5,.8,1)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{background-color:#f8f8f8;cursor:not-allowed}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid rgba(60,60,60,.26);border-radius:4px;display:flex;padding:0 0 4px;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{align-items:center;display:flex;padding:4px 6px 0 3px}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:rgba(60,60,60,.5);transform:scale(1);transition:transform .15s cubic-bezier(1,-.115,.975,.855);transition-timing-function:cubic-bezier(1,-.115,.975,.855)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(1)}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:rgba(60,60,60,.5);background-color:transparent;border:0;cursor:pointer;margin-right:8px;padding:0}.vs__dropdown-menu{background:#fff;border:1px solid rgba(60,60,60,.26);border-radius:0 0 4px 4px;border-top-style:none;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);box-sizing:border-box;display:block;left:0;list-style:none;margin:0;max-height:350px;min-width:160px;overflow-y:auto;padding:5px 0;position:absolute;text-align:left;top:calc(100% - 1px);width:100%;z-index:1000}.vs__no-options{text-align:center}.vs__dropdown-option{clear:both;color:#333;cursor:pointer;display:block;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.vs__dropdown-option--highlight{background:#5897fb;color:#fff}.vs__dropdown-option--deselect{background:#fb5858;color:#fff}.vs__dropdown-option--disabled{background:inherit;color:rgba(60,60,60,.5);cursor:inherit}.vs__selected{align-items:center;background-color:#f0f0f0;border:1px solid rgba(60,60,60,.26);border-radius:4px;color:#333;display:flex;line-height:1.4;margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{fill:rgba(60,60,60,.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;margin-left:4px;padding:0;text-shadow:0 1px 0 #fff}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{opacity:.4;position:absolute}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-left:none;box-shadow:none;flex-grow:1;font-size:1em;line-height:1.4;margin:4px 0 0;max-width:100%;outline:none;padding:0 7px;width:0;z-index:1}.vs__search::-moz-placeholder{color:inherit}.vs__search:-ms-input-placeholder{color:inherit}.vs__search::placeholder{color:inherit}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;-webkit-animation:vSelectSpinner 1.1s linear infinite;animation:vSelectSpinner 1.1s linear infinite;border:.9em solid hsla(0,0%,39%,.1);border-left-color:rgba(60,60,60,.45);font-size:5px;opacity:0;overflow:hidden;text-indent:-9999em;transform:translateZ(0);transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;height:5em;width:5em}.vs--loading .vs__spinner{opacity:1}@font-face{font-family:Nunito;font-style:normal;font-weight:700;src:url(/fonts/Nunito/Nunito-Bold.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:500;src:url(/fonts/Nunito/Nunito-Regular.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:300;src:url(/fonts/Nunito/Nunito-Light.ttf) format("truetype")}body{font-family:Nunito;font-weight:300;margin:0;padding:0}body,nav{background:#ebebeb}nav{align-items:center;display:flex;height:60px;justify-content:center;position:fixed;width:100%;z-index:24}nav .burger{cursor:pointer;display:flex;font-size:25px;height:25px;margin-left:10px;text-align:center;width:25px}nav .title{font-family:Nunito;font-size:20px;font-weight:700;margin-left:auto}nav .user{align-items:center;background-color:#f54748;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:360px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;line-height:40px;margin-left:auto;margin-right:10px;text-align:center;width:40px}#nav{background:rgba(0,0,0,.6);width:100%;z-index:100}#nav,#nav #bar{height:100%;position:fixed}#nav #bar{background:#fff;overflow-y:scroll;width:250px}#nav #bar #logo{background:#f54748;display:flex;flex-direction:column;height:250px;margin-bottom:20px;width:100%}#nav #bar #logo #back{color:#fff;font-size:18px;margin:10px}#nav #bar #logo .logo{background-image:url(/img/logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:166px;margin-left:10px;width:230px}#nav #bar ul{height:auto;margin:0 0 30px 15px;padding:0;width:calc(100% - 30px)}#nav #bar ul li{align-items:center;color:#000;cursor:pointer;display:flex;font-size:18px;height:50px;margin:0;padding:0 10px;transition:all .4s;width:calc(100% - 20px)}#nav #bar ul li:hover{color:#ff4b4c}#nav #bar ul li .icon{margin-right:15px}#nav #close{height:100%;position:fixed;right:0;top:0;width:calc(100% - 250px)}header{align-items:center;background-size:cover;border-radius:6px;display:flex;float:left;height:250px;justify-content:center;margin:60px 10px 10px;width:calc(100% - 20px);z-index:5}header,header #cocktail{background-position:50%;background-repeat:no-repeat}header #cocktail{background-size:contain;height:80%;width:80%}#container{float:left;height:auto;margin:10px;width:calc(100% - 20px)}#container .row{width:100%}#container .row h1{font-size:16px;font-weight:600;margin:0;padding:0;width:100%}.content{display:flex;flex-wrap:wrap}.cocktail{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:auto;margin-right:10px;margin-top:10px;padding:10px;transition:all .4s;width:calc(50% - 25px)}a{text-decoration:none}.cocktail .img{background-color:#ff4b4c;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:360px;height:50px;transition:all .4s;width:50px}.cocktail .name{color:#202020;font-size:13px;margin-top:5px;transition:all .4s}.cocktail .name.green{color:#27ae60;font-weight:700}.cocktail .name.red{color:#ff4b4c;font-weight:700}.cocktail:hover{background:#ff4b4c}.cocktail:hover .img{border-radius:0}.cocktail:hover .name{color:#fff}.cocktail:nth-child(2n){margin-right:0}.switch_button{align-items:center;background:#fff;border-radius:6px;color:#ff4b4c;cursor:pointer;display:flex;height:60px;margin-right:10px;width:calc(50% - 5px)}.switch_button:nth-child(2n){margin-right:0}.switch_button.active{background:#ff4b4c;color:#fff}.switch_button span{font-family:Nunito;font-weight:200}.switch_button.active .icon{background-color:#fff;color:#ff4b4c}.switch_button .icon{align-items:center;background-color:#ff4b4c;border-radius:360px;color:#fff;display:flex;height:40px;justify-content:center;margin:10px;width:40px}#title{float:left;font-family:Nunito;font-size:20px;font-weight:700;height:60px;line-height:60px;margin-left:15%;position:fixed;text-align:center;top:0;width:70%;z-index:25}.form-input{display:flex;margin-bottom:10px;width:100%}.form-input .icon{align-items:center;border-radius:6px 0 0 6px;display:flex;font-size:17px;justify-content:center;width:40px}.form-input .icon,.form-input .input{background-color:#cacaca;color:#505050;height:50px}.form-input .input{border:0;border-radius:0 6px 6px 0;outline:0;padding:0;width:calc(100% - 40px)}button#button_post{align-items:center;background-color:#f54748;border:1px solid #f54748;border-radius:6px;color:#fff;cursor:pointer;display:flex;float:left;font-family:Nunito;font-size:15px;font-weight:700;height:50px;justify-content:center;margin-top:20px;transition:all .4s;width:100%}button#button_post:hover{background:#fff;color:#f54748}button#button_route{align-items:center;background-color:#fff;border:1px solid #505050;border-radius:6px;color:#000;cursor:pointer;display:flex;float:left;font-family:Nunito;font-size:15px;font-weight:700;height:50px;justify-content:center;margin-top:10px;transition:all .4s;width:100%}button#button_route:hover{color:#ff4b4c}#switcher{margin-bottom:20px;width:100%}#switcher,#switcher .switch{align-items:center;display:flex;height:30px;justify-content:center}#switcher .switch{cursor:pointer;font-family:Nunito;font-size:16px;font-weight:300;margin-right:40px;transition:all .2s}#switcher .switch.active{border-bottom:2px solid #ff4b4c;font-weight:700}#switcher .switch:hover{color:#ff4b4c}#switcher .switch:last-child{margin-right:0}.selectBox{align-items:center;background:#fff;border-radius:6px;color:#505050;cursor:pointer;display:flex;height:60px;margin-bottom:10px;transition:all .4s;width:100%}.selectBox:hover{color:#ff4b4c}.selectBox.active{background:#ff4b4c;color:#fff}.selectBox .icon{margin:10px}.strength{align-items:center;display:flex;justify-content:center;margin-bottom:20px;width:100%}.strength span{font-weight:700;margin-left:10px}.ingredient{background:#fff;border-radius:6px;color:#505050;display:flex;margin-bottom:10px;padding:10px;width:calc(100% - 20px)}.ingredient .column{display:flex;flex-direction:column;margin-left:auto}.ingredient .column .top{color:#cacaca;font-size:14px}.ingredient .column .bottom{color:#505050;font-size:16px}.ingredient .column .bottom.green{color:#27ae60}.ingredient .column .bottom.red{color:#ff4b4c}.ingredient .column:first-child{margin-left:0}.glass{background:#fff;border-radius:6px;cursor:pointer;display:flex;height:auto;margin-bottom:10px;padding:10px;transition:all .2s;width:calc(100% - 20px)}.glass.active .info .name{color:#ff4b4c;font-weight:700}.glass .image{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;min-height:90px;width:90px}.glass .info{display:flex;flex-direction:column;height:auto;margin-left:20px;width:calc(100% - 110px)}.glass .info .name{color:#505050;font-size:16px;width:100%}.glass .info .volume{color:#505050;font-size:12px;width:100%}.glass .info .slider_body{margin-top:10px;width:100%}.glass .info .slider_body .question{color:#505050;font-size:12px;width:100%}.glass .info .slider_body .slider_row{width:100%}#bottom_button{bottom:0;left:0;position:fixed;width:100%}#bottom_button,#bottom_not_fixed_button{align-items:center;background:#ff4b4c;color:#fff;cursor:pointer;display:flex;font-size:14px;height:50px;justify-content:center}#bottom_not_fixed_button{border-radius:6px;margin-left:20px;width:calc(100% - 40px)}#bottom_not_fixed_button.gray{opacity:.4}#queue{background:#ebebeb;height:100%;left:0;position:fixed;top:0;width:100%;z-index:200}#queue #header_svg{background-image:url(/img/queue_header.svg);background-position:50%;height:250px;width:100%}#queue #hd{color:#fff;display:flex;height:60px;margin-left:20px;width:calc(100% - 40px)}#queue #hd #closeQueue{cursor:pointer;font-size:22px;height:25px;margin-top:17.5px;width:25px}#queue #hd #closeQueue,#queue #hd #queue_title{align-items:center;color:#fff;display:flex;justify-content:center}#queue #hd #queue_title{font-size:18px;font-weight:700;height:60px;margin-left:auto}#queue #hd #count{align-items:center;color:#fff;display:flex;font-size:22px;height:25px;justify-content:center;margin-left:auto;margin-top:17.5px;width:25px}#queue .upper_box{background:#fff;border-radius:6px;height:auto;margin-left:20px;margin-top:-140px;padding:20px;width:calc(100% - 80px)}#queue .upper_box h2{color:#ff4b4c;font-size:18px;margin:0 0 10px;padding:0;text-align:center}#progressbar{background:#ebebeb;border-radius:6px;display:flex;height:10px;overflow:hidden;width:100%}#progressbar #progress_background{background:#ff4b4c;height:10px}.pump{background:#fff;border-radius:6px;margin-bottom:20px;margin-left:10px;padding:10px;width:calc(100% - 40px)}.pump h4{color:#ff4b4c;font-size:17px;font-weight:700;margin:0;padding:0;width:100%}.pump .opt{font-size:13px}.pump .fillLevel{border-radius:6px;display:flex;height:15px;margin-top:10px;overflow:hidden;width:100%}.pump .fillLevel .empty{background:#ff4b4c;height:15px}.pump .fillLevel .reserved{background:#f39c12;height:15px}.pump .fillLevel .free{background:#27ae60;height:15px}#control{margin-left:10px;width:calc(100% - 20px)}#control .button{align-items:center;background:#ff4b4c;border-radius:6px;color:#fff;cursor:pointer;float:left;height:auto;justify-content:center;margin-bottom:10px;padding:10px;text-align:center;transition:all .4s;width:calc(100% - 20px)}#control .button.disabled{opacity:.4}#control .button:hover{background:#870000}.socket_status_dashboard{align-items:center;background:#fff;border-radius:6px;color:#000;display:flex;margin-bottom:20px;padding:20px;width:calc(100% - 40px)}.socket_status_dashboard .icon{align-items:center;background:#000;border-radius:360px;color:#fff;display:flex;font-size:22px;height:40px;justify-content:center;width:40px}.socket_status_dashboard.error{color:#ff4b4c}.socket_status_dashboard.success{color:#27ae60}.socket_status_dashboard.error .icon{background:#ff4b4c}.socket_status_dashboard.success .icon{background:#27ae60}.socket_status_dashboard span{font-weight:700;margin-left:auto}.box{background:#fff;margin-bottom:20px;padding:20px;width:calc(100% - 40px)}.box,.sm-button{border-radius:6px}.sm-button{color:#fff;cursor:pointer;float:left;font-size:14px;height:auto;padding:5px;width:auto}.sm-button.danger{background:#c0392b}.user{background:#fff;border-radius:6px;display:flex;margin-bottom:20px;padding:10px;width:calc(100% - 20px)}.user .info{display:block}.user .info .username{font-size:15px}.user .info .email{font-size:13px}.user .actions{display:flex;margin-left:auto}.user .actions .action{background:#ff4b4c;border-radius:360px;color:#fff;cursor:pointer;padding:10px}footer{float:left;font-size:13px;margin-bottom:20px;margin-left:20px;margin-top:50px;text-align:center;width:calc(100% - 40px)}
