@import url(https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);*{border:none;box-sizing:border-box;list-style-type:none;margin:0;outline:none;padding:0;text-decoration:none;transition-duration:.1s}a{cursor:pointer}body,html{font-family:PT Sans,sans-serif;font-size:18px;height:100vh;margin:0;padding:0;width:100%}@media only screen and (max-width:767px){body,html{font-size:14px!important}}p{font-size:18px!important;line-height:1.7}@media only screen and (max-width:767px){p{font-size:14px!important}}.con{margin:0 auto;max-width:90%;width:1200px}@media screen and (min-width:1445px){.con{width:1400px}}@media screen and (max-width:1024px){.con{width:90%}}@media only screen and (max-width:767px){.con{width:90%}}.btn{align-items:center;border:2px solid transparent;border-radius:5px;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem;text-transform:lowercase;width:fit-content}.btn span:first-letter{text-transform:uppercase}.btn.btn-blue{background-color:#2d9cdb;border-color:#2d9cdb;color:#fff}.btn.btn-blue:hover{background-color:#238fcc}.btn.btn-blue-border{background-color:#fff;border-color:#2d9cdb;color:#2d9cdb}.btn.btn-blue-border:hover{background-color:#f2f2f2}.btn.btn-white{background-color:#fff;border-color:#fff;color:#2d9cdb}.btn.btn-white:hover{background-color:#f2f2f2}.btn.btn-icon-left svg{font-size:.8rem;margin-right:.3rem}.btn.btn-icon-right svg{font-size:.8rem;margin-left:.3rem}.dashboard-section{background-color:#fff;border:1px solid #e9ebf8;border-radius:5px;padding:1em}.text-center{text-align:center}.data-table{background-color:#fff;border:2px solid #2d9cdb;height:auto;width:100%}@media screen and (max-width:1024px){.data-table{overflow-x:scroll}.data-table table{min-width:1000px}}@media only screen and (max-width:767px){.data-table{overflow-x:none}.data-table table{min-width:0}}.data-table table{border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;width:100%}.data-table table thead tr:hover{background-color:#2d9cdb}.data-table table thead tr th{background-color:#2d9cdb;border-right:2px solid #fff;color:#fff;font-size:.9rem;font-weight:700;padding:8px;text-align:left}.data-table table thead tr th:last-of-type{border-right:none}.data-table table thead tr th:first-letter{text-transform:capitalize}.data-table table td{padding:1rem}.data-table table td .true{background-color:#d4e3fc;border-radius:50px;color:#1d51a6;font-weight:500;padding:.3rem 1rem}.data-table table td .false{background-color:#e6f7fd;border-radius:50px;color:#2d9cdb;font-weight:500;padding:.3rem 1rem}.data-table table td.ticket{font-size:1.3rem;font-weight:600}.data-table table td.services{max-width:400px}.data-table table td .services{display:flex;flex-wrap:wrap;gap:.3rem;height:auto;width:100%}.data-table table td .services .service-pill{background-color:#e6f7fd;border-radius:5px;color:#000;font-size:1rem;padding:.5rem;width:max-content}.data-table table td .services .service-pill:first-letter{text-transform:uppercase}.data-table table td.description{max-width:500px}.data-table table td.actions{height:inherit;max-width:300px}.data-table table td:last-child{max-width:100px}.data-table table td p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;line-height:1.2;-webkit-box-orient:vertical;text-transform:lowercase}.data-table table td p:first-letter{text-transform:uppercase!important}.data-table table td a{color:#000}.data-table table td .status{border-radius:50px;padding:.5rem 1rem;width:fit-content}.data-table table td .status.success{background-color:#8bafeb;color:#1d51a6;font-size:.8rem;font-weight:600}.data-table table td .date span{color:#9499aa;font-size:.9rem}.data-table table td.actions{align-items:center;display:flex;height:100%;max-width:150px}.data-table table td.actions .action{align-items:center;background-color:transparent;border-radius:5px;color:#2d9cdb;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;min-width:30px;width:30px}.data-table table td.actions .action:hover{background-color:#2d9cdb;color:#fff}.data-table table td.actions .action.delete{background-color:#2d9cdb}.data-table table td.actions .action.delete svg path{fill:#eb5757}.data-table table td.actions .action.delete:hover{background-color:#fbe0e0}.data-table table tr:hover{background-color:#f1f8fd}.data-table table tr:nth-child(2n){background-color:#f2f2f2}.data-table table tr:nth-child(2n):hover{background-color:#f1f8fd}.data-table table tbody.table-loader{height:auto;padding:1rem 0;width:100%}.data-table table tbody.table-loader tr td span{animation:shine 2s infinite both;background:linear-gradient(57deg,rgba(216,224,224,.639),#fcfcfc,rgba(216,224,224,.639));background-size:300%;border-radius:5px;display:block;height:40px;width:100%}.data-table table tbody.table-loader tr:hover{background-color:transparent!important}.data-table table tbody.table-loader tr td{padding:.3rem}.data-table table tbody.table-loader tr:nth-child(2n),.data-table table tbody.table-loader tr:nth-child(2n):hover{background-color:transparent!important}@media only screen and (max-width:767px){.data-table table,.data-table tbody,.data-table td,.data-table th,.data-table thead,.data-table tr{display:block}.data-table table thead tr{left:-9999px;position:absolute;top:-9999px}.data-table table td{border:none;color:var(--text)!important;padding:.5em 0 .5em 35%!important;position:relative}}@media only screen and (max-width:767px)and (max-width:360px){.data-table table td{padding-left:40%!important}}@media only screen and (max-width:767px){.data-table td:before{font-weight:600;left:0;padding-right:10px;position:absolute;top:1em;white-space:nowrap;width:30%}}@media only screen and (max-width:767px)and (max-width:360px){.data-table td:before{width:40%}}@media only screen and (max-width:767px){.data-table #agents-table td{font-size:.8rem}.data-table #agents-table td:first-of-type:before{content:"Name"}.data-table #agents-table td:nth-of-type(2):before{content:"Role"}.data-table #agents-table td:nth-of-type(3):before{content:"Counter"}.data-table #agents-table td:nth-of-type(4):before{content:"Creation Date"}.data-table #agents-table td:nth-of-type(5):before{content:"Actions"}.data-table #tickets-table td{font-size:.8rem}.data-table #tickets-table td:first-of-type:before{content:"Id"}.data-table #tickets-table td:nth-of-type(2):before{content:"Code"}.data-table #tickets-table td:nth-of-type(3):before{content:"Agent"}.data-table #tickets-table td:nth-of-type(4):before{content:"Creation Date"}.data-table #tickets-table td:nth-of-type(5):before{content:"Actions"}.data-table #counters-table td{font-size:.8rem}.data-table #counters-table td:first-of-type:before{content:"Id"}.data-table #counters-table td:nth-of-type(2):before{content:"Name"}.data-table #counters-table td:nth-of-type(3):before{content:"Code"}.data-table #counters-table td:nth-of-type(4):before{content:"Services"}.data-table #counters-table td:nth-of-type(5):before{content:"Creation Date"}.data-table #counters-table td:nth-of-type(6):before{content:"Actions"}}.data-table .bottom{align-items:center;display:flex;height:auto;justify-content:space-between;margin-top:1rem;padding:1rem;width:100%}@media only screen and (max-width:767px){.data-table .bottom{flex-wrap:wrap;justify-content:center}}.data-table .bottom .left{align-items:center;color:#9499aa;display:flex}.data-table .bottom .left span:first-of-type:first-letter{text-transform:capitalize}.data-table .bottom .left select{background-color:#fff;border:1px solid #000;border-radius:5px;margin:0 1rem;padding:.5rem 1rem}@media only screen and (max-width:767px){.data-table .bottom .left{margin-bottom:1rem}}.data-table .bottom .pagination,.data-table .bottom .pagination ul{align-items:center;display:flex;text-transform:capitalize}.data-table .bottom .pagination ul{margin:0 .5rem}.data-table .bottom .pagination ul li button{align-items:center;border-radius:50%;color:#000;cursor:pointer;display:flex;height:30px;justify-content:center;margin:0 .2rem!important;text-decoration:none;width:30px}.data-table .bottom .pagination ul li button:hover{background-color:#dbeef9}.data-table .bottom .pagination ul li button.active{background-color:#2d9cdb;color:#fff}.data-table .bottom .pagination ul li button:disabled{display:none;margin:0!important}.data-table .bottom .pagination button.previous{align-items:center;background-color:transparent;color:#000;cursor:pointer;display:flex;font-size:1rem;margin-right:1rem;opacity:.5;text-transform:capitalize;width:auto}.data-table .bottom .pagination button.previous span{display:inline-block;font-weight:700;line-height:.5;margin-bottom:.1rem;margin-left:.3rem}.data-table .bottom .pagination button.previous:hover{opacity:1}.data-table .bottom .pagination button.previous:disabled,.data-table .bottom .pagination button.previous:disabled:hover{opacity:.1}.data-table .bottom .pagination button.next{align-items:center;background-color:transparent;color:#000;cursor:pointer;display:flex;font-size:1rem;margin-left:1rem;opacity:.5;text-transform:capitalize;width:auto}.data-table .bottom .pagination button.next span{display:inline-block;font-weight:700;line-height:.5;margin-bottom:.1rem;margin-right:.3rem}.data-table .bottom .pagination button.next:hover{opacity:1}.data-table .bottom .pagination button.next:disabled,.data-table .bottom .pagination button.next:disabled:hover{opacity:.1}.shine-animation{animation:shine 2s infinite both;background:linear-gradient(57deg,rgba(216,224,224,.639),#fcfcfc,rgba(216,224,224,.639));background-size:300%}@keyframes shine{0%{background-position:100% 50%}50%{background-position:0 50%}to{background-position:100% 50%}}.modal-con{left:0;position:fixed;top:0;z-index:9}.modal-con .overlay{background-color:rgba(0,0,0,.349);height:100vh;width:100vw}.modal-con .modal{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 10px rgba(0,0,0,.082);left:50%;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}.modal-con .modal .close-con{display:flex;height:auto;justify-content:flex-end;width:100%}.modal-con .modal .close-con .close{align-items:center;background-color:#f2f2f2;border-radius:3px;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;width:30px}.modal-con .modal .close-con .close:hover{background-color:#d9d9d9}.modal-con .modal h2{font-size:1.7rem;margin-bottom:1rem;text-align:center;text-transform:lowercase}.modal-con .modal h2:first-letter{text-transform:uppercase}.modal-con .modal .info .detail-sub{display:flex;margin-bottom:1rem}.modal-con .modal .info .detail-sub .name{color:#000;font-size:1rem;font-weight:700;margin-right:.5rem;width:100px}.modal-con .modal .info .detail-sub .detail{color:#9499aa;width:calc(100% - 114px)}.modal-con .modal .delete-sub{display:flex;justify-content:center}.modal-con .modal .delete-sub .btn{margin-right:1rem}form .flex{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}form .field{height:auto;margin-bottom:1rem;text-align:left;width:100%}form .field label{color:#000;display:block;font-size:1.1rem;margin-bottom:.1rem;text-transform:lowercase}form .field label:first-letter{text-transform:uppercase}form .field input,form .field select{height:45px;padding:0 .7rem}form .field input,form .field select,form .field textarea{background-color:#fff;border:2px solid #2d9cdb;border-radius:5px;font-size:1rem;width:100%}form .field textarea{font-family:PT Sans,sans-serif;height:300px;padding:.7rem}form .field .error{color:#eb5757}form .field.error input,form .field.error select,form .field.error textarea{border-color:#eb5757!important}form .field.error input::placeholder,form .field.error select::placeholder,form .field.error textarea::placeholder{color:#eb5757!important}form .field.error .password-sub{border-color:#eb5757!important}form .field.password .password-sub{align-items:center;border:2px solid #2d9cdb;border-radius:5px;display:flex}form .field.password .password-sub input{border:none}form .field.password .password-sub .toggle{align-items:center;background-color:#e6f7fd;border-radius:5px;color:#2d9cdb;cursor:pointer;display:flex;font-size:1.1rem;height:45px;justify-content:center;transform:scale(.8);width:45px}form .field.password .password-sub .toggle:hover,form button[type=submit]{background-color:#2d9cdb;color:#fff}form button[type=submit]{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;margin-top:1rem;width:100%}form button[type=submit] span{margin-right:1rem;text-transform:lowercase!important}form button[type=submit] span:first-letter{text-transform:uppercase!important}form button[type=submit]:hover{background-color:#1f7fb6}