.flag{line-height:30px;text-align:center;font-weight:400;font-size:18px;margin-bottom:10px}.flag.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.flag.success{color:#2d673a;background-color:#d5eddb;border:1px solid #c4e6cc}:root{--bg-dark:#48bb78;--bg-darker:#279349;--text-light:#fff;--bg-main:#f2f6ff}*{margin:0}body{font-size:16px;font-family:DM Sans,sans-serif;color:#4c4c4c}h1,h2,h3,h4{font-family:Rubik}.dashboard .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.dashboard .header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.dashboard .charts{margin-top:20px;display:flex;flex-direction:row}.dashboard .charts .paye,.dashboard .charts .payers{padding:10px;box-sizing:border-box;width:50%}.dashboard .charts .paye h2,.dashboard .charts .payers h2{margin-bottom:10px}.loading{margin:10px}.loading .spinner{border:8px solid #f3f3f3;border-top:8px solid var(--bg-dark);border-radius:50%;width:30px;height:30px;margin:0 auto;-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.payer-report .cards ._card{border-radius:10px;margin:20px 10px;flex-basis:33.3%}.payer-report .cards ._card .content{padding:20px 20px 10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#fff}.payer-report .cards ._card .content h3{font-family:"DM Sans Bold";font-size:50px}.payer-report .cards ._card .content p{font-family:"DM Sans Regular";font-size:16px}.payer-report .cards ._card .footer{padding:10px;border-radius:0 0 10px 10px}.payer-report .cards ._card .footer a{display:flex;flex-direction:row;text-decoration:none;align-items:center;justify-content:center}.payer-report .cards ._card .footer a i{font-family:"DM Sans Bold";font-size:16px;color:#fff}.payer-report .cards ._card .footer a img{margin:0 10px}.payer-report .cards ._card.green{background:#37ac83;box-shadow:0 20px 50px rgba(25,104,77,.3)}.payer-report .cards ._card.green .footer{background:#229b71}.payer-report .cards ._card.red{background:#db6d5b;box-shadow:0 20px 50px rgba(104,25,25,.3)}.payer-report .cards ._card.red .footer{background:#ce5642}.payer-report .cards ._card.yellow{background:#e89f3c;box-shadow:0 20px 50px rgba(104,96,25,.3)}.payer-report .cards ._card.yellow .footer{background:#ba7f30}@media (min-width:1000px){.payer-report .cards{display:flex;flex-direction:row}}.default-template{background:var(--bg-main);position:fixed;width:100%;bottom:0;top:0;left:0;display:flex;flex-direction:row}.default-template section{flex-grow:1;position:relative;overflow:scroll}.default-template section>.content{position:absolute;padding:15px;right:0;left:0}.default-template section>.content .dialog .header{padding-bottom:15px}.default-template section>.content .section-header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.default-template section>.content .section-header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.default-template section>.content .section-header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.default-template section>.content .section-header .buttons a,.default-template section>.content .section-header .buttons button{font-family:"DM Sans Bold";min-width:124px;margin:0 5px;line-height:25px;border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;padding:10px;box-sizing:border-box;cursor:pointer}.default-template section>.content .section-header .buttons a img,.default-template section>.content .section-header .buttons button img{margin-right:10px}.default-template section>.content .section-header .buttons a:focus,.default-template section>.content .section-header .buttons button:focus{outline:none}.default-template section>.content .section-header .buttons button{border:1px solid #020e23;color:#020e23}.default-template section>.content .section-header .buttons a{background-color:#f1503d}.default-template section a.btn{border-radius:2px;text-transform:capitalize;font-size:15px;padding:10px 19px;text-decoration:none;background-color:#f1503d;border:none;color:var(--text-light);font-weight:400;cursor:pointer;display:inline-block;margin-bottom:10px}.default-template section .card{border:none;background:#fff;padding:20px;box-sizing:border-box}.default-template section .card .header{border-bottom:1px solid #c5c5c5;margin-bottom:20px}.default-template section .card .header h4{padding-bottom:10px;border-bottom:1px solid var(--bg-dark);display:block;margin-bottom:-16px;font-family:"DM Sans Regular";font-style:normal;font-weight:500;font-size:24px;color:#020e23}.default-template section .card h4{font-weight:400}.default-template section .card form .sub-header{border-bottom:1px solid #c5c5c5;margin-bottom:20px}.default-template section .card form .sub-header h4{padding-bottom:10px;border-bottom:1px solid var(--bg-dark);display:inline-block;margin:10px 0 -1px;font-family:"DM Sans Regular";font-style:normal;font-weight:500;font-size:18px;color:#020e23}.default-template section .card .actions{max-width:400px;margin:15px auto;display:flex;flex-direction:row;justify-content:space-between}.default-template section .card .actions button{text-transform:capitalize;font-size:15px;line-height:35px;border:none;color:var(--text-light);font-weight:400;cursor:pointer;width:100%;max-width:180px;border-radius:5px}.default-template section .card .actions button[type=submit]{background-color:var(--bg-dark);box-shadow:0 10px 30px rgba(0,80,133,.15)}.default-template section .card .actions button[type=reset]{background-color:#f4f4f4;color:#868686}.default-template section .card .actions button:focus{outline:none}.default-template section .card .checkbox .checked{background-color:var(--bg-darker)}.default-template section .card .flag{line-height:30px;text-align:center;font-weight:400;font-size:18px;margin-bottom:10px}.default-template section .card .flag.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.default-template section .card .flag.success{color:#2d673a;background-color:#d5eddb;border:1px solid #c4e6cc}.default-template section table{width:100%;margin-top:10px;border-collapse:collapse}.default-template section table thead{background:#f4f4f4}.default-template section table thead th{padding:15px;line-height:25px;color:#403f3f;font-size:16px;font-weight:500;text-align:left}.default-template section table thead th:last-child{border:0}.default-template section table tbody tr{cursor:pointer;background-color:#fff}.default-template section table tbody tr td{padding:15px;line-height:25px;color:#020e23;font-family:"DM Sans Regular";font-weight:500;font-size:17px;border-bottom:.3px solid #d9d9d9}.default-template section table tbody tr td .actions{display:flex;flex-direction:row;justify-content:space-around;max-width:65px}.default-template section table tbody tr td .actions img{width:25px}form .form-input{margin-bottom:10px}form input,form label,form select{display:block;color:#403f3f}form input,form select,form textarea{background:#fff;border:1px solid #020f22;font-size:16px;padding:7px 6px;width:100%;border-radius:3px;box-sizing:border-box}form input.error,form select.error,form textarea.error{border:1px solid #c02}form input:focus,form select:focus,form textarea:focus{outline:none}form span.error{color:red;line-height:25px;font-size:15px}@media (min-width:700px){form .fl-row{display:flex;flex-direction:row;justify-content:space-between}form .fl-row .col-50{flex-basis:48%}}header .brand{height:70px;padding:5px 5px 5px 20px;box-sizing:border-box;flex-basis:0px;flex-grow:0;flex-shrink:0;display:flex;align-items:center}header .brand img{display:block;height:55px}header .brand .toggler{width:25px;padding:10px;display:flex;align-self:center;flex-direction:column;cursor:pointer}header .brand .toggler span{height:1px;display:block;background-color:#020e23;margin:4px 0}header{display:flex;flex-direction:row;background-color:#fff}header .search{padding:17.5px;position:relative;background-color:#fff;box-sizing:border-box;flex-grow:1}header .search input{border:1px solid #f3f3f3;height:35px;padding:5px 30px 5px 5px;box-sizing:border-box;border-radius:20px;width:100%;background-color:var(--bg-main)}header .search input:focus{outline:none}header .search img{position:absolute;height:20px;top:25px;right:30px}header .profile{flex-basis:300px;position:relative}header .profile.show{width:100%}header .profile.hide{width:0}header .profile>div{align-self:flex-end;padding:10px;display:flex;flex-direction:row;align-items:center;cursor:pointer}header .profile>div strong{line-height:40px;padding:0 10px;font-size:14px;font-weight:400;flex-grow:1}header .profile>div img{height:30px;width:30px;margin:0 5px;border-radius:15px}header .profile>div img:last-child{height:15px;width:15px}header .profile ul{position:absolute;top:59px;background-color:#fff;list-style:none;z-index:1;right:0;left:0;padding:0;margin:0;border:1px solid #d8dde3;border-top:0}header .profile ul li{border-top:1px solid #d8dde3}header .profile ul li span{line-height:30px;padding:5px 10px;color:#4c4c4c;display:block;text-decoration:none;cursor:pointer}header .profile ul.hide{display:none}header .profile ul.show{display:block}@media (min-width:700px){header .profile{flex-basis:300px}header .profile.hide{width:100%}}.default-template>.menu{background-color:var(--bg-darker);display:block;transition:flex-basis .3s ease-in-out;flex-basis:0;overflow:hidden}.default-template>.menu img.logo{margin:15px auto;height:100px;width:100px;display:block;border-radius:50px}.default-template>.menu .space{height:80px}.default-template>.menu ul{list-style:none;padding:0}.default-template>.menu ul li.item{align-items:center;color:#fff;line-height:44px;box-sizing:border-box;cursor:pointer;transition:background-color .3s ease-in-out 1ms;padding:6px 6px 6px 40px;font-family:"DM Sans Bold";font-weight:700;opacity:.6}.default-template>.menu ul li.item span{display:flex;flex-direction:row;align-items:center}.default-template>.menu ul li.item span b{flex-basis:130px}.default-template>.menu ul li.item.active{background:#1d4b2c;opacity:1}.default-template>.menu ul li.item img:first-child{height:24px;width:24px;margin-right:15px}.default-template>.menu ul li.item ul{height:auto;max-height:0;transition:max-height .3s ease-in-out 1ms;overflow:hidden;padding-left:40px}.default-template>.menu ul li.item ul li{opacity:.5}.default-template>.menu ul li.item ul li a{display:block;line-height:20px;font-size:14px;padding:10px;color:#fff;text-decoration:none}.default-template>.menu ul li.item ul li.active{opacity:1}.default-template>.menu ul li.item.active ul{max-height:600px}.default-template>.menu.active{flex-basis:250px}.default-template>.menu.active ul li.item{padding-left:20px}@media (min-width:700px){.default-template .menu{flex-basis:250px}.default-template .menu.active ul li.item{padding-left:40px}}section.auth{background:#fff}section.auth>div .container{max-width:400px;margin:0 auto;box-sizing:border-box;padding:15px}section.auth header{margin:10px auto;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:transparent}section.auth header img{height:100px;width:100px;border-radius:50px}section.auth h2{margin-top:20px;text-align:center}section.auth footer{padding:20px 0;margin:10px auto}section.auth footer ul{list-style-type:none;list-style:none;border-bottom:1px solid #bdc4c9;padding:10px;max-width:500px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center}section.auth footer ul li{margin:0 auto}section.auth footer ul li a{color:#005ff8;font-size:14px;text-decoration:none}section.auth footer p{line-height:40px;font-size:13px;text-align:center;color:#868686}@media (min-width:700px){section.auth{display:flex;flex-direction:row;position:fixed;width:100%;top:0;left:0;bottom:0}section.auth>div{flex-basis:50%;height:inherit}section.auth>div:last-child{background:url(/static/media/auth-bg.80577d7f.jpg) bottom no-repeat;background-size:cover;position:relative}section.auth>div:last-child .shade{background-color:#48bb78;position:absolute;top:0;left:0;bottom:0;opacity:.2;width:100%}}div.checkbox input{display:none}div.checkbox div{line-height:30px;display:grid;grid-gap:10px;grid-template-columns:50px auto}div.checkbox div span{background:#ddd;padding:2px;margin-top:5px;height:20px;box-sizing:border-box;border-radius:10px;cursor:pointer;position:relative}div.checkbox div span.checked{background:#0b2a5c}div.checkbox div span.checked i{left:32px}div.checkbox div span i{height:16px;background:#fff;left:2px;width:16px;border-radius:8px;display:block;position:absolute;transition:left .2s ease-in-out}.dialog{position:relative}.dialog .shade{background-color:#000;opacity:.5;z-index:1}.dialog .shade,.dialog>.content{position:fixed;top:0;left:0;width:100%;bottom:0}.dialog>.content{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}section.auth{color:#262626}section.auth h3{font-size:16px;font-weight:400;font-size:28px;margin:20px 0;text-align:center}section.auth div.actions{margin:20px 0 10px;display:flex;flex-direction:row;justify-content:space-around}section.auth div.actions button{text-transform:capitalize;font-size:15px;line-height:35px;border:none;color:var(--text-light);font-weight:400;cursor:pointer;width:100%;max-width:220px;border-radius:5px;background-color:var(--bg-dark);box-shadow:0 10px 30px rgba(0,80,133,.15)}section.auth div.actions button:focus{outline:none}section.auth .extras{display:flex;flex-direction:row;justify-content:space-between;align-items:center}section.auth .extras a{color:#37ac83;text-decoration:none;font-size:17px}section.auth div.signin{display:flex;flex-direction:column;justify-content:center;align-items:center}section.auth div.signin button{text-transform:capitalize;font-size:15px;line-height:35px;color:var(--bg-dark);font-weight:400;cursor:pointer;width:100%;max-width:220px;border-radius:5px;background-color:transparent;border:1px solid var(--bg-dark)}section.auth div.signin button:focus{outline:none}section.auth div.signin p{font-size:18px;line-height:40px}section.auth div.signup{display:flex;flex-direction:column;justify-content:center;align-items:center}section.auth div.signup button{text-transform:capitalize;font-size:15px;line-height:35px;color:var(--bg-dark);font-weight:400;cursor:pointer;width:100%;max-width:220px;border-radius:5px;background-color:transparent;border:1px solid var(--bg-dark)}section.auth div.signup button:focus{outline:none}section.auth div.signup p{font-size:18px;line-height:40px}section.auth form label{color:inherit}section.auth form input{border-color:#707070;background-color:transparent}.settings{overflow:scroll}.settings .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.settings .header h4{font-style:normal;font-weight:500;font-size:28px;color:#020e23}.settings .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.settings .header .buttons a,.settings .header .buttons button{min-width:120px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.settings .header .buttons a img,.settings .header .buttons button img{margin-right:10px}.settings .header .buttons a:focus,.settings .header .buttons button:focus{outline:none}.settings .header .buttons a{background-color:#f1503d}.settings .triggers{margin:15px auto}.settings .triggers,.settings .triggers button{display:flex;flex-direction:row;justify-content:center}.settings .triggers button{margin:0 5px;padding:5px 10px;min-width:120px;height:35px;border-radius:5px;align-items:center;text-decoration:none;box-sizing:border-box;border:1px solid transparent;cursor:pointer}.settings .triggers button img{margin-right:10px}.settings .triggers button:first-child{color:var(--bg-dark);background-color:#fff;border-color:var(--bg-dark)}.settings .triggers button:last-child{color:#fff;background-color:var(--bg-dark)}.settings tr:hover{background-color:#f4f4f4}.pagination{display:flex;flex-direction:row;background-color:#fff;padding:15px 10px;border-bottom:.3px solid #d9d9d9;margin-bottom:10px;align-items:center}.pagination h4{flex-grow:1}.pagination ul{display:flex;flex-direction:row;list-style:none;align-items:center}.pagination ul li img{height:25px;width:25px;display:block;margin:0 5px;cursor:pointer}.pagination ul select{padding:5px}.pagination ul select:focus{outline:none}.internet .plans{overflow:scroll}.internet .plans .header{padding:15px 0;align-items:center}.internet .plans .header,.internet .plans .header .tabs{display:flex;flex-direction:row}.internet .plans .header .tabs a{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:24px;color:#6290d0;padding:8px 13px;border-radius:5px;cursor:pointer;margin-right:10px;text-decoration:none}.internet .plans .header .tabs a.active{background-color:#6290d0;color:#fff}.internet .plans .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.internet .plans .header .buttons a,.internet .plans .header .buttons button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.internet .plans .header .buttons a img,.internet .plans .header .buttons button img{margin-right:10px}.internet .plans .header .buttons a:focus,.internet .plans .header .buttons button:focus{outline:none}.internet .plans .header .buttons a{background-color:var(--bg-dark)}.internet .plans tr:hover{background-color:#f4f4f4}.internet .plans td span{font-weight:400;font-family:"DM Sans Regular";letter-spacing:.4px}.internet .plans td span.active{color:#00b127}.internet .plans td span.pending{color:#5a4d4d}.internet .plans td span.inactive{color:#d90000}.internet .plan .create{max-width:600px}.internet .plan .edit .card table td .actions{display:flex;flex-direction:row;justify-content:space-around!important;max-width:65px!important;margin:0!important}.internet .plan .edit .card>.col{display:flex;flex-direction:row}.internet .plan .edit .card>.col>*{flex-grow:1}.internet .plan .edit .card>.col>:first-child{margin-right:10px}.internet .plan .edit .card>.col>:last-child{margin-left:10px}.internet .plan .edit .constraint .header h4{border:0}.internet .plan .edit .constraint .add-constraint,.internet .plan .edit .constraint .edit-constraint{width:100%;max-width:500px;border-radius:10px}.internet .plan .edit .constraint .add-constraint .header h4,.internet .plan .edit .constraint .edit-constraint .header h4{border:0}.internet .plan .edit .constraint .add-constraint .header .buttons img,.internet .plan .edit .constraint .edit-constraint .header .buttons img{width:30px;cursor:pointer}.internet .plan .edit .constraint .add-constraint form .col,.internet .plan .edit .constraint .edit-constraint form .col{display:flex;flex-direction:row}.internet .plan .edit .constraint .add-constraint form .col>*,.internet .plan .edit .constraint .edit-constraint form .col>*{flex-grow:1}.internet .plan .edit .constraint .add-constraint form .col .row-days,.internet .plan .edit .constraint .edit-constraint form .col .row-days{margin-left:20px;max-width:150px;display:flex;flex-direction:column}.internet .plan .edit .constraint .add-constraint form .time,.internet .plan .edit .constraint .edit-constraint form .time{display:flex;flex-direction:row}.internet .plan .edit .constraint .add-constraint form .time :first-child,.internet .plan .edit .constraint .edit-constraint form .time :first-child{margin-right:5px}.internet .plan .edit .constraint .add-constraint form .time :nth-child(2),.internet .plan .edit .constraint .edit-constraint form .time :nth-child(2){margin:0 2.5px}.internet .plan .edit .constraint .add-constraint form .time :last-child,.internet .plan .edit .constraint .edit-constraint form .time :last-child{margin-left:5px}.internet form .row-locations,.internet form .row-salepoints{display:grid;grid-template-columns:auto auto auto;margin-bottom:10px}.internet .salepoints{overflow:scroll}.internet .salepoints .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.internet .salepoints .header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.internet .salepoints .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.internet .salepoints .header .buttons a,.internet .salepoints .header .buttons button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.internet .salepoints .header .buttons a img,.internet .salepoints .header .buttons button img{margin-right:10px}.internet .salepoints .header .buttons a:focus,.internet .salepoints .header .buttons button:focus{outline:none}.internet .salepoints .header .buttons a{background-color:var(--bg-dark)}.internet .salepoints tr:hover{background-color:#f4f4f4}.internet .salepoints td span{font-weight:400;font-family:"DM Sans Regular";letter-spacing:.4px}.internet .salepoints td span.active{color:#00b127}.internet .salepoints td span.pending{color:#5a4d4d}.internet .salepoints td span.inactive{color:#d90000}.internet .salepoint .create{max-width:600px}.internet .locations{overflow:scroll}.internet .locations .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.internet .locations .header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.internet .locations .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.internet .locations .header .buttons a,.internet .locations .header .buttons button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.internet .locations .header .buttons a img,.internet .locations .header .buttons button img{margin-right:10px}.internet .locations .header .buttons a:focus,.internet .locations .header .buttons button:focus{outline:none}.internet .locations .header .buttons a{background-color:var(--bg-dark)}.internet .locations tr:hover{background-color:#f4f4f4}.internet .locations td span{font-weight:400;font-family:"DM Sans Regular";letter-spacing:.4px}.internet .locations td span.active{color:#00b127}.internet .locations td span.pending{color:#5a4d4d}.internet .locations td span.inactive{color:#d90000}.internet .location .create{max-width:600px}.internet .naslist{overflow:scroll}.internet .naslist .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.internet .naslist .header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.internet .naslist .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.internet .naslist .header .buttons a,.internet .naslist .header .buttons button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.internet .naslist .header .buttons a img,.internet .naslist .header .buttons button img{margin-right:10px}.internet .naslist .header .buttons a:focus,.internet .naslist .header .buttons button:focus{outline:none}.internet .naslist .header .buttons a{background-color:var(--bg-dark)}.internet .naslist tr:hover{background-color:#f4f4f4}.internet .naslist td span{font-weight:400;font-family:"DM Sans Regular";letter-spacing:.4px}.internet .naslist td span.active{color:#00b127}.internet .naslist td span.pending{color:#5a4d4d}.internet .naslist td span.inactive{color:#d90000}.internet .nas .create{max-width:600px}.internet .sites{overflow:scroll}.internet .sites .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.internet .sites .header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.internet .sites .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.internet .sites .header .buttons a,.internet .sites .header .buttons button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.internet .sites .header .buttons a img,.internet .sites .header .buttons button img{margin-right:10px}.internet .sites .header .buttons a:focus,.internet .sites .header .buttons button:focus{outline:none}.internet .sites .header .buttons a{background-color:var(--bg-dark)}.internet .sites tr:hover{background-color:#f4f4f4}.internet .sites td span{font-weight:400;font-family:"DM Sans Regular";letter-spacing:.4px}.internet .sites td span.active{color:#00b127}.internet .sites td span.pending{color:#5a4d4d}.internet .sites td span.inactive{color:#d90000}.internet .site .create,.internet .site .edit{max-width:600px}.internet .profile{overflow:scroll}.internet .profile .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.internet .profile .header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.internet .profile .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.internet .profile .header .buttons a,.internet .profile .header .buttons button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.internet .profile .header .buttons a img,.internet .profile .header .buttons button img{margin-right:10px}.internet .profile .header .buttons a:focus,.internet .profile .header .buttons button:focus{outline:none}.internet .profile .header .buttons a{background-color:var(--bg-dark)}.internet .profile tr:hover{background-color:#f4f4f4}.internet .profile td span{font-weight:400;font-family:"DM Sans Regular";letter-spacing:.4px}.internet .profile td span.active{color:#00b127}.internet .profile td span.pending{color:#5a4d4d}.internet .profile td span.inactive{color:#d90000}.internet .profile .create{max-width:600px}.create-transaction form{max-width:500px}.create-transaction form p{color:#ab6308;font-weight:500;line-height:40px}.internet .location .create .header{display:flex;flex-direction:row;margin:10px 0 5px;max-width:600px}.internet .location .create .header label{font-size:15px;font-weight:700;text-align:center;text-transform:uppercase;margin-left:1px;opacity:.7}.internet .location .create .header label:first-child{text-align:left;flex-grow:1;margin-left:0}.internet .location .create .header label:nth-child(2){width:120px}.internet .location .create .header label:nth-child(3),.internet .location .create .header label:nth-child(4){width:140px}.internet .location .create .total{display:flex;flex-direction:row;max-width:900px;margin:10px 0 5px;justify-content:flex-end}.internet .location .create .total strong{padding:0 20px;color:#f37a37;font-size:18px}.internet .location .create .buttons{display:flex;flex-direction:row;max-width:900px;justify-content:flex-end;padding:10px;margin:10px 0}.internet .location .create .buttons button{text-transform:uppercase;font-size:15px;line-height:35px;border:none;font-weight:400;cursor:pointer;width:180px;font-weight:700}.internet .location .create .buttons button:first-child{background-color:#fff;color:#f37737;margin-right:20px;box-shadow:0 10px 30px rgba(0,80,133,.15)}.internet .location .create .buttons button:last-child{background-color:#f37737;color:#fff;box-shadow:0 10px 30px rgba(0,80,133,.15)}.internet .location .create .buttons button:focus{outline:none}.internet{overflow:scroll}.internet .delete{max-width:400px;width:100%;border-radius:10px!important}.internet .delete p{padding:10px 0;text-align:center}.internet .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.internet .header h4{font-style:normal;font-weight:500;font-size:28px;color:#020e23}.internet .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.internet .header .buttons a,.internet .header .buttons button{min-width:120px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.internet .header .buttons a img,.internet .header .buttons button img{margin-right:10px}.internet .header .buttons a:focus,.internet .header .buttons button:focus{outline:none}.internet .header .buttons a{background-color:#f1503d}.internet .triggers{margin:15px auto}.internet .triggers,.internet .triggers button{display:flex;flex-direction:row;justify-content:center}.internet .triggers button{margin:0 5px;padding:5px 10px;min-width:120px;height:35px;border-radius:5px;align-items:center;text-decoration:none;box-sizing:border-box;border:1px solid transparent;cursor:pointer}.internet .triggers button img{margin-right:10px}.internet .triggers button:first-child{color:var(--bg-dark);background-color:#fff;border-color:var(--bg-dark)}.internet .triggers button:last-child{color:#fff;background-color:var(--bg-dark)}.internet tr:hover{background-color:#f4f4f4}.filter{justify-content:flex-end;max-width:100%!important}.filter,.filter>.wrapper{display:flex;flex-direction:row}.filter>.wrapper{align-items:center}.filter>.wrapper div{padding:0 5px}.filter>.wrapper select{min-width:200px}.filter>.wrapper button{background-color:var(--bg-dark);text-transform:capitalize;font-size:15px;line-height:35px;border:none!important;color:var(--text-light);font-weight:400;cursor:pointer;border-radius:5px}.security .roles{overflow:scroll}.security .roles .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.security .roles .header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.security .roles .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.security .roles .header .buttons a,.security .roles .header .buttons button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.security .roles .header .buttons a img,.security .roles .header .buttons button img{margin-right:10px}.security .roles .header .buttons a:focus,.security .roles .header .buttons button:focus{outline:none}.security .roles .header .buttons a{background-color:var(--bg-darker)}.security .roles tr:hover{background-color:#f4f4f4}.security .roles td span{font-weight:400;font-family:"DM Sans Regular";letter-spacing:.4px}.security .roles td span.active{color:#00b127}.security .roles td span.pending{color:#5a4d4d}.security .roles td span.inactive{color:#d90000}.security .permissions{overflow:scroll}.security .permissions .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.security .permissions .header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.security .permissions .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.security .permissions .header .buttons a,.security .permissions .header .buttons button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.security .permissions .header .buttons a img,.security .permissions .header .buttons button img{margin-right:10px}.security .permissions .header .buttons a:focus,.security .permissions .header .buttons button:focus{outline:none}.security .permissions .header .buttons a{background-color:var(--bg-dark)}.security .permissions tr:hover{background-color:#f4f4f4}.security .permissions td span{font-weight:400;font-family:"DM Sans Regular";letter-spacing:.4px}.security .permissions td span.active{color:#00b127}.security .permissions td span.pending{color:#5a4d4d}.security .permissions td span.inactive{color:#d90000}.security .permission .create,.security .permission .edit{max-width:600px}.security{overflow:scroll}.security .delete{max-width:400px;width:100%;border-radius:10px!important}.security .delete p{padding:10px 0;text-align:center}.security .create,.security .edit{max-width:900px}.security .create .header,.security .edit .header{padding:15px 0}.security .create form .row-permissions,.security .create form .row-roles,.security .edit form .row-permissions,.security .edit form .row-roles{display:grid;grid-template-columns:auto auto auto;margin-bottom:10px}.security .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.security .header h4{font-style:normal;font-weight:500;font-size:28px;color:#020e23}.security .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.security .header .buttons a,.security .header .buttons button{min-width:120px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.security .header .buttons a img,.security .header .buttons button img{margin-right:10px}.security .header .buttons a:focus,.security .header .buttons button:focus{outline:none}.security .header .buttons a{background-color:var(--bg-darker)}.security .triggers{margin:15px auto}.security .triggers,.security .triggers button{display:flex;flex-direction:row;justify-content:center}.security .triggers button{margin:0 5px;padding:5px 10px;min-width:120px;height:35px;border-radius:5px;align-items:center;text-decoration:none;box-sizing:border-box;border:1px solid transparent;cursor:pointer}.security .triggers button img{margin-right:10px}.security .triggers button:first-child{color:var(--bg-dark);background-color:#fff;border-color:var(--bg-dark)}.security .triggers button:last-child{color:#fff;background-color:var(--bg-dark)}.security tr:hover{background-color:#f4f4f4}.folder .employees{overflow:scroll}.folder .employees .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.folder .employees .header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.folder .employees .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.folder .employees .header .buttons a,.folder .employees .header .buttons button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.folder .employees .header .buttons a img,.folder .employees .header .buttons button img{margin-right:10px}.folder .employees .header .buttons a:focus,.folder .employees .header .buttons button:focus{outline:none}.folder .employees .header .buttons a{background-color:var(--bg-dark)}.folder .employees tr:hover{background-color:#f4f4f4}.folder .employees td span{font-weight:400;font-family:"DM Sans Regular";letter-spacing:.4px}.folder .employees td span.active{color:#00b127}.folder .employees td span.pending{color:#5a4d4d}.folder .employees td span.inactive{color:#d90000}.employee .details .card{padding-top:0!important}.employee .details .info table td .actions{display:flex;flex-direction:row;justify-content:space-around!important;max-width:65px!important;margin:0!important}.employee .details .info table td.online{color:#00b127}.employee .details .info table td.expired{color:#feee5b}.employee .details .info .cols{display:flex;flex-direction:row;line-height:22px}.employee .details .info .cols .col{flex-grow:1;width:32%}.employee .details .info .cols .col:last-child{display:flex;flex-direction:column;align-items:center}.employee .details .info .cols .col:last-child img{margin-top:50px;width:200px}.employee .details .info .header{padding:20px 0;margin:0;border:0;display:block}.employee .details .info .header h4{border:0;text-align:center}.employee .details .info .header .buttons{justify-content:center}.employee .details .info .header .buttons button{border:0;color:#fff;background-color:var(--bg-dark)}.employee .details .edit{width:100%;max-width:1100px;max-height:720px;border-radius:10px;overflow:auto}.employee .details .edit form .inputs{display:flex;flex-direction:row;justify-content:space-between}.employee .details .edit form .inputs>div{width:32%}.employee .details .edit form .inputs .photo{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.employee .details .edit form .inputs .photo img{margin-top:20px;width:200px}.employee .details .edit form .inputs .photo .upload-btn-wrapper{position:relative;margin-top:20px;width:150px}.employee .details .edit form .inputs .photo input{opacity:0}.employee .details .edit form .inputs .photo .btn-upload,.employee .details .edit form .inputs .photo input{position:absolute;padding:5px 10px;width:100%;height:35px;text-align:center;display:block;border-radius:5px;text-decoration:none;box-sizing:border-box;border:1px solid transparent;cursor:pointer;color:#fff;background-color:var(--bg-dark)}.employee .create{width:100%;max-width:1100px;border-radius:10px;overflow:auto}.employee .create form .inputs{display:flex;flex-direction:row;justify-content:space-between}.employee .create form .inputs>div{width:48%}.folder{overflow:scroll}.folder .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.folder .header h4{font-style:normal;font-weight:500;font-size:28px;color:#020e23}.folder .header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.folder .header .buttons a,.folder .header .buttons button{min-width:120px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.folder .header .buttons a img,.folder .header .buttons button img{margin-right:10px}.folder .header .buttons a:focus,.folder .header .buttons button:focus{outline:none}.folder .header .buttons a{background-color:#f1503d}.folder .triggers{margin:15px auto}.folder .triggers,.folder .triggers button{display:flex;flex-direction:row;justify-content:center}.folder .triggers button{margin:0 5px;padding:5px 10px;min-width:120px;height:35px;border-radius:5px;align-items:center;text-decoration:none;box-sizing:border-box;border:1px solid transparent;cursor:pointer}.folder .triggers button img{margin-right:10px}.folder .triggers button:first-child{color:var(--bg-dark);background-color:#fff;border-color:var(--bg-dark)}.folder .triggers button:last-child{color:#fff;background-color:var(--bg-dark)}.folder tr:hover{background-color:#f4f4f4}
/*# sourceMappingURL=main.8f7bbcf5.chunk.css.map */