@import url(https://fonts.googleapis.com/css2?family=Lato&family=Oswald&display=swap);:root{--main-color:#049eca;--secundary-color:#03242d;--detail-color:#b5ebfa;--white-color:#fff;--selection-color:#007ea3;--hover-color:#069ac5;--font-title:"Oswald",Helvetica;--font-text:"Lato",Helvetica;--font-smallest:14px;--font-smaller:16px;--font-small:18px;--font-big:30px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;color:var(--secundary-color)}input{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}li,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.Content{display:grid;grid-template-columns:250px 1fr;grid-template-areas:"Navbar Main"}.Main{margin:50px 60px auto;grid-area:Main}.isModalAddRole__close,.isModalAddRole form div .btn{border:none;cursor:pointer;outline-color:var(--main-color)}.isModalAddRole__close:active,.isModalAddRole form div .btn:active{transform:scale(.98)}.isModalAddRole{width:400px;height:450px;padding:50px;display:flex;flex-direction:column;align-items:center;position:absolute;font-family:var(--font-title);background-color:#fff;border-radius:5px 100px 5px 5px;z-index:1000}.isModalAddRole h2{margin:0 0 50px;font-size:var(--font-big)}.isModalAddRole form{width:350px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.isModalAddRole form i{color:red}.isModalAddRole form input,.isModalAddRole form select{margin:10px 0 0;padding:0 0 0 10px;display:flex;border-radius:5px;border:1px solid rgba(3,36,35,.25);outline-color:var(--secundary-color)}.isModalAddRole form input{width:302px;height:40px}.isModalAddRole form select{width:302px;height:40px;background-color:var(--white-color);cursor:pointer}.isModalAddRole form div{width:300px;margin:30px 0 0;display:flex;justify-content:center}.isModalAddRole form div .btn{width:120px;height:40px;font-size:var(--font-smallest);border-radius:5px}.isModalAddRole__close,.isModalAddRole form div .btn{color:var(--white-color);background-color:var(--secundary-color)}.isModalAddRole__close{width:50px;height:50px;padding:7px 7px 0 0;position:absolute;top:25px;right:25px;font-size:var(--font-small);font-weight:600;border-radius:5px 100px 5px 5px}.isModalCreate{width:400px;height:400px;background-color:red}.close{width:100%;height:100%;position:absolute}.Modal__overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(3,36,35,.25);z-index:1000}.Modal{position:relative}.Header{display:flex;justify-content:center;font-family:var(--font-text);font-size:var(--font-smaller);box-shadow:10px 18px 20px -15px rgba(3,36,35,.25);width:100%;height:80px}.Header__container{display:flex;justify-content:flex-end;align-items:center;width:100%;height:100%}.Header__container>a{margin-right:70px;text-decoration:none}.Header__container a:hover{color:var(--main-color)}.Header__user,.Header__user-container{width:300px;height:100%;border-radius:100px 0 0 0;background-color:var(--detail-color)}.Header__user-container{padding-right:60px;display:flex;justify-content:flex-end;align-items:center;cursor:pointer}.Header__user-container>p{width:130px;margin-right:20px;display:block;text-align:center}.Header__user-container img{border-radius:50%;overflow:hidden;object-fit:cover;width:60px;height:60px}.Header__menu{padding:0 20px 5px;display:flex;flex-direction:column;justify-content:space-around;position:absolute;top:80px;right:27px;font-size:var(--font-smallest);background-color:var(--white-color);box-shadow:0 0 10px 0 rgba(3,36,35,.25);border-radius:10px;cursor:auto;visibility:hidden;opacity:0;z-index:100;width:220px;height:170px}.Header__menu:before{content:"";position:absolute;top:-20px;right:49px;border:10px solid transparent;border-bottom:10px solid var(--white-color);transform:rotate(0);cursor:pointer;width:0;height:0}.Header__menu li:first-of-type{width:auto;height:70px;display:flex;flex-direction:column;justify-content:space-evenly;border-bottom:1px solid rgba(3,36,35,.3)}.Header__menu li:first-of-type p:first-of-type{font-weight:600}.Header__menu li:first-of-type p:nth-of-type(3){opacity:.3}.Header__menu a{display:inline-block;text-decoration:none;width:100%;height:auto}.Header__menu button{width:180px;display:flex;justify-content:flex-start;position:relative;right:5px;font-size:var(--font-smallest);color:var(--secundary-color);background-color:transparent;border:none;outline-color:var(--detail-color)}.Header__menu button:hover,.Header__menu li:hover{color:var(--main-color);cursor:pointer}.Header__menu:hover,.Header__user:hover .Header__menu{visibility:visible;opacity:1;animation:fadeIn .5s ease}.Modal__loader{position:absolute;z-index:1800px;font-family:var(--font-title);font-size:var(--font-big);color:var(--white-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Aside__logo{background-color:var(--detail-color);border-radius:0 100px 0 0}.Aside__logo div{display:flex;justify-content:center;align-items:center;width:inherit;height:150px}.Aside__logo div h1{line-height:0}.Aside__logo div img{width:100px;height:100px}.NavLogo{width:250px;height:300px}.SignUpLogo{width:500px;height:300px}@media screen and (min-width:800px) and (max-width:1023px){.SignUpLogo{width:100%;height:300px}}@media screen and (min-width:600px) and (max-width:799px){.SignUpLogo{width:100%;height:300px}}@media screen and (min-width:480px) and (max-width:599px){.SignUpLogo{width:100%;height:300px}}@media screen and (min-width:370px) and (max-width:479px){.SignUpLogo{width:100%;height:300px}}.Navbar{grid-area:Navbar;position:fixed;top:0;font-family:var(--font-text);width:250px;height:auto}.Navbar__nav{display:flex;justify-content:center;position:absolute;top:153px;background-color:var(--main-color);border-radius:0 100px 0 0;width:250px;height:100vh}.Navbar ul{margin-top:80px;width:230px;height:400px}.Navbar ul li{margin-bottom:10px;border-radius:5px;box-shadow:0 0 7px 2px hsla(0,0%,100%,.2);cursor:pointer;width:100%;height:50px}.Navbar ul li a{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;text-decoration:none}.Navbar ul li a:after{content:"";position:static;top:unset;right:unset;border:9px solid transparent;border-bottom:9px solid var(--white-color);transform:rotate(90deg);cursor:pointer;width:0;height:0}.Navbar ul li img{width:30px;height:30px;margin-right:10px}.Navbar ul li p{width:120px;display:inline-block;color:var(--white-color)}.Navbar ul li:active{transform:scale(.98)}.liHover:hover{background-color:var(--hover-color)}.isSelect{background-color:var(--selection-color)}.Title{width:fit-content;padding:0 10px 0 0;display:flex;align-items:center}.Title img{width:70px;height:70px}.Title h2{margin-left:20px;font-family:var(--font-title);font-size:var(--font-big);color:var(--secundary-color)}.Bill__add-item{cursor:pointer;outline-color:var(--main-color)}.Bill__add-item:active{transform:scale(.98)}.Bill__item-container{position:relative}.Bill__item{width:99%;height:50px;margin:20px auto 5px;display:flex;align-items:center;border-radius:5px 100px 5px 5px;box-shadow:0 0 7px 0 rgba(3,36,35,.25)}.Bill__item input{height:30px;border:none;border-bottom:1px solid var(--secundary-color)}.Bill__item label:first-of-type{width:16%;margin:0 0 0 2%}.Bill__item label:first-of-type input{width:100%}.Bill__item label:nth-of-type(2){width:6.5%;margin:0 0 0 3%}.Bill__item label:nth-of-type(2) input{width:100%}.Bill__item label:nth-of-type(3){width:9%;margin:0 0 0 2%}.Bill__item label:nth-of-type(3) input{width:100%}.Bill__item label:nth-of-type(3) input[type=number]::-webkit-inner-spin-button,.Bill__item label:nth-of-type(3) input[type=number]::-webkit-outer-spin-button{appearance:none}.Bill__item label:nth-of-type(4){width:20%;margin:0 0 0 2%}.Bill__item label:nth-of-type(4) input{width:100%}.Bill__item label:nth-of-type(5){width:6.5%;margin:0 0 0 3%}.Bill__item label:nth-of-type(5) input{width:100%}.Bill__item label:nth-of-type(5) input[type=number]::-webkit-inner-spin-button,.Bill__item label:nth-of-type(5) input[type=number]::-webkit-outer-spin-button{height:25px}.Bill__item label:nth-of-type(6){width:5%;margin:0 0 0 4%}.Bill__item label:nth-of-type(6) input{width:100%}.Bill__item span{width:14%;display:block;text-align:center;margin:0 0 0 2%}.Bill__item span p{width:100%}.Bill__add-item{width:30px;height:30px;position:absolute;top:35px;left:-5px;font-size:var(--font-big);color:var(--white-color);line-height:0;background-color:var(--secundary-color);border-radius:50%;border:none}.Bill__item-added button{border:none;cursor:pointer;outline-color:var(--main-color)}.Bill__item-added button:active{transform:scale(.98)}.Bill__item-added{width:99%;height:auto;padding:10px 0;margin:20px auto 5px;display:flex;align-items:center;border-radius:5px 100px 5px 5px;box-shadow:0 0 7px 0 rgba(3,36,35,.25)}.Bill__item-added div:first-of-type{width:16%;margin:0 0 0 2%}.Bill__item-added div:first-of-type p{width:100%;word-wrap:break-word;overflow-wrap:break-word}.Bill__item-added div:nth-of-type(2){width:6.5%;margin:0 0 0 3%}.Bill__item-added div:nth-of-type(2) p{width:100%;text-align:center}.Bill__item-added div:nth-of-type(3){width:9%;margin:0 0 0 2%}.Bill__item-added div:nth-of-type(3) p{width:100%;text-align:center}.Bill__item-added div:nth-of-type(4){width:20%;margin:0 0 0 2%}.Bill__item-added div:nth-of-type(4) p{width:100%;display:block;word-wrap:break-word;overflow-wrap:break-word}.Bill__item-added div:nth-of-type(5){width:6.5%;margin:0 0 0 3%}.Bill__item-added div:nth-of-type(5) p{width:100%;display:block;text-align:center}.Bill__item-added div:nth-of-type(6){width:6%;margin:0 0 0 4%}.Bill__item-added div:nth-of-type(6) p{width:100%;display:block;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.Bill__item-added span{width:12%;display:block;text-align:center;margin:0 0 0 2%}.Bill__item-added span p{width:100%;display:block}.Bill__item-added button{font-size:var(--font-small);font-weight:600;background-color:transparent}.BillCustomerModal__buttons button{border:none;cursor:pointer;outline-color:var(--main-color)}.BillCustomerModal__buttons button:active{transform:scale(.98)}.BillCustomerModal{width:400px;height:350px;display:flex;flex-direction:column;align-items:center;background-color:var(--white-color);border-radius:20px 100px 20px 20px}.BillCustomerModal h2{margin:50px 0 0;font-family:var(--font-title);font-size:var(--font-big)}.BillCustomerModal label{margin:50px 0 0}.BillCustomerModal label select{width:250px;height:100px}.BillCustomerModal__buttons{width:250px;margin:50px 0 0;display:flex;justify-content:space-between}.BillCustomerModal__buttons button{width:90px;height:35px;font-size:var(--font-smaller);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.Bill__buttons-customers,.Bill__buttons button{border:none;cursor:pointer;outline-color:var(--main-color)}.Bill__buttons-customers:active,.Bill__buttons button:active{transform:scale(.98)}.Bill__panel{margin:100px 0 0}.Bill__panel input,.Bill__panel select,.Bill__panel textarea{outline-color:var(--detail-color)}.Bill__header{height:200px;position:relative;background-color:var(--secundary-color);border-radius:5px 100px 0 0}.Bill__header h2{padding:16px 0 0 35px;font-family:var(--font-text);font-size:var(--font-small);color:var(--white-color)}.Bill__main{height:auto;padding:30px 35px 20px;position:relative;top:-150px;font-family:var(--font-text);background-color:var(--white-color);border-radius:5px 100px 5px 5px;box-shadow:0 0 50px 0 rgba(3,36,35,.25)}.Bill__tax-data{margin:0 0 40px}.Bill__own-data{height:160px;display:flex;justify-content:space-between;border-bottom:1px solid var(--secundary-color)}.Bill__own-data p{margin:0 0 20px}.Bill__own-data span{font-weight:600}.Bill__own-data div:nth-of-type(2) p:first-of-type{font-size:var(--font-big)}.Bill__customer-data{margin:30px 0 0;display:flex;justify-content:space-between}.Bill__customer-data>div{width:45%}.Bill__customer-data label{width:100%;display:block;margin:10px 30px 20px 0;font-weight:600}.Bill__customer-data label input,.Bill__customer-data label select{width:100%;height:30px;margin:5px 0 0}.Bill__customer-data label input{border-radius:5px;border:1px solid var(--secundary-color)}.Bill__buttons-customers{display:flex;justify-content:space-around;align-items:center;width:100px;height:25px;font-size:var(--font-smallest);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.Bill__buttons-customers img{width:15px;height:15px}.Bill-product-header{height:50px;margin:0 0 10px;display:flex;align-items:center;background-color:rgba(3,36,35,.05);border-bottom:1px solid var(--secundary-color)}.Bill-product-header p:first-of-type{width:17%;margin:0 0 0 2%}.Bill-product-header p:nth-of-type(2){width:6%;margin:0 0 0 3%}.Bill-product-header p:nth-of-type(3){width:9%;margin:0 0 0 2%}.Bill-product-header p:nth-of-type(4){width:20%;margin:0 0 0 2%}.Bill-product-header p:nth-of-type(5){width:8%;margin:0 0 0 3%;word-wrap:break-word;overflow-wrap:break-word}.Bill-product-header p:nth-of-type(6){width:6%;margin:0 0 0 1.5%}.Bill-product-header p:nth-of-type(7){width:7%;margin:0 0 0 5%}.Bill__container-items{height:350px;overflow-y:scroll;margin:0 0 20px;box-shadow:inset 0 0 5px 1px rgba(3,36,35,.1)}.Bill__container-items::-webkit-scrollbar{display:none}.Bill__container-items ul{padding-top:1px}.Bill__total{display:flex;justify-content:space-between}.Bill__total label{width:300px;font-weight:600}.Bill__total label textarea{width:300px;height:80px;margin:10px 0 0;border-radius:5px;border:1px solid var(--secundary-color)}.Bill__total div{width:300px}.Bill__total div label{font-weight:400;margin:0 0 0 50px}.Bill__total div label input{width:30px;margin:0 5px 0 34px}.Bill__total div label input[type=number]::-webkit-inner-spin-button,.Bill__total div label input[type=number]::-webkit-outer-spin-button{appearance:none}.Bill__total div label span{margin:0 0 0 50px}.Bill__total div p{display:flex;align-items:center;height:50px}.Bill__total div span{width:60px}.Bill__total div p:first-of-type{border-bottom:2px solid var(--secundary-color)}.Bill__total div p:first-of-type span{display:block;margin:0 48px 0 50px}.Bill__total div p:nth-of-type(2){height:50px}.Bill__total div p:nth-of-type(2) span{display:block;margin:0 50px}.Bill__total div p:nth-of-type(2) span:nth-of-type(2){margin:0 36px 0 50px}.Bill__buttons{margin:50px 0 20px;display:flex;justify-content:flex-end}.Bill__buttons button{width:130px;height:50px;font-size:var(--font-small);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.History__panel{margin:100px 0 0}.History__panel input,.History__panel select,.History__panel textarea{outline-color:var(--detail-color)}.History__header{height:200px;position:relative;background-color:var(--secundary-color);border-radius:5px 100px 0 0}.History__header div{width:86%;margin:0 0 20px;padding:0 0 10px;display:flex;justify-content:space-around}.History__header p{padding:16px 0 0 35px;font-family:var(--font-text);font-size:var(--font-small);color:var(--white-color)}.History__main{height:auto;padding:30px 35px 20px;position:relative;top:-150px;font-family:var(--font-text);background-color:var(--white-color);border-radius:5px 100px 5px 5px;box-shadow:0 0 50px 0 rgba(3,36,35,.25)}.History__item-container{height:400px;margin:0 0 50px;padding:10px;border-radius:5px 50px 5px 5px;box-shadow:inset 0 0 5px 1px rgba(3,36,35,.1);overflow-y:scroll}.History__item-container::-webkit-scrollbar{display:none}.History__item{margin:0 0 10px;display:flex;border-radius:5px 100px 5px 5px;box-shadow:0 0 7px 0 rgba(3,36,35,.25)}.History__item span{width:92%;height:50px;display:flex;justify-content:space-around;align-items:center}.Statistics{margin:100px 0 50px}.Statistics .Statistics__header{height:200px;position:relative;background-color:var(--secundary-color);border-radius:5px 100px 0 0;z-index:0}.Statistics .Statistics__header h2{padding:15px 0 0 20px;font-family:var(--font-text);font-size:var(--font-small);color:var(--white-color)}.Statistics__iframe{position:relative;top:-150px;background-color:var(--white-color);border-radius:5px 100px 5px 5px;box-shadow:0 0 50px 0 rgba(3,36,35,.25);z-index:2500}.Statistics__iframe p{margin:20% 0 0 45%;text-align:center;position:absolute;z-index:-1}.Statistics__iframe iframe{width:100%;height:112vh;border-radius:5px 100px 5px 5px}.alert-form{font-family:var(--font-text);font-size:var(--font-smallest);font-weight:400;color:red}.isConfirmation>button,.isConfirmation div button{border:none;cursor:pointer;outline-color:var(--main-color)}.isConfirmation>button:active,.isConfirmation div button:active{transform:scale(.98)}.isConfirmation{width:500px;height:250px;padding:30px;display:flex;flex-direction:column;justify-content:space-around;font-family:var(--font-text);background-color:var(--white-color);border-radius:10px;z-index:1000}.isConfirmation>button{width:30px;height:30px;position:absolute;top:3px;right:3px;font-size:var(--font-small);font-weight:600;color:var(--white-color);background-color:var(--secundary-color);border-radius:2px 10px 2px 2px}.isConfirmation p{width:330px;margin:0 auto;text-align:center}.isConfirmation div{display:flex;justify-content:space-around}.isConfirmation div button{width:120px;height:40px;font-size:var(--font-smallest);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.isConfirmation div button a{color:var(--white-color);padding:13px 20px}.Role__item button{border:none;cursor:pointer;outline-color:var(--main-color)}.Role__item button:active{transform:scale(.98)}.Role__item{margin:0 0 10px;display:flex;justify-content:center;border-radius:5px 100px 5px 5px;box-shadow:0 0 7px 0 rgba(3,36,35,.25)}.Role__item div{width:92%;height:50px;display:flex;justify-content:space-between}.Role__item div a{width:65%;display:flex;text-decoration:none}.Role__item div span{width:100%;display:flex;align-items:center;cursor:pointer}.Role__item div span p:first-of-type{width:90px;margin:0 50px 0 0}.Role__item div span p:nth-of-type(2){width:45px;margin:0 90px 0 0}.Role__item div span:active{transform:scale(.99)}.Role__item button{position:relative;font-size:var(--font-small);font-weight:600;background-color:transparent;z-index:1000}.Role__item .Role__item-body{cursor:auto}.Role__item .Role__item-body p:first-of-type{width:90px;margin:0 50px 0 0}.Role__item .Role__item-body p:nth-of-type(2){width:60px;margin:0 90px 0 0}.Role__item .Role__item-body p:nth-of-type(3){width:270px;margin:0 80px 0 0}.Role__item .Role__item-body span{width:80px;height:20px;padding:2px 0 0;display:block;background-color:rgba(3,36,35,.25);border-radius:10px;cursor:auto;text-align:center}.Role__item .Role__item-body:active,.Role__item .Role__item-body:hover{transform:scale(1)}.Role__btn-users button,.Role__detail-btn,.Role__detail-functionality p button,.Role__header--detail button,.Role__panel-ctrl button,.Role__panel-ctrl div>span button{border:none;cursor:pointer;outline-color:var(--main-color)}.Role__btn-users button:active,.Role__detail-btn:active,.Role__detail-functionality p button:active,.Role__header--detail button:active,.Role__panel-ctrl button:active{transform:scale(.98)}.Role__autentication{width:500px;height:150px;padding:15px;position:relative;top:-70px;left:calc(100% - 500px);border-radius:5px 20px 5px 5px;box-shadow:0 2px 15px 0 rgba(3,36,35,.3)}.Role__autentication h3{margin:0 0 10px;font-weight:600}.Role__autentication p{line-height:16px}.Role__autentication label,.Role__autentication span{font-weight:600}.Role__filter{height:40px;display:flex;justify-content:space-between}.Role__filter form{width:600px;display:flex;justify-content:space-evenly}.Role__filter form label{position:relative}.Role__filter form select{width:120px;height:25px;position:relative;background-color:var(--white-color);outline-color:var(--secundary-color);cursor:pointer}.Role__filter form input,.Role__filter form select{padding:0 0 0 10px;border-radius:2px;border:1px solid rgba(3,36,35,.25)}.Role__filter form input{height:26px}.Role__filter form input:first-of-type{width:80px}.Role__filter form input:nth-of-type(2){width:250px}.Role__filter button{width:160px;height:200px;padding:13px 0 0 42px;display:flex;align-items:flex-start;font-family:var(--font-text);font-size:var(--font-smallest);font-weight:600;background-color:var(--detail-color);border-radius:5px 100px 0 0;border:none;outline:none}.Role__filter button:after{content:"";position:relative;top:-2px;right:75px;border:9px solid transparent;border-bottom:9px solid var(--secundary-color);transform:rotate(-90deg);cursor:pointer;width:0;height:0}.Role__header{height:200px;position:relative;background-color:var(--secundary-color);border-radius:5px 100px 0 0}.Role__header span{width:600px;height:50px;display:flex;justify-content:space-evenly;align-items:center}.Role__header p{color:var(--white-color)}.Role__header p:first-of-type{width:70px}.Role__header p:nth-of-type(2){width:50px}.Role__header p:nth-of-type(3){width:180px}.Role__main{height:auto;padding:30px 40px 20px;position:relative;top:-150px;background-color:var(--white-color);border-radius:5px 100px 5px 5px;box-shadow:0 0 50px 0 rgba(3,36,35,.25)}.Role__btn-users{width:400px;margin:0 0 10px;display:flex}.Role__btn-users button{margin:0 10px 0 0;width:100px;height:35px;font-size:var(--font-smallest);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.Role__btn-users p{margin:5px 0 0;font-family:var(--font-title);font-size:var(--font-small)}.Role__item-container{height:400px;margin:0 0 50px;padding:10px;border-radius:5px 50px 5px 5px;box-shadow:inset 0 0 5px 1px rgba(3,36,35,.1);overflow-y:scroll}.Role__item-container a{display:flex;text-decoration:none}.Role__item-container::-webkit-scrollbar{display:none}.Role__panel-ctrl{margin:0 0 30px;display:flex;justify-content:space-between;align-items:center;text-align:center}.Role__panel-ctrl div{width:130px;font-weight:600}.Role__panel-ctrl div>span{width:300px;margin:10px 0 0 10px;display:flex;align-items:center}.Role__panel-ctrl div>span span{width:35px;height:30px;display:flex;justify-content:space-around;align-items:center;border:1px solid var(--secundary-color);border-radius:5px}.Role__panel-ctrl div>span button{margin:0 15px;width:40px;height:40px;font-size:var(--font-big);border-radius:5px;border-radius:50%}.Role__panel-ctrl button,.Role__panel-ctrl div>span button{color:var(--white-color);background-color:var(--secundary-color)}.Role__panel-ctrl button{width:150px;height:50px;font-size:var(--font-small);border-radius:5px}.check{width:280px;height:20px;margin:20px 0 0;padding:0 0 0 30px;display:flex;align-items:center;justify-content:flex-start;position:relative;font-size:var(--font-text);user-select:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.check input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;border:1px solid var(--secundary-color);border-radius:2px}.check input[type=checkbox]:checked~.checkmark{background-color:var(--secundary-color)}.checkmark:after{content:"";position:absolute;display:none}.check input[type=checkbox]:checked~.checkmark:after{display:block}.check .checkmark:after{left:5px;top:2px;width:5px;height:10px;border:solid var(--white-color);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.check:hover input~.checkmark{background-color:rgba(3,36,35,.1)}.check:hover input~.checkmark:after{border:solid var(--white-color);border-width:0 2px 2px 0;display:block}.Role__main--detail{padding:60px 60px 0}.Role__manage-panel-detail{margin:100px 0 0}.Role__header--detail{font-family:var(--font-text);display:flex;justify-content:flex-start}.Role__header--detail button{height:30px;margin:10px 0 0;display:flex;justify-content:flex-start;font-size:var(--font-big);background-color:transparent}.Role__header--detail button:after{content:"";position:static;top:0;right:0;border:13px solid transparent;border-bottom:13px solid var(--white-color);transform:rotate(-90deg);cursor:pointer;width:0;height:0;z-index:10}.Role__header--detail span{width:900px;height:50px;display:flex;justify-content:space-around;align-items:center}.Role__header--detail p{color:var(--white-color)}.Role__header--detail p:first-of-type{width:110px}.Role__header--detail p:nth-of-type(2){width:50px}.Role__header--detail p:nth-of-type(3),.Role__header--detail p:nth-of-type(4){width:250px}.Role__detail-functionality{height:auto;margin:0 0 50px;font-family:var(--font-text)}.Role__detail-functionality h2{margin:0 0 40px;font-size:var(--font-big);font-weight:600}.Role__detail-functionality>label p{margin:10px 0 0;font-size:var(--font-smallest);font-weight:600}.Role__detail-functionality p button{background-color:transparent;border:none}.Role__detail-functionality p button img{width:16px;height:16px;opacity:.5}.Role__detail-functionality select{width:200px;height:33px;margin:10px 0 20px;padding:0 0 0 10px;display:flex;background-color:var(--white-color);border-radius:2px;border:1px solid rgba(3,36,35,.25);outline-color:var(--secundary-color)}.Role__detail-functionality form p{margin:20px 0 10px;font-size:var(--font-small)}.Role__detail-functionality form p span{font-weight:600}.Role__detail-functionality form>div:first-of-type{margin:20px 0 0;padding:20px;border-radius:5px;box-shadow:0 0 10px 0 rgba(3,36,35,.25)}.Role__detail-functionality form>div:first-of-type h3{margin:0 0 20px;font-weight:600}.Role__detail-functionality form>div:first-of-type p{line-height:16px}.Role__detail-functionality form>div:first-of-type label{font-weight:600}.Role__detail-functionality form div:nth-of-type(2){display:flex;justify-content:space-between;font-family:var(--font-title)}.Role__detail-btn{margin:30px 0;width:150px;height:50px;font-size:var(--font-small);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.Role{font-family:var(--font-text);font-size:var(--font-smallest)}.Profile>button:first-of-type,.Profile>button:nth-of-type(2),.Profile__modal-img>div button{border:none;cursor:pointer;outline-color:var(--main-color)}.Profile>button:active:first-of-type,.Profile>button:active:nth-of-type(2),.Profile__modal-img>div button:active{transform:scale(.98)}.Profile{width:400px;height:375px;display:flex;flex-direction:column;align-items:center;background-color:var(--white-color);border-radius:5px 40px 5px 5px}.Profile>button:first-of-type{width:30px;height:30px;padding:3px 2px 0 0;position:absolute;top:10px;right:10px;border-radius:5px 20px 5px 5px}.Profile>button:first-of-type,.Profile>button:nth-of-type(2){font-size:var(--font-small);color:var(--white-color);background-color:var(--secundary-color)}.Profile>button:nth-of-type(2){margin:30px 0 0;width:100px;height:50px;border-radius:5px}.Profile__modal-img{width:250px;height:auto;margin:30px 0;display:flex;flex-direction:column;align-items:center}.Profile__modal-img>img{width:140px;height:140px;background-color:#c4c4c4;border-radius:50%;margin:0 0 20px}.Profile__modal-img>div{height:40px;display:flex;align-items:center;justify-content:space-between}.Profile__modal-img>div input{cursor:pointer}.Profile__modal-img>div button{background-color:transparent;border:none;width:60px;height:30px;font-size:var(none);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.Profile__modal-img>div button img{width:18px;height:18px}.Profile__modal-img p{width:300px;font-family:var(--font-title)}.Profile__button-container button,.Profile__edit,.Profile__img>button,.Profile__img>div button{border:none;cursor:pointer;outline-color:var(--main-color)}.Profile__button-container button:active,.Profile__edit:active,.Profile__img>button:active,.Profile__img>div button:active{transform:scale(.98)}.Profile__panel{margin:100px 0 0}.Profile__header{height:200px;position:relative;background-color:var(--secundary-color);border-radius:5px 100px 0 0}.Profile__header p{padding:16px 0 0 35px;font-family:var(--font-text);font-size:var(--font-small);color:var(--white-color)}.Profile__main{height:auto;padding:30px 35px 20px;position:relative;top:-150px;font-family:var(--font-text);background-color:var(--white-color);border-radius:5px 100px 5px 5px;box-shadow:0 0 50px 0 rgba(3,36,35,.25)}.Profile__main form{display:flex;justify-content:space-between}.Profile__main form input{font-family:var(--font-text);font-size:var(--font-smaller);background-color:rgba(3,36,35,.03);border:none;border-bottom:1px solid var(--secundary-color)}.Profile__main form input,.Profile__main form select{height:30px;outline-color:var(--detail-color)}.Profile__main form div{width:94%;margin:0 auto}.Profile__main form>div:nth-of-type(2){margin:-190px 0 0}.Profile__main form>div:first-of-type{width:80%}.Profile__img{width:250px;height:auto;margin:0 0 30px;position:relative}.Profile__img>img{width:140px;height:140px;background-color:#c4c4c4;border-radius:50%;margin:0 0 20px}.Profile__img>button{width:25px;height:25px;padding:0;margin:0;position:relative;top:-20px;font-size:25px;color:var(--white-color);line-height:1;background-color:var(--secundary-color);border-radius:50%;border:none}.Profile__img>div{display:flex;align-items:center;justify-content:space-between}.Profile__img>div input{cursor:pointer}.Profile__img>div button{background-color:transparent;border:none}.Profile__img>div button img{width:20px;height:20px}.Profile__img p{width:300px;font-family:var(--font-title)}.Profile__item div:first-of-type{width:100%}.Profile__item div:first-of-type p{margin:0 0 8px;font-weight:600}.Profile__item div:nth-of-type(2){width:100%;height:50px;padding:0 13px;display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;border-radius:5px 40px 5px 5px;box-shadow:0 2px 10px 2px rgba(3,36,35,.25)}.Profile__edit{background-color:transparent;border:none}.Profile__edit img{width:16px;height:16px;opacity:.5}.Profile__authentication{width:420px;height:600px;margin:0}.Profile__authentication>div:first-of-type{width:100%;padding:20px;box-shadow:0 2px 15px 0 rgba(3,36,35,.3);border-radius:5px 40px 5px 5px}.Profile__authentication h3{margin:0 0 10px;font-weight:600}.Profile__authentication p{margin:0 0 10px;line-height:18px}.Profile__authentication label,.Profile__authentication span{font-weight:600}.Profile__button-container{width:420px;margin:10px 0;display:flex;justify-content:space-between;align-items:center}.Profile__button-container button{margin:50px 0 0;width:120px;height:50px;font-size:var(--font-small);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.Profile__result p{font-family:var(--font-title);font-size:var(--font-small)}.Profile__QR{height:150px;margin:20px 0 0;font-size:var(--font-smaller)}.Profile__QR P:nth-of-type(2){margin:5px 0 0}.Profile__QR div,.Profile__QR div img{width:120px;height:120px}.Profile__QR div img{background-color:var(--secundary-color)}.SignUp__slide{width:90%;height:1000px;margin:0 auto;overflow:hidden;grid-area:Slide}.SignUp__slide h2{margin:30px 0 50px;font-family:var(--font-title);font-size:var(--font-big)}.SignUp__slide h2 span{font-size:var(--font-small)}.SignUp__slide ul{display:flex;animation:slide 15s ease-out infinite alternate;position:relative}.SignUp__slide ul,.SignUp__slide ul li{width:100%;height:100%}.SignUp__slide ul li img{width:850px;height:100%}.SignUp__slide div{width:40%;position:absolute;top:930px;left:580px;overflow:hidden}.SignUp__slide div span{width:20px;height:20px;margin:0 20px 0 0;display:inline-block;border:1px solid var(--main-color);border-radius:50%}.SignUp__slide .fill{background-color:var(--main-color);animation:ball 15s ease-out infinite alternate}.LogIn{height:800px}.LogIn div{top:730px}@keyframes slide{0%{transform:translateX(-200%)}30%{transform:translateX(-200%)}35%{transform:translateX(-100%)}65%{transform:translateX(-100%)}70%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes ball{0%{transform:translateX(0)}30%{transform:translateX(0)}35%{transform:translateX(200%)}65%{transform:translateX(200%)}70%{transform:translateX(400%)}to{transform:translateX(400%)}}.RegisterConfirmtionModal__container button{border:none;cursor:pointer;outline-color:var(--main-color)}.RegisterConfirmtionModal__container button:active{transform:scale(.98)}.RegisterConfirmtionModal__container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:16px;position:relative;background-color:var(--white-color);border-radius:10px;width:400px;height:200px}.RegisterConfirmtionModal__container h2{font-family:var(--font-title);font-size:var(--font-big)}.RegisterConfirmtionModal__container button{width:120px;height:40px;font-size:var(--font-smaller);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.SignUp__buttons button{border:none;cursor:pointer;outline-color:var(--main-color)}.SignUp__buttons button:active{transform:scale(.98)}.SignUp__container{display:grid;grid-template-columns:500px 1fr;grid-template-areas:"Aside Slide"}@media screen and (min-width:800px) and (max-width:1023px){.SignUp__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}@media screen and (min-width:600px) and (max-width:799px){.SignUp__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}@media screen and (min-width:480px) and (max-width:599px){.SignUp__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}@media screen and (min-width:370px) and (max-width:479px){.SignUp__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}.SignUp__aside{height:911px;position:relative;grid-area:Aside}@media screen and (min-width:800px) and (max-width:1023px){.SignUp__aside{width:100%;height:0}}.SignUp__form{display:flex;justify-content:center;align-items:center;position:relative;top:-153px;background-color:var(--main-color);border-radius:0 100px 0 0;width:500px;height:911px}@media screen and (min-width:800px) and (max-width:1023px){.SignUp__form{width:100%;height:770px}}@media screen and (min-width:600px) and (max-width:799px){.SignUp__form{width:100%;height:770px}}@media screen and (min-width:480px) and (max-width:599px){.SignUp__form{width:100%;height:770px}}@media screen and (min-width:370px) and (max-width:479px){.SignUp__form{width:100%;height:770px}}.SignUp__form form{padding:30px 50px;margin:30px 0;display:flex;flex-direction:column;background-color:var(--white-color);border-radius:5px 100px 5px 5px;width:430px;height:auto}@media screen and (min-width:800px) and (max-width:1023px){.SignUp__form form{width:80%;height:auto}}@media screen and (min-width:600px) and (max-width:799px){.SignUp__form form{width:80%;height:auto}}@media screen and (min-width:480px) and (max-width:599px){.SignUp__form form{width:80%;height:auto}}@media screen and (min-width:370px) and (max-width:479px){.SignUp__form form{padding:20px 30px;width:80%;height:auto}}.SignUp__form form i{color:red}.SignUp__form form h2{margin:0 0 30px;font-family:var(--font-title);font-size:var(--font-big);text-align:center}.SignUp__form form label{width:100%;margin:20px 0 0;font-family:var(--font-title);font-size:var(--font-small)}.SignUp__form form label>input{width:100%;height:40px;margin:5px 0 0;padding:0 0 0 5px;display:flex;border:1px solid rgba(3,36,35,.25);border-radius:5px}.SignUp__form form label select{width:100%;height:40px;margin:5px 0 0;font-family:var(--font-text);font-size:var(--font-small)}.SignUp__form form .SignUp__password{height:40px;margin:5px 0 0;display:flex;justify-content:space-between;border:1px solid rgba(3,36,35,.25);border-radius:5px;line-height:0}.SignUp__form form .SignUp__password input{width:270px;height:100%;padding:1px 5px;margin:0;border:none}.SignUp__form form .SignUp__password button{width:20px;height:20px;padding:0;margin:10px 10px 0 0;border:none;background:none;cursor:pointer;outline:none;opacity:.5}.SignUp__form form .SignUp__password button img{width:100%;height:100%}.SignUp__redirect{margin:30px 0 0;font-family:var(--font-text);text-align:center}.SignUp__redirect a{font-family:var(--font-title);font-size:var(--font-small);text-decoration:none}.SignUp__buttons{width:100%;margin:50px 0 0;display:flex;justify-content:center}.SignUp__buttons button{width:150px;height:50px;font-size:var(--font-smaller);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.LoginModal__buttons,.LoginModal__close-button{border:none;cursor:pointer;outline-color:var(--main-color)}.LoginModal__buttons:active,.LoginModal__close-button:active{transform:scale(.98)}.radio{display:block;position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radiomark{position:absolute;top:-2px;left:0;height:20px;width:20px;border:1px solid var(--secundary-color);border-radius:50%}.radio:hover input~.radiomark{background-color:rgba(3,36,35,.1)}.radio input:checked~.radiomark{background-color:var(--secundary-color)}.radiomark:after{content:"";position:absolute;display:none}.radio input:checked~.radiomark:after{display:block}.radio .radiomark:after{top:5px;left:5px;width:8px;height:8px;border-radius:50%;background:#fff}.LoginModal__container{position:relative;background-color:var(--white-color);padding:1rem;text-align:center;border-radius:10px;width:530px;height:auto}.LoginModal__close-button{position:absolute;top:3px;right:3px;border:0;border-radius:2px 10px 2px 2px;background-color:var(--secundary-color);color:var(--white-color);padding:.5rem 1rem;cursor:pointer}.LoginModal img{width:50px;height:50px;text-align:center;margin-bottom:21px}.LoginModal h2{margin:0 0 14px;font-family:var(--font-title);font-size:var(--font-big);text-align:center}.LoginModal__radio{margin-top:40px;display:flex;justify-content:space-evenly;font-family:var(--font-text)}.LoginModal__buttons{width:100%;margin:50px 0 0;justify-content:center;align-items:center;text-align:center;width:150px;height:50px;font-size:var(--font-smaller);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.Login__buttons button{border:none;cursor:pointer;outline-color:var(--main-color)}.Login__buttons button:active{transform:scale(.98)}.Login__container{display:grid;grid-template-columns:500px 1fr;grid-template-areas:"Aside Slide"}@media screen and (min-width:800px) and (max-width:1023px){.Login__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}@media screen and (min-width:600px) and (max-width:799px){.Login__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}@media screen and (min-width:480px) and (max-width:599px){.Login__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}@media screen and (min-width:370px) and (max-width:479px){.Login__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}.Login__aside{height:620px;position:relative;grid-area:Aside}@media screen and (min-width:800px) and (max-width:1023px){.Login__aside{width:100%;height:0}}.Login__form{display:flex;justify-content:center;align-items:center;position:relative;top:-153px;background-color:var(--main-color);border-radius:0 100px 0 0;width:500px;height:700px}@media screen and (min-width:800px) and (max-width:1023px){.Login__form{width:100%;height:770px}}@media screen and (min-width:600px) and (max-width:799px){.Login__form{width:100%;height:770px}}@media screen and (min-width:480px) and (max-width:599px){.Login__form{width:100%;height:770px}}@media screen and (min-width:370px) and (max-width:479px){.Login__form{width:100%;height:770px}}.Login__form form{padding:30px 50px;margin:30px 0;display:flex;flex-direction:column;justify-content:center;background-color:var(--white-color);border-radius:5px 100px 5px 5px;width:430px;height:580px}@media screen and (min-width:800px) and (max-width:1023px){.Login__form form{width:80%;height:580px}}@media screen and (min-width:600px) and (max-width:799px){.Login__form form{width:80%;height:580px}}@media screen and (min-width:480px) and (max-width:599px){.Login__form form{width:80%;height:580px}}@media screen and (min-width:370px) and (max-width:479px){.Login__form form{padding:20px 30px;width:80%;height:580px}}.Login__form i{color:red}.Login__form h2{margin:0 0 30px;font-family:var(--font-title);font-size:var(--font-big);text-align:center}.Login__form label{width:100%;margin:20px 0 0;font-family:var(--font-title);font-size:var(--font-small)}.Login__form label>input{width:100%;padding:0 0 0 5px}.Login__form .SignUp__password,.Login__form label>input{height:40px;margin:5px 0 0;display:flex;border:1px solid rgba(3,36,35,.25);border-radius:5px}.Login__form .SignUp__password{justify-content:space-between;line-height:0}.Login__form .SignUp__password input{width:270px;height:100%;padding:1px 5px;margin:0;border:none}.Login__form .SignUp__password input[disabled]{opacity:.5}.Login__form .SignUp__password button{width:20px;height:20px;padding:0;margin:10px 10px 0 0;border:none;background:none;cursor:pointer;outline:none;opacity:.5}.Login__form .SignUp__password button img{width:100%;height:100%}.Login__buttons{width:100%;margin:50px 0 0;display:flex;justify-content:center}.Login__buttons button{width:150px;height:50px;font-size:var(--font-smaller);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.Login__buttons button[disabled]{opacity:.5}.Login__forgot{margin:50px 0 0}.Login__forgot .Login__redirect{margin:10px 0 0;font-family:var(--font-text);text-align:center}.Login__forgot .Login__redirect a{font-family:var(--font-title);font-size:var(--font-small);text-decoration:none}.ConfirmSendModal button{border:none;cursor:pointer;outline-color:var(--main-color)}.ConfirmSendModal button:active{transform:scale(.98)}.ConfirmSendModal{width:400px;height:170px;display:flex;flex-direction:column;align-items:center;background-color:var(--white-color);border-radius:20px}.ConfirmSendModal h2{margin:40px 0 0;font-family:var(--font-text);font-size:var(--font-small)}.ConfirmSendModal button{margin:40px 0 0;width:100px;height:40px;font-size:var(--font-smallest);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.ResetPass__buttons button{border:none;cursor:pointer;outline-color:var(--main-color)}.ResetPass__buttons button:active{transform:scale(.98)}.ResetPass__container{display:grid;grid-template-columns:500px 1fr;grid-template-areas:"Aside Slide"}@media screen and (min-width:800px) and (max-width:1023px){.ResetPass__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}@media screen and (min-width:600px) and (max-width:799px){.ResetPass__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}@media screen and (min-width:480px) and (max-width:599px){.ResetPass__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}@media screen and (min-width:370px) and (max-width:479px){.ResetPass__container{grid-template-columns:100%;grid-template-areas:"Aside Aside"}}.ResetPass__aside{height:620px;position:relative;grid-area:Aside}.ResetPass__form{display:flex;justify-content:center;align-items:center;position:relative;top:-153px;background-color:var(--main-color);border-radius:0 100px 0 0;width:500px;height:680px}@media screen and (min-width:800px) and (max-width:1023px){.ResetPass__form{width:100%;height:770px}}@media screen and (min-width:600px) and (max-width:799px){.ResetPass__form{width:100%;height:770px}}@media screen and (min-width:480px) and (max-width:599px){.ResetPass__form{width:100%;height:770px}}@media screen and (min-width:370px) and (max-width:479px){.ResetPass__form{width:100%;height:770px}}.ResetPass__form form{padding:30px 50px;margin:30px 0;display:flex;flex-direction:column;justify-content:center;background-color:var(--white-color);border-radius:5px 100px 5px 5px;width:430px;height:500px}@media screen and (min-width:800px) and (max-width:1023px){.ResetPass__form form{width:80%;height:580px}}@media screen and (min-width:600px) and (max-width:799px){.ResetPass__form form{width:80%;height:580px}}@media screen and (min-width:480px) and (max-width:599px){.ResetPass__form form{width:80%;height:580px}}@media screen and (min-width:370px) and (max-width:479px){.ResetPass__form form{padding:20px 30px;width:80%;height:580px}}.ResetPass__form i{color:red}.ResetPass__form h2{margin:0 0 70px;font-family:var(--font-title);font-size:var(--font-big);text-align:center}.ResetPass__form label{width:100%;margin:20px 0 0;font-family:var(--font-title);font-size:var(--font-small)}.ResetPass__form label>input{width:100%;height:40px;margin:5px 0 0;padding:0 0 0 5px;display:flex;border:1px solid rgba(3,36,35,.25);border-radius:5px}.ResetPass__buttons{width:100%;margin:60px 0 0;display:flex;justify-content:center}.ResetPass__buttons button{width:150px;height:50px;font-size:var(--font-smaller);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.ResetPass__buttons button[disabled]{opacity:.5}.ResetPass__redirect{margin:30px 0 0;font-family:var(--font-text);text-align:center}.ResetPass__redirect a{font-family:var(--font-title);font-size:var(--font-small);text-decoration:none}.ResetPass__password{height:40px;margin:5px 0 0;display:flex;justify-content:space-between;border:1px solid rgba(3,36,35,.25);border-radius:5px;line-height:0}.ResetPass__password input{width:270px;height:100%;padding:1px 5px;margin:0;border:none}.ResetPass__password button{width:20px;height:20px;padding:0;margin:10px 10px 0 0;border:none;background:none;cursor:pointer;outline:none;opacity:.5}.ResetPass__password button img{width:100%;height:100%}.TFA form .TFA__container-button button{border:none;cursor:pointer;outline-color:var(--main-color)}.TFA form .TFA__container-button button:active{transform:scale(.98)}.TFA{height:100vh;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.TFA img{width:150px;height:150px}.TFA form{width:800px;display:flex;flex-direction:column;align-items:center}.TFA form p{color:red}.TFA form .TFA__container-input{display:flex}.TFA form .TFA__container-input>div{width:100px;height:30px;padding:20px;position:relative;border-bottom:3px solid var(--main-color);border-left:3px solid var(--main-color)}@media screen and (min-width:480px) and (max-width:599px){.TFA form .TFA__container-input>div{width:80px;padding:10px}}@media screen and (min-width:370px) and (max-width:479px){.TFA form .TFA__container-input>div{width:60px;padding:6px}}.TFA form .TFA__container-input>div input{width:60px;height:60px;padding:0 0 0 10px;font-size:70px;position:absolute;top:-40px;background-color:var(--detail-color);border:none;outline-color:var(--detail-color)}@media screen and (min-width:370px) and (max-width:479px){.TFA form .TFA__container-input>div input{width:45px;height:45px;top:-30px}}.TFA form .TFA__container-input>div:nth-of-type(6){border-right:3px solid var(--main-color)}.TFA form .TFA__container-button{width:400px;margin:100px 0 0;display:flex;justify-content:space-around}@media screen and (min-width:370px) and (max-width:479px){.TFA form .TFA__container-button{margin:60px 0 0}}.TFA form .TFA__container-button button{width:150px;height:50px;font-size:var(--font-small);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}@media screen and (min-width:370px) and (max-width:479px){.TFA form .TFA__container-button button{width:140px;height:45px;font-size:var(--font-smaller);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}}.InitialConfig__buttons button,.InitialConfig__cf-explain>div div button,.InitialConfig__cf-input-prev--ej button,.InitialConfig__cf-input-prev button,.InitialConfig__header button{border:none;cursor:pointer;outline-color:var(--main-color)}.InitialConfig__buttons button:active,.InitialConfig__cf-explain>div div button:active,.InitialConfig__cf-input-prev--ej button:active,.InitialConfig__cf-input-prev button:active,.InitialConfig__header button:active{transform:scale(.98)}.InitialConfig{width:95%;margin:100px auto}.InitialConfig input,.InitialConfig select{outline-color:var(--detail-color)}.InitialConfig__main{height:auto;padding:30px 40px 20px;position:relative;top:-150px;background-color:var(--white-color);border-radius:5px 100px 5px 5px;box-shadow:0 0 50px 0 rgba(3,36,35,.25)}.InitialConfig__header{height:200px;display:flex;position:relative;font-family:var(--font-text);background-color:var(--secundary-color);border-radius:5px 100px 0 0}.InitialConfig__header button{height:30px;margin:10px 0 0;display:flex;justify-content:flex-start;font-size:var(--font-big);background-color:transparent}.InitialConfig__header button:after{content:"";position:static;top:0;right:0;border:13px solid transparent;border-bottom:13px solid var(--white-color);transform:rotate(-90deg);cursor:pointer;width:0;height:0;z-index:10}.InitialConfig__header span{width:90%;height:50px;display:flex;justify-content:space-evenly;align-items:center}.InitialConfig__header p{color:var(--white-color)}.InitialConfig__header p:first-of-type{width:200px}.InitialConfig__header p:nth-of-type(2){width:50px}.InitialConfig__header p:nth-of-type(3){width:220px}.InitialConfig__header p:nth-of-type(4){width:50px}.InitialConfig__first h2{margin:0 0 20px;font-family:var(--font-title);font-size:var(--font-big)}.InitialConfig__first>p{margin:0 0 40px;font-family:var(--font-text);font-size:var(--font-small)}.InitialConfig__first>p:nth-of-type(2){margin:0 0 10px;font-family:var(--font-text);font-size:var(--font-small)}.InitialConfig__first>div:first-of-type{width:100%;height:auto;padding:35px 30px;margin:0 0 50px;font-family:var(--font-text);font-size:var(--font-small);box-shadow:0 0 15px 2px rgba(3,36,35,.25);border-radius:20px 100px 20px 20px}.InitialConfig__first>div:first-of-type span{display:block;margin:0 0 40px;font-weight:600}.InitialConfig__first>div:first-of-type label{margin:0 0 10px}.InitialConfig__persona-data{width:100%}.InitialConfig__persona-data h2{margin:0 0 20px;font-family:var(--font-title);font-size:var(--font-big)}.InitialConfig__persona-data>p{margin:0 0 40px;font-family:var(--font-text);font-size:var(--font-small)}.InitialConfig__persona-data>div{width:100%;height:auto;padding:25px 30px;font-family:var(--font-text);font-size:var(--font-small);box-shadow:0 0 15px 2px rgba(3,36,35,.25);border-radius:20px 100px 20px 20px}.InitialConfig__persona-data>div span{display:block;margin:0 0 40px;font-weight:600}.InitialConfig__persona-input{width:100%;height:auto;display:flex;justify-content:space-between}.InitialConfig__persona-input>div{width:45%}.InitialConfig__persona-input label{width:100%;height:50px;margin:30px auto;display:block;font-size:var(--font-smaller);font-weight:600}.InitialConfig__persona-input label p{font-size:var(--font-smallest);font-weight:400;color:red}.InitialConfig__persona-input label i{color:red}.InitialConfig__persona-input label input,.InitialConfig__persona-input label select{width:100%;height:30px;margin:5px 0 0;padding:0 0 0 5px}.InitialConfig__persona-input label input{border:1px solid rgba(3,36,35,.25);border-radius:5px}.InitialConfig__persona-input label ::-webkit-input-placeholder{opacity:.2}.InitialConfig__cf-panel{width:100%;margin:0 0 40px;display:flex;flex-direction:column;align-items:center}.InitialConfig__cf-ejemplo h2,.InitialConfig__cf-section-ejemplo h2,.InitialConfig__cf-section h2{margin:40px 0 20px;font-family:var(--font-title);font-size:var(--font-big)}.InitialConfig__cf-ejemplo>p,.InitialConfig__cf-section-ejemplo>p,.InitialConfig__cf-section>p{margin:0 0 40px;font-family:var(--font-text);font-size:var(--font-small)}.InitialConfig__cf-ejemplo i,.InitialConfig__cf-section-ejemplo i,.InitialConfig__cf-section i{color:red}.InitialConfig__cf-section{width:95%}.InitialConfig__cf-table{width:100%;margin:20px 0}.InitialConfig__cf-table>span{width:100%;padding:15px;margin:20px auto;display:flex;justify-content:center;flex-wrap:wrap;box-shadow:0 0 10px 1px rgba(3,36,35,.2);border-radius:10px 10px 10px 10px}.InitialConfig__cf-table>span>div{height:50px;margin:0 10px 20px 0;text-align:center}.InitialConfig__cf-table>span>div span{display:inline-block;height:20px;margin:0 0 10px;border-radius:10px 10px 10px 10px;border-bottom:1px solid var(--secundary-color)}.InitialConfig__cf-table>span>div span:after{display:inline-block;content:"|";width:10px;height:1px}.InitialConfig__cf-table>span>div h3{margin:0 0 0 10px;font-size:var(--font-smallest)}.InitialConfig__cf-table>span:first-of-type{width:70%;height:100%;font-family:var(--font-text)}.InitialConfig__cf-label{width:100%;height:auto;margin:0 0 20px;padding:20px;box-shadow:0 0 15px 2px rgba(3,36,35,.25);border-radius:20px 100px 20px 20px;box-sizing:border-box}.InitialConfig__cf-label h3,.InitialConfig__cf-label p{font-family:var(--font-text);font-size:var(--font-small)}.InitialConfig__cf-label>p:first-of-type{text-align:center}.InitialConfig__cf-label>p{margin:0 0 30px;font-weight:600}.InitialConfig__cf-input-separator{display:flex;margin:20px 0 0}.InitialConfig__cf-input-separator>div{width:8%;height:40px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px 1px rgba(3,36,35,.1);border-radius:10px}.InitialConfig__cf-input-separator p{margin:15px 20px 10px 0;font-family:var(--font-text);font-weight:600}.InitialConfig__cf-input-separator p span{font-weight:400}.InitialConfig__cf-input-separator input{width:80%;height:25px;padding:0 0 0 5px;display:block;border:1px solid rgba(3,36,35,.25);border-radius:5px}.InitialConfig__cf-input-prev,.InitialConfig__cf-input-prev--ej{display:block;font-family:var(--font-text);font-weight:600}.InitialConfig__cf-input-prev--ej span,.InitialConfig__cf-input-prev span{width:55%;display:flex;justify-content:space-evenly}.InitialConfig__cf-input-prev--ej div,.InitialConfig__cf-input-prev div{width:48%;height:40px;margin:10px 0;display:flex;justify-content:space-evenly;align-items:center;position:relative;box-shadow:0 0 15px 1px rgba(3,36,35,.1);border-radius:10px}.InitialConfig__cf-input-prev--ej div>input,.InitialConfig__cf-input-prev div>input{width:40%;height:25px;padding:0 0 0 5px;display:block;border:1px solid rgba(3,36,35,.25);border-radius:5px}.InitialConfig__cf-input-prev--ej div label,.InitialConfig__cf-input-prev div label{width:40px;margin:0}.InitialConfig__cf-input-prev--ej div label .check-input,.InitialConfig__cf-input-prev div label .check-input{width:0}.InitialConfig__cf-input-prev--ej button,.InitialConfig__cf-input-prev button{width:20px;height:20px;position:absolute;top:60%;left:96%;font-family:var(--font-title);font-size:var(--font-small);color:var(--white-color);line-height:0;background-color:var(--secundary-color);border-radius:100%;border:none}.InitialConfig__cf-input-prev--ej span{width:75%}.InitialConfig__cf-input-prev--ej div{width:70%}.InitialConfig__cf-input,.InitialConfig__cf-input--ej{display:flex;flex-wrap:wrap}.InitialConfig__cf-input--ej>label,.InitialConfig__cf-input>label{width:48%;height:40px;margin:20px 10px 0 0;display:flex;justify-content:space-evenly;align-items:center;position:relative;box-shadow:0 0 15px 1px rgba(3,36,35,.1);border-radius:10px}.InitialConfig__cf-input--ej>label input,.InitialConfig__cf-input>label input{width:40%;height:25px;padding:0 0 0 5px;display:block;border:1px solid rgba(3,36,35,.25);border-radius:5px}.InitialConfig__cf-input--ej>label input:nth-of-type(3),.InitialConfig__cf-input>label input:nth-of-type(3){width:10%}.InitialConfig__cf-input--ej>label label,.InitialConfig__cf-input>label label{width:40px;margin:0}.InitialConfig__cf-input--ej>label label .check-input,.InitialConfig__cf-input>label label .check-input{width:0}.InitialConfig__cf-input--ej label{width:75%}.InitialConfig__buttons{width:100%;margin:60px 0 40px;display:flex;justify-content:space-between}.InitialConfig__buttons button{width:150px;height:50px;font-size:var(--font-small);color:var(--white-color);background-color:var(--secundary-color);border-radius:5px}.button-first{justify-content:flex-end}.InitialConfig__cf-ejemplo>p,.InitialConfig__cf-ejemplo h2{text-align:center}.InitialConfig__cf-ejemplo>div{display:flex}.InitialConfig__cf-explain{padding:15px;font-family:var(--font-text);font-size:var(--font-smaller);line-height:18px}.InitialConfig__cf-explain span{font-weight:600}.InitialConfig__cf-explain p{margin:0 0 10px}.InitialConfig__cf-explain ul{margin:0 0 0 30px;line-height:21px}.InitialConfig__cf-explain ul li{list-style-type:disc}.InitialConfig__cf-explain img{width:100%;height:15%}.InitialConfig__cf-explain>div{margin:30px 0 0}.InitialConfig__cf-explain>div>span{width:85%;display:flex;justify-content:space-around}.InitialConfig__cf-explain>div div{width:75%;height:40px;margin:10px 0;display:flex;justify-content:space-evenly;align-items:center;position:relative;box-shadow:0 0 15px 1px rgba(3,36,35,.1);border-radius:10px}.InitialConfig__cf-explain>div div>input{width:40%;height:25px;padding:0 0 0 5px;display:block;border:1px solid rgba(3,36,35,.25);border-radius:5px}.InitialConfig__cf-explain>div div label{width:40px;margin:0}.InitialConfig__cf-explain>div div label .check-input{width:0}.InitialConfig__cf-explain>div div button{width:20px;height:20px;position:absolute;top:60%;left:96%;font-family:var(--font-title);font-size:var(--font-small);color:var(--white-color);line-height:0;background-color:var(--secundary-color);border-radius:100%;border:none}.Chatbot__message button{cursor:pointer;outline-color:var(--main-color)}.Chatbot__message button:active{transform:scale(.98)}.Chatbot__chat,.Chatbot__container{position:fixed;top:20%;left:71%;border-radius:10px 90px 10px 10px;z-index:1500;width:350px;height:500px}.Chatbot__container{background-color:var(--white-color);box-shadow:0 0 15px 1px rgba(3,36,35,.5)}.Chatbot__chat{z-index:1500}.Chatbot__message{position:absolute;top:82.5%;left:73.5%;margin:0 12px 0 0;padding:10px;font-family:var(--font-text);background-color:var(--white-color);border-radius:5px 20px 5px 5px;box-shadow:0 0 15px 1px rgba(3,36,35,.5);z-index:2000;width:250px;height:90px}.Chatbot__message button{padding:2px;position:relative;top:-3px;left:215px;color:var(--white-color);font-size:var(--font-smallest);font-weight:600;background-color:var(--secundary-color);border-radius:2px 8px 2px 2px;border:none;line-height:1}.Chatbot__message p{width:200px;margin:0 auto;text-align:center}.Chatbot__message:before{content:"";position:absolute;top:23px;right:-20px;border:10px solid transparent;border-bottom:10px solid var(--white-color);transform:rotate(90deg);cursor:pointer;width:0;height:0}.bot{width:200px;height:200px;background-color:red}