@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0;padding:0}.login,body,html{height:100%}.login{background-color:#2c2c2c;background-image:url(/images/bg.jpg);background-position:bottom;background-repeat:no-repeat;background-size:60%}.login .content-login{background-color:#fff;border-radius:8px;margin:0 auto;padding:50px 130px;position:relative;top:17%;width:600px}.login .content-login figure{display:block;margin-bottom:40px;text-align:center}.login .content-login figure img{display:block;height:auto;margin:0 auto;width:340px}.login .content-login p{margin-bottom:25px;position:relative}.login .content-login p:last-child{margin-bottom:0}.login .content-login label{color:#656565;display:block;font-size:16px;padding-bottom:7px}.login .content-login input{border:1px solid rgba(0,0,0,.2);border-radius:8px;box-sizing:border-box;display:block;font-size:16px;height:56px;outline:none;padding-left:15px;transition:.5s;width:100%}.login .content-login input:focus{border:3px solid #45bee1}.login .content-login #showPass{cursor:pointer;position:absolute;right:15px;top:47%}.login .content-login button{background-color:#45bee1;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:19px;font-weight:700;height:56px;width:100%}.login .content-login .inative{opacity:.4;pointer-events:none}.login .content-login .alert{color:red;margin-bottom:20px;text-align:center}header{border-bottom:1px solid #45bee1;padding:20px 0}header,header .row{position:relative}header .logo img{height:auto;width:250px}header .user{text-align:right}header .user label{cursor:pointer}header .user label:after{color:#000;content:"❯";display:inline-block;margin:14px 0 0 10px;transform:rotate(90deg);vertical-align:middle}header .user input{display:none}header .user .sub-menu{background-color:#fff;border-radius:16px;box-shadow:0 6px 12px -1px rgba(0,0,0,.1);display:none;margin-top:-5px;padding:10px 20px;position:absolute;right:0;z-index:999}header .user .sub-menu a{color:#2c2c2c;display:block;font-size:16px;text-align:left;text-decoration:none}header .user .sub-menu a i{display:inline-block;margin-right:10px;vertical-align:middle;width:20%}header .user .sub-menu a:first-child{border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:7px}header .user .sub-menu a:hover{color:#45bee1}header .user .sub-menu .logout{color:#980000}header .user input:checked+.sub-menu{display:block}header i,header span{display:inline-block;vertical-align:top}header span{color:#45bee1;font-size:20px;font-weight:700;padding:10px 0 0 15px}header span a{color:#656565;font-size:16px;text-decoration:none}.content{padding:40px 0}.content .title{color:#2c2c2c;font-size:32px;font-weight:700;overflow:hidden}.content .title form{display:inline-block;float:right;position:relative}.content .title form input{border:1px solid #cfcfcf;border-radius:8px;box-sizing:border-box;color:#2c2c2c;font-size:18px;font-weight:700;height:48px;outline:none;padding:0 40px 0 15px;transition:.5s;width:385px}.content .title form input:focus{border:3px solid #45bee1}.content .title form button{background-color:transparent;border:0;cursor:pointer;height:48px;line-height:48px;padding-top:8px;position:absolute;right:7px;width:48px;z-index:99}.content .title a{color:#2c2c2c;float:right;font-size:16px;font-weight:700;text-decoration:none}.content .title a i{display:inline-block;font-size:30px;line-height:23px;transform:rotate(350deg);vertical-align:bottom}.content .title a span{display:inline-block;vertical-align:middle}.content nav{border-bottom:1px solid #cfcfcf;display:block;margin-bottom:30px;padding:30px 0 0}.content nav a{border-bottom:2px solid #fff;color:#969696;display:inline-block;font-size:20px;font-weight:700;margin-right:20px;padding:0 15px 10px;text-decoration:none;text-transform:uppercase}.content nav .active{border-color:#45bee1;color:#2c2c2c}.content nav span{border-bottom:2px solid #45bee1;color:#2c2c2c;display:inline-block;font-size:20px;font-weight:700;margin-right:20px;padding:0 15px 10px;text-decoration:none;text-transform:uppercase}.content .result{color:#2c2c2c;display:block;font-size:16px;margin-bottom:20px}.content .table-responsive table{width:100%}.content .table-responsive table th{background-color:#656565;border-right:2px solid #fff;color:#fff;font-size:18px;font-weight:700;padding:15px 20px;position:relative;text-align:left}.content .table-responsive table th:after,.content .table-responsive table th:before{border:.35em solid transparent;content:"";height:0;position:absolute;right:.65em;top:50%;transform:translateY(-50%);transition:border-color .2s ease-in-out;width:0}.content .table-responsive table th:before{border-bottom-color:#fff;border-top:0;margin-top:-.35em}.content .table-responsive table th[aria-sort=ascending]:before{border-bottom-color:#45bee1}.content .table-responsive table th[aria-sort=ascending]:after{border-top-color:#fff}.content .table-responsive table th[aria-sort=descending]:after{border-top-color:#45bee1}.content .table-responsive table th:after{border-bottom:0;border-top-color:#fff;margin-top:.35em}.content .table-responsive table .inative{pointer-events:none}.content .table-responsive table .inative:after,.content .table-responsive table .inative:before{display:none}.content .table-responsive table td{background-color:#ebebeb;border-bottom:2px solid #fff;border-right:2px solid #fff;color:#656565;font-size:18px;font-weight:400;padding:15px 20px;text-align:left}.content .table-responsive table tr{position:relative}.content .table-responsive table tr:hover td{background-color:#d3d3d3;cursor:pointer}.content .table-responsive table .ativado td{background-color:#e2f3da}.content .table-responsive table .reenvio td{background-color:#ebebeb}.content .table-responsive table .quebra td{background-color:#ffdbdb}.content .table-responsive table td a{border:7px solid transparent;border-radius:8px 0 0 8px;box-sizing:border-box;display:block;height:100%;left:-3px;pointer-events:fill;position:absolute;top:0;transition:.2s;width:100.3%}.content .table-responsive table td a:after{background-color:#45bee1;border-radius:0 8px 8px 0;box-sizing:border-box;color:#fff;content:"\270E";font-size:28px;height:53px;line-height:53px;opacity:0;position:absolute;right:-46px;text-align:center;text-decoration:none;top:-7px;transition:.2s;width:42px}.content .table-responsive .concluidos td a:after{content:"\276F"}.content .table-responsive table tr:hover a{border-color:#45bee1}.content .table-responsive table tr:hover a:after{opacity:1}.content .pagination{margin-top:20px}.content .pagination a{color:#656565;font-size:18px;font-weight:700;margin-right:10px;text-decoration:none}.content .pagination .no-link{opacity:.5;pointer-events:none}.pass p{margin-bottom:25px;position:relative}.pass p:last-child{margin-bottom:0}.pass label{color:#656565;padding-bottom:7px}.pass input,.pass label{display:block;font-size:16px}.pass input{border:1px solid rgba(0,0,0,.2);border-radius:8px;box-sizing:border-box;height:56px;outline:none;padding-left:15px;transition:.5s;width:100%}.pass input:focus{border:3px solid #45bee1}.pass .showPass{cursor:pointer;position:absolute;right:15px;top:47%}.pass button{background-color:#45bee1;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:19px;font-weight:700;height:56px;width:100%}.pass .inative{opacity:.4;pointer-events:none}.pass .text{color:#656565;font-size:16px;padding-left:40px}.pass .text p{margin-bottom:15px}.pass .text ul{margin-bottom:20px;margin-left:15px}.pass .text ul li{line-height:22px}.pass .alert .sucesso{background-color:#236d00}.pass .alert .erro,.pass .alert .sucesso{border:0;border-radius:8px;color:#fff;font-size:19px;font-weight:700;height:56px;line-height:56px;text-align:center;width:100%}.pass .alert .erro{background-color:#980000}.modal{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:rgba(0,0,0,.7);inset:0;justify-content:center;position:fixed;z-index:99999999}.modal,.modal:target{display:flex}.modal .modal_content .motivo-problema select{-webkit-appearance:none;border:1px solid #cfcfcf;border-radius:8px;color:#656565;font-size:18px;height:48px;margin-bottom:10px;padding-left:15px;width:100%}.modal .modal_content .motivo-problema .sel{display:block;position:relative}.modal .modal_content .motivo-problema .sel:after{color:#666;content:"⌃";display:block;font-size:22px;height:20px;position:absolute;right:18px;top:13px;transform:rotate(180deg);width:20px;z-index:2}.modal .modal_content{padding:15px 40px 25px;width:880px}.modal .modal_content,.modal .short{background-color:#fff;border-radius:8px;margin:0 auto;position:relative}.modal .short{padding:15px;width:280px}.modal .modal_content .header_modal{margin-bottom:10px;overflow:hidden}.modal .modal_content .header_modal .close{border:0;display:block;float:right;height:30px;line-height:30px;padding:0;text-align:center;width:30px}.modal .modal_content .header_modal .close svg{fill:transparent;background-color:transparent;color:#fff;height:30px;width:30px}.modal .modal_content h5{color:#656565;font-size:20px}.modal .modal_content table{border-bottom:1px solid #cfcfcf;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;margin:15px 0 30px;width:100%}.modal .modal_content table td{border-top:1px solid #cfcfcf;font-size:16px;padding:15px}.modal .modal_content table td:first-child{background-color:#ebebeb;font-weight:700}.modal .modal_content h6{color:#656565;font-size:18px;margin-bottom:10px}.modal .modal_content .ativacao-status{margin-bottom:30px}.modal .modal_content .ativacao-status input{display:none}.modal .modal_content .ativacao-status label{color:#656565;cursor:pointer;display:inline-block;font-size:18px;margin-right:20px;padding-left:35px;padding-top:3px;position:relative}.modal .modal_content .ativacao-status label:before{border:1px solid #cfcfcf;border-radius:24px;color:#fff;content:"";display:block;font-size:84px;height:24px;left:0;line-height:28px;position:absolute;top:0;width:24px}.modal .modal_content .ativacao-status label:after{background-color:#fff;border:0;border-radius:18px;content:"";display:block;font-size:84px;height:16px;left:0;line-height:28px;margin:5px;position:absolute;top:0;width:16px;z-index:999}.modal .modal_content .ativacao-status input:checked+label:before{border:1px solid #45bee1;color:#45bee1}.modal .modal_content .ativacao-status input:checked+label:after{background-color:#45bee1}.modal .modal_content .ativacao-status-concluido{margin-bottom:30px}.modal .modal_content .ativacao-status-concluido input{display:none}.modal .modal_content .ativacao-status-concluido label{color:#656565;cursor:pointer;display:inline-block;font-size:18px;margin-right:20px;padding-left:35px;padding-top:3px;pointer-events:none;position:relative}.modal .modal_content .ativacao-status-concluido label:before{border:1px solid #cfcfcf;border-radius:24px;color:#fff;content:"";display:block;font-size:84px;height:24px;left:0;line-height:28px;position:absolute;top:0;width:24px}.modal .modal_content .ativacao-status-concluido label:after{background-color:#fff;border:0;border-radius:18px;content:"";display:block;font-size:84px;height:16px;left:0;line-height:28px;margin:5px;position:absolute;top:0;width:16px;z-index:999}.modal .modal_content .ativacao-status-concluido input:checked+label:before{border:1px solid #ff7dddc0b;color:#ddd}.modal .modal_content .ativacao-status-concluido input:checked+label:after{background-color:#ddd}.modal .modal_content .msisdn-cliente input{border:1px solid #cfcfcf;border-radius:8px;color:#656565;font-size:18px;height:48px;padding-left:15px;width:385px}.modal .modal_content .motivo-problema input,.modal .modal_content .pendencia input{border:1px solid #cfcfcf;border-radius:8px;color:#656565;font-size:18px;height:48px;padding-left:15px;width:100%}.modal .modal_content .pendencia input{background-color:#ddd;font-style:italic;font-weight:400;pointer-events:none}.modal .modal_content .data-conclusao{margin-top:25px}.modal .modal_content .data-conclusao input{background-color:#ddd;border:1px solid #cfcfcf;border-radius:8px;color:#656565;font-size:18px;font-style:italic;font-weight:400;height:48px;padding-left:15px;pointer-events:none;width:100%}.modal .modal_content .msisdn-cliente-concluido{margin-top:25px}.modal .modal_content .msisdn-cliente-concluido input{background-color:#ddd;border:1px solid #cfcfcf;border-radius:8px;color:#656565;font-size:18px;font-style:italic;font-weight:400;height:48px;padding-left:15px;pointer-events:none;width:385px}.modal .modal_content .motivo-problema-concluido{margin-top:25px}.modal .modal_content .motivo-problema-concluido input{background-color:#ddd;border:1px solid #cfcfcf;border-radius:8px;color:#656565;font-size:18px;font-style:italic;font-weight:400;height:48px;padding-left:15px;pointer-events:none;width:100%}.modal .modal_content button{background-color:#45bee1;border:0;border-radius:8px;color:#fff;padding:0 50px}.modal .modal_content .button-fechar,.modal .modal_content button{cursor:pointer;float:right;font-size:18px;font-weight:700;height:48px;margin-top:20px}.modal .modal_content .button-fechar{background-color:#fff;border:1px solid #656565;border-radius:8px;color:#656565;line-height:48px;padding:0 70px;text-decoration:none}.modal .modal_content button.inactive{opacity:.36;pointer-events:none}.modal .modal_content .motivo-problema,.modal .modal_content .msisdn-cliente{display:block}.modal .modal_content .modal-content-info{text-align:center}.modal .modal_content .modal-content-info i{display:block;margin-bottom:8px}.modal .modal_content .modal-content-info h5{color:#2c2c2c;font-size:18px;margin-bottom:15px}.modal .modal_content .modal-content-info p{color:#656565;font-size:16px;line-height:24px;margin-bottom:15px;padding:0 35px}.modal .modal_content .modal-content-info a{background-color:#45bee1;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:700;height:48px;line-height:48px;text-decoration:none}.erro{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#fff;display:none;display:flex;inset:0;justify-content:center;position:fixed}.erro .erro_content{background-color:#fff;border-radius:8px;margin:0 auto;padding:15px 40px 25px;position:relative;text-align:center;width:420px}.erro .erro_content figure{display:block;margin-bottom:50px}.erro .erro_content figure img{height:auto;width:100%}.erro .erro_content h3{color:#2c2c2c;font-size:30px;font-weight:500;line-height:40px}.erro .erro_content p{color:#2c2c2c;font-size:20px;line-height:30px;margin:30px 0}.erro .erro_content a{background-color:#45bee1;border:0;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:700;height:48px;line-height:48px;padding:0 50px;text-decoration:none}@media (max-width:768px){.login .content-login{border-radius:0;height:100%;padding:40px;top:0;width:100%}header .logo{width:45%}header .logo img{height:auto;width:100%}header .user{float:right;padding-top:5px;width:45%}header .user i{display:inline-block;width:15%}header .user i svg{height:auto;width:100%}header .user span{display:inline-block;font-size:13px;overflow:hidden;padding-left:0;padding-top:4px;text-align:left;width:82%}header .user span a{float:right;font-size:13px}header .user label:after{line-height:0;margin:-47px 0 0}.content{padding-top:20px}.content .title{font-size:22px;padding-top:5px}.content .title form{width:65%}.content .title form input{font-size:14px;height:40px;margin-top:-5px;width:100%}.content .title form button{height:40px;padding-top:0;right:0;width:40px}.content .title form button i svg{width:20px}.content nav a{font-size:13px;margin:0;padding:0 0 10px;text-align:center;width:32%}.content .table-responsive{overflow-x:auto}.content .table-responsive table th{font-size:16px;padding:10px 20px}.content .table-responsive table td{font-size:16px;padding:10px 20px;white-space:nowrap}.pass .text{padding-left:0;padding-top:30px}.pass .alert p{font-size:16px!important}.modal .modal_content{border-radius:0;display:block;height:100%;padding:15px 20px;position:relative;width:100%}.modal .modal_content input[type=tel],.modal .modal_content input[type=text]{width:100%!important}.modal .modal_content button{font-size:16px;padding:0;width:100%!important}}