/*
Theme Name: Suhdo
Theme URI: https://suhdo.com/
Author: Suhdo Tecnologia
Author URI: https://suhdo.com/
Description: Custom theme developed for responsive & high performance wordpress sites.
Version: 2020
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: suhdo

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@import url("assets/css/fluid.suhdo.css");

body{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; background: #FFFFFF; background-color: #FFFFFF; }
b{ font-weight: bold !important; }
i{ cursor: pointer; }
input::placeholder,textarea::placeholder{ font-size: 11px; color:#555; }
input[type="radio"]{ height: auto !important; }
span.elementor-field-option label{ position: relative; top:-3px; }
canvas{ background: #ffffff !important; background-color: #ffffff !important; fill:#ffffff !important; }

.color-blue{ color:#2A72BC !important; }
.color-blue-darken{ color:#33404E !important;  }
.blue{ background:#2A72BC !important; }
.blue-darken{ background:#33404E !important ; }
.orange{ background: #EF7D00; }
.color-orange{ color: #EF7D00 !important; }

.color-blue-2{ color:#33A5E2 !important ; }
.blue-2{ background:#33A5E2 !important; }

.color-blue-3{ color:#2D5A8B !important ; }
.blue-3{ background:#2D5A8B !important; }

.white{ background: white !important; }

.red{ background: #b13d49; }
.color-red{ color: #b13d49; }

.color-orange{ color:#ED6E27; }
.color-green{ color:#48B499; }
.color-pink{}
.color-led{}

/*svg{ opacity: .2 !important; }*/
.svg{ width:296px; height: 296px;  }

