html{
  margin: 0;
  padding: 0;
}
body{
  -webkit-font-smoothing: antialiased;
  position: relative;
  color: #555;
  background-color: rgba(187, 211, 213, .2);
}
h1{color: #fff;font-size: 48px;font-weight: bold;padding-bottom: 1rem;}
h2{color: #00838F;text-align: center;padding-top: 1rem; padding-bottom: 1rem}
h3{color: #006065;font-size: 22px;}
h4{}
h5{color: #006065;font-size: 18px;font-weight: bold;}
.error{
  color: #f16933 !important;
  margin: 0;
}
.conteudo .h-100{
  height: -moz-calc(100% - 80px) !important;
  height: -webkit-calc(100% - 80px) !important;
  height: -o-calc(100% - 80px) !important;
  height: calc(100% - 80px) !important;
}
.min-vh-100{
  min-height: 100vh;
}
.conteudo{
  margin-top: 100px;
}
.jumbotron{
  background-color: #BBD3D5;
  border: solid 1px #96B6B9;
  border-radius: 3px;
}
.form-control{padding: 0.6rem 1.2rem;}

.alert_timeout{
  margin: 2rem;
  padding: 2rem;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0px;
  /* top: 5%; */
  max-width: 600px;
  z-index: 10000;
}

select.form-control:not([size]):not([multiple]){height: 3rem;}

/* QUILLJS */

.ql-container.ql-snow{
  background-color: #fff;
  height: 300px;
}

/* BOTOES */

.btn-lg {border-radius: 3px;padding: .75rem 1rem;font-size: 20px}

.btn-primary {background-color: #00838F !important;border-color:#00838F !important}
.btn-primary:hover {background-color: #00838F  !important;border-color:#00838F  !important;}
.btn-primary:focus {background-color: #036b75  !important;border-color:#036b75  !important;}
.btn-primary:active {background-color: #036b75  !important;border-color:#036b75  !important;}
.btn-primary.focus, .btn-primary:focus {box-shadow: 0 0 0 0.2rem rgba(26, 107, 117, 0.5);}

.btn-secondary {background-color: #FF9802  !important;border-color:#FF9802  !important}
.btn-secondary:hover {background-color: #FF9802  !important;border-color:#FF9802  !important;}
.btn-secondary:focus {background-color: #DF8503  !important;border-color:#DF8503  !important;}
.btn-secondary:active {background-color: #DF8503  !important;border-color:#DF8503  !important;}
.btn-secondary.focus, .btn-secondary:focus {box-shadow: 0 0 0 0.2rem rgba(223, 133, 1, 0.5);}

.btn-outline-secondary {border-color:#FF9802  !important; color:#FF9802  !important}
.btn-outline-secondary:hover {background-color: #FF9802  !important; color:#FFF !important;}
.btn-outline-secondary:focus {background-color: #FF9802  !important; color:#FFF !important;}
.btn-outline-secondary:active {background-color: #FF9802  !important; color:#FFF !important;}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {box-shadow: 0 0 0 0.2rem rgba(223, 133, 1, 0.5);}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #00838F;}
.nav-link:focus, .nav-link:hover{color:#006065;}
.btn-success {}
.btn-danger {}
.btn-warning {}
.btn-info {}
.btn-light {}
.btn-dark {}
.btn-outline-primary {color: #00838F;background-color: transparent;background-image: none;border-color: #00838F;}
.btn-outline-primary:hover{color: #fff;background-color: #00838F;border-color: #00838F;}
.btn-outline-secondary {}
.btn-outline-success {}
.btn-outline-danger {}
.btn-outline-warning {}
.btn-outline-info {}
.btn-outline-light {}
.btn-outline-dark {}

.form-control::-webkit-input-placeholder {
  color: #909090;
}

.navbar{
  min-height: 100px;
  background-color: #fff;
  padding: 0;
  box-shadow: 0 2px 3px rgba(31, 72, 130,0.08);
  font-size: 20px;
}
.navbar-collapse{
  background-color: #fff;
}
.navbar-light .navbar-nav .nav-link{
  color: #0097A7;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
  color: #0097A7;
  font-weight: bold;
}

/* HOME BANNER */

.home .banner{
  background-color: #FF9802;
}

.home .banner .container h1{
  text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.home .banner .container h4{
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.5);
  padding-bottom: 1rem;
}
.home .como-funciona{
  padding-top: 1rem;
  background-color: #FFF;
}

.home .como-funciona .subtitulo{
  text-align: center;
  color: #4B6A6C;

}
.home .como-funciona .item{
  min-height: 180px;
  color: #4B6A6C;
  background-color: #EAF2F2;
  padding: 20px;
  font-size: 15px;
  border: solid 1px #BBD3D5;
  border-radius: 8px;
}
.home .iniciativa{
  background-color: rgba(187, 211, 213, .3);
}
.iniciativa a{
  text-decoration: none;
}
.iniciativa a:hover{
  color: #006065;
}
.iniciativa .card-img-top{
  height: 200px;
  object-fit: cover;
}
.iniciativa .card .iniciativa-tipo{
  position: absolute;
  background-color: #E55100;
  color: #FFF;
  border-radius: 3px;
  margin: 12px;
  padding: 2px 12px 2px 12px;
  font-size: .9rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.iniciativa .card-body p{
  font-size: 14px;
}
.iniciativa .card-body .objetivo{
  background-color: #00838F;
  color: #FFF;
  font-size: 12px;
  padding: 2px 10px 4px 10px;
  border-radius: 3px;
}
.iniciativa .card .titulo-card{
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  height: 95px;
  margin-top: -95px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);
}
.iniciativa .card_imagem{
  height: 180px;
  object-fit: cover;
}
.iniciativa .card_imagem_lg{
  height: 230px;
  object-fit: cover;
}
/* HOME  */

/* LOGIN */
.login{
  background-color: #FFF;
}
.login .img-fluid{
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.login form{
  width:90%;
}
.login p,a{
  color: #006065;
  font-size: 15px;
}
.login a:link{text-decoration: none;}
.login a:hover{color:#006065;}

.login label{
  color: #4B6A6C;
  font-size: 14px;
}
.login-formulario{
  padding-top: 60px;
}
.login-imagem{
  background-color: #F99807;
}
/* LOGIN */

/* INICIATIVAS */

.iniciativas .objetivo{
  padding: 1rem;
  border: solid 1px #25C6DA;
  margin-bottom: 2rem;
  height: 80px;
}
.iniciativas h3 {padding-top: 2rem}

.iniciativas label{
  display: grid;
  text-align: center;
  align-items: center;
  font-size: 14px;
  color: #006065;
  padding: 0.5rem;
  cursor: pointer;
  border: 2px solid #BBD3D5;
  border-radius: 3px;
  width: 100%;
  min-height: 80px;
}
.iniciativas input{
	display: none;
}
.iniciativas input:checked + label,.iniciativas  input:checked + label,.iniciativas input:checked + label{
	border: 2px solid #25C6DA;
}

.iniciativas input:checked + label:after, .iniciativas input:checked + label:after,.iniciativas input:checked + label:after{
  content: "\2713";
    width: 24px;
    height: 24px;
    line-height: 23px;
    border-radius: 100%;
    background-color: #25C6DA;
    z-index: 999;
    position: absolute;
    top: -8px;
    left: -8px;
    color: #FFF;
}
/* INICIATIVAS */


/* iniciativa-detalhes */
.iniciativa-detalhes .iniciativa-controle{
  padding: 1rem 0;
  background-color: #fff;
  border-bottom: solid 1px#BBD3D5;
  text-align: end;
}
.iniciativa-detalhes .iniciativa-conteudo{
  padding: 2rem 0;
  background-color: #fff;
}
.iniciativa-conteudo .comentario-item {
  border-top: solid 1px rgba(0,0,0,.1);
  padding-top: 1.5rem;
}
.iniciativa-conteudo .comentario-item:last-of-type {
  border-bottom: solid 1px rgba(0,0,0,.1);
}
.iniciativa-detalhes .iniciativa-conteudo img {
  max-width: 100%;
}
.iniciativa-detalhes .iniciativa-conteudo .ql-video {
    width: 660px;
    height: 371px;
}
.iniciativa-detalhes .iniciativa-conteudo .fa-circle{
 padding-right: 1rem;
}
.iniciativa-detalhes .iniciativa-conteudo h3{
  padding: 0.5rem 0;
 }
.iniciativa-detalhes .iniciativa-conteudo h5{
  padding: 1rem 0;
  font-size: 22px;
 }
 .iniciativa-detalhes .iniciativa-conteudo h6{
  padding: 1rem 0;
  font-size: 18px;
  color: #00838F;
 }
 .iniciativa-detalhes .iniciativa-conteudo .card-etapa{
  border-bottom: solid 1px#BBD3D5;
 }
.iniciativa-detalhes .capa{
  background-color: rgba(187, 211, 213, .3);
  padding: 2rem !important;
}
.iniciativa-detalhes .imagem-capa{
  max-width: 100%;
  max-height: 480px;
  border-radius: 5px;
}
.iniciativa-detalhes h5{
  color: #00838f;  
}
.iniciativa-detalhes .etapa-atual{
  color: #00838F;
}

.iniciativa-detalhes .etapa-pendente{
  color: #9E9E9E;
}

.iniciativa-detalhes .objetivo {
  background-color: #00838F;
  color: #FFF;
  font-size: 13px;
  padding: 2px 20px 4px 20px;
  border-radius: 3px;
}
.iniciativa-detalhes .ideia-pai{
  border: solid 1px #dbe8e9;
  border-radius: 5px;
}

.iniciativa-detalhes .votos {
  color: #006065;
    font-size: 22px;
}

/* iniciativa-detalhes */

/* NOVA-INICIATIVA */
.nova-iniciativa label p, label h2{color: rgba(0, 0, 0, 0.6);text-align: left;; }
.nova-iniciativa label{
  background-color: #fff;
  color: #006065;
  text-align: center;
  font-size: 16px;
  padding: 1.5rem;
  cursor: pointer;
  border: 2px solid #BBD3D5;
  border-radius: 3px;
  width: 100%;
  min-height: 200px;
}
.nova-iniciativa input{
	display: none;
}
.nova-iniciativa input:checked + label,.nova-iniciativa  input:checked + label,.nova-iniciativa input:checked + label{
	border: 2px solid #25C6DA;
}

.nova-iniciativa input:checked + label:after, .nova-iniciativa input:checked + label:after,.nova-iniciativa input:checked + label:after{
  content: "\2713";
    width: 24px;
    height: 24px;
    line-height: 23px;
    border-radius: 100%;
    background-color: #25C6DA;
    z-index: 999;
    position: absolute;
    top: -8px;
    left: -8px;
    color: #FFF;
}
/* NOVA-INICIATIVA */

/* NOVA-INICIATIVA OBJETIVOS */

.novo-desafio-objetivos{
  text-align: center;
}
.novo-desafio-objetivos label{
  display: grid;
  text-align: center;
  align-items: center;  font-size: 14px;
  color: #006065;
  padding: 0.5rem;
  cursor: pointer;
  border: 2px solid #BBD3D5;
  border-radius: 3px;
  width: 100%;
  min-height: 80px;
}
.novo-desafio-objetivos input{
	display: none;
}
.novo-desafio-objetivos input:checked + label,.novo-desafio-objetivos input:checked + label,.novo-desafio-objetivos input:checked + label{
	border: 2px solid #25C6DA;
}

.novo-desafio-objetivos input:checked + label:after, .novo-desafio-objetivos input:checked + label:after,.novo-desafio-objetivos input:checked + label:after{
  content: "\2713";
    width: 24px;
    height: 24px;
    line-height: 23px;
    border-radius: 100%;
    background-color: #25C6DA;
    z-index: 999;
    position: absolute;
    top: -8px;
    left: -8px;
    color: #FFF;
}
/* NOVA-INICIATIVA OBJETIVOS */

/* NOVA IDEIA */

.nova-ideia .container{
  max-width: 800px;
}
.nova-ideia .form-group{
  margin-bottom: 2rem;
}
.nova-ideia h3{
  margin-bottom: 1.5rem;
}
.nova-ideia  label {
    font-size: 1rem;
    margin-bottom: 0rem;
}

.capa{
  padding: 2rem !important;
  background-color: rgba(187, 211, 213, .3);
}
/* NOVA IDEIA */


/* NOVO DESAFIO */

.novo-desafio .container{
  max-width: 800px;
}
.novo-desafio .form-group{
  margin-bottom: 2rem;
}
.novo-desafio h3{
  margin-bottom: 1.5rem;
}
.novo-desafio h4{
  font-size: 1.2rem;
  color: #82A5A8;
}
.novo-desafio label {
    font-size: 1rem;
    margin-bottom: 0rem;
}
/* NOVO DESAFIO */

/* MINHAS-COISAS */
.minhas-coisas{background-color: rgba(187, 211, 213, 0.3)}
.minhas-coisas .card-text{font-size: 15px;}
.minhas-coisas h3{
  padding-bottom: 0px;
  padding-top: 2rem;
}
.minhas-coisas .nav a{
  font-weight: bold;
  font-size: 14px;
}
.minhas-coisas .objetivo-mes{
  background-color: #00838F;
  color: #FFF;
  padding: 1rem;
}
.minhas-coisas .objetivo-mes span{
  font-size: 12px;
  font-weight: bold;
}
.minhas-coisas .objetivo-mes h5{
  color: #FFF;
  padding-top: 8px;
}

.btn-avatar{
  background-color: transparent;
}
.minhas-coisas .iniciativa{

}
/* MINHAS-COISAS */

/* DUVIDAS */
.duvidas .btn-link{
  color: #00838F;
  font-size: 18px;
}
/* DUVIDAS */