.main,.menu{display:flex;justify-content:top;align-items:center}.main{position:relative;background-color:#fff;padding:5px;border-radius:50px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.main,.menu{transition:.5s;overflow:hidden}.menu{margin:0;padding:0;width:0;display:flex;align-items:center;justify-content:space-around}.main input:checked~.menu{width:210px}.menu li{list-style:none;margin:0 10px}.menu li a{text-decoration:none;color:#666;text-transform:uppercase;font-weight:600;transition:.3s;font-size:13px;letter-spacing:1px;font-family:Montserrat}.menu li a:hover{color:#161919}.main input{width:30px;height:30px;cursor:pointer;opacity:0}.main span{position:absolute;left:10px;width:20px;height:3px;border-radius:50px;pointer-events:none;transition:.5s}.main input:checked~span,.main span{background-color:#17adc1}.main span:nth-child(2){transform:translateY(-6px)}.main input:checked~span:nth-child(2){transform:translateY(0) rotate(-45deg)}.main span:nth-child(3){transform:translateY(6px)}.main input:checked~span:nth-child(3){transform:translateY(0) rotate(45deg)}.main input:checked~span:nth-child(4){display:none}.col-md-12{flex:none!important}body[data-v-2f3606a9]{font-family:Lato,sans-serif}.users-container[data-v-2f3606a9]{width:calc(100% - 200px);margin-left:200px;padding:40px;overflow-y:auto;height:100vh;overflow-x:hidden;padding-bottom:0;background:#f7f9f9}#nav-bar[data-v-2f3606a9]{padding:0;display:flex;flex-direction:column;position:fixed;top:0;left:0;width:200px;height:100%;z-index:1000;background:#17adc1;border-top-right-radius:20px;border-bottom-right-radius:20px;justify-content:space-between}#nav-bar .logo[data-v-2f3606a9]{border-radius:50%;overflow:hidden;width:80px;position:relative;left:50%;transform:translateX(calc(-50% - 10px));margin-bottom:60px;margin-top:20px}.nav-bar-item[data-v-2f3606a9]{padding:11px 30px;width:100%;position:relative;text-decoration:none;font-size:15px;color:#eaeded;font-weight:700;transition:.2s;font-family:Montserrat,sans-serif;letter-spacing:1px}.nav-bar-item[data-v-2f3606a9]:hover{text-decoration:none;color:#fff}.router-link-exact-active .bottom-arc[data-v-2f3606a9],.router-link-exact-active .top-arc[data-v-2f3606a9]{position:absolute;top:0;right:0;transform:translateY(-100%);height:44px;width:44px;background:#f7f9f9}.router-link-exact-active .bottom-arc[data-v-2f3606a9]:before,.router-link-exact-active .top-arc[data-v-2f3606a9]:before{content:"";width:44px;height:44px;background:#17adc1;position:absolute;top:0;border-radius:0;border-bottom-right-radius:25px;left:0}.router-link-exact-active .bottom-arc[data-v-2f3606a9]{top:88px}.router-link-exact-active .bottom-arc[data-v-2f3606a9]:before{border-radius:0;border-top-right-radius:25px}.nav-bar-item-logout[data-v-2f3606a9]{display:flex;justify-content:center;padding-bottom:10px;font-size:13px;flex-direction:column;align-items:center}.nav-bar-item-logout button[data-v-2f3606a9]{padding:7px 20px;width:75%;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:1px;border:none;border-radius:30px;background:#f7f9f9;color:#17adc1;cursor:pointer;transition:.2s}.nav-bar-item-logout button[data-v-2f3606a9]:hover{background:#fff}.router-link-exact-active[data-v-2f3606a9]{background:#f7f9f9;border-top-left-radius:30px;border-bottom-left-radius:30px;color:#17adc1}.router-link-exact-active[data-v-2f3606a9]:hover{color:#17adc1}ul[data-v-2f3606a9]{padding:0;margin-top:20px!important;display:flex;flex-wrap:wrap}ul li[data-v-2f3606a9]{list-style:none}ul li a[data-v-2f3606a9]{text-decoration:none!important;color:#272727;font-size:20px;text-transform:uppercase;padding:5px 10px;margin:0 10px;display:block;position:relative;transition:all .5s}ul li a[data-v-2f3606a9]:before{content:"";position:absolute;bottom:12px;left:12px;width:12px;height:12px;opacity:0;border:3px solid #17adc1;border-width:0 0 3px 3px;transition:all .3s}ul li a[data-v-2f3606a9]:hover:before{opacity:1;bottom:-8px;left:-8px}ul li a[data-v-2f3606a9]:after{content:"";position:absolute;top:12px;right:12px;width:12px;height:12px;transform:scale(0);border:3px solid #17adc1;border-width:3px 3px 0 0;transition:all .3s}ul li a[data-v-2f3606a9]:hover:after{transform:scale(1);right:-8px;top:-8px}.current_page[data-v-2f3606a9],ul li a[data-v-2f3606a9]:hover{background-color:#17adc1;color:#fff}.active[data-v-2f3606a9]{background-color:#17adc1!important;border:2px solid #17adc1!important}.custom-counter[data-v-2f3606a9]{margin:0;padding:0;list-style-type:none;font-size:20px}.custom-counter li[data-v-2f3606a9]{counter-increment:step-counter;margin-bottom:3px;cursor:pointer;border-bottom:1px solid #17adc1;height:37px;overflow:hidden}.custom-counter li[data-v-2f3606a9]:before{content:counter(step-counter);margin-right:5px;font-size:50%;background-color:#17adc1;color:#fff;font-weight:700;padding:3px 8px;border-radius:3px}.option-counter[data-v-2f3606a9]{margin:0;padding:0;list-style-type:none;font-size:20px}.option-counter li[data-v-2f3606a9]{counter-increment:step-counter;margin-bottom:10px;cursor:pointer;border-bottom:1px solid #17adc1}.option-counter li[data-v-2f3606a9]:before{content:counter(step-counter);margin-right:5px;font-size:50%;background-color:#17adc1;color:#fff;font-weight:700;padding:3px 8px;border-radius:3px}#adddisp[data-v-2f3606a9],#reorder[data-v-2f3606a9]{background-color:#17adc1!important;height:30px;color:#fff!important;border-radius:.7em!important;transition:all 1s}#adddisp[data-v-2f3606a9]:hover,#reorder[data-v-2f3606a9]:hover{background-color:#fff!important;height:30px;color:#17adc1!important;border-radius:.7em!important;border-color:#17adc1!important}.current_disp[data-v-2f3606a9]{background-color:#f0f0f0}.btn_hover[data-v-2f3606a9]:hover{background-color:#17adc1!important;color:#fff!important;transition:all 1s}.btn_hover[data-v-2f3606a9]{background-color:#f7f9f9!important;color:#17adc1!important}