.grafico-pilar-1{ position: relative; text-align: center; }
.grafico-pilar-1 .pdf-pilar-1{  }
p.bolinha-pdf{ border-right:1px solid #fff;  display: inline-block;    }

.show-in-pdf{ display: none; }
.no-bg div div .show-in-pdf{ position: absolute; top:-20px; left:-20px; width: 296px;  height:296px;  overflow: hidden; z-index: 1; padding: 0;}
.no-bg div div .show-in-pdf .bolinha-pdf{  margin:0 0 0 0; float: left; } 
.no-bg div div.grafico-bg-1 .show-in-pdf .bolinha-pdf{ width:11.1%; height:36px; margin-top:200px; } 
.no-bg div div.grafico-bg-2 .show-in-pdf .bolinha-pdf{ width:12.5%; height:36px;  margin-top:200px; } 
.no-bg div div.grafico-bg-3 .show-in-pdf .bolinha-pdf{ width:16.6%; height:36px;  margin-top:200px; } 
.no-bg div div.grafico-bg-4 .show-in-pdf .bolinha-pdf{ width:9.09%; height:36px;  margin-top:200px; } 

.oco div div .show-in-pdf{ position: absolute; top:-20px; left:-20px; width: 130px;  height:130px;  overflow: hidden; z-index: 1; padding: 0;}
.oco div div .show-in-pdf .bolinha-pdf{ margin:0 0 0 0; float: left; } 
.oco div div.grafico-bg-1 .show-in-pdf .bolinha-pdf{ width:11.1%; height:26px;  margin-top:50px; } 
.oco div div.grafico-bg-2 .show-in-pdf .bolinha-pdf{ width:12.5%; height:26px;   margin-top:50px; } 
.oco div div.grafico-bg-3 .show-in-pdf .bolinha-pdf{ width:16.6%; height:26px;  margin-top:50px; } 
.oco div div.grafico-bg-4 .show-in-pdf .bolinha-pdf{ width:9.09%; height:26px;  margin-top:50px; } 


.fecha-temporada{ display: none !important; }
/* PAINEL MENU */
.menu-interno{ display:none; position: absolute; right:0; top:0; padding:20px; background: white; box-shadow: 0 0 2px rgba(0,0,0,.5); }
.menu-interno div{  }
.menu-interno div p{ margin-bottom:10px; text-align: center;  }
.menu-interno div p a{ color:#515447; font-weight: bold; }
.menu-interno div p a:hover{ color:#505050;   }

article.elementor-post div.elementor-post__text h3{  }
article.elementor-post:nth-child(even) div.elementor-post__text h3.elementor-post__title a{ color: #48B499 !important; }

/* HEADER */
#contato-header{  }
#contato-header.invert div ul.elementor-nav-menu li a.elementor-item{ color:#515447 !important; }
#contato-header.invert div ul.elementor-nav-menu li a.elementor-item:hover{ opacity:.75; }
#contato-header.invert div ul.elementor-nav-menu li a.elementor-item-active{ opacity: .5; }
#contato-header.invert div div div div div div a.elementor-button{  background-color: #EF7D00 !important; color:#fff; }
#contato-header.invert div div div div div div a.elementor-button:hover{  background-color: #515447 !important; color:#fff; }


/*CADASTRO*/

form.form-cadastro{ padding: 50px 50px; background: white; border-radius: 20px; }

input{ padding: 5px 5px; border-radius: 30px; height: auto; line-height: 1; }
form.form-cadastro label{ margin-bottom: 7px;  }
form.form-cadastro p{ font-size: 15px; color:#6B6B6B; margin-bottom: 10px; font-weight: 400; }
form.form-cadastro h2{ font-size: 20px; color:#6B6B6B; margin-bottom: 10px; }
form.form-cadastro h2 i{ margin-right: 10px; }
form.form-cadastro a.button.big{ padding:15px 50px !important; }
form.form-cadastro a.button:hover{ background: black !important; }
form.form-cadastro a.link-login{ font-size: 13px; font-weight: 400; }
form.form-cadastro a.link-login:hover{ color:#515447; }
form.form-cadastro div{ height: auto; }

label.custom-select{ border-radius: 30px; height: 35px !important; max-height: initial !important; background-color: white; }
label.custom-select select{ border-radius: 30px;  height: 35px !important; max-height: initial !important;   line-height: 1.3 !important; }
label.custom-select:after{ background: white !important; }


.form-cadastro input { padding-left: 10px; }
.form-cadastro label.custom-select { background-position: 95% 14px;  }
.form-cadastro label.custom-select select{ padding-left:10px;  }

/* LOGIN */
form.form-login{ padding: 50px 50px; background: white; border-radius: 20px; max-width: 380px; margin:0 auto; }
form.form-login label{ margin-bottom: 7px;  }
form.form-login h2{ font-size: 18px; color:#6B6B6B; margin-bottom: 30px; font-weight: 700; }
form.form-login a.button.big{ padding:12px 60px !important; }
form.form-login a.button:hover{ background: black !important; }
form.form-login a.link-cadastro{ font-size: 13px; font-weight: 400; margin-top: 10px; display: inline-block; color: #707070; }
form.form-login a.link-cadastro:hover{ color:#515447; }
form.form-login div{ margin-bottom: 30px; }

form.form-recupera{ padding: 50px 50px; background: white; border-radius: 20px; max-width: 380px; margin:0 auto; }
form.form-recupera label{ margin-bottom: 7px;  }
form.form-recupera h2{ font-size: 18px; color:#6B6B6B; margin-bottom: 30px; font-weight: 700; }
form.form-recupera a.button.big{ padding:12px 60px !important; }
form.form-recupera a.button:hover{ background: black !important; }
form.form-recupera a.link-cadastro{ font-size: 13px; font-weight: 400; margin-top: 10px; display: inline-block; color: #707070; }
form.form-recupera a.link-cadastro:hover{ color:#515447; }
form.form-recupera div{ margin-bottom: 30px; }


/* LOGIN-WWF */
form.form-login-wwf{ padding: 50px 50px; background: white; border-radius: 20px; max-width: 380px; margin:0 auto; }
form.form-login-wwf label{ margin-bottom: 7px;  }
form.form-login-wwf h2{ font-size: 18px; color:#6B6B6B; margin-bottom: 30px; font-weight: 700; }
form.form-login-wwf a.button.big{ padding:12px 60px !important; }
form.form-login-wwf a.button:hover{ background: black !important; }
form.form-login-wwf a.link-cadastro{ font-size: 13px; font-weight: 400; margin-top: 10px; display: inline-block; color: #707070; }
form.form-login-wwf a.link-cadastro:hover{ color:#515447; }
form.form-login-wwf div{ margin-bottom: 30px; }

form.form-cadastro-admin{ padding: 50px 50px; background: white; border-radius: 20px; }
form.form-cadastro-admin label{ margin-bottom: 7px;  }
form.form-cadastro-admin p{ font-size: 15px; color:#6B6B6B; margin-bottom: 10px; font-weight: 400; }
form.form-cadastro-admin h2{ font-size: 20px; color:#6B6B6B; margin-bottom: 10px; }
form.form-cadastro-admin h2 i{ margin-right: 10px; }
form.form-cadastro-admin a.button.big{ padding:15px 50px !important; }
form.form-cadastro-admin a.button:hover{ background: black !important; }
form.form-cadastro-admin a.link-login{ font-size: 13px; font-weight: 400; }
form.form-cadastro-admin a.link-login:hover{ color:#515447; }
form.form-cadastro-admin div{ height: auto; }

ul.form-busca-empresa{ text-align: center; }
ul.form-busca-empresa li{ color: #fff; font-size: 18px; font-weight: bold; }

/* MODAL */
.window-overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:100;  }
.window-overlay.hidden{ display: none;  }
.window-overlay.show{ display:flex; align-items:center; justify-content:center;  }
.window-modal{  width:90%; max-width:800px; background:white; padding:30px; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,.5); }
.window-modal p.icon{ margin-bottom:30px; text-align:center; }
.window-modal h2{ font-size:16px; font-weight:bold; color:#6B6B6B; margin-bottom:20px; }
.window-modal > div > p{ text-align:left; font-size:13px; margin-bottom:5px; }
.window-modal p.buttons{ margin-top:20px; text-align:center; }
.window-modal p.buttons a{ margin-top:20px; text-align:center; padding:12px 33px; font-weight:600; border-radius:30px; margin:0 10px; }
.window-modal p.buttons a:hover{ background: black; }


/* POSTS */
div.elementor-widget-theme-post-content div p { margin-bottom: 20px !important; }


/* MENU PERFIL  */
.botao-meu-perfil{ color:#333; font-family: "WWF Font", Sans-serif; font-weight: normal; font-size: 17px; float:right; }
.botao-meu-perfil i{ margin-left:30px; color: rgba(151, 151, 151, 1); font-size:24px; position: relative; bottom: -3px; }
.botao-meu-perfil img{ position: relative; top:5px; left:-5px; }
.botao-meu-perfil:hover{ color:rgba(151, 151, 151, 1); }
.botao-meu-perfil:hover i{ color:#ED6E27; }

/* SECTIONS  */
h2{ color: #505050; }
h2.section-title{ font-family: "WWF Font", Sans-serif; font-weight: normal; font-size: 44px; margin-bottom: 40px; color: #515447; }
h2.section-title.after:after{ content: " "; width: 60px; height: 8px; background: #515447; margin:0 auto; display: block; margin-top:8px; }


/* PERGUNTAS */
p.seleciona-pergunta{ width: 160px;  margin-bottom: 20px;}
p.seleciona-pergunta > strong{ display: block;  margin-bottom: 10px;}
/*p.seleciona-pergunta label.custom-select { border:0 !important; margin-left: -1px; }
p.seleciona-pergunta label.custom-select:hover, p.seleciona-pergunta label.custom-select:focus { outline: 0; border: 0 !important; box-shadow:0 0 0 0 white !important; }
p.seleciona-pergunta label.custom-select { background-image: url(../../uploads/2021/10/arrow-down.svg) !important; background-size: 15px auto; background-position: 93px 14px; }
p.seleciona-pergunta label.custom-select select{ font-weight: 400; padding-left: 0px;  padding-right: 0px; }
*/
p.pergunta-single{ font-size: 15px; margin-bottom: 40px; }
p.titulo-textarea{ font-size: 15px; font-weight: bold; margin-top:50px; margin-bottom: 10px; }
textarea.justificativa{ padding:20px 18px !important; border-radius: 20px !important; min-height: 300px  !important;  border: 1px solid #707070  !important; margin-left: -18px; }
div.recomendacoes{ padding:20px 18px !important; border-radius: 20px ;   border: 1px solid #707070; line-height: 1.3  ; margin-bottom: 40px; font-size: 14px; margin-left: -18px; margin-right: 18px;}

/* RESPOSTAS 
.no-events{ pointer-events:none; }
.pontos-0.active{ color:#f2f2f2; }
.pontos-1.active{ color:#cccccc; }
.pontos-2.active{ color:#b13d49; }
.pontos-3.active{ color:#efc835; }
.pontos-4.active{ color:#89c64d; }
.pontos-5.active{ color:#687232; }
.pontos-10.active{ color:#000000; }
*/
.no-events{ pointer-events:none; }
.pontos-1.active{ color:#b13d49; }
.pontos-2.active{ color:#efc835; }
.pontos-3.active{ color:#89c64d; }
.pontos-4.active{ color:#89c64d; }
.pontos-5.active{ color:#687232; }
.pontos-10.active{ color:#000000; }

.padding-respostas{ padding-right: 20px; }
.zoom-legenda{ zoom:90%;  margin-top: 20px; }
.zoom-grafico{ zoom:80%; margin: 0 auto; }
.zoom-grafico .bar{ display: none !important; }

p.opcao-resposta{ margin-bottom: 20px !important; padding-left: 20px; margin-left: -20px; }
p.opcao-resposta a{ font-size: 14px !important; margin-bottom: 0px; }
p.opcao-resposta a:hover{ text-decoration: none !important; color:#777 !important;  }
p.opcao-resposta a b{ font-weight: 500 !important; }
p.opcao-resposta a i{ margin-left: -17px; color: #F2F2F2; }
div.planos{ margin: 40px 0px; }
div.planos h2{ font-size: 15px; font-weight: bold; line-height: 1.3; color: #505050; }
div.planos p{ font-size: 14px; }
.padding-bottom-20{ padding-bottom:20px; }

div.modal-remove-confirm{ position: fixed; width: 380px; top:50%; left:50%; margin-left:-190px;  margin-top:-90px; background: #EBEBEB; border-radius: 30px; padding: 30px; z-index: 30; box-shadow: 20px 20px 20px rgba(0,0,0,.04); display: none; }
div.modal-remove-confirm:after{ content:" "; display: block; clear: both; }
div.modal-remove-confirm div.alert-icon{ width:25%; float: left; }
div.modal-remove-confirm div.alert-icon img{ width:50px; margin-top:20px; }
div.modal-remove-confirm div.alert-content{ width:75%; float: left; }
div.modal-remove-confirm div.alert-content p:first-of-type{ color:#6B6B6B; font-weight: bold; margin-bottom: 20px; font-size: 15px; }
div.modal-remove-confirm div.alert-content p > a.button{ font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,.25); margin-right: 10px;}

i.update-justificativa{ position: absolute; top:10px; right:30px; display: none; z-index: 10; }
i.update-pontos-fortes{ position: absolute; top:10px; right:20px; display: none; z-index: 10;}
i.update-oportunidades{ position: absolute; top:10px; right:20px; display: none; z-index: 10;}
i.update-pontos-desenvolver{ position: absolute; top:10px; right:20px; display: none; z-index: 10;}


/* PLANOS */
div.planos-linhas{ margin-bottom: 10px; }
div.planos-linhas div.col-40{ padding-top: 5px; }
a.remove-ideia-disabled{ pointer-events: none; opacity: .5; }

p.plano-text{ font-size: 16px; padding:11px 5px 11px 5px; color:#777;  position: relative; padding-right: 30px; max-width: 400px; border:1px solid #fff; margin-left:-23px; }
p.plano-text:hover{ border:1px solid #eee; }
p.plano-text:after{ content:" "; display: block; clear: both; }
p.plano-text > i{ color:#ddd; float: left; margin-right: 3px; padding-top: 2px;}
p.plano-text > span{ width: 100%;max-width: 340px; float: left; min-width: 20px;  }
p.plano-text > span:hover,p.plano-text > span:focus{ color:#333; }

p.plano-text > span:empty:not(:focus):before{
  content:"Insira sua resposta aqui";
  color:#505050;
}

p.plano-text > a{ position: absolute; top:8px; right: 5px; }
p.plano-text > a:hover{ opacity:.7;  }
p.plano-text > a img{ width: 24px; }
a.add-plano{ font-size: 15px; margin-top: 10px; display: inline-block; }
a.add-plano:hover{ color:#e45711; }


/* RESUMO */
.content-resumo{ max-width: 870px; margin:0 auto; }
.grafico-resumo{ margin:70px 0;  }
.grafico-resumo div.a{ position: relative;  }
.grafico-resumo div.a div a.bar{ display: none;  }
.grafico-resumo div.a div{ text-align: center;  }
.grafico-resumo div.a > a.left{ display: none; position: absolute; top:43%; left:-10px; }
.grafico-resumo div.a > a.right{ display: none; position: absolute; top:43%; right:-10px; }

.grafico-resumo div.b{ padding-top:40px; }

p.topic-pergunta{ font-weight: bold; font-size: 16px; margin-bottom: 15px; color:#515447;  }
p.topic-pergunta a{  }
p.topic-pergunta a:hover i{ color:#ED6E27;  }
p.topic-pergunta a span{ text-decoration: underline; color: #515447;  }
p.topic-pergunta a i{ color:#505050;  display: inline-block; margin-left: 20px; }
p.text-pergunta{ font-weight: 400; font-size: 16px;  margin-bottom: 20px; color:#505050; }
p.text-pergunta a{ font-weight: 500; color:#515447; text-decoration: underline; }
p.topic-pergunta-2{ font-weight: bold; font-size: 15px; margin-bottom: 15px; color:#505050;  }

.odd-even{ padding:30px 0px; }
.odd-even:nth-child(even){ background: #F2F2F2; }



/* GRAFICO */
div.grafico-perguntas{ position: relative; width: 300px; height: 300px; margin: 0 auto; }
div.grafico-perguntas div.circulo-bg{ position: relative; top: 20px; left: 20px;  width: 260px; height: 260px;  display: flex; align-items: center; justify-content: center; flex-direction:row; border-radius: 100%; }
div.grafico-perguntas div.circulo-bg:after{ content: " ";  position: absolute; border-radius: 100%;  z-index: 1; width: 100%; height: 100%; background: rgba(80, 80, 80, .71); top:0; left:0; }
div.grafico-perguntas div.circulo-bg > div{ position: relative; z-index: 2; }
div.grafico-perguntas div.circulo-bg > div strong{ font-size: 15px; font-weight: 400;  display: block; height: 50px; text-align: center; padding-top: 20px; color:#fff;  }
div.grafico-perguntas div.circulo-bg > div h2{ height: 100px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600;  display: block; text-align: center; line-height: 1.3; color:#fff;  }
div.grafico-perguntas .svg{ position: absolute; top:0; left:0; z-index: 3; }


div.grafico-padding { padding:40px 15px ; }
div.col-preenchimento{ zoom: .9; }

div.grafico { margin: 0 auto; }
div.grafico a.bar{ background: #B4B4B4; position: relative; display: block;  border-radius: 30px; max-width: 320px; margin:0 auto; margin-top:30px;   box-shadow: 0 0 0 0 #f7941d; transition: box-shadow .2s;  text-shadow: 0 0 1px rgba(0,0,0,.75); font-weight: 500; }
div.grafico a.bar span{ padding:10px; }
div.grafico a.bar.empty span{  background: #f7941d; font-weight: 500; color:#fff; display: block; font-size: 14px; border-radius: 30px; text-align: center; }
div.grafico a.bar.percent span{  background: #89c64d; color:#fff; display: block; font-size: 14px; border-radius: 30px;  box-shadow:2px 0px 0px 0px rgba(0,0,0,.2); }
div.grafico a.bar.percent em{ position: absolute; top: 10px; left: 0; width: 100%; font-weight: 500; color:#fff; display: block; font-size: 14px; border-radius: 30px; text-align: center;  font-style: normal; }
div.grafico a.bar:hover{  box-shadow: 0 0 0 7px #f7941d; transition: box-shadow .2s; }


a.bar-big{ background: #B4B4B4; position: relative; display: block;  border-radius: 30px; max-width: 320px; margin:0 auto; margin-top:30px;   box-shadow: 0 0 0 0 #f7941d; transition: box-shadow .2s;  text-shadow: 0 0 1px rgba(0,0,0,.75); font-weight: 500; max-width: 400px; margin:0 auto; }
a.bar-big span{ padding:10px; }
a.bar-big.empty span{  background: #f7941d; font-weight: 500; color:#fff; display: block; font-size: 14px; border-radius: 30px; text-align: center; }
a.bar-big.percent span{  background:  #89c64d;  color:#fff; display: block; font-size: 14px; border-radius: 30px; box-shadow:2px 0px 0px 0px rgba(0,0,0,.2);  }
a.bar-big.percent em{ position: absolute; top: 10px; left: 0; width: 100%; font-weight: 500; color:#fff; display: block; font-size: 14px; border-radius: 30px; text-align: center;  font-style: normal; }
a.bar-big:hover{  box-shadow: 0 0 0 7px #f7941d; transition: box-shadow .2s; }

.grafico-bg-1{ background: #B4B4B4 url(/wp-content/uploads/2021/10/pilar-1.webp) center center no-repeat; background-size: cover; }
.grafico-bg-2{ background: #B4B4B4 url(/wp-content/uploads/2021/10/gestao.webp) center center no-repeat; background-size: cover; }
.grafico-bg-3{ background: #B4B4B4 url(/wp-content/uploads/2021/10/inovacao.webp) center center no-repeat; background-size: cover; }
.grafico-bg-4{ background: #B4B4B4 url(/wp-content/uploads/2021/11/abacate.jpeg.jpg) center center no-repeat; background-size: cover; }

div.grafico.oco div.grafico-perguntas div.circulo-bg:after{ display: none; }
div.grafico.oco div.grafico-perguntas div.circulo-bg > div{ display: none; }
div.grafico.oco .grafico-bg-1{ background: white !important; }
div.grafico.oco .grafico-bg-2{ background: white !important; }
div.grafico.oco .grafico-bg-3{ background: white !important; }
div.grafico.oco .grafico-bg-4{ background: white !important; }
div.grafico.oco div.show-score{ display: none; }

div.grafico.no-bg div.grafico-perguntas div.circulo-bg:after{ display: none; }
div.grafico.no-bg div.grafico-perguntas div.circulo-bg > div{  }
div.grafico.no-bg div.grafico-perguntas div.circulo-bg > div strong{ color:black; }
div.grafico.no-bg div.grafico-perguntas div.circulo-bg > div h2{ color:black; }
div.grafico.no-bg .grafico-bg-1{ background: transparent !important; }
div.grafico.no-bg .grafico-bg-2{ background: transparent !important; }
div.grafico.no-bg .grafico-bg-3{ background: transparent !important; }
div.grafico.no-bg .grafico-bg-4{ background: transparent !important; }

div.grafico.no-circle div .svg{ display: none; }


/* VISAO GERAL */

.visao-geral-perguntas{  }
.visao-geral-perguntas h2{ margin-bottom: 15px;  }
.visao-geral-perguntas h2 a{ font-weight: bold; font-size: 18px; color:rgba(80, 80, 80, 1);  position: relative; }
.visao-geral-perguntas h2 a:hover{ color: #515447; text-decoration: underline; }
.visao-geral-perguntas h2 a i.empty{ color:#b13d49; position: absolute; top:2px; left:120px; }
.visao-geral-perguntas h2 a i.ok{ color:#95C11F; position: absolute; top:2px; left:120px; }
.visao-geral-perguntas p { margin-bottom: 40px; }
.visao-geral-perguntas p a{ font-size: 16px; color: rgba(80, 80, 80, 1); font-weight: 400; line-height: 1.4;}
.visao-geral-perguntas p a:hover{ color: #515447; text-decoration: underline; }
.visao-geral-perguntas p a b{  font-weight: 500; }

div.buttons-box{ text-align: center; margin:80px 0 0 0;   }
div.buttons-box a.button{ margin:0px 12px;   color:#fff; font-weight: bold;  width: 240px; text-align: center;}
div.buttons-box a.button:hover{ text-decoration:none; }
div.buttons-box p{ text-align: center; margin: 30px 0; }
div.buttons-box p a{ color:#7D7D7D; font-weight: 500; font-size: 15px; }

/* DIAGNOSTICO */
section.diagnostico{ padding:100px 20px;  background: #515447; }

div.box-diagnostico{ max-width: 870px; margin:0 auto; }
div.box-diagnostico h2{ color:#fff;  font-family: "WWF Font", Sans-serif; font-weight: normal; font-size: 40px; text-align: left; position: relative; }
div.box-diagnostico h2 div{ display: inline-block; position: relative; top: 13px; left: 10px;}
div.box-diagnostico h2 div label.custom-select { border:0 !important; margin-left: -1px; }
div.box-diagnostico h2 div label.custom-select:hover, p.seleciona-pergunta label.custom-select:focus { outline: 0; border: 0 !important; box-shadow:0 0 0 0 white !important; }
div.box-diagnostico h2 div label.custom-select { background-color: #515447;  background-image: url(../../uploads/2021/10/down-white.svg) !important; background-size: 15px auto; background-position: 60px 15px; }
div.box-diagnostico h2 div label.custom-select:after{ background-color: #515447 !important; }
div.box-diagnostico h2 div label.custom-select select{ font-weight: 400; padding-left: 10px;  padding-right: 0px; color:#fff;  min-width: 90px; font-size: 18px; font-family:"Open Sans", sans-serif ; }


div.box-diagnostico p{ color: #fff; margin: 40px 0; font-weight: 400; text-align: left; font-size: 16px;  }
div.box-diagnostico label{ color: #fff; margin-bottom: 10px; font-weight: 400; font-size: 15px; }
div.box-diagnostico textarea{ backgroud: #fff; color: #515447; font-size: 15px; min-height: 300px; margin-bottom: 30px; border-radius: 20px;  padding: 15px; } 

/*  PLANO DE AÇÃO */

section.plano{ padding:100px 20px; }
div.plano-de-acao{ max-width: 870px; margin:0 auto; }
div.plano-de-acao h2{ color:#515447;  font-family: "WWF Font", Sans-serif; font-weight: normal; font-size: 40px; text-align: left; position: relative; }
div.plano-de-acao div.box-indice{ margin-top:40px; margin-bottom: 30px;}
div.plano-de-acao div.box-indice div.titulo { padding-top:5px; }
div.plano-de-acao div.box-indice div.titulo p{ color:#505050; font-weight: bold; font-size: 16px; }
div.plano-de-acao div.box-indice div.anos{  text-align: center; }
span.plano-ano{ padding:7px 10px; display: inline-block; margin-right: 10px; border:1px solid #505050; color:#505050; font-size: 16px; border-radius: 25px; font-weight: 400; text-align: center; width:65px;}
span.plano-ano:last-of-type{ margin-right: 0px; }

span.plano-ano{ padding:7px 10px; display: inline-block; margin-right: 10px; border:1px solid #505050; color:#505050; font-size: 16px; border-radius: 25px; font-weight: 400; text-align: center; width:65px;}
span.plano-ano:last-of-type{ margin-right: 0px; }

div.box-ideias-divisor{ margin-bottom:30px; }
div.box-ideias div.pilar{ padding:5px 0 0 0 ; }
div.box-ideias div.pilar > strong{ font-weight: bold; position: relative; top:14px; }
div.box-ideias div.texto{ margin:0px 0; }
div.box-ideias div.texto p{ position: relative; border:1px solid transparent; margin-left:-6px; padding:10px 5px 5px 5px; min-height: 40px; }
div.box-ideias div.texto p:after{ content:" "; clear:both; display: block; }
div.box-ideias div.texto p:hover{ border:1px solid #ddd; }
div.box-ideias div.texto p a{ float: left; }
div.box-ideias div.texto p a:hover img{ opacity: .7; }
div.box-ideias div.texto p span{ width: 80%; float: left; font-size: 14px; font-weight: 400; color: #505050; padding: 2px 0 0 10px; display: block;  }
div.box-ideias div.texto p a.edit-ideia{ color:#505050; position: absolute; top:10px; right:15px; z-index: 5; font-size: 16px; }
div.box-ideias div.texto p a.edit-ideia:hover{ color:#777; position: absolute; top:10px; right:15px; z-index: 5; font-size: 16px; }
div.box-ideias div.dots{  text-align: center; padding-top: 7px; }
i.plano-ano-dot{ margin: 0 24px; color:#D1D1D1; font-size: 28px; display: inline-block; cursor: default; }
i.plano-ano-dot.black{ color:#515447 !important; background: none !important; }


/* CONSOLIDADO */
p.escolha-o-ano{ text-align: center; font-weight: bold; color:#505050; font-size: 16px; margin-bottom:20px; }
p.escolha-o-ano+p label.custom-select { background-color: #f2f2f2 !important; }
p.escolha-o-ano+p label.custom-select:after{ background: #F2f2f2 !important; }

div.col-consolidado > div{ zoom:75%; }

p.button-show-all{ text-align: center; margin-bottom: 20px; }
p.button-show-all a{ color:#505050; font-size: 16px; font-weight: 400;  }
p.button-show-all a i{ position: relative; bottom:-1px;  }
p.button-show-all a:hover{ color:#515447;   }

section.plano{ padding:100px 20px; }
div.box-plano{ max-width: 870px; margin:0 auto; }
div.box-plano h2{ color:#515447;  font-family: "WWF Font", Sans-serif; font-weight: normal; font-size: 40px; text-align: center; position: relative; margin-bottom: 50px; }
div.box-plano h2 div{ display: inline-block; position: relative; top: 3px; left: 10px;}
div.box-plano h2 div label.custom-select select{ font-weight: 400; padding-left: 20px;  padding-right: 0px; min-width: 120px; font-size: 16px; font-family:"Open Sans", sans-serif ; }


/* SCORE CONSOLIDADO */

.box-consolidado{  padding: 20px; text-align: center; max-width: 700px; margin:0 auto;  border-radius: 10px; }
.box-consolidado h2{ color:#333; text-align: center; padding:10px 20px; display: block; margin-bottom: 20px; font-size: 16px; font-weight: bold; border-bottom: 1px dashed #555; }
.box-consolidado h3{ font-size: 15px; font-weight: bold; border-bottom: 1px solid #ccc; text-align: left; margin-bottom: 10px; padding: 5px 0 10px 0 ; color:#333 }
.box-consolidado > ul li{ text-align: left; padding: 10px 0 10px 0; border-bottom: 1px solid #ddd;}

.ruler-points{ margin: 100px 0 0 0; position: relative; }
.ruler-points ul{  }
.ruler-points ul li{ text-align: left; padding: 10px 0 10px 0; color:#999; border-top:1px solid #555; padding-bottom: 20px; position: relative; }
.ruler-points ul li span{ margin-left:-15px; display: inline-block; width: 30px; text-align: center; color: #777;}
.ruler-points ul li:after{ content:" "; width:1px; height: 10px; background: #555; display: inline-block; position: absolute; top:-5px; left:0px;  }
.ruler-points ul li:first-of-type:before{ content:" "; width: 10px; height: 10px; border-radius: 100%; background:#555; display: inline-block; position: absolute; top:-5px; left: -5px; }
.ruler-points ul li:last-of-type:before{ content:" "; width: 10px; height: 10px;  border-radius: 100%; background:#555; display: inline-block; position: absolute; top:-5px; right: -5px;  }

/* HISTORICO */
p.historico-titulo-pilar{ color:#515447; text-align: center; font-weight: bold; font-size: 13px; margin-top: 30px; }
.grafico-pequeno{ zoom:40%; }
.grafico-pequeno div.grafico a.bar{ display:none; }
.grafico-pequeno-2{ zoom:70%; }
.grafico-pequeno-2 div.grafico a.bar{ display:none; }
.grafico-pequeno-2 div div .svg{ display: none; }
a.historico-hover div{ transition: transform .2s;  }
a.historico-hover:hover div{ transform: scale(1.07); transition: transform .2s ease; }
.box-graficos-historico{ margin-bottom: 30px; }
.box-pilares-historico{ max-width: 880px; margin:0 auto; }

.percent-mark{ height: 50px; border-left:1px dashed #333; width: 1px; position: absolute; top:-25px; left: 0; }
.logo-percent{ position: absolute; top:-80px;  z-index: 10; z-index: 3; margin-left: -24px; }


/* BUSCA EMPRESAS */
.form-busca-empresa{ width: 100%; max-width: 340px; margin:0 auto; position: relative; }
li.empresa-selecionada{  }
li.empresa-selecionada a{ font-weight: 400; font-size: 16px; color:#333; }
li.empresa-selecionada a:hover{ color:#cccccc; }
li.empresa-selecionada a i{ margin-left: 7px; }
div.input-busca{ padding: 20px 20px; border-bottom:1px solid #ccc; }
div.input-busca input{ background: transparent; width: 250px; border: 0; padding-left: 15px; color: #fff; margin-left: 5px; }
div.input-busca input::placeholder{ color:#fff !important; font-weight: 400 !important; }
div.input-busca input:focus{ box-shadow: 0 !important; }
li.busca-show-all{ background: #494949;  margin: 0 auto;  border-radius: 10px; margin-top:10px; display: block; display: none; position: absolute; top:40px; left:0;  }
li.busca-show-all::before{ content:" "; background: #494949;  position: absolute; top:-5px; left:50%; margin-left: -5px; width: 10px; height: 10px; transform: rotate(-45deg); }
li.busca-show-all ul.lista-empresas { width: 100%; }
li.busca-show-all ul.lista-empresas li{ display: block; max-height: 400px; overflow: auto; text-align: left; }
li.busca-show-all ul.lista-empresas li a{ display: block;  color:#fff; font-size:15px; padding:10px 20px; height: 70px; }
li.busca-show-all ul.lista-empresas li a img{ width: 48px !important; margin-right:10px; margin-bottom: -20px;  }
li.busca-show-all ul.lista-empresas li a span{  display: inline-block; width: 150px; text-align: left; }

a.empresa-selecionada{ display: block;  color:#fff; font-size:15px; padding:10px 0px; height: 70px;  display: inline-block; width: 330px; text-align: center;    }
a.empresa-selecionada img{ width: 48px !important; margin-right:10px; margin-bottom: -20px;  }


div.info-empresa{  }
div.info-empresa h2{ color: #6B6B6B; font-weight: bold;   font-size:18px; margin-bottom: 10px; }
div.info-empresa p{ color: #6B6B6B; font-weight:normal; margin-bottom: 30px;  font-size:16px; }


ul.lista-cadastros{}
ul.lista-cadastros li{ width: 100%; padding: 10px 10px; border-bottom: 1px solid #ccc; background: #f9f9f9;  }
ul.lista-cadastros li:nth-child(odd){ background: #f2f2f2;  }

ul.lista-cadastros li img{ width: 64px; float: left; margin-right: 15px; border-radius: 100%; box-shadow: 0 0 3px rgba(0,0,0,.25);}

ul.lista-cadastros li > div.info { width: 60%; float:left; }
ul.lista-cadastros li > div.info h2{ font-size: 13px; font-weight: bold !important; margin-bottom: 7px;  }
ul.lista-cadastros li > div.info p{ font-size: 13px; font-weight: normal;  margin-bottom: 3px; }
ul.lista-cadastros li > div.info a{ float: right; }
ul.lista-cadastros li > div.info { font-size: 14px; font-weight: normal; }
ul.lista-cadastros li > div.tools { width: 90px; max-width: 15%; float: right; }
ul.lista-cadastros li > div.tools > div a{ width: 100%; text-align: center;  font-weight: bold; }
ul.lista-cadastros li:after{ content: " ";  display: block; clear: both; }



/* ANIMATIONS */

@keyframes splash {

  from {  box-shadow: 0 0 0 0px rgba(27,147,208,.4); }

  to { box-shadow: 0 0 0 40px rgba(27,147,208,0); }

}


@keyframes splash-small {

  from {  box-shadow: 0 0 0 0px rgba(27,147,208,.4); }

  to { box-shadow: 0 0 0 20px rgba(27,147,208,0); }

}

@keyframes text_splash {

  from {  text-shadow: 0 0 0px rgba(0, 0, 0,.5); }

  to { text-shadow: 0 0 20px rgba(0, 0, 0,0); }

}


@keyframes text_splash_white {

  from {  text-shadow: 0 0 0px rgba(255, 255, 255,.85); }

  to { text-shadow: 0 0 20px rgba(255, 255, 255,0); }

}




@media only screen and (max-width: 768px) {

	#main-header{ background:#fff !important; }

}