*{margin:0;padding:0}.base{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.base:before{content:"";background-blend-mode:darken;z-index:-1;background-color:rgba(0,0,0,.75);background-image:url(/Background/login-back.webp);background-position:50%;background-size:cover;width:100%;height:100vh;position:absolute;top:0;left:0}.container-main-form-login{background-color:#f5f5f5;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;width:90%;height:95%;display:flex;overflow:hidden}.container-main-form-login img{object-fit:cover;filter:grayscale();background-color:#fff;width:100%;height:15%;-webkit-mask-image:linear-gradient(#000 50%,transparent 100%);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.container-main-form-login .container-create-code{flex-direction:column;justify-content:center;align-items:center;width:95%;margin:1.5rem 0;display:flex}.container-main-form-login .container-create-code .container-main-code{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.container-main-form-login .container-create-code .container-main-code label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-login .container-create-code .container-main-code .container-map-code{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-login .container-create-code .container-main-code .container-map-code input{text-align:center;border:1px solid rgba(37,37,37,.565);border-radius:.25rem;width:15%;margin:.25rem;padding:.5rem .25rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:900}.container-main-form-login .container-create-back-btn{flex-direction:row;justify-content:flex-start;align-items:center;width:90%;height:10%;display:flex}.container-main-form-login .container-create-back-btn .btn-back{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin:0;padding:.5rem;display:flex}.container-main-form-login .login-form-main{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.container-main-form-login .login-form-main h1{color:#003049;margin:.25rem 0 1rem;font-family:Roboto,sans-serif}.container-main-form-login .login-form-main .data-text{flex-direction:column;width:90%;margin-bottom:.5rem;display:flex}.container-main-form-login .login-form-main .data-text label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-login .login-form-main .data-text input,.container-main-form-login .login-form-main .data-text .custom-select{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-login .login-form-main .data-text .custom-select .select-trigger{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-login .login-form-main .data-text .custom-select .select-trigger .user-type-selected{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.container-main-form-login .login-form-main .data-text .custom-select .select-trigger .user-type-selected svg{color:#003049;margin-right:.5rem}.container-main-form-login .login-form-main .data-text .custom-select .select-dropdown{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.container-main-form-login .login-form-main .data-text .custom-select .select-dropdown .select-option{color:#003049;border-bottom:1px solid rgba(37,37,37,.565);flex-direction:row;justify-content:flex-start;align-items:center;width:90%;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}.container-main-form-login .login-form-main .data-text .custom-select .select-dropdown .select-option svg{margin-right:.5rem}.container-main-form-login .login-form-main .data-pass{flex-direction:column;width:90%;margin-bottom:.5rem;display:flex}.container-main-form-login .login-form-main .data-pass label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-login .login-form-main .data-pass .pass{color:rgba(37,37,37,.565);border:1px solid rgba(37,37,37,.565);border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex;overflow:hidden}.container-main-form-login .login-form-main .data-pass .pass input{background-color:#f5f5f5;border:none;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-login .login-form-main .data-pass .pass input:focus-visible{outline:none}.container-main-form-login .login-form-main .data-pass .pass .btn-toggle{color:rgba(37,37,37,.565);background-color:transparent;border:none;justify-content:center;align-items:center;margin-right:.5rem;display:flex}.container-main-form-login .recovery-form{width:90%;margin:1rem}.container-main-form-login .recovery-form .btn-back{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin-bottom:1rem;padding:.5rem;display:flex}.container-main-form-login .recovery-form .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-login .recovery-form .data-text label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-login .recovery-form .data-text .custom-select{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-login .recovery-form .data-text .custom-select .select-trigger{color:#003049;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-login .recovery-form .data-text .custom-select .select-trigger .user-type-selected{flex-direction:row;align-items:center;display:flex}.container-main-form-login .recovery-form .data-text .custom-select .select-dropdown{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.container-main-form-login .recovery-form .data-text .custom-select .select-dropdown .select-option{border-bottom:1px solid rgba(37,37,37,.565);flex-direction:row;justify-content:flex-start;align-items:center;width:90%;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}.container-main-form-login .recovery-form .data-recovery{flex-direction:column;display:flex}.container-main-form-login .recovery-form .data-recovery label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-login .recovery-form .data-recovery input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-login .recovery-form .container-btn{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.container-main-form-login .recovery-form .container-btn .btn-send{color:#f5f5f5;text-align:center;background-color:#003049;border:none;border-radius:1rem;width:50%;margin:1.5rem auto;padding:.75rem 2rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-login .recovery-form .container-main-code{flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0;display:flex}.container-main-form-login .recovery-form .container-main-code .container-main-code{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.container-main-form-login .recovery-form .container-main-code .container-main-code label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-login .recovery-form .container-main-code .container-main-code .container-map-code{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-login .recovery-form .container-main-code .container-main-code .container-map-code input{text-align:center;border:1px solid rgba(37,37,37,.565);border-radius:.25rem;width:15%;margin:.25rem;padding:.5rem .25rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:900}.container-main-form-login .recovery-form .container-main-code .data-pass{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-login .recovery-form .container-main-code .data-pass label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-login .recovery-form .container-main-code .data-pass .pass{color:rgba(37,37,37,.565);border:1px solid rgba(37,37,37,.565);border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex;overflow:hidden}.container-main-form-login .recovery-form .container-main-code .data-pass .pass input{background-color:#f5f5f5;border:none;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-login .recovery-form .container-main-code .data-pass .pass input:focus-visible{outline:none}.container-main-form-login .recovery-form .container-main-code .data-pass .pass .btn-toggle{color:rgba(37,37,37,.565);background-color:transparent;border:none;justify-content:center;align-items:center;margin-right:.5rem;display:flex}.container-main-form-login .recovery-form .container-main-code .data-pass .pass input{background-color:#f5f5f5}.container-main-form-login .btn-recovery{background-color:transparent;border:none;margin-bottom:1rem;font-family:Roboto,sans-serif;font-size:.95rem;font-weight:300;text-decoration:underline}.container-main-form-login .btn-send{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;width:40%;margin:.25rem auto;padding:.75rem 2rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-home{flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;display:flex;overflow:hidden}.container-main-home .container-home-user{box-sizing:border-box;background:linear-gradient(90deg,#003049 0%,#1447b0 100%);flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex}.container-main-home .container-home-user .user-name-avatar{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.container-main-home .container-home-user .user-name-avatar .avatar{object-fit:cover;border-radius:50%;width:3rem;height:3rem}.container-main-home .container-home-user .user-name-avatar .name{color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600;overflow:hidden}.container-main-home .container-home-user .logout{color:#003049;cursor:pointer;background-color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.5rem;transition:all .2s;display:flex}.container-main-home .container-home-user .logout:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.container-main-home .container-home-user .logout:active{transform:scale(.95)}.container-main-home .container-main-section{flex-direction:row;flex-shrink:0;align-items:center;gap:.5rem;width:80%;padding:.5rem 1rem;display:flex;overflow-x:auto;overflow-y:hidden}.container-main-home .container-main-section::-webkit-scrollbar{height:4px}.container-main-home .container-main-section::-webkit-scrollbar-track{background:0 0}.container-main-home .container-main-section::-webkit-scrollbar-thumb{background:rgba(0,48,73,.3);border-radius:2px}.container-main-home .container-main-section .btn-section{cursor:pointer;background:linear-gradient(90deg,#003049,#1447b0);border:none;border-radius:1rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;min-width:150px;height:6rem;padding:1rem;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.2)}.container-main-home .container-main-section .btn-section:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.container-main-home .container-main-section .btn-section:active{transform:translateY(-2px)}.container-main-home .container-main-section .btn-section h6{color:#fff;text-align:center;margin:0;font-family:Roboto,sans-serif;font-size:1rem;font-weight:900}.container-main-home .container-main-section .btn-section span{justify-content:center;align-items:center;display:flex}.container-main-home .container-main-section .btn-section span svg{color:#fff;font-size:2rem}.container-main-home .container-main-content{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:90%;display:flex;overflow-x:hidden;overflow-y:auto}.container-main-home .container-main-content::-webkit-scrollbar{width:6px}.container-main-home .container-main-content::-webkit-scrollbar-track{background:#f1f1f1}.container-main-home .container-main-content::-webkit-scrollbar-thumb{background:rgba(0,48,73,.3);border-radius:3px}.container-main-home .container-main-content::-webkit-scrollbar-thumb:hover{background:rgba(0,48,73,.5)}.container-main-employee{background-color:#fff;border:2px solid #003049;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;width:99%;height:95%;display:flex;overflow-x:hidden;overflow-y:scroll}.container-main-employee .container-btn-close{flex-direction:row;justify-content:flex-end;align-items:center;width:95%;margin:1rem 0 .25rem;display:flex}.container-main-employee .container-btn-close .close{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin-bottom:0;padding:.5rem;display:flex}.container-main-employee .container-title-btn{background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:1rem;display:flex}.container-main-employee .container-title-btn .title{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-employee .container-title-btn .container-btn{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.container-main-employee .container-title-btn .container-btn .btn-info{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin:0 .25rem;padding:.5rem;display:flex}.container-main-employee .container-title-btn .container-btn .btn-form{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;display:flex}.container-main-employee .container-title-btn .container-btn .btn-form span{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-employee .container-title-btn .container-btn .btn-form svg{font-size:1.5rem}.container-main-employee .no-results{color:#003049;text-align:center;margin:1rem 0;padding:1rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-employee .container-info{z-index:1;background-color:rgba(0,0,0,.565);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0}.container-main-employee .container-info .info{background-color:#fff;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;width:85%;padding:1rem;display:flex}.container-main-employee .container-info .info h3{color:#003049;text-align:center;margin-bottom:1rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-employee .container-info .info .container-permission{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.container-main-employee .container-info .info .container-permission .role{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:3rem;display:flex}.container-main-employee .container-info .info .container-permission .role h5{color:#003049;text-align:center;width:55%;margin-right:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:900}.container-main-employee .container-info .info .container-permission .role .role-list{width:100%}.container-main-employee .container-info .info .container-permission .role .role-list .data-role{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.container-main-employee .container-info .info .container-permission .role .role-list .data-role h6{color:#003049;text-align:center;margin-right:.25rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-employee .container-info .info .container-permission .role .role-list .data-role span{color:#003049;text-align:center;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:300}.container-main-employee .container-employees{flex-direction:column;align-items:center;width:98%;display:flex}.container-main-employee .container-employees .container-data-employee{flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:.25rem 0;display:flex}.container-main-employee .container-employees .container-data-employee .img-data{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-employee .container-employees .container-data-employee .img-data .img-avatar{object-fit:cover;aspect-ratio:1;border-radius:100%;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.container-main-employee .container-employees .container-data-employee .img-data .data{width:85%}.container-main-employee .container-employees .container-data-employee .img-data .data .name{color:#252525;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-employee .container-employees .container-data-employee .img-data .data .role{color:#252525;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-employee .container-employees .container-data-employee .img-data .data .email{color:#252525;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:300}.container-main-employee .container-employees .container-data-employee .list-more-btn{flex-direction:row;justify-content:center;align-items:center;display:flex}.container-main-employee .container-employees .container-data-employee .list-more-btn .btn-more{margin:0 .25rem}.container-main-employee .container-employees .container-data-employee .list-more-btn .btn-more:last-child{margin:0 0 0 .25rem}.container-main-employee .container-employees .container-data-employee .btn-more{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.container-main-form-employee{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:95%;height:100%;display:flex}.container-main-form-employee h3{color:#003049;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600}.container-main-form-employee .container-fomr{text-align:center;width:100%;height:100%;margin:1rem 0}.container-main-form-employee .container-fomr .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-employee .container-fomr .data-text label{color:#252525;text-align:left;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-employee .container-fomr .data-text input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-employee .container-fomr .data-pass{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-employee .container-fomr .data-pass label{color:#252525;text-align:start;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-employee .container-fomr .data-pass .pass{color:rgba(37,37,37,.565);border:1px solid rgba(37,37,37,.565);border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex;overflow:hidden}.container-main-form-employee .container-fomr .data-pass .pass input{background-color:#f5f5f5;border:none;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-employee .container-fomr .data-pass .pass input:focus-visible{outline:none}.container-main-form-employee .container-fomr .data-pass .pass .btn-toggle{color:rgba(37,37,37,.565);background-color:transparent;border:none;justify-content:center;align-items:center;margin-right:.5rem;display:flex}.container-main-form-employee .container-fomr .data-pass .pass{background-color:#f5f5f5}.container-main-form-employee .container-fomr .btn-select{color:rgba(37,37,37,.565);background-color:#003049;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;width:95%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-employee .container-fomr .btn-select button{color:#f5f5f5;background-color:transparent;border:none;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-form-employee .container-fomr .btn-list{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;flex-direction:column;align-items:flex-start;width:95%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-form-employee .container-fomr .btn-list .role{color:#003049;background-color:#fff;border:2px solid #003049;border-radius:.5rem;width:100%;margin:.25rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-employee .container-fomr .btn-list .role:hover{color:#fff;background-color:#003049;border-radius:.5rem;width:100%;margin:.25rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-employee .container-fomr .btn-send{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;width:60%;margin:1.5rem auto;padding:.75rem 2rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-clients{background-color:#fff;border:2px solid #003049;border-radius:1rem;flex-direction:column;align-items:center;width:99%;height:95%;display:flex;overflow-x:hidden;overflow-y:scroll}.container-main-clients .container-btn-close{flex-direction:row;justify-content:flex-end;align-items:center;width:95%;margin:1rem 0 .25rem;display:flex}.container-main-clients .container-btn-close .close{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin-bottom:0;padding:.5rem;display:flex}.container-main-clients .container-title-btn{background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:1rem;display:flex}.container-main-clients .container-title-btn .title{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-clients .container-title-btn .btn-form{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;display:flex}.container-main-clients .container-title-btn .btn-form span{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-clients .container-title-btn .btn-form svg{font-size:1.5rem}.container-main-clients .search-clients{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;width:90%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-clients .search-clients input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:none;border-radius:.5rem;width:90%;margin-bottom:0;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-clients .search-clients input:focus{outline:none}.container-main-clients .search-clients svg{color:#003049}.container-main-clients .container-no-clients{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;margin-top:3rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:300;display:flex}.container-main-clients .container-clients{flex-direction:column;align-items:center;width:98%;display:flex}.container-main-clients .container-clients .container-data-client{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:95%;margin:.25rem 0;padding:.25rem 0;display:flex}.container-main-clients .container-clients .container-data-client .data{width:85%}.container-main-clients .container-clients .container-data-client .data .name{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-clients .container-clients .container-data-client .data .cliente-view{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.container-main-clients .container-clients .container-data-client .data .cliente-view .min-data{flex-direction:column;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-clients .container-clients .container-data-client .data .cliente-view .min-data p{color:#252525;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;margin:.5rem 0;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:300;display:flex}.container-main-clients .container-clients .container-data-client .data .cliente-view .min-data p span{height:1.5rem;font-weight:600}.container-main-clients .container-clients .container-data-client .list-more-btn{z-index:2;flex-direction:row;justify-content:center;align-items:center;display:flex;position:absolute;right:38px}.container-main-clients .container-clients .container-data-client .list-more-btn .btn-more{margin:0 .25rem}.container-main-clients .container-clients .container-data-client .list-more-btn .btn-more:last-child{margin:0 0 0 .25rem}.container-main-clients .container-clients .container-data-client .btn-more{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.container-main-form-client{background-color:#fff;width:95%}.container-main-form-client h3{color:#003049;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600}.container-main-form-client .container-form{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex}.container-main-form-client .container-form .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-client .container-form .data-text label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-client .container-form .data-text input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-client .container-form .btn-select{color:rgba(37,37,37,.565);background-color:#003049;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;width:95%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-client .container-form .btn-select button{color:#f5f5f5;background-color:transparent;border:none;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-form-client .container-form .btn-list{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;flex-direction:column;align-items:flex-start;width:95%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-form-client .container-form .btn-list .role{color:#003049;background-color:#fff;border:2px solid #003049;border-radius:.5rem;width:100%;margin:.25rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-client .container-form .btn-list .role:hover{color:#fff;background-color:#003049;border-radius:.5rem;width:100%;margin:.25rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-client .container-form .btn-send{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;width:60%;margin:1.5rem auto;padding:.75rem 2rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-set-services{background-color:#fff;border:2px solid #003049;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;width:99%;height:95%;display:flex;overflow-x:hidden;overflow-y:scroll}.container-main-set-services .container-btn-close{flex-direction:row;justify-content:flex-end;align-items:center;width:95%;margin:1rem 0 .25rem;display:flex}.container-main-set-services .container-btn-close .close{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin-bottom:0;padding:.5rem;display:flex}.container-main-set-services .container-title-btn{background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:1rem;display:flex}.container-main-set-services .container-title-btn .title{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-set-services .container-title-btn .btn-form{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;display:flex}.container-main-set-services .container-title-btn .btn-form span{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-set-services .container-title-btn .btn-form svg{font-size:1.5rem}.container-main-set-services .no-results{color:#003049;text-align:center;margin:1rem 0;padding:1rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-set-services .container-set-service{flex-direction:column;align-items:center;width:98%;display:flex}.container-main-set-services .container-set-service .container-data-set-service{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:95%;margin:.25rem 0;padding:0 0 .25rem;display:flex}.container-main-set-services .container-set-service .container-data-set-service .data{flex-direction:column;justify-content:space-between;align-items:flex-start;width:85%;display:flex}.container-main-set-services .container-set-service .container-data-set-service .data .title-cost{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-set-services .container-set-service .container-data-set-service .data .items-cost{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.container-main-set-services .container-set-service .container-data-set-service .data .items-cost .item{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.25rem;display:flex}.container-main-set-services .container-set-service .container-data-set-service .data .items-cost .item span{color:#003049;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-set-services .container-set-service .container-data-set-service .data .items-cost .item span:first-child{color:#003049;margin-right:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-set-services .container-set-service .container-data-set-service .data .name{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-set-services .container-set-service .container-data-set-service .data .description{color:#003049;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:300}.container-main-set-services .container-set-service .container-data-set-service .cost-price{flex-direction:row;justify-content:space-between;align-items:center;width:40%;display:flex}.container-main-set-services .container-set-service .container-data-set-service .cost-price .cost{flex-direction:column;display:flex}.container-main-set-services .container-set-service .container-data-set-service .cost-price .cost h6{color:#003049;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:300}.container-main-set-services .container-set-service .container-data-set-service .cost-price .cost p{color:red;font-family:Roboto,sans-serif;font-size:1rem;font-weight:900}.container-main-set-services .container-set-service .container-data-set-service .cost-price .price{flex-direction:column;display:flex}.container-main-set-services .container-set-service .container-data-set-service .cost-price .price h6{color:#003049;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:300}.container-main-set-services .container-set-service .container-data-set-service .cost-price .price p{color:green;font-family:Roboto,sans-serif;font-size:1rem;font-weight:900}.container-main-set-services .container-set-service .container-data-set-service .list-more-btn{flex-direction:row;justify-content:center;align-items:center;width:15%;display:flex;position:absolute;right:62px}.container-main-set-services .container-set-service .container-data-set-service .list-more-btn .btn-more{margin:0 .25rem}.container-main-set-services .container-set-service .container-data-set-service .list-more-btn .btn-more:last-child{margin:0 0 0 .25rem}.container-main-set-services .container-set-service .container-data-set-service .btn-more{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.container-main-form-set-service{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:95%;display:flex}.container-main-form-set-service h3{color:#003049;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600}.container-main-form-set-service .container-form{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin:1rem 0;display:flex}.container-main-form-set-service .container-form .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-set-service .container-form .data-text label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-set-service .container-form .data-text input,.container-main-form-set-service .container-form .data-text textarea{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-set-service .items-section{flex-direction:column;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-set-service .items-section h4{color:#003049;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-form-set-service .items-section .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-set-service .items-section .data-text label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-set-service .items-section .data-text .custom-select{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-set-service .items-section .data-text .custom-select .select-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-set-service .items-section .data-text .custom-select .options{width:100%;height:12rem;overflow-x:hidden;overflow-y:scroll}.container-main-form-set-service .items-section .data-text .custom-select .options .item{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.container-main-form-set-service .items-section .data-text .custom-select .options .item .option-price{color:#003049;width:30%;font-family:Roboto,sans-serif;font-weight:900}.container-main-form-set-service .items-section .selected-items-list{flex-direction:column;align-items:center;width:100%;display:flex}.container-main-form-set-service .items-section .selected-items-list h5{color:#003049;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-form-set-service .items-section .selected-items-list .item-row{width:100%;margin-bottom:.75rem}.container-main-form-set-service .items-section .selected-items-list .item-row .item-info{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-set-service .items-section .selected-items-list .item-row .item-info strong{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:900}.container-main-form-set-service .items-section .selected-items-list .item-row .item-info span{color:#003049;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-set-service .items-section .selected-items-list .item-row .item-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-set-service .items-section .selected-items-list .item-row .item-actions label{font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-set-service .items-section .selected-items-list .item-row .item-actions .item-quantity{flex-direction:row;justify-content:space-between;align-items:center;width:60%;display:flex}.container-main-form-set-service .items-section .selected-items-list .item-row .item-actions .item-quantity input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;width:20%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-set-service .items-section .selected-items-list .item-row .item-actions .item-quantity .item-total{color:#003049;width:50%;font-family:Roboto,sans-serif;font-size:1.15rem;font-weight:900}.container-main-form-set-service .items-section .selected-items-list .item-row .item-actions .item-quantity button{color:#f5f5f5;background-color:#003049;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;padding:.25rem .75rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:600;display:flex}.container-main-form-set-service .cost-summary{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:2rem 0;display:flex}.container-main-form-set-service .cost-summary .cost-base{color:#003049;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:300}.container-main-form-set-service .cost-summary .cost-product{color:#ff6a6a;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:300}.container-main-form-set-service .cost-summary .cost-total{color:#e00000;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-form-set-service .cost-summary .profit-negative{color:#e00000;margin:.5rem 0;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900}.container-main-form-set-service .cost-summary .profit-positive{color:#007a00;margin:.5rem 0;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900}.container-main-form-set-service .btn-send{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;width:60%;margin:1.5rem auto;padding:.75rem 2rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-spend-money{background-color:#fff;border:2px solid #003049;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;width:99%;height:95%;display:flex;overflow-x:hidden;overflow-y:scroll}.container-main-spend-money .container-btn-close{flex-direction:row;justify-content:flex-end;align-items:center;width:95%;margin:1rem 0 .25rem;display:flex}.container-main-spend-money .container-btn-close .close{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin-bottom:0;padding:.5rem;display:flex}.container-main-spend-money .container-title-btn{background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:1rem;display:flex}.container-main-spend-money .container-title-btn .title{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-spend-money .container-title-btn .btn-form{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;display:flex}.container-main-spend-money .container-title-btn .btn-form span{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-spend-money .container-title-btn .btn-form svg{font-size:1.5rem}.container-main-spend-money .search-spend{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;width:90%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-spend-money .search-spend input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:none;border-radius:.5rem;width:90%;margin-bottom:0;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-spend-money .search-spend input:focus{outline:none}.container-main-spend-money .search-spend svg{color:#003049}.container-main-spend-money .filter-buttons{flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:.5rem 0;display:flex}.container-main-spend-money .filter-buttons .filter-btn{color:#003049;background-color:#fff;border:1px solid #003049;border-radius:.5rem;width:32%;padding:.5rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:300}.container-main-spend-money .filter-buttons .active{color:#fff;background-color:#003049}.container-main-spend-money .no-results{color:#003049;text-align:center;margin:1rem 0;padding:1rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-spend-money .container-spend{flex-direction:column;align-items:center;width:98%;display:flex}.container-main-spend-money .container-spend .container-data-spend-money{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:95%;margin:.25rem 0;padding:.25rem 0;display:flex}.container-main-spend-money .container-spend .container-data-spend-money .data{width:85%}.container-main-spend-money .container-spend .container-data-spend-money .data .name{color:#252525;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-spend-money .container-spend .container-data-spend-money .data .price{color:red;margin:.25rem 0;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-spend-money .container-spend .container-data-spend-money .data .more-data{flex-direction:row;justify-content:space-between;align-items:center;margin:.5rem 0;display:flex}.container-main-spend-money .container-spend .container-data-spend-money .data .more-data .date,.container-main-spend-money .container-spend .container-data-spend-money .data .more-data .hour{color:#252525;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-spend-money .container-spend .container-data-spend-money .data .type{flex-direction:row;justify-content:space-between;align-items:center;margin:.5rem 0;display:flex}.container-main-spend-money .container-spend .container-data-spend-money .data .type .fixed,.container-main-spend-money .container-spend .container-data-spend-money .data .type .provider{color:#252525;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-spend-money .container-spend .container-data-spend-money .list-more-btn{flex-direction:row;justify-content:center;align-items:center;display:flex}.container-main-spend-money .container-spend .container-data-spend-money .list-more-btn .btn-more{margin:0 .25rem}.container-main-spend-money .container-spend .container-data-spend-money .list-more-btn .btn-more:last-child{margin:0 0 0 .25rem}.container-main-spend-money .container-spend .container-data-spend-money .btn-view-more{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;margin-right:.25rem;padding:.25rem;display:flex}.container-main-spend-money .container-spend .container-data-spend-money .btn-more{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.container-main-form-spend-money{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:95%;height:110%;display:flex}.container-main-form-spend-money h3{color:#003049;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600}.container-main-form-spend-money .container-form{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin:1rem 0;display:flex}.container-main-form-spend-money .container-form .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-spend-money .container-form .data-text label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-spend-money .container-form .data-text input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-spend-money .container-form .data-checkbox{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;display:flex}.container-main-form-spend-money .container-form .data-checkbox label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-spend-money .container-form .data-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#ccc;border-radius:24px;width:44px;height:24px;transition:background .3s;position:relative}.container-main-form-spend-money .container-form .data-checkbox input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;outline:1px solid #003049;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.container-main-form-spend-money .container-form .data-checkbox input[type=checkbox]:checked{background:#003049}.container-main-form-spend-money .container-form .data-checkbox input[type=checkbox]:checked:after{transform:translate(20px)}.container-main-form-spend-money .btn-send{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;width:60%;margin:1.5rem auto;padding:.75rem 2rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-payment-method{background-color:#fff;border:2px solid #003049;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;width:99%;height:95%;display:flex;overflow-x:hidden;overflow-y:scroll}.container-main-payment-method .container-btn-close{flex-direction:row;justify-content:flex-end;align-items:center;width:95%;margin:1rem 0 .25rem;display:flex}.container-main-payment-method .container-btn-close .close{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin-bottom:0;padding:.5rem;display:flex}.container-main-payment-method .container-title-btn{background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:1rem;display:flex}.container-main-payment-method .container-title-btn .title{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-payment-method .container-title-btn .btn-form{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;display:flex}.container-main-payment-method .container-title-btn .btn-form span{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-payment-method .container-title-btn .btn-form svg{font-size:1.5rem}.container-main-payment-method .no-results{color:#003049;text-align:center;margin:1rem 0;padding:1rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-payment-method .container-payment-method{flex-direction:column;align-items:center;width:98%;display:flex}.container-main-payment-method .container-payment-method .container-data-payment-method{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:95%;margin:.25rem 0;padding:.25rem 0;display:flex}.container-main-payment-method .container-payment-method .container-data-payment-method .data{width:85%}.container-main-payment-method .container-payment-method .container-data-payment-method .data .name{color:#252525;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-payment-method .container-payment-method .container-data-payment-method .data .price{color:red;margin:.25rem 0;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-payment-method .container-payment-method .container-data-payment-method .data .more-data{flex-direction:row;justify-content:space-between;align-items:center;margin:.5rem 0;display:flex}.container-main-payment-method .container-payment-method .container-data-payment-method .data .more-data .date,.container-main-payment-method .container-payment-method .container-data-payment-method .data .more-data .hour{color:#252525;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-payment-method .container-payment-method .container-data-payment-method .data .type{flex-direction:row;justify-content:space-between;align-items:center;margin:.5rem 0;display:flex}.container-main-payment-method .container-payment-method .container-data-payment-method .data .type .fixed,.container-main-payment-method .container-payment-method .container-data-payment-method .data .type .provider{color:#252525;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-payment-method .container-payment-method .container-data-payment-method .list-more-btn{flex-direction:row;justify-content:center;align-items:center;display:flex}.container-main-payment-method .container-payment-method .container-data-payment-method .list-more-btn .btn-more{margin:0 .25rem}.container-main-payment-method .container-payment-method .container-data-payment-method .list-more-btn .btn-more:last-child{margin:0 0 0 .25rem}.container-main-payment-method .container-payment-method .container-data-payment-method .btn-view-more{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;margin-right:.25rem;padding:.25rem;display:flex}.container-main-payment-method .container-payment-method .container-data-payment-method .btn-more{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.container-main-form-payment-method{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:95%;height:110%;display:flex}.container-main-form-payment-method h3{color:#003049;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600}.container-main-form-payment-method .container-form{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin:1rem 0;display:flex}.container-main-form-payment-method .container-form .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-payment-method .container-form .data-text label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-payment-method .container-form .data-text input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-payment-method .btn-send{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;width:60%;margin:1.5rem auto;padding:.75rem 2rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-cuthair-service{background-color:#fff;border:2px solid #003049;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;width:99%;height:95%;display:flex;overflow-x:hidden;overflow-y:scroll}.container-main-cuthair-service .container-btn-close{flex-direction:row;justify-content:flex-end;align-items:center;width:95%;margin:1rem 0 .25rem;display:flex}.container-main-cuthair-service .container-btn-close .close{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin-bottom:0;padding:.5rem;display:flex}.container-main-cuthair-service .container-title-btn{background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:1rem;display:flex}.container-main-cuthair-service .container-title-btn .title{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-cuthair-service .container-title-btn .btn-form{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;display:flex}.container-main-cuthair-service .container-title-btn .btn-form span{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-cuthair-service .container-title-btn .btn-form svg{font-size:1.5rem}.container-main-cuthair-service .search-clients{flex-direction:row;justify-content:space-between;align-items:center;width:95%;display:flex}.container-main-cuthair-service .search-clients .search{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:0;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-cuthair-service .search-clients .search input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:none;border-radius:.5rem;width:90%;margin-bottom:0;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-cuthair-service .search-clients .search input:focus{outline:none}.container-main-cuthair-service .search-clients .search svg{color:#003049}.container-main-cuthair-service .search-clients .btn-open-filters{flex-direction:row;justify-content:flex-end;align-items:center;width:15%;display:flex}.container-main-cuthair-service .search-clients .btn-open-filters .btn-filters{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.container-main-cuthair-service .stats-container{flex-direction:column;justify-content:center;align-items:center;width:95%;display:flex}.container-main-cuthair-service .stats-container .stats-content{flex-direction:column;align-items:flex-start;width:95%;margin:.5rem 0 1rem;display:flex}.container-main-cuthair-service .stats-container .stats-content .stat-card{width:100%;margin-bottom:1.75rem}.container-main-cuthair-service .stats-container .stats-content .stat-card h4{color:#003049;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-cuthair-service .stats-container .stats-content .stat-card .total{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-cuthair-service .stats-container .stats-content .stat-card .total span{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-cuthair-service .stats-container .stats-content .stat-card .total .amount{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-cuthair-service .stats-container .stats-content .employee-stats{width:100%;margin-bottom:.75rem}.container-main-cuthair-service .stats-container .stats-content .employee-stats h4{color:#003049;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-cuthair-service .stats-container .stats-content .employee-stats .employee-stat{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:.5rem 0;display:flex}.container-main-cuthair-service .stats-container .stats-content .employee-stats .employee-stat .employee-name{text-align:start;color:#003049;width:100%;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:900}.container-main-cuthair-service .stats-container .stats-content .employee-stats .employee-stat .employee-numbers{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-cuthair-service .stats-container .stats-content .employee-stats .employee-stat .employee-numbers .count{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-cuthair-service .stats-container .stats-content .employee-stats .employee-stat .employee-numbers .total{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-cuthair-service .no-results{color:#003049;text-align:center;margin:1rem 0;padding:1rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-cuthair-service .filters-container{flex-direction:column;align-items:flex-end;width:95%;margin:1rem 0;display:flex}.container-main-cuthair-service .filters-container .filter-group{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-cuthair-service .filters-container .filter-group label{color:#252525;width:49%;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-cuthair-service .filters-container .filter-group input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;width:49%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-cuthair-service .filters-container .filter-group .custom-select-filter{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;flex-direction:column;justify-content:space-between;align-items:center;width:49%;margin-bottom:.5rem;padding:.25rem .5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-cuthair-service .filters-container .filter-group .custom-select-filter .select-header-filter,.container-main-cuthair-service .filters-container .btns-filters{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-cuthair-service .filters-container .btns-filters .close-btn{color:#fff;background-color:#003049;border:1px solid #003049;border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;width:45%;padding:.25rem .5rem;display:flex}.container-main-cuthair-service .filters-container .btns-filters .close-btn span{font-family:Roboto,sans-serif;font-size:.85rem;font-weight:900}.container-main-cuthair-service .filters-container .btns-filters .clear-filters-btn{color:#003049;background-color:#fff;border:1px solid #003049;border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;width:52%;padding:.25rem .5rem;display:flex}.container-main-cuthair-service .filters-container .btns-filters .clear-filters-btn span{font-family:Roboto,sans-serif;font-size:.85rem;font-weight:900}.container-main-cuthair-service .stats-container{justify-content:center;align-items:center;width:95%;margin:.25rem 0;display:flex}.container-main-cuthair-service .stats-container .toggle-stats-btn{color:#fff;background-color:#003049;border:1px solid #003049;border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;width:12rem;margin:1rem 0;padding:.25rem .5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-cuthair-service .container-services{flex-direction:column;align-items:center;width:98%;display:flex}.container-main-cuthair-service .container-services .container-data-client{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:95%;margin:.25rem 0;padding:.75rem 0;display:flex}.container-main-cuthair-service .container-services .container-data-client .container-data-detail{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .customer-service-employee{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .customer-service-employee .data{width:85%}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .customer-service-employee .data h6{color:#003049;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:300}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .customer-service-employee .data .name{color:#252525;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:600}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .customer-service-employee .dot-saiving{color:transparent;background-color:green;border-radius:100%;width:15px;height:15px;margin:.5rem}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .customer-service-employee .dot-not-saiving{color:transparent;background-color:red;border-radius:100%;width:15px;height:15px;margin:.5rem}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .container-detail{flex-direction:column;align-items:center;width:100%;margin:.5rem 0;display:flex}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .container-detail .data{width:100%;margin:.25rem 0}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .container-detail .data h6{color:#003049;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:300}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .container-detail .data .name{color:#252525;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:600}.container-main-cuthair-service .container-services .container-data-client .container-data-detail .container-detail .date-hour-extra{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:.25rem 0;display:flex}.container-main-cuthair-service .container-services .container-data-client .list-more-btn{flex-direction:row;justify-content:center;align-items:center;display:flex;position:absolute;right:36px}.container-main-cuthair-service .container-services .container-data-client .list-more-btn .btn-more{margin:0 .25rem}.container-main-cuthair-service .container-services .container-data-client .list-more-btn .btn-more:last-child{margin:0 0 0 .25rem}.container-main-cuthair-service .container-services .container-data-client .btn-more{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.container-main-form-service{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:95%;height:100%;display:flex}.container-main-form-service h3{color:#003049;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600}.container-main-form-service .container-form{text-align:center;width:100%;height:100%;margin:1rem 0}.container-main-form-service .container-form .service-items-section{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;display:flex}.container-main-form-service .container-form .service-items-section h4{color:#003049;text-align:start;width:100%;margin:1rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-form-service .container-form .service-items-section .items-list{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.container-main-form-service .container-form .service-items-section .items-list .item-row{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.25rem;display:flex}.container-main-form-service .container-form .service-items-section .items-list .item-row label{color:#252525;text-align:start;width:85%;margin-bottom:0;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-service .container-form .service-items-section .items-list .item-row label .item-info{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.container-main-form-service .container-form .service-items-section .items-list .item-row label .item-info .item-name{font-size:1rem;font-weight:400}.container-main-form-service .container-form .service-items-section .items-list .item-row label span{font-size:.75rem}.container-main-form-service .container-form .service-items-section .items-list .item-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#ccc;border-radius:24px;width:44px;height:24px;transition:background .3s;position:relative}.container-main-form-service .container-form .service-items-section .items-list .item-row input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;outline:1px solid #003049;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.container-main-form-service .container-form .service-items-section .items-list .item-row input[type=checkbox]:checked{background:#003049}.container-main-form-service .container-form .service-items-section .items-list .item-row input[type=checkbox]:checked:after{transform:translate(20px)}.container-main-form-service .container-form .service-items-section .items-list .fixed{background-color:rgba(0,0,0,.082);border-radius:.5rem;padding:.25rem}.container-main-form-service .container-form .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-service .container-form .data-text label{color:#252525;text-align:start;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-service .container-form .data-text input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-service .container-form .data-text textarea{color:rgba(37,37,37,.565);resize:none;background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-service .container-form .data-text .search-select{width:100%}.container-main-form-service .container-form .data-text .search-select input{width:95%}.container-main-form-service .container-form .data-text .search-select .search-options{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;width:95%;height:300px;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;overflow-y:scroll}.container-main-form-service .container-form .data-text .search-select .search-options .option{color:#003049;border-bottom:1px solid #003049;padding:.25rem;font-size:1.25rem;font-weight:300}.container-main-form-service .container-form .total-price{flex-direction:row;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;display:flex}.container-main-form-service .container-form .total-price strong{color:green;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:900}.container-main-form-service .container-form .custom-select{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-service .container-form .custom-select .select-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-service .container-form .custom-select .select-header .select{color:#003049;margin-bottom:.25rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:900}.container-main-form-service .container-form .custom-select .select-options{text-align:start;width:100%;max-height:10rem;overflow-x:hidden;overflow-y:scroll}.container-main-form-service .container-form .custom-select .select-options .select-option{color:#003049;border-bottom:1px solid rgba(0,0,0,.125);margin-bottom:.25rem;padding:.5rem 0;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-form-service .container-form .custom-select .select-options .select-option .option-content{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.container-main-form-service .container-form .custom-select .select-options .select-option .option-content .option-price{font-weight:600}.container-main-form-service .container-form .payment-section{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.container-main-form-service .container-form .payment-section h4{color:#003049;margin:1rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-form-service .container-form .payment-section .payment-toggle{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:1rem 0;display:flex}.container-main-form-service .container-form .payment-section .payment-toggle .data-checkbox{border:1px solid #003049;border-radius:.75rem;flex-direction:row;justify-content:space-between;align-items:center;width:45%;padding:.25rem;display:flex}.container-main-form-service .container-form .payment-section .payment-toggle .data-checkbox label{color:#252525;text-align:start;margin-bottom:0;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:300}.container-main-form-service .container-form .payment-section .payment-toggle .data-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#ccc;border-radius:24px;width:44px;height:24px;margin-right:.75rem;transition:background .3s;position:relative}.container-main-form-service .container-form .payment-section .payment-toggle .data-checkbox input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;outline:1px solid #003049;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.container-main-form-service .container-form .payment-section .payment-toggle .data-checkbox input[type=checkbox]:checked{background:#003049}.container-main-form-service .container-form .payment-section .payment-toggle .data-checkbox input[type=checkbox]:checked:after{transform:translate(20px)}.container-main-form-service .container-form .payment-section .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-service .container-form .payment-section .data-text .custom-select{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-service .container-form .payment-section .data-text .custom-select .select-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-service .container-form .payment-section .data-text .custom-select .select-header .select{color:#003049;margin-bottom:.25rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:900}.container-main-form-service .container-form .payment-section .data-text .custom-select .select-options{width:100%;max-height:10rem;overflow-x:hidden;overflow-y:scroll}.container-main-form-service .container-form .payment-section .data-text .custom-select .select-options .select-option{color:#003049;margin-bottom:.25rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-form-service .container-form .payment-section .data-text .custom-select .select-options .select-option .option-content{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.container-main-form-service .container-form .payment-section .data-text .custom-select .select-options .select-option .option-content .option-price{font-weight:600}.container-main-form-service .container-form .btn-send{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;width:60%;margin:1.5rem auto;padding:.75rem 2rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-balance{border:2px solid #003049;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;width:85%;height:auto;margin:.5rem 0;padding:.5rem;display:flex}.container-main-balance .label{color:#252525;margin-bottom:.75rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600}.container-main-balance .bar-wrapper{flex-direction:column;align-items:center;width:90%;display:flex}.container-main-balance .bar-wrapper .bar{background:#eee;border-radius:999px;width:100%;height:8px;margin-bottom:.5rem;position:relative;overflow:hidden;box-shadow:inset 0 0 4px rgba(0,0,0,.08)}.container-main-balance .bar-wrapper .bar .fill{border-radius:999px;height:100%;transition:width .4s,background-color .4s}.container-main-balance .bar-wrapper .container-amount{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-balance .bar-wrapper .container-amount .amount{color:#555;text-align:center;min-width:100px;font-size:.9rem;font-weight:500}.container-main-balance .bar-wrapper .container-amount .amount.left{color:#ef4444;text-align:left;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-balance .bar-wrapper .container-amount .amount.right{color:#22c55e;text-align:right;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-metrics{background-color:#fff;border:2px solid #003049;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;width:98%;height:95%;display:flex;overflow-x:hidden;overflow-y:scroll}.container-main-metrics h2{color:#003049;text-align:start;width:95%;margin:1rem 0;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-metrics .metrics-sidebar{border-bottom:1px solid #003049;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:95%;margin:0 0 1rem;padding-bottom:.5rem;display:flex}.container-main-metrics .metrics-sidebar .metric-btn{color:#003049;background-color:#fff;border:1px solid #003049;border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;margin:.25rem;padding:.25rem .5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-metrics .metrics-sidebar .metric-btn span{margin:0 .15rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:300}.container-main-metrics .metrics-sidebar .active{color:#fff;background-color:#003049}.container-main-metrics .filter-type-selector{border-bottom:1px solid #003049;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:0 0 1rem;padding-bottom:.75rem;display:flex}.container-main-metrics .filter-type-selector .filter-type-btn{color:#fff;background-color:#003049;border:1px solid #003049;border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;width:48%;height:2.5rem;padding:.25rem .35rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:600;display:flex}.container-main-metrics .filter-type-selector .active{color:#003049;background-color:#fff}.container-main-metrics .custom-date-filter{flex-direction:column;justify-content:space-between;align-items:center;width:95%;display:flex}.container-main-metrics .custom-date-filter .error-message{text-align:center;color:red;padding:1rem;font-family:Roboto,sans-serif;font-size:1.25rem}.container-main-metrics .custom-date-filter .date-inputs{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-metrics .custom-date-filter .date-inputs .date-input-group{flex-direction:column;justify-content:center;align-items:center;width:49%;display:flex}.container-main-metrics .custom-date-filter .date-inputs .date-input-group label{color:#252525;width:100%;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-metrics .custom-date-filter .date-inputs .date-input-group input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;width:90%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-metrics .custom-date-filter .date-actions{flex-direction:row;justify-content:space-between;align-items:center;width:70%;display:flex}.container-main-metrics .custom-date-filter .date-actions .btn-clear{color:#fff;background-color:red;border:none;border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;width:49%;padding:.25rem .35rem;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:400;display:flex}.container-main-metrics .custom-date-filter .date-actions .btn-apply{color:#fff;background-color:green;border:none;border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;width:49%;padding:.25rem .35rem;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:400;display:flex}.container-main-metrics .period-selector{border-bottom:1px solid #003049;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:0 0 1rem;padding-bottom:.75rem;display:flex}.container-main-metrics .period-selector .period-btn{color:#fff;background-color:#003049;border:1px solid #003049;border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;width:19%;padding:.25rem .35rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:400;display:flex}.container-main-metrics .period-selector .active{color:#003049;background-color:#fff}.container-main-metrics .metrics-content{flex-direction:column;justify-content:flex-start;align-items:center;width:95%;margin:0 0 1rem;display:flex}.general-summary{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.general-summary h3{color:#003049;margin:1rem 0 .5rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900}.general-summary .period-info{flex-direction:row;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300;display:flex}.general-summary .summary-section{width:100%;margin:.25rem 0}.general-summary .summary-section h4{color:green;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.general-summary .summary-section .cards-grid{border-bottom:1px solid #003049;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;padding-bottom:.5rem;display:flex}.general-summary .summary-section .cards-grid .metric-card{flex-direction:column;align-items:flex-start;display:flex}.general-summary .summary-section .cards-grid .metric-card h5{margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.general-summary .summary-section .cards-grid .metric-card .amount{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:300}.general-summary .summary-section .cards-grid .negative{color:red}.general-summary .summary-section .highlight-card{border-bottom:1px solid #003049;flex-direction:column;align-items:flex-start;width:100%;padding-bottom:.5rem;display:flex}.general-summary .summary-section .highlight-card h5{margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.general-summary .summary-section .highlight-card .stats{flex-direction:column;align-items:flex-start;width:100%;display:flex}.general-summary .summary-section .highlight-card .stats span{margin-bottom:.25rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.general-summary .summary-section .ranking-list{flex-direction:column;align-items:flex-start;width:100%;display:flex}.general-summary .summary-section .ranking-list .ranking-item{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;align-items:center;width:100%;padding:.5rem 0;display:flex}.general-summary .summary-section .ranking-list .ranking-item .position{color:#003049;margin-right:.5rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900}.general-summary .summary-section .ranking-list .ranking-item .employee-info{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.general-summary .summary-section .ranking-list .ranking-item .employee-info .name-count{color:#003049;flex-direction:column;align-items:flex-start;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}.general-summary .summary-section .ranking-list .ranking-item .employee-info .revenue{color:green;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:900}.general-summary .summary-section .total-count{text-align:center;width:100%;margin-bottom:1rem;font-family:Roboto,sans-serif;font-size:1.75rem;font-weight:300}.general-summary .summary-section .services-list{flex-direction:column;align-items:flex-start;width:100%;display:flex}.general-summary .summary-section .services-list .service-bar{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding:.5rem 0;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}.general-summary .summary-section .peak-hours-grid{flex-direction:column;align-items:flex-start;width:100%;display:flex}.general-summary .summary-section .peak-hours-grid .hour-card{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding:.5rem 0;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}.most-profitable{flex-direction:column;align-items:center;width:100%;margin:.75rem 0;display:flex}.most-profitable h3{color:#003049;margin:0 0 .5rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900}.most-profitable .period-info{margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.most-profitable .services-ranking{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.most-profitable .services-ranking .service-card{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;padding:.5rem 0;display:flex}.most-profitable .services-ranking .service-card .rank-badge{color:green;margin-right:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:900}.most-profitable .services-ranking .service-card .service-details{width:100%}.most-profitable .services-ranking .service-card .service-details h4{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:400}.most-profitable .services-ranking .service-card .service-details .stats-row{width:100%;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.most-profitable .services-ranking .service-card .service-details .stats-row .stat{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.most-profitable .services-ranking .service-card .service-details .stats-row .stat .value{color:green;font-weight:600}.balance-metrics{flex-direction:column;align-items:center;width:100%;margin:.75rem 0;display:flex}.balance-metrics h3{color:#003049;margin:0 0 .5rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900}.balance-metrics .period-info{margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.balance-metrics .balance-cards{flex-direction:column;justify-content:space-between;align-items:center;width:100%;display:flex}.balance-metrics .balance-cards .balance-card{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding:.5rem 0;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}.balance-metrics .balance-cards .balance-card .card-icon{width:10%}.balance-metrics .balance-cards .balance-card .card-content{width:90%}.balance-metrics .balance-visual{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:.25rem 0;display:flex}.balance-metrics .balance-visual .bar-group{flex-direction:column;align-items:center;width:100%;display:flex}.balance-metrics .balance-visual .bar-group label{color:#252525;margin:0;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:300}.balance-metrics .balance-visual .bar-group .bar{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600}.balance-metrics .balance-analysis{margin:.5rem 0;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.employee-ranking{flex-direction:column;align-items:center;width:100%;margin:.75rem 0;display:flex}.employee-ranking h3{color:#003049;margin:0 0 .5rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900}.employee-ranking .period-info{margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.employee-ranking .ranking-container{flex-direction:column;justify-content:space-between;align-items:center;width:100%;display:flex}.employee-ranking .ranking-container .ranking-list{flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin:1rem 0;display:flex}.employee-ranking .ranking-container .ranking-list h4{color:#003049;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.employee-ranking .ranking-container .ranking-list .ranking-row{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;padding:.5rem 0;font-family:Roboto,sans-serif;font-size:1rem;display:flex}.employee-ranking .ranking-container .ranking-list .ranking-row .position-badge{width:5%;margin:.5rem}.employee-ranking .ranking-container .ranking-list .ranking-row .stats-revenue{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin:0 .25rem;display:flex}.employee-ranking .ranking-container .ranking-list .ranking-row .stats-revenue .employee-info{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:.5rem 0;display:flex}.employee-ranking .ranking-container .ranking-list .ranking-row .stats-revenue .employee-info strong{font-size:1.25rem}.employee-ranking .ranking-container .ranking-list .ranking-row .stats-revenue .stats{width:100%}.employee-ranking .ranking-container .ranking-list .ranking-row .stats-revenue .stats .stat-item{flex-direction:row;justify-content:space-between;align-items:center;margin:.25rem 0;font-size:1rem;display:flex}.services-count{flex-direction:column;align-items:center;width:100%;margin:.75rem 0;display:flex}.services-count h3{color:#003049;margin:0 0 .5rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900}.services-count .period-info{margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.services-count .total-card{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;padding:.5rem 0;font-family:Roboto,sans-serif;font-size:1rem;display:flex}.services-count .total-card .icon{width:5%;margin:0 .5rem}.services-count .total-card .content{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:95%;display:flex}.services-count .services-breakdown{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin:1rem 0;display:flex}.services-count .services-breakdown h4{color:#003049;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.services-count .services-breakdown .services-grid{flex-direction:column;align-items:center;width:100%;display:flex}.services-count .services-breakdown .services-grid .service-item{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin:.25rem 0;font-family:Roboto,sans-serif;font-size:1rem;display:flex}.services-count .pie-chart-visual{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.services-count .pie-chart-visual h4{color:#333;text-align:center;margin:0 0 20px;font-size:18px;font-weight:600}.services-count .pie-chart-visual .pie-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}@media (max-width:768px){.services-count .pie-chart-visual .pie-container{flex-direction:column;gap:30px}}.services-count .pie-chart-visual .pie-chart{background:conic-gradient(#4caf50 0deg,#2196f3 0deg,#ff9800 0deg,#9c27b0 0deg,#f44336 0deg);border-radius:50%;width:250px;height:250px;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.15)}.services-count .pie-chart-visual .pie-chart:after{content:"";background:#fff;border-radius:50%;width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.1)}.services-count .pie-chart-visual .pie-legend{flex-direction:column;flex:1;gap:12px;min-width:250px;max-width:350px;display:flex}.services-count .pie-chart-visual .pie-legend .legend-item{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:10px;transition:all .2s;display:flex}.services-count .pie-chart-visual .pie-legend .legend-item:hover{background-color:#f5f5f5;transform:translate(5px)}.services-count .pie-chart-visual .pie-legend .legend-item .color-box{border-radius:4px;flex-shrink:0;width:24px;height:24px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.services-count .pie-chart-visual .pie-legend .legend-item span{color:#666;flex:1;font-size:14px;font-weight:500}.services-count .pie-chart-visual .pie-legend .legend-item strong{color:#333;text-align:right;min-width:40px;font-size:18px;font-weight:600}.employee-earnings{flex-direction:column;align-items:center;width:100%;margin:.75rem 0;display:flex}.employee-earnings h3{color:#003049;margin:0 0 .5rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900}.employee-earnings .employee-selector{width:100%}.employee-earnings .employee-selector label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.employee-earnings .employee-selector .custom-select-filter{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.employee-earnings .employee-selector .custom-select-filter .select-header-filter{flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300;display:flex}.employee-earnings .employee-selector .custom-select-filter .select-options-filter{text-align:start;width:100%;max-height:10rem;overflow-x:hidden;overflow-y:scroll}.employee-earnings .employee-selector .custom-select-filter .select-options-filter .select-option-filter{color:#003049;border-bottom:1px solid rgba(0,0,0,.125);margin-bottom:.25rem;padding:.5rem 0;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.employee-earnings .period-info{margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.employee-earnings .earnings-summary{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;margin:1rem 0;display:flex}.employee-earnings .earnings-summary .summary-card{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin:.25rem 0;padding:.5rem 0;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300;display:flex}.employee-earnings .earnings-summary .summary-card .icon{width:10%}.employee-earnings .earnings-summary .summary-card .content{width:90%}.employee-earnings .services-list{flex-direction:column;align-items:center;width:100%;display:flex}.employee-earnings .services-list h4{color:#003049;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.employee-earnings .services-list .services-table{width:100%}.employee-earnings .services-list .services-table .service-row{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;padding:.5rem 0;font-family:Roboto,sans-serif;font-weight:300;display:flex}.employee-earnings .services-list .services-table .service-row .service-date{flex-direction:column;align-items:flex-start;display:flex}.peak-hours{flex-direction:column;align-items:center;width:100%;margin:.75rem 0;display:flex}.peak-hours h3{color:#003049;margin:0 0 .5rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900}.peak-hours .period-info{margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.peak-hours .busiest-hour-card{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;padding:.5rem 0;display:flex}.peak-hours .busiest-hour-card .icon{width:10%}.peak-hours .busiest-hour-card .content{flex-direction:column;justify-content:center;align-items:flex-start;width:90%;display:flex}.peak-hours .hours-chart{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:1rem 0;display:flex}.peak-hours .hours-chart h4{color:#003049;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.peak-hours .hours-chart .chart-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.peak-hours .hours-chart .chart-container .hour-bar{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding:.5rem 0;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}.peak-hours .peak-analysis{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;margin:1rem 0;display:flex}.peak-hours .peak-analysis h4{color:#003049;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.peak-hours .peak-analysis .analysis-content{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.peak-hours .peak-analysis .analysis-content p{margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-appointments{background-color:#fff;border:2px solid #003049;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;width:99%;height:95%;display:flex;overflow-x:hidden;overflow-y:scroll}.container-main-appointments .container-btn-close{flex-direction:row;justify-content:flex-end;align-items:center;width:95%;margin:1rem 0 .25rem;display:flex}.container-main-appointments .container-btn-close .close{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin-bottom:0;padding:.5rem;display:flex}.container-main-appointments .container-title-btn{background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:1rem;display:flex}.container-main-appointments .container-title-btn .title{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-appointments .container-title-btn .btn-form{color:#f5f5f5;background-color:#003049;border:none;border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;display:flex}.container-main-appointments .container-title-btn .btn-form span{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-appointments .container-title-btn .btn-form svg{font-size:1.5rem}.container-main-appointments .container-filters-header{flex-direction:row;justify-content:center;align-items:center;width:95%;margin:0 0 1rem;display:flex}.container-main-appointments .container-filters-header .btn-filters,.container-main-appointments .container-filters-header .btn-clear-filters{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;margin:0 .25rem;padding:.5rem 1rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-appointments .filters-panel{flex-direction:column;justify-content:space-between;align-items:center;width:95%;margin:.5rem 0;display:flex}.container-main-appointments .filters-panel .filter-group{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-appointments .filters-panel .filter-group label{color:#252525;width:49%;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-appointments .filters-panel .filter-group input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;width:49%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-appointments .filters-panel .filter-group .custom-select{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;width:49%;max-height:10rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300;overflow-x:hidden;overflow-y:scroll}.container-main-appointments .filters-panel .filter-group .custom-select .select-trigger{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-appointments .filters-panel .filter-group .custom-select .select-dropdown{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.container-main-appointments .filters-panel .filter-group .custom-select .select-dropdown .select-option{color:#003049;border-bottom:1px solid rgba(0,0,0,.125);width:100%;padding:.25rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:300}.container-main-appointments .container-no-appointments{color:#003049;text-align:center;width:80%;margin:3rem 0;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:300}.container-main-appointments .container-appointments{flex-direction:column;justify-content:center;align-items:center;width:95%;margin:1rem 0;display:flex}.container-main-appointments .container-appointments .appointments-group{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.container-main-appointments .container-appointments .appointments-group .group-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:0 0 1rem;font-family:Roboto,sans-serif;font-size:1rem;display:flex}.container-main-appointments .container-appointments .appointments-group .group-header .date{flex-direction:row;justify-content:center;align-items:center;display:flex}.container-main-appointments .container-appointments .appointments-group .group-header .count{color:#003049;border:1px solid #003049;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin:.25rem;padding:.5rem;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data{flex-direction:column;justify-content:flex-start;width:90%;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .customer-status-time{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .customer-status-time .customer-info{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .customer-status-time .customer-info .name{font-size:1rem;font-weight:600}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .deposit-badge{border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;width:100%;margin:0 .25rem;padding:.25rem .5rem;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-details{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-details .detail-row{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;padding:.25rem 0;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-details .detail-row svg,.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-details .detail-row .label{margin-right:.5rem}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-details .quick-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:.5rem 0;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-details .quick-actions .btn-action{color:#fff;border:none;border-radius:.5rem;width:48%;padding:.5rem .75rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-details .quick-actions .confirm{background-color:green}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-details .quick-actions .deposit{background-color:red}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .customer-info{flex-direction:row;justify-content:flex-start;align-items:center;width:40%;font-size:1.25rem;font-weight:900;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-header{flex-direction:row;justify-content:space-between;align-items:center;width:60%;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-header .time-info{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-header .time-info svg{margin-right:.25rem}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .data .appointment-header .status-badge{border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;width:100%;margin:0 .25rem;padding:.25rem .5rem;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .btn-more{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .list-more-btn{flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative;right:55px}.container-main-appointments .container-appointments .appointments-group .container-data-appointment .list-more-btn .btn-more{margin:0 .15rem}.container-main-form-appointment{background-color:#fff;width:95%}.container-main-form-appointment h3{color:#003049;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600}.container-main-form-appointment .container-form{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.container-main-form-appointment .container-form .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-appointment .container-form .data-text label{color:#252525;text-align:start;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}.container-main-form-appointment .container-form .data-text input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-appointment .container-form .data-text .custom-select{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-appointment .container-form .data-text .custom-select .select-trigger{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-appointment .container-form .data-text .custom-select .select-dropdown{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-height:10rem;display:flex;overflow-x:hidden;overflow-y:scroll}.container-main-form-appointment .container-form .data-text .custom-select .select-dropdown .select-option{color:#003049;border-bottom:1px solid rgba(0,0,0,.125);width:90%;padding:.75rem .5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-appointment .container-form .data-text .custom-select .select-dropdown .select-option .service-option,.container-main-form-appointment .container-form .data-checkbox{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-appointment .container-form .data-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#ccc;border-radius:24px;width:44px;height:24px;transition:background .3s;position:relative}.container-main-form-appointment .container-form .data-checkbox input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;outline:1px solid #003049;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.container-main-form-appointment .container-form .data-checkbox input[type=checkbox]:checked{background:#003049}.container-main-form-appointment .container-form .data-checkbox input[type=checkbox]:checked:after{transform:translate(20px)}.container-main-form-appointment .container-form .data-checkbox label{color:#252525;text-align:start;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}.container-main-form-appointment .container-form .btn-send{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;width:60%;margin:1.5rem auto;padding:.75rem 2rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-element{background-color:#fff;border:2px solid #003049;border-radius:1rem;flex-direction:column;align-items:center;width:99%;height:95%;display:flex;overflow-x:hidden;overflow-y:scroll}.container-main-element .container-btn-close{flex-direction:row;justify-content:flex-end;align-items:center;width:95%;margin:1rem 0 .25rem;display:flex}.container-main-element .container-btn-close .close{color:#f5f5f5;background-color:#003049;border:none;border-radius:100%;justify-content:center;align-items:center;margin-bottom:0;padding:.5rem;display:flex}.container-main-element .container-title-btn{background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:1rem;display:flex}.container-main-element .container-title-btn .title{color:#003049;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-element .container-title-btn .btn-form{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;display:flex}.container-main-element .container-title-btn .btn-form span{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-element .container-title-btn .btn-form svg{font-size:1.5rem}.container-main-element .container-filters{flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:.5rem 0;display:flex}.container-main-element .container-filters .filter-btn{color:#fff;background-color:#003049;border:none;border-radius:.5rem;width:32%;padding:.5rem;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:300}.container-main-element .container-filters .active{color:#003049;background-color:#fff;border:1px solid #003049}.container-main-element .container-no-elements{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.container-main-element .container-elements{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex}.container-main-element .container-elements .container-data-element{border-bottom:1px solid rgba(0,0,0,.125);flex-direction:row;justify-content:space-between;align-items:flex-start;width:95%;padding:.5rem 0;display:flex}.container-main-element .container-elements .container-data-element .data{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;display:flex}.container-main-element .container-elements .container-data-element .data .text{width:33%;margin-right:.5rem}.container-main-element .container-elements .container-data-element .data .text span{color:#003049;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-element .container-elements .container-data-element .data .text p{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600}.container-main-element .container-elements .container-data-element .list-more-btn{flex-direction:row;justify-content:center;align-items:center;display:flex}.container-main-element .container-elements .container-data-element .list-more-btn .btn-more{margin:0 .25rem}.container-main-element .container-elements .container-data-element .list-more-btn .btn-more:last-child{margin:0 0 0 .25rem}.container-main-element .container-elements .container-data-element .btn-more{color:#fff;background-color:#003049;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.container-main-form-element{background-color:#fff;width:95%}.container-main-form-element h3{color:#003049;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600}.container-main-form-element .container-form{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex}.container-main-form-element .container-form .data-text{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.container-main-form-element .container-form .data-text label{color:#252525;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300}.container-main-form-element .container-form .data-text input{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-element .container-form .btn-select{color:rgba(37,37,37,.565);background-color:#003049;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;width:95%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-element .container-form .btn-select button{color:#f5f5f5;background-color:transparent;border:none;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-form-element .container-form .btn-list{color:rgba(37,37,37,.565);background-color:#f5f5f5;border:1px solid rgba(37,37,37,.565);border-radius:.5rem;flex-direction:column;align-items:flex-start;width:95%;margin-bottom:.5rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;display:flex}.container-main-form-element .container-form .btn-list .role{color:#003049;background-color:#fff;border:2px solid #003049;border-radius:.5rem;width:100%;margin:.25rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-element .container-form .btn-list .role:hover{color:#fff;background-color:#003049;border-radius:.5rem;width:100%;margin:.25rem;padding:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-element .container-form .btn-send{color:#f5f5f5;background-color:#003049;border:none;border-radius:1rem;width:60%;margin:1.5rem auto;padding:.75rem 2rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.container-main-form-element .container-form .data-checkbox{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.container-main-form-element .container-form .data-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#ccc;border-radius:24px;width:44px;height:24px;transition:background .3s;position:relative}.container-main-form-element .container-form .data-checkbox input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;outline:1px solid #003049;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.container-main-form-element .container-form .data-checkbox input[type=checkbox]:checked{background:#003049}.container-main-form-element .container-form .data-checkbox input[type=checkbox]:checked:after{transform:translate(20px)}.container-main-form-element .container-form .data-checkbox label{color:#252525;text-align:start;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;display:flex}@media (min-width:450px){.container-main-form-login{width:60%}}@media (min-width:1024px){.container-main-form-login{width:40%}}@media (min-width:1440px){.container-main-form-login{width:20%}}@media (min-width:2035px){.container-main-form-login{width:17%}}