.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:#19cd00;--bg-darker:#4e73df;--text-light:#fff;--bg-main:#f2f6ff}*{margin:0}body{font-size:16px;color:#333}body,h1,h2,h3,h4{font-family:"Poppins",sans-serif}section.notification{background:#fff;padding-top:140px}section.notification>div .container{margin:0 auto;box-sizing:border-box;padding:15px}section.notification header{position:absolute;left:0;width:450px;top:0}section.notification header img{width:133px}section.notification footer{padding:20px 0;margin:10px auto}section.notification 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.notification footer ul li{margin:0 auto}section.notification footer ul li a{color:#005ff8;font-size:14px;text-decoration:none}section.notification footer p{line-height:40px;font-size:13px;text-align:center;color:#868686}@media(min-width:700px){body{background-color:var(--bg-dark)}body section.notification{max-width:450px}body section.notification>.shade{position:absolute;z-index:-1;top:0;left:0;bottom:0;width:100%;max-width:450px;background-color:#fff}}form :-moz-placeholder,form :-ms-input-placeholder,form ::-moz-placeholder,form ::-webkit-input-placeholder{font-weight:300;line-height:27px;color:#555;font-size:18px}form .form-input{margin-bottom:15px}form input,form label,form select{display:block;color:#403f3f}form input,form select,form textarea{background:#fff;border:0;border-bottom:.8px solid #ddd;font-size:18px;width:100%;box-sizing:border-box;font-weight:300;line-height:27px;color:#555}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%}}.splash{background:#fff;position:fixed;top:0;width:100%;bottom:0;max-width:450px}.splash img{width:189px;left:50%;top:50%;height:113px;position:absolute;margin:-56px 0 0 -95px}.splash p{text-align:center;position:absolute;bottom:20px;width:100%;color:#c4c4c4}.splash p strong{display:block;font-family:"Baloo 2",cursive;color:#08e;font-size:20px;font-weight:400}header.app{background:#19cd00;display:flex;flex-direction:row;height:120px;box-sizing:border-box;padding:40px 20px 20px;justify-content:space-between;align-items:baseline}header.app img{width:35px;height:35px}header.app p{font-family:"Baloo 2",cursive;color:#fff;font-size:30px;font-weight:500}header.app p strong{font-weight:700}.notification .order{padding:0 20px;margin:0 auto}.notification .order h3{font-size:24px;font-weight:400;text-align:center;margin-bottom:20px}.notification .order .metric{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;padding-left:5px}.notification .order .metric span{font-weight:500;display:flex;flex-direction:row;align-items:center}.notification .order .metric span i{color:#fff;width:30px;height:30px;font-style:normal;margin-left:5px;text-align:center;line-height:30px;border-radius:15px}.notification .order .metric span i.pending{background:#ce5642}.notification .order .metric span i.processing{background:#229b71}.notification .order .info{padding:8px 0;display:flex;flex-direction:row;justify-content:space-between}.notification .order .info button{border:1px solid #999;background-color:#f9f9f9;border-radius:5px;font-size:14px;text-transform:uppercase;cursor:pointer;color:#606060;padding:6px 10px}.notification .order .details{margin:0 auto;border:.5px solid #ccc;border-radius:5px}.notification .order .details .info{border-top:.5px solid #ccc}.notification .order .details .info span{padding:0 10px}.notification .order .details .info strong.status-3{color:#fc7900}.notification .order .details .info strong.status-2{color:#2994c9}.notification .order .details .info strong.status-0,.notification .order .details .info strong.status-1{color:var(--bg-dark)}.notification .order .details .info:first-child{border-top:0}.notification .order button{border:0;display:block;width:100%;max-width:365px;margin:20px auto;line-height:40px;border-radius:5px;font-size:16px;text-transform:uppercase;cursor:pointer}.notification .order button.start-processing{background-color:#601dcf;box-shadow:0 10px 30px rgba(0,80,133,.15);color:#fff}.notification .order button.accept{background-color:var(--bg-dark);box-shadow:0 10px 30px rgba(0,80,133,.15);color:var(--text-light)}.notification .order button.reject{background-color:#fc7900;box-shadow:0 10px 30px rgba(0,80,133,.15);color:var(--text-light)}.notification .order button.download{background-color:#2994c9;box-shadow:0 10px 30px rgba(0,80,133,.15);color:var(--text-light)}.dialog{position:relative}.dialog .shade{background-color:#999;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}@media(min-width:700px){.dialog{position:relative}.dialog .shade,.dialog>.content{max-width:450px}}.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)}}.dialog .alert{background:#fff;min-width:300px;max-width:80%;padding:10px;box-sizing:border-box;border-radius:10px;text-align:center;position:relative}.dialog .alert h3{font-weight:400;color:red;margin-bottom:5px}.dialog .alert p{word-wrap:break-word;margin-bottom:10px;color:#000}.dialog .alert button{background-color:var(--bg-dark);color:var(--text-light);padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer;border:0;margin-bottom:10px}.dialog .alert img{position:absolute;right:15px;top:15px;cursor:pointer}.notification .electricity .upload-receipt{width:300px;padding:20px;border-radius:10px;background-color:#fff}.notification .electricity .upload-receipt h3{font-size:24px;font-weight:400;text-align:center;margin:10px auto}.notification .electricity .upload-receipt .triggers{display:flex;flex-direction:row;margin:0 auto;max-width:360px}.notification .electricity .upload-receipt .triggers button{border:0;background-color:#fff;line-height:35px;border-radius:5px;font-size:16px;text-transform:uppercase;cursor:pointer}.notification .electricity .upload-receipt .triggers button:first-child{flex-grow:1;background-color:#32c832;color:#fff}.notification .electricity .upload-receipt .triggers button:last-child{flex-basis:120px;margin-left:20px;border:1px solid #fc7900;color:#fc7900}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:#3bc63d}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}.notification .order .reject-order{width:300px;padding:20px;border-radius:10px;background-color:#fff}.notification .order .reject-order h3{font-size:24px;font-weight:400;text-align:center;margin:10px auto}.notification .order .reject-order .triggers{display:flex;flex-direction:row;margin:0 auto;max-width:360px}.notification .order .reject-order .triggers button{border:0;background-color:#fff;line-height:35px;border-radius:5px;font-size:16px;text-transform:uppercase;cursor:pointer}.notification .order .reject-order .triggers button:first-child{flex-grow:1;background-color:#32c832;color:#fff}.notification .order .reject-order .triggers button:last-child{flex-basis:120px;margin-left:20px;border:1px solid #fc7900;color:#fc7900}.notification .cabletv .update{width:300px;padding:20px;border-radius:10px;background-color:#fff}.notification .cabletv .update h3{font-size:24px;font-weight:400;text-align:center;margin:10px auto}.notification .cabletv .update .triggers{display:flex;flex-direction:column;margin:0 auto;max-width:360px}.notification .cabletv .update .triggers button{border:0;background-color:#fff;line-height:35px;border-radius:5px;font-size:16px;text-transform:uppercase;cursor:pointer;flex-grow:1;color:#fff;margin:10px 0;background-color:#32c832}.notification .cabletv .update .triggers button:first-child{background-color:#fc7900}.notification .cabletv .update .triggers button:last-child{border:1px solid red;background-color:#fff;color:red}.notification .order-details .update{width:300px;padding:20px;border-radius:10px;background-color:#fff}.notification .order-details .update h3{font-size:24px;font-weight:400;text-align:center;margin:10px auto}.notification .order-details .update .triggers{display:flex;flex-direction:column;margin:0 auto;max-width:360px}.notification .order-details .update .triggers button{border:0;background-color:#fff;line-height:35px;border-radius:5px;font-size:16px;text-transform:uppercase;cursor:pointer;flex-grow:1;color:#fff;margin:10px 0;background-color:#32c832}.notification .order-details .update .triggers button:first-child{background-color:#fc7900}.notification .order-details .update .triggers button:last-child{border:1px solid red;background-color:#fff;color:red}
/*# sourceMappingURL=main.522d56d9.chunk.css.map */