/* -------------------------------------- - General -------------------------------------- */ * { outline: 0 none !important; } body { background:#f4f2f2; color: #fff; font-family: 'Roboto Condensed', sans-serif;margin:0;padding:0;} body>iframe { margin: -5px; } a:link, a:visited, a:hover { text-decoration: none;} .loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../../img/icons/loading.gif) center center no-repeat; } .erro { position: relative; float: left; width: 100%; font-size: 24px; line-height: 30px; text-align: center; text-transform: uppercase; } .erro-mini { position: relative; float: left; width: 100%; font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase; } .all {position: relative;float:left; width: 100%;height:100%;background:#f4f2f2;} .transition-back { -webkit-transition: all 300ms cubic-bezier(0.130, 1, 0.290, 1); -webkit-transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -moz-transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -o-transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); } .transition-back-500 { -webkit-transition: all 500ms cubic-bezier(0.130, 1, 0.290, 1); -webkit-transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -moz-transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -o-transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); } .transition-back-700 { -webkit-transition: all 700ms cubic-bezier(0.130, 1, 0.290, 1); -webkit-transition: all 700ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -moz-transition: all 700ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -o-transition: all 700ms cubic-bezier(0.130, 1.650, 0.290, 1.650); transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); } .transition-linear-slow { -webkit-transition: all 800ms linear; -moz-transition: all 800ms linear; -o-transition: all 800ms linear; transition: all 800ms linear; } .transition-linear { -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .transition-linear-fast { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .transition-linear-fastest { -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .transition-ease { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #site_loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0,0,0,0.9); background-position: center center; background-repeat: no-repeat; z-index: 200; } .no-gutter {padding:0;} #warning { position: absolute;width:420px;height:220px;top:60%;left:50%;margin-left:-200px; background: rgba(0,0,0,0.4); z-index: 999;} #warning .body {position:relative;width:400px;height:200px;margin-top:10px;margin-left:10px;background:rgba(255,255,255,0.9);} #warning .body .header {position:relative;float:left;width:100%;height:30px;background:#000;font-size:20px;line-height:30px;color:#fff;text-align:center;text-transform:uppercase;} #warning .body .content {position:relative;float:left;width:100%;height:100%;font-size:18px;color:#000;text-align:center;padding:20px 10px 0 10px;} #warning .body .ok-btn {position:relative;float:left;width:80%;text-align:center;background:#000;color:#fff;text-transform:uppercase;font-size:20px;margin:-70px 10% 0 10%;} #warning .body .ok-btn:hover {opacity:0.6;} #interaction { position: absolute;width:420px;height:520px;top:50%;left:50%;margin-left:-200px; background: rgba(0,0,0,0.4); z-index: 999;} #interaction .body {position:relative;width:400px;height:500px;margin-top:10px;margin-left:10px;background:rgba(255,255,255,0.9);} #interaction .body .header {position:relative;float:left;width:100%;height:30px;background:#000;font-size:20px;line-height:30px;color:#fff;text-align:center;text-transform:uppercase;} #interaction .body .content {position:relative;float:left;width:100%;height:100%;max-height:410px;font-size:16px;color:#000;text-align:left;padding:20px 10px 0 10px;overflow-y:auto;} #interaction .body .content table {border:1px solid #fff;} #interaction .body .content table th {background-color: #00ccff;padding:10px 0 10px 5px;color:#fff;text-transform:uppercase;} #interaction .body .content table tr > td {padding: 0.5em 0 0.5em 5px;} #interaction .body .content table tr:nth-child(even){} #interaction .body .content table tr:nth-child(odd){background-color: #dfdfdf;} #interaction .body .ok-btn {position:relative;float:left;width:80%;text-align:center;background:#000;color:#fff;text-transform:uppercase;font-size:20px;margin:20px 10% 0 10%;} #interaction .body .ok-btn:hover {opacity:0.6;} #particles {position:absolute;top:0;left:0;width:100%;height:100%;} #map { display: block; position: relative; float: left; width: 100%; height: 200px; border:solid 1px #003300; } .red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;} .red-tooltip + .tooltip > .tooltip-arrow {border-bottom-color: #f00;} @font-face { font-family: 'Unimed Slab'; src: url('https://www.unimedlondrina.com.br/template/fonts/UnimedSlab-Black.woff2') format('woff2'), url('https://www.unimedlondrina.com.br/template/fonts/UnimedSlab-Black.woff2') format('woff'); font-weight: 900; font-style: normal; } .table_registros {opacity:0;height:50px;z-index:0;} .top {position:relative;float:left;width:100%;background:#404040;overflow:hidden;height:120px;} .top .top-logo {position:relative;float:left;background:url(../../img/logo.png) 0 center no-repeat;background-size:cover;width:188px;height:88px;margin-left:15px;margin-top:10px;} .top .form-title {position:relative;float:left;padding-left:30px;color:#fff;font-size:40px;width:calc(100% - 250px);line-height:120px;text-align:left;text-transform:uppercase;font-family: 'Poiret One', cursive;margin:0 auto;font-weight:700;overflow:hidden;} .top .wrapper {position:relative;margin:0 auto;width:100%;max-width:1050px;} .top .wrapper .user {position:absolute;right:20px;top:35px;width:250px;height:40px;border:solid 1px #fff;border-radius:10px;} .top .wrapper .user .userlogo {display: block;position:relative;float:left;width:20px;height:20px;background: url(../../img/bg/user.png);margin-top:8px;margin-left:5px;} .top .wrapper .user .username {position:relative;float:left;color:#fff;font-size:16px;padding-right:10px;padding-left:10px;margin-top:8px;} .top .wrapper .user .config {display: block;position:relative;float:right;width:24px;height:24px;background: url(../../img/bg/config.png);background-size:cover;text-indent: -90000px;margin-top:6px;margin-right:5px;} .top .wrapper .user .config:hover {opacity:0.6;} .top .wrapper .user .logout {display: block;position:relative;float:right;width:24px;height:24px;background: url(../../img/bg/out.png) no-repeat;text-indent: -90000px;margin-top:8px;margin-right:5px;} .top .wrapper .user .logout:hover {opacity:0.6;} @media (max-width: 1200px) { .top .form-title {font-size:30px;} } @media (max-width: 1000px) { .top .form-title {font-size:25px;} } @media (max-width: 900px) { .top .form-title {font-size:20px;width:calc(100% - 250px);} .top .wrapper .user {right:15px;top:38px;} } @media (max-width: 800px) { .top .form-title {font-size:20px;width:calc(100% - 200px);} .top .top-logo {position:relative;float:left;background:url(../../img/logo.png) 0 center no-repeat;background-size:cover;width:130px;height:61px;margin-left:15px;margin-top:30px;} } @media (max-width: 750px) { .top .wrapper .user {width:210px;} .top .wrapper .user .userlogo {display: none;} .top .form-title {font-size:18px;width:calc(100% - 200px);} } @media (max-width: 650px) { .top .form-title {display:none;} } @media (max-width: 400px) { .top .top-logo {background:url(../../img/logo.png) center no-repeat;background-size:none;width:100%;height:88px;margin-left:0;margin-top:10px;text-align:center;} .top .top-logo img {width:188px;display:inline-block;text-align:center;} .top {height:180px;} .top .wrapper .user {position:absolute;right:0;left:50%;margin-left:-110px;top:115px;width:220px;height:40px;border:solid 1px #fff;border-radius:10px;} } .back {display:block;position:relative;width:90px;height:40px;font-size:20px;color:#606060;text-transform:uppercase;text-align:center;margin:0 auto 40px;} .back:hover {opacity:0.6;color:#606060;} .back .icon-back {position:relative;float:left;width:40px;} .back .icon-back img {width:100%;} .back .label-back {position:relative;float:right;width:40px;line-height:40px;} .middle{position:relative;float:left;width:100%;height:100%;padding:50px 50px 0 50px;margin-bottom:180px;min-height:530px;} .middle .wrapper {position:relative;margin:0 auto;width:100%;height:100%;max-width:1200px;text-align:center;} .middle .wrapper .listaCallback {display:none;} .middle .wrapper .listaCallback .title {position:relative;float:left;width:100%;font-size:30px;color:#606060;text-align:center;margin-bottom:10px;} .middle .wrapper .listaCallback .list {position:relative;margin:0 auto;} .middle .wrapper .listaCallback .list .error {position:relative;float:left;width:100%;text-align:center;color:#000;font-size:30px;margin-top:30px;} .middle .wrapper .listaCallback .list table {border-collapse: collapse; width: 100%;text-transform:uppercase;border-radius:25%;} .middle .wrapper .listaCallback .list th {text-align: left;padding:15px;background-color: #004466;color: white;font-size:18px;} .middle .wrapper .listaCallback .list th:nth-child(1) {border-top-left-radius:15px;} .middle .wrapper .listaCallback .list th:nth-child(2) {border-top-right-radius:15px;} .middle .wrapper .listaCallback .list td {text-align: left;padding: 10px;font-size:15px;color:#000;} .middle .wrapper .listaCallback .list tr:first-child {cursor: initial;} .middle .wrapper .listaCallback .list tr {cursor: pointer;} .middle .wrapper .listaCallback .list tr .tr-text {font-weight:300;} .middle .wrapper .listaCallback .list tr:hover .tr-text {font-weight:700;font-size:16px;} .middle .wrapper .listaCallback .list tr:nth-child(even){background-color: #fff;} .middle .wrapper .listaCallback .list tr:nth-child(odd){background-color: #dfdfdf;} .middle .wrapper .listaChave{display:none;} .middle .wrapper .listaChave .title {position:relative;float:left;width:100%;font-size:30px;color:#606060;text-align:center;margin-bottom:10px;} .middle .wrapper .listaChave .consultaChave {position:relative;float:left;width:100%;text-align:center;} .middle .wrapper .listaChave .consultaChave .txt {position:relative;float:left;width:100%;font-size:22px;text-align:center;margin-bottom:15px;margin-top:15px;} .middle .wrapper .listaChave .consultaChave input {display:block;position:relative;width:300px;height:35px;color:#000;font-size:16px;border-radius:5px;border:solid 1px #ccc;margin:30px auto;text-align:center;} .middle .wrapper .listaChave .consultaChave .btn-confirm {display:block;position:relative;width:200px;height:30px;text-transform:uppercase;font-size:20px;text-align:center;line-height:30px;margin:30px auto;background:#b8ef37;color:#000;border-radius:25px;} .middle .wrapper .listaChave .consultaChave .btn-confirm:hover {opacity:0.6;} .middle .wrapper .listaChave .list {position:relative;margin:0 auto;} .middle .wrapper .listaChave .list .error {position:relative;float:left;width:100%;text-align:center;color:#000;font-size:30px;margin-top:30px;} .middle .wrapper .listaChave .list table {border-collapse: collapse; width: 100%;text-transform:uppercase;border-radius:25%;} .middle .wrapper .listaChave .list th {text-align: left;padding:15px;background-color: #004466;color: white;font-size:18px;} .middle .wrapper .listaChave .list th:nth-child(1) {border-top-left-radius:15px;} .middle .wrapper .listaChave.list th:nth-child(2) {border-top-right-radius:15px;} .middle .wrapper .listaChave .list td {text-align: left;padding: 10px;font-size:15px;color:#000;} .middle .wrapper .listaChave .list tr:first-child {cursor: initial;} .middle .wrapper .listaChave .list tr {cursor: pointer;} .middle .wrapper .listaChave .list tr .tr-text {font-weight:300;} .middle .wrapper .listaChave .list tr:hover .tr-text {font-weight:700;font-size:16px;} .middle .wrapper .listaChave.list tr:nth-child(even){background-color: #fff;} .middle .wrapper .listaChave .list tr:nth-child(odd){background-color: #dfdfdf;} .middle .wrapper .wtitle {position:relative;float:left;width:100%;color:#606060;font-size:30px;text-align:center;} .middle .wrapper .wbox {position:relative;float:left;width:100%;text-align:center;margin-top:50px;} .middle .wrapper .btn-box {display:inline-block;position:relative;width:250px;height:270px;} .middle .wrapper .btn-box-2 {display:inline-block;position:relative;width:220px;height:240px;} .middle .wrapper .btn-box-2 .btn h2{font-size:16px;} .middle .wrapper .btn {display:inline-block;position:relative;width:180px;height:180px;background:#99cc00;margin:30px 30px 30px 30px;border-radius:50%;} .middle .wrapper .btn h2 {position:absolute;width:85%;bottom:-50px;font-size:18px;color:#606060;text-transform:uppercase;text-decoration:none;text-align:center;} .middle .wrapper .btn.receptivo {background: #99cc00 url(../img/receptivo.png) no-repeat;background-size:80%;background-position:50% 50%;} .middle .wrapper .btn.encaminhamento {background: #99cc00 url(../img/encaminhar.png) no-repeat;background-size:80%;background-position:50% 50%;} .middle .wrapper .btn.base{background: #99cc00 url(../img/database.png) no-repeat;background-size:80%;background-position:50% 50%;} .middle .wrapper .btn.chave{background: #99cc00 url(../img/bin.png) no-repeat;background-size:80%;background-position:50% 50%;} .middle .wrapper .btn.nova-venda {background: #99cc00 url(../img/nova-venda.png) no-repeat;background-size:80%;background-position:50% 50%;} .middle .wrapper .btn.minhas-empresas {background: #99cc00 url(../img/minhas-empresas.png) no-repeat;background-size:80%;background-position:50% 50%;} .middle .wrapper .tour {position:relative;padding:10px 15px 10px 15px;font-size:20px;color:#fff;background:#2375a8;border-radius:15px;line-height:30px;text-align:center;} .middle .wrapper .tour:hover {font-size:25px;} @media (max-width: 600px) { .middle .wrapper .wtitle {position:relative;float:left;width:100%;color:#606060;font-size:20px;text-align:center;} } .middle .form-records { position: relative; float: left; width: 100%; margin: 0 0 0 0;color:#000;z-index:1;} .middle .form-records .subtitle {position: relative;float:left;width:100%;line-height:20px;font-size:20px;text-align:left;color:#727070;} .middle .form-records input { position: relative; float: left; width: 100%; height: 60px; padding: 0 15px; margin: 0 0 10px 0; background: #fff; border: 1px solid #c1c1c1; font-size:25px;text-align:center;border-radius:8px;} .middle .form-records .radios {position:relative;float:left;width:100%;text-align:left;height:60px;margin-bottom:20px;} .middle .form-records .radios .subtitle {position:relative;float:left;width:100%;text-align:left;margin-bottom:15px;} .middle .form-records .demandas {position:relative;float:left;width:100%;text-align:left;height:60px;margin-bottom:20px;} .middle .form-records .demandas .subtitle {position:relative;float:left;width:100%;text-align:left;margin-bottom:15px;} .middle .form-records input[type=radio]{ display:none; /* Esconde os inputs */ } .middle .form-records input[type=radio] + label{ display:inline-block; height:20px; padding:0 0 0 25px; font-size:20px; margin:0 10px 0 0; background-image:url(http://www.webcis.com.br/images/imagens-noticias/checkbox/ico-master.webp); background-repeat:no-repeat; background-position:0 0; } .middle .form-records input[type=radio]:checked + label{ background-position:0 -30px; } .middle .form-records select { position: relative; float: left; width: 100%; height: 40px; padding: 0 15px; margin: 0 0 10px 0; background: #fff; border: 1px solid #c1c1c1; font-size:22px;text-align:left;} .middle .form-records button { position: relative; float: left; width: 100%; height: 65px; background: #004466; border: 0 none; font-weight: 300; font-size: 30px; color: #000; text-transform: uppercase; letter-spacing:5px;opacity:0.6;margin-top:10px;} .middle .form-records button:hover {opacity:1;} .middle .form-records button { position: relative; float: left; width: 100%; height: 50px;border: 0 none; font-weight: 300; font-size: 25px; color: #fff; text-transform: uppercase; letter-spacing:2px;opacity:0.8;margin-top:50px;background:#008f50;border-radius:8px;} .middle .form-records button:hover {opacity:1;text-shadow: 0px 0px 40px #fff;} .middle .form-records .sucesso { position: relative; float: left;width: 100%;text-align:center;font-size:30px;text-transform:uppercase;line-height:50px;color:#fff;margin-top:20px;} .middle .form-records ::-webkit-input-placeholder {color: #888888; text-transform: uppercase;text-align:center; } .middle .form-records :-moz-placeholder { color: #888888; text-transform: uppercase; text-align:center;} .middle .form-records ::-moz-placeholder { color: #888888; text-transform: uppercase;text-align:center; } .middle .form-records :-ms-input-placeholder {color: #888888; text-transform: uppercase; text-align:center;} .middle .btn-xls { position: relative; float: left; width: 100%; height: 50px;border: 0 none; font-weight: 300; line-height:50px; font-size: 25px; color: #fff; text-transform: uppercase; letter-spacing:2px;opacity:0.8;background:#95bb1f;border-radius:8px;z-index:1;} .middle .btn-xls:hover {opacity:1;text-shadow: 0px 0px 40px #fff;} .tour-vid {display:none;position:fixed;width:100%;height:100%;background:#fff;z-index:100;} .tour-vid .close-vid {position:absolute;top:40px;right:40px;width:38px;height:36px;} .tour-vid .close-vid:hover {opacity:0.6;} .tour-vid .vid {position:absolute;width:1024px;top:20%;left:50%;margin-left:-512px;} video {width: 100%;height: auto;} .middle .wrapper .btn.infos {width:150px;height:150px;margin:30px 10px 30px 10px;background: #99cc00 url(../img/infos.png) no-repeat;background-size:80%;background-position:50% 50%;} .middle .wrapper .btn.negocios {width:150px;height:150px;margin:30px 10px 30px 10px;background: #99cc00 url(../img/negocios.png) no-repeat;background-size:70%;background-position:50% 50%;} .middle .wrapper .btn.unidade {width:150px;height:150px;margin:30px 10px 30px 10px;background: #99cc00 url(../img/unidade.png) no-repeat;background-size:80%;background-position:50% 50%;} .middle .wrapper .btn.individual {width:150px;height:150px;margin:30px 10px 30px 10px;background: #99cc00 url(../img/individual.png) no-repeat;background-size:80%;background-position:50% 50%;} .middle .wrapper .btn-box:hover .btn {background-color:#0099ff;background-position:50% 110%;background-size:60%;transform: scale(1.2); -webkit-transform: scale(1.2);box-shadow:0 8px 15px #fff;border:solid 1px #fff;} .middle .wrapper .btn-box:hover .btn h2 {color:#fff;font-weight:700;bottom:100px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .middle .wrapper .btn-box-2:hover .btn {background-color:#0099ff;background-position:50% 110%;background-size:60%;transform: scale(1.2); -webkit-transform: scale(1.2);box-shadow:0 8px 15px #fff;border:solid 1px #fff;} .middle .wrapper .btn-box-2:hover .btn h2 {color:#fff;font-weight:700;bottom:100px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .middle .wrapper .listaDistribuicao {display:none;} .middle .wrapper .listaDistribuicao .title {position:relative;float:left;width:100%;font-size:35px;color:#fff;text-transform:uppercase;text-align:center;margin-bottom:10px;} .middle .wrapper .listaDistribuicao .list {position:relative;margin:0 auto;} .middle .wrapper .listaDistribuicao .list .error {position:relative;float:left;width:100%;text-align:center;color:#fff;font-size:30px;margin-top:30px;} .middle .wrapper .listaDistribuicao .list table {border-collapse: collapse; width: 100%;text-transform:uppercase;border-radius:25%;} .middle .wrapper .listaDistribuicao .list th {text-align: left;padding:15px;background-color: #004466;color: white;font-size:18px;} .middle .wrapper .listaDistribuicao .list td {text-align: left;padding: 10px;font-size:15px;color:#000;} .middle .wrapper .listaDistribuicao .list tr:first-child {cursor: initial;} .middle .wrapper .listaDistribuicao .list tr {cursor: pointer;} .middle .wrapper .listaDistribuicao .list tr .tr-text {font-weight:300;} .middle .wrapper .listaDistribuicao .list tr:hover .tr-text {font-weight:700;font-size:16px;} .middle .wrapper .listaDistribuicao .list tr:nth-child(even){background-color: #fff;} .middle .wrapper .listaDistribuicao .list tr:nth-child(odd){background-color: #dfdfdf;} .middle .wrapper .listaDistribuicao .list tr:last-child td:nth-child(1) { border-bottom-left-radius: 10px; } .middle .wrapper .listaDistribuicao .list tr:first-child th:nth-child(1) { border-top-left-radius: 10px; } .middle .wrapper .listaDistribuicao .list tr:last-child td:nth-child(2) { border-bottom-right-radius: 10px; } .middle .wrapper .listaDistribuicao .list tr:first-child th:nth-child(2) { border-top-right-radius: 10px; } .lb-general #openLead{ position: relative;float:left;text-align:center;width:100%;} .lb-general #openLead .container {position:relative;} .lb-general #openLead .btn-close {position:absolute;right:0;width:40px;height:40px;background: url(../img/btn-close.png) center no-repeat; z-index:100;} .lb-general #openLead .leadContainer {display:inline-block;position:relative;float:left;width:100%;height:100%;background:#fff;margin-top: 35%;padding:0 0 20px 0;border:solid 1px #000;} .lb-general #openLead .leadContainer .title {position:relative;float:left;width:100%;height:40px;background:#000;color:#fff;text-transform:uppercase;font-size:18px;line-height:40px;margin-bottom:15px;} .lb-general #openLead .leadContainer .empresa {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .cidade {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .vidas {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .cnpj {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .contratante {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .rua {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .numero {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .bairro {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .uf {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .contato {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .vendedor {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .fone1 {position:relative;float:left;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .fone2 {position:relative;float:left;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .email {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLead .leadContainer .setor {position:relative;float:left;width:200px;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;margin-top:20px;} .lb-general #openLead .leadContainer .dropbox {position:relative;float:left;width:100%;margin-top:15px;} .lb-general #openLead .leadContainer .dropbox .desc {position:relative;float:left;width:100%;} .lb-general #openLead .leadContainer .dropbox .desc .txt {position:relative;float:left;width:100%;font-size:14px;line-height:30px;color:#000;text-align:left;padding:0 10px 0 10px;} .lb-general #openLead .leadContainer .dropbox .desc #callback_description {position: relative; float: left; width: calc(100% - 20px); height: 80px; padding: 10px 15px 0; margin: 10px; border:solid 1px #ccc; font-size:16px;font-weight:300;color:#000; resize: none;text-align:left;} .lb-general #openLead .leadContainer .selectNota {position:absolute;right:50px;top:120px;font-size:50px;color:red;text-shadow:4px 4px #d3d3d3;z-index:5;} .lb-general #openLead .leadContainer .dropbox .nota {position:relative;float:left;width:100%;} .lb-general #openLead .leadContainer .dropbox .nota .txt {position:relative;float:left;width:100%;font-size:14px;line-height:30px;color:#000;text-align:left;padding:0 10px 0 10px;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs {position:relative;float:left;width:100%;height:80px;text-align:center;padding-top:20px;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball {display:inline-block;position:relative;width:35px;height:35px;border-radius:50px;border:solid 1px #000;margin-right:10px;box-shadow:2px 2px 2px #ccc;margin-top:10px;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball.one {background:#b20000;border:solid 3px #000;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball.two {background:#d63800;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball.tree {background:#d65c00;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball.four {background:#d68300;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball.five {background:#f2d202;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball.six {background:#f1f101;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball.seven {background:#ddf000;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball.eight {background:#cfef00;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball.nine {background:#b3ef00;} .lb-general #openLead .leadContainer .dropbox .nota .noteballs .noteball.ten {background:#6fef00;} .lb-general #openLead .leadContainer .dropbox .nota .metrics1 {position:relative;float:left;width:100px;font-size:15px;color:#000;text-align:left;margin-left:50px;} .lb-general #openLead .leadContainer .dropbox .nota .metrics2 {display:inline-block;position:relative;width:100px;font-size:15px;color:#000;text-align:center;margin:0 auto;} .lb-general #openLead .leadContainer .dropbox .nota .metrics3 {position:relative;float:right;width:100px;font-size:15px;color:#000;text-align:right;margin-right:70px;} .lb-general #openLead .leadContainer .btn-confirm {display:inline-block;position:relative;width:70%;height:35px;line-height:35px;text-align:center;background:#004466;color:#fff;font-size:18px;text-transform:uppercase;margin-top:40px;border-radius:15px;} .lb-general #openLead .leadContainer .btn-confirm:hover {font-size:20px;} .middle .wrapper .listaBase {display:none;} .middle .wrapper .listaBase .title {position:relative;float:left;width:100%;font-size:30px;color:#606060;text-align:center;margin-bottom:10px;} .middle .wrapper .listaBase .list {position:relative;margin:0 auto;color:#000;font-size:20px;text-align:left;} .middle .wrapper .listaBase .list .error {position:relative;float:left;width:100%;text-align:center;color:#000;font-size:30px;margin-top:30px;} .middle .wrapper .listaBase .list .filter-box {position:relative;float:left;width:100%;height:35px;margin:30px 0 20px;} .middle .wrapper .listaBase .list .filter-box select {position:relative;float:left;width:150px;height:35px;color:#000;margin:0 10px 10px 0;font-size:16px;border-radius:5px;border:0;} .middle .wrapper .listaBase .list .filter-box .title {position:relative;float:left;width:100px;text-align:left;color:#000;font-size:16px;line-height:35px;} .middle .wrapper .listaBase .list .search-box {position:relative;float:left;width:100%;height:35px;margin:10px 0 30px;} .middle .wrapper .listaBase .list .search-box .title {position:relative;float:left;width:100px;text-align:left;color:#000;font-size:16px;line-height:35px;} .middle .wrapper .listaBase .list .search-box input {position:relative;float:left;width:80%;height:35px;color:#000;font-size:16px;border-radius:5px;border:0;padding-left:15px;} .middle .wrapper .listaBase .list .search-box a {position:relative;float:left;width:35px;height:35px;background: url(../img/buscar.png) center no-repeat;background-size:35px;margin-left:20px;} .middle .wrapper .listaBase .list .search-box a:hover {opacity:0.6;} .middle .wrapper .listaBase .list .contents {position:relative;float:left;width:100%;overflow:scroll;max-height:600px;} .middle .wrapper .listaBase .list .contents table {border-collapse: collapse; width: 100%;text-transform:uppercase;} .middle .wrapper .listaBase .list .contents th {text-align: left;padding:15px;background-color: #004466;color: white;font-size:15px;} .middle .wrapper .listaBase .list .contents th.pd-right-200 {padding-right:200px;} .middle .wrapper .listaBase .list .contents th.pd-right-100 {padding-right:100px;} .middle .wrapper .listaBase .list .contents th.pd-right-50 {padding-right:50px;} .middle .wrapper .listaBase .list .contents td {text-align: left;padding: 10px;font-size:14px;color:#000;} .middle .wrapper .listaBase .list .contents tr:first-child {cursor: initial;} .middle .wrapper .listaBase .list .contents .show-msg-off {display:inline-block;position:relative;float:left;width:40px;height:40px;text-align:center;background: url(../img/interact.png) center no-repeat;background-size:36px;color:#000;font-size:14px;text-transform:uppercase;padding:75px 0 0 0;margin-top:-10px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);-ms-filter: grayscale(100%); filter: grayscale(100%);opacity:0.5;} .middle .wrapper .listaBase .list .contents .show-msg {display:inline-block;position:relative;float:left;width:40px;height:40px;text-align:center;background: url(../img/interact.png) center no-repeat;background-size:36px;color:#000;font-size:14px;text-transform:uppercase;padding:75px 0 0 0;margin-top:-10px;} .middle .wrapper .listaBase .list .contents .show-msg:hover {opacity:0.6;} .middle .wrapper .listaBase .ball {display:inline-block;position:relative;width:35px;height:35px;border-radius:50px;border:solid 1px #000;margin-right:10px;box-shadow:2px 2px 2px #ccc;margin-top:10px;} /*.middle .wrapper .listaBase .list tr {cursor: pointer;}*/ .middle .wrapper .listaBase .list .contents tr .tr-text {font-weight:300;} /*.middle .wrapper .listaBase .list tr:hover .tr-text {font-weight:700;font-size:16px;}*/ .middle .wrapper .listaBase .list .contents tr:nth-child(even){background-color: #fff;} .middle .wrapper .listaBase .list .contents tr:nth-child(odd){background-color: #dfdfdf;} .middle .wrapper .listaBase .list .contents tr.closed td {color: #0066cc;} .middle .wrapper .listaBase .list .contents tr.fail td {color: red;} .middle .wrapper .listaBase .list .contents tr.closed {} @media (max-width: 980px) { .middle .wrapper .listaBase .list .search-box input {width:70%;} } @media (max-width: 660px) { .middle .wrapper .listaBase .list .search-box input {width:60%;} } @media (max-width: 550px) { .middle .wrapper .listaBase .list .filter-box select {width:100px;} .middle .wrapper .listaBase .list .search-box input {width:50%;} } .middle .wrapper .listaMinhasEmpresas {display:none;} .middle .wrapper .listaMinhasEmpresas .title {position:relative;float:left;width:100%;font-size:35px;color:#606060;text-transform:uppercase;text-align:center;margin-bottom:10px;} .middle .wrapper .listaMinhasEmpresas .list {position:relative;margin:0 auto;} .middle .wrapper .listaMinhasEmpresas .list .error {position:relative;float:left;width:100%;text-align:center;color:#606060;font-size:30px;margin-top:30px;} .middle .wrapper .listaMinhasEmpresas .list table {border-collapse: collapse; width: 100%;text-transform:uppercase;border-radius:25%;} .middle .wrapper .listaMinhasEmpresas .list th {text-align: left;padding:15px;background-color: #004466;color: white;font-size:18px;} .middle .wrapper .listaMinhasEmpresas .list td {text-align: left;padding: 10px;font-size:15px;color:#000;} .middle .wrapper .listaMinhasEmpresas .list tr:first-child {cursor: initial;} .middle .wrapper .listaMinhasEmpresas .list tr {cursor: pointer;} .middle .wrapper .listaMinhasEmpresas .list tr .tr-text {font-weight:300;} .middle .wrapper .listaMinhasEmpresas .list tr:hover .tr-text {font-weight:700;font-size:16px;} .middle .wrapper .listaMinhasEmpresas .list tr:nth-child(even){background-color: #fff;} .middle .wrapper .listaMinhasEmpresas .list tr:nth-child(odd){background-color: #dfdfdf;} .middle .wrapper .listaMinhasEmpresas .list .leadblock {position:relative;float:left;width:300px;height:100px;background:#eaeaea;margin:15px;border-radius:15px;color:#000;box-shadow:2px 3px 5px #ccc;} .middle .wrapper .listaMinhasEmpresas .list .leadblock .sep {position:relative;float:left;width:30px;height:100%;background:#a5a5a5;border-top-left-radius:15px;border-bottom-left-radius:15px;} .middle .wrapper .listaMinhasEmpresas .list .leadblock .data {position:relative;float:left;width:calc(100% - 30px);height:100%;padding-left:10px;} .middle .wrapper .listaMinhasEmpresas .list .leadblock .data .name {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;text-align:left;font-weight:700;margin-top:8px;} .middle .wrapper .listaMinhasEmpresas .list .leadblock .data .vidas {position:relative;float:left;width:100%;font-size:14px;text-transform:uppercase;text-align:left;font-weight:300;} .middle .wrapper .listaMinhasEmpresas .list .leadblock .data .visita {position:relative;float:left;width:100%;font-size:14px;text-transform:uppercase;text-align:left;font-weight:300;} .middle .wrapper .listaMinhasEmpresas .list .leadblock:hover {box-shadow:2px 3px 5px #ccc;background:#d7dbce;width:350px;} .middle .wrapper .listaMinhasEmpresas .list .leadblock:hover .sep {background:#5b843a;} .middle .wrapper .listaMinhasEmpresas .list tr:last-child td:nth-child(1) { border-bottom-left-radius: 10px; } .middle .wrapper .listaMinhasEmpresas .list tr:first-child th:nth-child(1) { border-top-left-radius: 10px; } .middle .wrapper .listaMinhasEmpresas .list tr:last-child td:nth-child(2) { border-bottom-right-radius: 10px; } .middle .wrapper .listaMinhasEmpresas .list tr:first-child th:nth-child(2) { border-top-right-radius: 10px; } .lb-general #openLeadVendedor { position: relative;float:left;text-align:center;width:100%;} .lb-general #openLeadVendedor .container {position:relative;} .lb-general #openLeadVendedor .btn-close {position:absolute;right:0;width:40px;height:40px;background: url(../img/btn-close.png) center no-repeat; z-index:100;} .lb-general #openLeadVendedor .leadContainer {display:inline-block;position:relative;float:left;width:100%;height:100%;background:#fff;margin-top: 20%;padding:0 0 40px 0;border:solid 1px #000;} .lb-general #openLeadVendedor .leadContainer .title {position:relative;float:left;width:100%;height:40px;background:#000;color:#fff;text-transform:uppercase;font-size:18px;line-height:40px;margin-bottom:15px;} .lb-general #openLeadVendedor .leadContainer .empresa {position:relative;float:left;width:100%;font-size:20px;text-transform:uppercase;line-height:30px;color:#000;text-align:center;padding:0 20px 10px 20px;margin-bottom:15px;border-bottom:solid 1px #000;} .lb-general #openLeadVendedor .leadContainer .cidade {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .vidas {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .cnpj {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .contratante {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .rua {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .numero {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .bairro {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .uf {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .contato {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .fone1 {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .fone2 {position:relative;float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .email {position:relative;float:left;width:100%;font-size:16px;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .visita {position:relative;float:left;width:100%;font-size:16px;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;} .lb-general #openLeadVendedor .leadContainer .setor {position:relative;float:left;width:200px;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;margin-top:20px;} .lb-general #openLeadVendedor .leadContainer .endereco {position:relative;float:left;width:100%;font-size:12px;text-transform:uppercase;line-height:30px;color:#000;text-align:center;padding:0 20px 0 20px;margin-top:20px;} .lb-general #openLeadVendedor .leadContainer .setor select {position:relative;margin-left:10px;} .lb-general #openLeadVendedor .leadContainer .setor option {height:35px;color:#000;} .lb-general #openLeadVendedor .leadContainer .vendedor {position:relative;float:left;width:300px;font-size:16px;text-transform:uppercase;line-height:30px;color:#000;text-align:left;padding:0 20px 0 20px;margin-top:20px;} .lb-general #openLeadVendedor .leadContainer .vendedor select {position:relative;margin-left:10px;} .lb-general #openLeadVendedor .leadContainer .vendedor option {height:35px;color:#000;} .lb-general #openLeadVendedor .leadContainer .visita {position:relative;float:left;width:100%;} .lb-general #openLeadVendedor .leadContainer .visita .txt {position:relative;float:left;width:100%;font-size:22px;text-align:center;} .lb-general #openLeadVendedor .leadContainer .visita .confirm {position:relative;float:left;width:200px;height:30px;color:#fff;background:#bc1f00;font-weight:700;text-align:center;line-height:30px;border-radius:10px;left:50%;margin-left:-100px;margin-top:10px;} .lb-general #openLeadVendedor .leadContainer .visita .confirm:hover {opacity:0.6;} .lb-general #openLeadVendedor .leadContainer .buttons {position:relative;float:left;width:100%;text-align:center;margin-top:30px;} .lb-general #openLeadVendedor .leadContainer .btn-success {display:inline-block;position:relative;width:140px;height:80px;text-align:center;background: url(../img/success.png) center no-repeat;background-size:65px;color:#000;font-size:14px;text-transform:uppercase;padding:90px 0 0 0;} .lb-general #openLeadVendedor .leadContainer .btn-fail {display:inline-block;position:relative;width:140px;height:80px;text-align:center;background: url(../img/fail.png) center no-repeat;background-size:65px;color:#000;font-size:14px;text-transform:uppercase;padding:90px 0 0 0;} .lb-general #openLeadVendedor .leadContainer .btn-update {display:inline-block;position:relative;width:140px;height:80px;text-align:center;background: url(../img/update.png) center no-repeat;background-size:65px;color:#000;font-size:14px;text-transform:uppercase;padding:90px 0 0 0;} .lb-general #openLeadVendedor .leadContainer .interact {position:relative;float:left;width:100%;margin-top:35px;} .lb-general #openLeadVendedor .leadContainer .interact textarea {position:relative;float:left;width:calc(85% - 140px);height:80px;margin-left:15%;color:#000;font-size:16px;padding-left:10px; resize: none;} .lb-general #openLeadVendedor .leadContainer .interact .btn-interact {display:inline-block;position:relative;float:left;width:140px;height:70px;text-align:center;background: url(../img/interact.png) center no-repeat;background-size:55px;color:#000;font-size:14px;text-transform:uppercase;padding:75px 0 0 0;margin-top:-10px;} .lb-general #openLeadVendedor .leadContainer .finaliza {display:none;position:relative;float:left;width:100%;margin-top:30px;text-align:center;} .lb-general #openLeadVendedor .leadContainer .finaliza .txt {position:relative;float:left;width:100%;font-size:22px;text-align:center;margin-bottom:20px;} .lb-general #openLeadVendedor .leadContainer .finaliza .finaliza-yes {position:relative;width:200px;height:30px;padding:8px;color:#fff;background:#4b9907;font-weight:400;text-align:center;line-height:30px;border-radius:10px;margin-right:20px;} .lb-general #openLeadVendedor .leadContainer .finaliza .finaliza-yes:hover {opacity:0.6;} .lb-general #openLeadVendedor .leadContainer .finaliza .finaliza-no{position:relative;width:200px;height:30px;padding:8px;color:#fff;background:#969696;font-weight:400;text-align:center;line-height:30px;border-radius:10px;} .lb-general #openLeadVendedor .leadContainer .finaliza .finaliza-no:hover {opacity:0.6;} .lb-general #openLeadVendedor .leadContainer .proposta {display:none;position:relative;float:left;width:100%;margin-top:30px;text-align:center;} .lb-general #openLeadVendedor .leadContainer .proposta .txt {position:relative;width:100%;font-size:16px;color:#000;margin:15px 0 15px 0;text-align:left;padding-left:90px;} .lb-general #openLeadVendedor .leadContainer .proposta input { position: relative; width: 150px; height: 60px; padding: 0 15px; margin: 0 0 10px 0; background: #fff; border: 1px solid #c1c1c1; font-size:18px;text-align:left;} .lb-general #openLeadVendedor .leadContainer .proposta select { position: relative; width: 160px; height: 60px; padding: 0 15px; margin: 0 0 10px 0; background: #fff; border: 1px solid #c1c1c1; font-size:18px;text-align:left;} .lb-general #openLeadVendedor .leadContainer .proposta .proposta-download {display:inline-block;position:relative;width:60px;height:100px;text-align:center;background: url(../img/download.png) center no-repeat;background-size:50px;font-size:18px;color:#000;top:-30px;margin-left:30px;} .lb-general #openLeadVendedor .leadContainer .proposta .proposta-download:hover {opacity:0.6;} .lb-general #openLeadVendedor .leadContainer .opt:hover {opacity:0.6;} .lb-general #openLeadVendedor .leadContainer .items .form-title {color:#000;font-size:35px;text-transform:uppercase;padding-bottom:10px;text-align:center;margin-bottom:20px;} .lb-general #openLeadVendedor .leadContainer .items .form-update { position: relative; float: left; width: 100%; margin: 0 0 0;color:#000;} .lb-general #openLeadVendedor .leadContainer .items .form-update input { position: relative; float: left; width: 100%; height: 35px; padding: 0 15px; margin: 0 0 10px 0; background: #fff; border: 1px solid #c1c1c1; font-size:18px;text-align:left;} .lb-general #openLeadVendedor .leadContainer .items .form-update select { position: relative; float: left; width: 100%; height: 35px; padding: 0 15px; margin: 0 0 10px 0; background: #fff; border: 1px solid #c1c1c1; font-size:18px;text-align:left;} .lb-general #openLeadVendedor .leadContainer .items .form-update button { position: relative; float: left; width: 100%; height: 40px; background: #004466; border: 0 none; font-weight: 300; font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing:5px;opacity:0.6;margin-top:10px;} .lb-general #openLeadVendedor .leadContainer .items .form-update button:hover {opacity:1;} .lb-general #openLeadVendedor .leadContainer .items .form-update .sucesso { position: relative; float: left;width: 100%;text-align:center;font-size:30px;text-transform:uppercase;line-height:50px;color:#fff;margin-top:20px;} .lb-general #openLeadVendedor .leadContainer .items .form-update ::-webkit-input-placeholder {color: #888888; text-transform: uppercase; } .lb-general #openLeadVendedor .leadContainer .items .form-update :-moz-placeholder { color: #888888; text-transform: uppercase; } .lb-general #openLeadVendedor .leadContainer .items .form-update ::-moz-placeholder { color: #888888; text-transform: uppercase; } .lb-general #openLeadVendedor .leadContainer .items .form-update :-ms-input-placeholder {color: #888888; text-transform: uppercase; } .lb-general #openLeadVendedor .leadContainer .items .update-success {position:relative;float:left;width:100%;font-size:22px;text-align:center;text-transform:uppercase;color:#000;} .middle .wrapper .form-prospect {display:none;} .middle .wrapper .listaMtmd {} .middle .wrapper .listaMtmd .title {position:relative;float:left;width:100%;font-size:35px;color:#fff;text-transform:uppercase;text-align:center;margin-bottom:10px;} .middle .wrapper .listaMtmd .list {position:relative;margin:0 auto;color:#fff;font-size:20px;text-align:left;} .middle .wrapper .listaMtmd .list .error {position:relative;float:left;width:100%;text-align:center;color:#fff;font-size:30px;margin-top:30px;} .middle .wrapper .listaMtmd .list select {position:relative;height:35px;color:#000;margin:40px 5px 20px 20px;font-size:16px;} .middle .wrapper .listaMtmd .list .contents {position:relative;float:left;width:100%;overflow:scroll;max-height:600px;} .middle .wrapper .listaMtmd .list .contents table {border-collapse: collapse; width: 100%;text-transform:uppercase;} .middle .wrapper .listaMtmd .list .contents th {text-align: left;padding:15px;background-color: #004466;color: white;font-size:15px;} .middle .wrapper .listaMtmd .list .contents th.pd-right-200 {padding-right:200px;} .middle .wrapper .listaMtmd .list .contents th.pd-right-150 {padding-right:150px;white-space:nowrap;} .middle .wrapper .listaMtmd .list .contents th.pd-right-100 {padding-right:100px;} .middle .wrapper .listaMtmd .list .contents th.pd-right-50 {padding-right:50px;} .middle .wrapper .listaMtmd .list .contents td {text-align: left;padding: 10px;font-size:14px;color:#000;} .middle .wrapper .listaMtmd .list .contents tr:first-child {cursor: initial;} .middle .wrapper .listaMtmd .list .contents tr .tr-text {font-weight:300;} .middle .wrapper .listaMtmd .list .contents tr .tr-fone {width:100px !important;} .middle .wrapper .listaMtmd .list .contents tr:nth-child(even){background-color: #fff;} .middle .wrapper .listaMtmd .list .contents tr:nth-child(odd){background-color: #dfdfdf;} .middle .wrapper .listaMtmd .list .contents .show-msg-off {display:inline-block;position:relative;float:left;width:40px;height:40px;text-align:center;background: url(../img/interact.png) center no-repeat;background-size:36px;color:#000;font-size:14px;text-transform:uppercase;padding:75px 0 0 0;margin-top:-10px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);-ms-filter: grayscale(100%); filter: grayscale(100%);opacity:0.5;} .middle .wrapper .listaMtmd .list .contents .show-msg {display:inline-block;position:relative;float:left;width:40px;height:40px;text-align:center;background: url(../img/interact.png) center no-repeat;background-size:36px;color:#000;font-size:14px;text-transform:uppercase;padding:75px 0 0 0;margin-top:-10px;} .middle .wrapper .listaMtmd .list .contents .show-msg:hover {opacity:0.6;} .middle .wrapper .listaGeral {position:relative;float:left;width:100%;} .middle .wrapper .listaGeral .title {position:relative;float:left;width:100%;font-size:35px;color:#000;text-transform:uppercase;text-align:center;margin-bottom:10px;} .middle .wrapper .listaGeral .list {position:relative;float:left;margin:0 auto;color:#000;margin-top:20px;border:solid 1px #000;padding:20px 0 30px 0;background:#d3d3d3;} .middle .wrapper .listaGeral .list .title-row {position:relative;float:left;width:100%;text-transform:uppercase;text-align:right;font-size:30px;border-bottom:solid 1px #000;margin-bottom:20px;} .middle .wrapper .listaGeral .list .line-sep {margin:0;width:200px;margin:6px 0 6px 0;background:#000;} .middle .wrapper .listaGeral .list .pipe-title {position:relative;float:left;width:100%;text-transform:uppercase;text-align:left;font-size:16px;line-height:16px;margin-top:15px;padding-left:30px;} .middle .wrapper .listaGeral .list .pipe {position:relative;float:left;height:50px;border:solid 1px #999;margin:5px 0 5px 0;clear:both;text-align:right;text-transform:uppercase;line-height:50px;padding-right:20px;background:#a7d628;font-size:18px;color:#000;font-weight:700;border-radius:25px;box-shadow:3px 5px 3px #999;} .middle .wrapper .listaGeral .list .pipe.st1 {background:#c63f2d;} .middle .wrapper .listaGeral .list .pipe.st2 {background:#ffcb11;} .middle .wrapper .listaGeral .list .pipe.st3 {background:#d7ff11;} .middle .wrapper .listaGeral .list .pipe.st4 {background:#99e500;} .middle .wrapper .listaGeral .list .item-row-major {position:relative;float:left;width:100%;text-transform:uppercase;text-align:left;font-size:22px;line-height:40px;} .middle .wrapper .listaGeral .list .item-row{position:relative;float:left;width:100%;text-align:left;font-size:16px;line-height:20px;} .middle .wrapper .listaGeral .list #chartCanal{position:relative;height:350px;width:350px;margin:30px auto;} .middle .wrapper .listaGeral .list #chartUnidade{position:relative;height:350px;width:350px;margin:30px auto;} .middle .wrapper .listaGeral .list #chartNegocios{position:relative;height:350px;width:350px;margin:30px auto;} .middle .wrapper .listaGeral .list #chartVidas{position:relative;height:350px;width:350px;margin:30px auto;} .middle .wrapper .listaVendedores {position:relative;float:left;width:100%;margin-top:30px;} .middle .wrapper .listaVendedores .title {position:relative;float:left;width:100%;font-size:35px;color:#000;text-transform:uppercase;text-align:center;margin-bottom:10px;} .middle .wrapper .listaVendedores .list {position:relative;width:100%;float:left;margin:0 auto;color:#000;margin-top:20px;border:solid 1px #000;padding:20px 0 30px 0;background:#d3d3d3;} .middle .wrapper .listaVendedores .list .title-row {position:relative;float:left;width:100%;text-transform:uppercase;text-align:right;font-size:30px;border-bottom:solid 1px #000;margin-bottom:20px;} .middle .wrapper .listaVendedores .list .line-sep {margin:0;width:200px;margin:6px 0 6px 0;background:#000;} .middle .wrapper .listaVendedores .list .item-row-major {position:relative;float:left;width:100%;text-transform:uppercase;text-align:left;font-size:22px;line-height:40px;} .middle .wrapper .listaVendedores .list .item-row{position:relative;float:left;width:100%;text-align:left;font-size:16px;line-height:20px;} .middle .wrapper .listaVendedores .list .vend-name{position:relative;float:left;width:100%;text-align:left;font-size:20px;line-height:20px;margin-top:30px;background:#424242;color:#fff;height:30px;line-height:30px;border-radius:15px;padding-left:30px;margin-bottom:20px;} .middle .wrapper .listaVendedores .list #chartCanal{position:relative;height:350px;width:350px;margin:30px auto;} .middle .wrapper .listaVendedores .list #chartUnidade{position:relative;height:350px;width:350px;margin:30px auto;} .middle .wrapper .listaVendedores .list #chartVidas{position:relative;height:350px;width:350px;margin:30px auto;} .middle .wrapper .listaVendedores .list .min-pipe-title {position:relative;float:left;text-transform:uppercase;text-align:left;font-size:13px;height:15px;line-height:15px;padding-left:30px;top:2px;} .middle .wrapper .listaVendedores .list .min-pipe {position:relative;float:left;height:15px;border:solid 1px #999;margin:3px 0 3px 0;clear:left;text-align:right;text-transform:uppercase;line-height:15px;padding-right:20px;background:#a7d628;font-size:14px;color:#000;font-weight:700;border-radius:25px;box-shadow:3px 5px 3px #999;} .middle .wrapper .listaVendedores .list .min-pipe.st1 {background:#c63f2d;} .middle .wrapper .listaVendedores .list .min-pipe.st2 {background:#ffcb11;} .middle .wrapper .listaVendedores .list .min-pipe.st3 {background:#d7ff11;} .middle .wrapper .listaVendedores .list .min-pipe.st4 {background:#99e500;} .middle .wrapper .listaVendedores .list .min-pipe.st5 {background:#99e500;} .middle .form-title {color:#606060;font-size:35px;text-transform:uppercase;padding-bottom:10px;text-align:center;margin-bottom:20px;} .middle .form-contato { position: relative; float: left; width: 100%; margin: 0 0 0;color:#000;} .middle .form-contato input { position: relative; float: left; width: 100%; height: 40px; padding: 0 15px; margin: 0 0 10px 0; background: #fff; border: 1px solid #c1c1c1; font-size:22px;text-align:left;} .middle .form-contato select { position: relative; float: left; width: 100%; height: 40px; padding: 0 15px; margin: 0 0 10px 0; background: #fff; border: 1px solid #c1c1c1; font-size:22px;text-align:left;} .middle .form-contato button { position: relative; float: left; width: 100%; height: 65px; background: #004466; border: 0 none; font-weight: 300; font-size: 30px; color: #000; text-transform: uppercase; letter-spacing:5px;opacity:0.6;margin-top:10px;} .middle .form-contato button:hover {opacity:1;} .middle .form-contato button { position: relative; float: left; width: 100%; height: 65px;border: 0 none; font-weight: 300; font-size: 35px; color: #fff; text-transform: uppercase; letter-spacing:2px;opacity:0.8;margin-top:50px;background:#004466;border-radius:8px;} .middle .form-contato button:hover {opacity:1;text-shadow: 0px 0px 40px #fff;} .middle .form-contato .sucesso { position: relative; float: left;width: 100%;text-align:center;font-size:30px;text-transform:uppercase;line-height:50px;color:#fff;margin-top:20px;} .middle .form-contato ::-webkit-input-placeholder {color: #888888; text-transform: uppercase; } .middle .form-contato :-moz-placeholder { color: #888888; text-transform: uppercase; } .middle .form-contato ::-moz-placeholder { color: #888888; text-transform: uppercase; } .middle .form-contato :-ms-input-placeholder {color: #888888; text-transform: uppercase; } .middle .results {position:relative;float:left;width:100%;margin-top:0;margin-bottom:100px;color:#000;max-height:400px;overflow-y:auto;border:solid 1px #ccc;} .middle .results table {border-collapse: collapse; width: 100%;text-transform:uppercase;} .middle .results th {text-align: left;padding:15px 5px 15px 5px;} .middle .results td {text-align: left;padding: 5px;font-size:13px;} .middle .results tr:nth-child(even){background-color: #f5f5f5;} .middle .results th {background-color: #4CAF50;color: white;} .middle .buttons {position:relative;float:left;width:100%;height:40px;margin-top:50px;text-align:center;} .middle .buttons .btn {position:relative;width:100px;height:40px;border:1px solid #fff;text-transform:uppercase;color:#fff;line-height:40px;margin-right:10px;padding-top:0;} .middle .buttons .btn:hover {background:rgba(255,255,255,.3);font-size:16px;} .middle .graphs {position:relative;float:left;text-align:center;width:100%;margin-top:0;color:#fff;max-height:400px;overflow-y:hidden;margin-bottom:40px;} .middle .goal {position:relative;float:left;text-align:center;width:100%;margin-top:0;color:#fff;max-height:400px;overflow-y:hidden;margin-top:20px;margin-bottom:40px;} .middle .goal-title {position:relative;width:100%;text-align:center;font-size:30px;font-family: 'Fredericka the Great', cursive;color:#fff;margin:15px 0 15px 0;} .middle .fase-title {position:relative;width:100%;text-align:center;font-size:30px;font-family: 'Fredericka the Great', cursive;color:#fff;margin:15px 0 0 0;margin-top:30px;} .bottom {position:absolute;width:100%;height:120px;z-index:6;bottom:0;left:0;} .bottom .wrapper {position:relative;margin:0 auto;width:100%;height:100%;} .bottom .wrapper .signature {position:relative;float:left;width:100%;text-align:center;font-size:18px;color:#606060;margin-top:25px;} .bottom .wrapper .author {position:relative;float:left;width:100%;text-align:center;font-size:13px;color:#606060;margin-top:10px;opacity:0.6;} .chart-block {display:inline-block;position:relative;float:left;} .chart-block-rank {display:inline-block;position:relative;float:left;} .chart {position: relative; display: inline-block; width: 110px; height: 110px; margin-top: 15px; margin-bottom: 50px; margin-left:10px; margin-right:10px; text-align: center;} .goal .chart { position: relative; display: inline-block; width: 150px; height: 150px; margin-bottom: 50px; margin-left:10px; margin-right:10px; text-align: center; } .chart canvas { position: absolute; top: 0; left: 0; } .number { display: block; position:relative; margin:20px auto 0; line-height: 25px; z-index: 2; } .vidas { display: block; position:relative; margin:-4px auto 0; line-height: 25px; z-index: 2; } .realizado { display: block; position:relative; font-size:16px; margin:40px auto; line-height: 25px; z-index: 2; } .foram { display: block; position:relative; font-size:16px; margin:40px auto; line-height: 25px; z-index: 2; } .meta{ display: block; position:relative; font-size:16px; line-height: 20px; font-weight:700; margin:-25px auto; z-index: 2; } .restam { display: block; position:relative; font-size:16px; line-height: 20px; font-weight:700; margin:-25px auto; z-index: 2; } .owner{ position:relative; display: block; text-align:center; margin-top:-30px; text-transform:uppercase; } .number:after { content:' leads'; margin-left: 0.1em; font-size: .8em; } .vidas:after { content:' vidas'; margin-left: 0.1em; font-size: .8em; } .percent { display: block; position:relative; line-height: 20px; font-weight:700; margin:0 auto; z-index: 2; } .percent:after { content:'%'; margin-left: 0.2em; font-size: .8em; font-weight:700; } .realizado:before { content:'vidas: '; margin-left: 0.2em; font-size:16px; font-weight:700; } .foram:after { content:' dias'; margin-left: 0.2em; font-size:16px; font-weight:700; } .meta:before { content:'meta: '; margin-left: 0.2em; font-size:16px; font-weight:700; } .restam:before { content:'Total: '; margin-left: 0.2em; font-size:16px; font-weight:700; } .restam:after { content:' dias'; margin-left: 0.2em; font-size:16px; font-weight:700; } .position {font-size:20px; position:relative; margin:-20px auto; z-index: 2;} .position:after {content:'ยบ'; font-size: 1em; font-weight:100;} /* Lightbox */ .lb-general { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.80); overflow-y: auto; overflow-x: hidden; z-index: 999; } .lb-general .lb-head { position: fixed; width: 100%; height: 60px; left: 0; top: 0; background: #5d431f; z-index: 201; } .lb-general .lb-body { position: relative; float: left; width: 100%; margin: 60px 0 0; z-index: 201; } .lb-general .btn-close { display: block; position: relative; float: left; font-weight: 300; font-size: 30px; line-height: 60px; color: #ffffff; text-transform: uppercase; } .lb-general .btn-close:hover { text-decoration: none; opacity: 0.6; } .uploadfile { position: relative; overflow: hidden; display: inline-block; } .uptitle {position:relative;float:left;width:100%;font-size:20px;color:#000;text-transform:uppercase;text-align:center;margin-bottom:30px;} .btn-f { border: 2px solid gray; color: gray; background-color: white; padding: 8px 20px; border-radius: 8px; font-size: 20px; font-weight: bold; margin-top:25px; } #formulario input[type=file] { font-size: 20px; position: relative; color:#000; } .tablepool {position:relative;float:left;width:100%;color:#000;text-align:center;} .tablepool .title {position:relative;float:left;width:100%;text-transform:uppercase;text-align:center;margin-bottom:30px;} #ranktable { position:relative; border: solid 1px #DDEEEE; border-collapse: collapse; border-spacing: 0; font: normal 18px Arial, sans-serif; display:inline-block; } #ranktable thead th { background-color: #202932; color: #fff; padding: 10px; text-align: center; } #ranktable tbody td { border: solid 1px #d2d2d2; color: #333; padding: 10px; } #ranktable tr:nth-child(1) { font-weight:700; } #ranktable tr:nth-child(2) { font-weight:700; } #ranktable tr:nth-child(3) { font-weight:700; } @media (max-width: 600px) { #ranktable {font: normal 12px Arial, sans-serif;} .middle {padding:50px 0 0 0;} } @media (max-width: 400px) { #ranktable {font: normal 10px Arial, sans-serif;} .middle {padding:50px 0 0 0;} } .totallifes {position:relative;float:left;width:100%;font-size:30px;margin-bottom:20px;color:#000;} @media (max-width: 400px) { .totallifes {font-size:20px;} } .bkg-animated { background:#fff url(/img/geometry3.png) repeat 0 0; width: 100%; margin: 0; text-align: center; -webkit-animation: slide 20s linear infinite; } .hero-bkg-animated h1 { font-family: sans-serif; } @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: -400px 0; } } .tool-tip{ color: #fff; background-color: rgba( 0, 0, 0, .7); text-shadow: none; font-size: 16px; visibility: hidden; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; text-align: center; opacity: 0; z-index: 999; padding: 3px 8px; position: absolute; cursor: default; -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; } .tool-tip, .tool-tip.top{ top: auto; bottom: 114%; left: 20%; } .tool-tip.top:after, .tool-tip:after{ position: absolute; bottom: -12px; left: 50%; margin-left: -7px; content: ' '; height: 0px; width: 0px; border: 6px solid transparent; border-top-color: rgba( 0, 0, 0, .7); } /* default heights, width and margin w/o Javscript */ .tool-tip, .tool-tip.top{ width: auto; height: 26px; margin-left: -43px; } /* tool tip position right */ .tool-tip.right{ top: 50%; right: auto; left: 106%; margin-top: -15px; margin-right: auto; margin-left: auto; } .tool-tip.right:after{ left: -5px; top: 50%; margin-top: -6px; bottom: auto; border-top-color: transparent; border-right-color: rgba( 0, 0, 0, .7); } /* tool tip position left */ .tool-tip.left{ top: 50%; left: auto; right: 105%; margin-top: -15px; margin-left: auto; } .tool-tip.left:after{ left: auto; right: -12px; top: 50%; margin-top: -6px; bottom: auto; border-top-color: transparent; border-left-color: rgba( 0, 0, 0, .7); } /* tool tip position bottom */ .tool-tip.bottom{ top: 115%; bottom: auto; left: 50%; margin-bottom: auto; } .tool-tip.bottom:after{ position: absolute; top: -12px; left: 50%; margin-left: -7px; content: ' '; height: 0px; width: 0px; border: 6px solid transparent; border-top-color: transparent; border-bottom-color: rgba( 0, 0, 0, .6); } /* tooltip on focus left and right */ .on-focus .tool-tip.left, .on-focus .tool-tip.right{ margin-top: -19px; } /* on hover of element containing tooltip default*/ *:not(.on-focus):hover > .tool-tip, .on-focus input:focus + .tool-tip{ visibility: visible; opacity: 1; -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; } /* tool tip slide out */ *:not(.on-focus) > .tool-tip.slideIn, .on-focus > .tool-tip{ display: block; } .on-focus > .tool-tip.slideIn{ z-index: -1; } .on-focus > input:focus + .tool-tip.slideIn{ z-index: 1; } /* bottom slideIn */ *:not(.on-focus) > .tool-tip.slideIn.bottom, .on-focus > .tool-tip.slideIn.bottom{ top: 50%; } *:not(.on-focus):hover > .tool-tip.slideIn.bottom, .on-focus > input:focus + .tool-tip.slideIn.bottom{ top: 115%; } .on-focus > input:focus + .tool-tip.slideIn.bottom{ top: 100%; } /* top slideIn */ *:not(.on-focus) > .tool-tip.slideIn, *:not(.on-focus) > .tool-tip.slideIn.top, .on-focus > .tool-tip.slideIn, .on-focus > .tool-tip.slideIn.top{ bottom: 50%; } *:not(.on-focus):hover > .tool-tip.slideIn, *:not(.on-focus):hover > .tool-tip.slideIn.top, .on-focus > input:focus + .tool-tip.slideIn, .on-focus > input:focus + .tool-tip.slideIn.top{ bottom: 110%; } /* left slideIn */ *:not(.on-focus) > .tool-tip.slideIn.left, .on-focus > .tool-tip.slideIn.left{ right: 50%; } *:not(.on-focus):hover > .tool-tip.slideIn.left, .on-focus > input:focus + .tool-tip.slideIn.left{ right: 105%; } /* right slideIn */ *:not(.on-focus) > .tool-tip.slideIn.right, .on-focus > .tool-tip.slideIn.right{ left: 50%; } *:not(.on-focus):hover > .tool-tip.slideIn.right, .on-focus > input:focus + .tool-tip.slideIn.right{ left: 105%; } #timer { width: 100%; float:left; margin: 0 auto; text-align: center; color: white; font-weight: 100; margin-bottom:30px; } #timer #title { position:relative; float:left; width:100%; font-size:40px; text-transform:uppercase; color: red; } #timer div { display: inline-block; line-height: 1; padding: 20px; font-size: 40px; } #timer span { display: block; font-size: 20px; color: #5e646d; } #timer #dias { font-size: 100px; color: #db4844; } #timer #horas { font-size: 100px; color: #f07c22; } #timer #minutos { font-size: 100px; color: #f6da74; } #timer #segundos { font-size: 50px; color: #abcd58; } @media (max-width: 900px) { #timer span { font-size: 20px; } #timer #dias { font-size: 60px; } #timer #horas { font-size: 50px; } #timer #minutos { font-size: 40px; } #timer #segundos { font-size: 30px; } } @media (max-width: 600px) { #timer div { padding: 10px; } #timer span { font-size: 15px; } #timer #dias { font-size: 40px; } #timer #horas { font-size: 35px; } #timer #minutos { font-size: 20px; } #timer #segundos { font-size: 20px; } }