*, body {font-family: 'Vivo', sans-serif !important;}
  
html{height: 100%; overflow-x: hidden;}
body{height: 100%; background-color: #FFFFFF; font-family: 'Vivo', sans-serif !important; font-weight: 400; color: #000000; overflow-x: hidden; /*background-image: url('../images/back-vino-centro.png');*/ background-position: top; background-repeat: no-repeat; background-size: 100%;}

a:hover{color: #000000; text-decoration:none !important;}

img {
  max-width: 100%;
  max-height: 100%;
}

/*helpers*/
.padding-0{padding: 0px;}

.padding-top-10{padding-top: 10px;}
.padding-top-20{padding-top: 20px;}
.padding-top-30{padding-top: 30px;}
.padding-top-40{padding-top: 40px;}
.padding-top-50{padding-top: 50px;}
.padding-top-60{padding-top: 60px;}
.padding-top-70{padding-top: 70px;}

.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-bottom-30{padding-bottom: 30px;}
.padding-bottom-40{padding-bottom: 40px;}
.padding-bottom-50{padding-bottom: 50px;}
.padding-bottom-60{padding-bottom: 60px;}
.padding-bottom-70{padding-bottom: 70px;}

.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.margin-top-50{margin-top: 50px;}
.margin-top-60{margin-top: 60px;}
.margin-top-70{margin-top: 70px;}

.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-60{margin-bottom: 60px;}
.margin-bottom-70{margin-bottom: 70px;}

.display-inline { display: inline-block; }

.none{display: none;}

/*força centralização imagem com class .img-responsive*/
.centro-imagem{margin: 0 auto;}

/*HEADER*/
header{width: 100%; height: 0; max-height: 85px; background-color: none; background: none !important;
background: -moz-linear-gradient(left, rgba(4,53,72,1) 0%, rgba(4,53,72,1) 1%, rgba(11,123,140,1) 54%, rgba(4,53,72,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,53,72,1)), color-stop(1%, rgba(4,53,72,1)), color-stop(54%, rgba(11,123,140,1)), color-stop(100%, rgba(4,53,72,1)));
background: -webkit-linear-gradient(left, rgba(4,53,72,1) 0%, rgba(4,53,72,1) 1%, rgba(11,123,140,1) 54%, rgba(4,53,72,1) 100%);
background: -o-linear-gradient(left, rgba(4,53,72,1) 0%, rgba(4,53,72,1) 1%, rgba(11,123,140,1) 54%, rgba(4,53,72,1) 100%);
background: -ms-linear-gradient(left, rgba(4,53,72,1) 0%, rgba(4,53,72,1) 1%, rgba(11,123,140,1) 54%, rgba(4,53,72,1) 100%);
background: linear-gradient(to right, rgba(4,53,72,1) 0%, rgba(4,53,72,1) 1%, rgba(11,123,140,1) 54%, rgba(4,53,72,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043548', endColorstr='#043548', GradientType=1 );
}
header .logo{padding-top: 25px;}
header .logo img{/*width: 80%;*/ margin: 0 auto; display: block;}
header .logo .vivo { display: block; }

header .area-logo {
  display: flex;
  align-items: center;
}

header .logoff {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header .logoff .bt-sair {
  margin-left: 8px;
}

h1.titulo_form{color: #78009d; font-family: 'Vivo', sans-serif !important; font-weight: 700; }
h1.etapa{color: #78009d; font-weight: 700; align-items: flex-end; }

.erro_form { border-color: red!important; }


input.nome_projeto{width: 99%; height: 40px; border: solid 1px #505050; outline: none; padding: 24px 10px; color: #003544; font-size: 15px; border-radius: 4px; margin-bottom: 10px;}
input.nome_projeto.erro { border-color: red; }
p.text-form{color: #78009d; padding: 5px 0; font-size: 16px; font-weight: 700; letter-spacing: 1px; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; text-transform: none;}
p.text-form2{color: #78009d; padding: 5px 0; font-size: 17px; letter-spacing: 1px; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; }
p.text-sub { color: #E98C00; font-size: 24px; font-weight: 700; font-family: 'Vivo', sans-serif !important; padding: 10px 0; }
p.text-description{color: #888; font-size: 16px; font-weight: 400;}

select.nome_projeto{width: 99%; height: 50px; border: solid 1px #505050; outline: none; padding: 7px; color: #003544; font-size: 15px; border-radius: 4px; margin-bottom: 20px; }
select.nome_projeto[disabled] {background-color: #fafafa;}
select.nome_projeto.erro { border-color: red; }
textarea.nome_projeto{width: 99%; max-width: 100%; height: 160px; border: solid 1px #505050; outline: none; padding: 10px; color: #5E5E5E; font-size: 16px; border-radius: 4px; margin-bottom: 0px; resize: none; }
textarea.nome_projeto::placeholder { color: #949494; }
.lbl-minimo { float: left; color: #E98C00; }
.the-count { float: right; margin-bottom: 20px; color: #E98C00; }
.nome_projeto_span { color: #5E5E5E; font-size: 16px;}
.input-video .form-control, .input-video .form-control:focus {background-color: #fff !important; color: #5E5E5E; border: solid 1px #505050; border-left: 0; outline: none; box-shadow: none !important; max-width: 350px; height: 50px; outline: none; padding: 7px; font-size: 16px; border-radius: 0 4px 4px 0 !important;}
.input-video .btn {font-size: 16px; padding: 16px 30px; height: 50px;}

.radio{color: #78009d; font-size: 15px; }

a.voltar-edicao{padding: 10px; border-radius: 4px; background-color: #fff; color: #78009d; border: 1px solid #78009D; padding: 24px 60px; font-size: 16px; font-weight: 600;  margin-top: 45px; font-family: 'Vivo', sans-serif !important; display: inline-block; }
a.voltar-edicao:hover{text-decoration: none;}

a.seguir{padding: 10px; border-radius: 4px; background-color: #78009d; color: #FFFFFF; padding: 24px 60px; font-size: 16px; font-weight: 600;  margin-top: 45px; font-family: 'Vivo', sans-serif !important; display: inline-block; }
a.seguir:hover{text-decoration: none;}
a.seguir.disabled { cursor: not-allowed; opacity: .4; }

.wrapper-botao { position: relative; }

.wrapper-botao .loader { 
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.4);
  position: absolute;
  display: none;

  &::after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50%);
    left: calc(50% - 20px);
    border-radius: 50%;
    border: 6px solid;
    border-color: #dbdcef;
    border-right-color: #a2a2a2;
    animation: spinnerLoader 1s infinite linear; 
  }
}

.wrapper-botao .loader.show {
  display: block;
}

@keyframes spinnerLoader {
   to {
      transform: rotate(1turn);
   }
}

a.bt-sair{padding: 10px; border-radius: 0 0 0px 0px; background-color: #78009D; color: #FFFFFF; padding-left: 20px; padding-right: 20px; font-size: 17px; text-transform: uppercase; font-family: 'Vivo', sans-serif !important;}
a.bt-sair:hover{text-decoration: none;}
a.bt-regulamento{text-transform: none; background-color: transparent; color: #78009D;text-decoration: none;}

button.inserir{width: 100%;}
a.validar, button.inserir{display:block; text-align:center; padding: 13px; border-radius: 4px; background-color: #78009D; color: #fff; font-size: 16px; font-weight: 700; border: 0; outline: none;}
a.validar:hover, button.inserir:hover,
a.validar:active, button.inserir:active,
a.validar:focus, button.inserir:focus {text-decoration: none;}

.image-upload{display: flex;}
.image-upload__bt{position: relative; display:block; text-align:center; padding: 13px; border-radius: 4px; background-color: #78009D; color: #fff; font-size: 16px; font-weight: 700;min-width: 140px; cursor: pointer;}
.image-upload__bt:hover,
.image-upload__bt:active,
.image-upload__bt:focus{text-decoration: none;}
.image-upload__bt input{position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;}
.image-upload__preview{width: 48.84px; height: 48.84px; border-radius: 4px; overflow: hidden; margin-left: 8px;}

.image-upload__show-modal{font-weight: 400; cursor: pointer;}
.image-upload__modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.image-upload__modal[hidden] {display: none;}
.image-upload__modal__content {background: #fff; padding: 64px; max-width: 960px; width: 100%; position: relative;}
.image-upload__modal__content__close {border: 0; background-color: transparent; outline: none; position: absolute; top: -50px; right: 0; color: rgba(255, 255, 255, .5); font-size: 40px; cursor: pointer;}
.image-upload__modal__content__container {padding: 24px;border: 1px solid #c3bbea;}
.image-upload__modal__content__container h3 {margin-top: 0; color: #78009D; font-size: 16px; font-weight: 700;}
.image-upload__modal__content__container p, .image-upload__modal__content__container ul {font-size: 16px; line-height: 1.5; color: #2d2d2d; font-weight: 400; margin: 0;}

#kpi-list {gap: 16px;}
#kpi-list .tag {background-color: #C8C8C8; color: #2d2d2d; font-size: 16px; font-weight: 400; display: flex; align-items: center; justify-content: flex-start; padding: 4px 8px;}
#kpi-list .bt {font-size: 24px; border: 0; color: #2d2d2d; background-color: transparent; padding: 0; margin-left: 10px; }

a.remover{ display: block; width: 50px; font-weight: bold; font-size:30px; text-align:center; padding: 13px; border-radius: 0px; background-color: #999; color: #FFFFFF; font-size: 17px; text-transform: uppercase; border-radius: 6px; }
a.remover:hover,
a.remover:active,
a.remover:focus{text-decoration: none;}

ul.radio li{list-style: none; float: left; padding: 0px;}
ul.radio li input{margin-top: 15px;}

h1.etapa-fim{ font-family: 'Vivo', sans-serif !important; font-weight: bold; color: #78009d; font-size: 40px; letter-spacing: 1px;}

a.fim{padding: 10px; border-radius: 0px; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; background-color: #78009d; color: #FFFFFF; padding-left: 20px; padding-right: 20px; font-size: 17px; text-transform: uppercase; margin-top: 45px; margin-right: 10px;}
a.fim:hover{text-decoration: none;}

footer{min-height: 200px; margin-top: 53px; background: url(../upload/bg-footer.jpg) no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; }

footer a{font-weight: bold; color: #000; text-decoration:none; }

footer a:hover {text-decoration:none; color: #000000; }

.login{width:99%; margin: 0 auto; padding: 13px; border: solid 1px #78009d; color: #FFFFFF; font-size: 15px; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; font-weight: 700; border-radius: 4px; background-color: #78009d; }

.login.voltar { display: inline-block; background-color: #fff; color: #78009d; }

.add-camp{background-color: #78009D; color: #FFFFFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;; width: 50px; height: 50px; text-align: center; display: block; border-radius: 100%; font-size: 30px; float: right;}

.silver{color: rgb(126, 126, 126);}

/*MENU*/
.bg-menu{width: 100%; height: 50px; background-color: #78009d; color: #FFFFFF;}
.bg-menu ul{padding: 0px; margin: 0px;}
.bg-menu ul li{float: left; list-style: none; color: #FFFFFF; padding-left: 5px; text-align: center;}
.bg-menu ul li a{float: left; list-style: none; color: #FFFFFF; width: 100%; height: 50px; text-transform: uppercase; letter-spacing: 1px; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; padding-top: 15px;}
.bg-menu ul li a:hover{text-decoration: none; color: #CCCCCC;}

.normativa{line-height: 25px; font-size: 17px; color: #000000;}
.normativa p {
    margin-bottom:15px;
}
ul.norm li{min-height: 30px; line-height: 30px; font-size: 17px;}

ul.menu li{width:20%;}

.nome_projeto_envia{
	padding: 16px;
    border: solid 2px #78009D;
    background-color: #78009D;
    /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;
    color: #FFFFFF;
    width: 50%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
    margin-bottom: 13px;
    margin-top: 7px;
    outline: none;
    text-transform: uppercase;
    border-radius: 0px;
    font-size: 16px;
}
.nome_projeto_obs{
	width: 100%; max-width: 100%; height: 110px; border: solid 1px #CCCCCC; outline: none; padding: 7px; color: #003544; font-size: 17px; border-radius: 0px; margin-bottom: 20px;
}

h2.categorias{
	/*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;
    color: #2D2D2D;
    font-size: 24px;
    letter-spacing: 1px;
}
p.categorias{font-size:16px;}

.background{position: absolute; top: 0; left: 0; min-height: 100%; width: 100%; z-index: -1;  padding:0px; background-image: url("../upload/bg-home-2025.jpg"); background-size:100% 100%; background-repeat:no-repeat; background-position:top;}

.home-topo {
  background: url("../upload/bg-home-2025.jpg") no-repeat;
  height: 700px;
  position: relative;
  overflow: hidden;
}

.titulo-home{
  color: #71009F;
  font-size: 80px;
  line-height: 1;
}

.titulo-home b {
  display: block;
}

.txt-intro {
  font-size: 40px;
  color: #71009F;
}

.txt-data {
  font-size: 28px;
  color: #71009F;
  margin-top: 15px;
}

.pag-home .wrap-mascote {
    position: absolute;
    top: -20px;
    right: -50px;
    transition: transform .1s ease-out;
}

.pag-home .wrap-mascote img {
    max-width: 45vw;
    max-height: none;
}

.pag-home .wrap-botoes {
  display: flex;
  gap: 20px;
  margin: 24px 0 0 0;
}

.pag-home .wrap-saiba-mais {
  display: flex; 
  justify-content: center;
}

.pag-home .wrap-saiba-mais a {
  width: calc(33% - 20px);
  text-align: center;
  margin-top: 65px !important;
  background-color: transparent;
  color: #71009F;
}

@media (min-width: 1660px) {
  .home-topo {
    height: 900px;
  }

  .pag-home .container {
    width: 1660px;
  }

  .titulo-home {
    font-size: 116px;
  }

  .txt-data {
    margin-top: 25px;
  }

  .pag-home .wrap-botoes {
    gap: 40px;
  }
}

.titulo-categoria{
	/*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;
	font-weight:bold;
    color: #696969;
    font-size: 26px;
    letter-spacing: 1px;
	text-transform:uppercase;
}
p.titulo-home{font-size:17px; color:#FFFFFF; letter-spacing:1px; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; font-weight:normal !important; text-transform:inherit;}

a.conheca-home{ font-size: 20px; padding: 15px 0; border: 1px solid #78009D; border-radius: 4px; background-color: #78009D; color:#FFFFFF; display:block; width:100%; text-align:center; margin: 0 auto; font-weight: 700; }

a.insc-home{padding:7px; border:solid 2px #FFFFFF; border-radius:0px; background-color:#FFFFFF; color:#770895; display:block; width:100%; text-align:center; margin: 0 auto;}

.psc-infos-home {
  display: flex; 
  flex-direction: column;
}

.logo-home {
  display: block;
  margin: 40px 0;
}

.logo-home img {
    max-width: 100%;
    display: block;
}

.nmt-login{width: 100%; height: 50px; display: block; border: solid 2px #770895; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; padding: 10px; text-transform: uppercase; font-size: 16px; color: #78009d;}
.nmt-login:hover{width: 100%; height: 50px; display: block; border: solid 2px #770895; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; padding: 10px; text-transform: uppercase; font-size: 16px; color: #78009d;}

/*Media query*/
@media only screen and (max-width: 930px) {
}

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

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

@media (max-width: 1600px) {
  .titulo-home img {
    width: 444px;
  }
  .psc-infos-home {
    right: 6%;
  }
}

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

@media(max-width: 1060px) {
  .psc-infos-home {
    right: 0% !important;
    left: 10%;
  }
}

@media(max-width: 1800px) {
 
}

@media(max-width: 770px) {
  .psc-infos-home {
    left: 0 !important;
  }
}

@media(max-width: 720px) {
  header .logo img {
    width: 50% !important;
  }
}

@media(max-width: 470px) {
  a.conheca-home, a.insc-home {
    width: 100% !important;
  }

  header .logo img {
    /*width: 80% !important;*/
  }

  .titulo-home img {
    width: 100%;
    margin-left: 20px;
  }
}

@media only screen and (max-width : 880px) {
    .sairLogo {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .col-xs-offset-3 {
        margin: 0;
    }
}

@media only screen and (max-width : 480px) {
  .modelo {
    font-size: 12px;
  }
}

@media only screen and (max-width : 320px) {
  .modelo {
    font-size: 10px;
  }
}

/* #etapa2,
#etapa3 { display: none; } */

.wrapper-cat .categorias {
  color: #2D2D2D;
}

.wrapper-cat .total b { 
  color: #E98C00;
}

.wrapper-select { 
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #2D2D2D;
}

.wrapper-select p {
  margin: 0 0 0 10px;
}

.wrapper-select select {
  margin: 0 0 0 10px;
}


.avaliacao h1.total { /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; color: #78009d; font-size: 25px; letter-spacing: 1px; font-weight:bold; }
.avaliacao h1.galeria { /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; color: #78009d; font-size: 30px; letter-spacing: 1px; font-weight:bold; display: flex; align-items: flex-start; justify-content: space-between; }
.avaliacao p.dados_galeria { /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; color: #666;   font-size: 15px;   letter-spacing: 0px; }
.avaliacao p.dados_galeria span { color:#78009d; font-weight:bold; font-size: 16px; }
.avaliacao a.link_galeria { padding:7px; border-radius:5px; background-color:#78009d; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; }
.avaliacao a.link_galeria:hover { text-decoration:none; }
.avaliacao h2 { /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; font-weight: bold; color:#78009d; margin-bottom: 30px;}
.avaliacao h3 { /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; color:#78009d; padding:5px 25px 5px 0; font-size: 18px; text-transform: uppercase; font-weight: bold;}
.avaliacao .galeria_tipo .inovacao { padding:7px; border-radius:7px; background-color:#4eafd9; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.avaliacao .galeria_tipo .expcli { padding:7px; border-radius:7px; background-color:#dbc70e; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.avaliacao .galeria_tipo .digital { padding:7px; border-radius:7px; background-color:#133556; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.avaliacao .galeria_tipo .adiante { padding:7px; border-radius:7px; background-color:#128636; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.avaliacao .galeria_tipo .conect { padding:7px; border-radius:7px; background-color:#78009d; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.avaliacao .galeria_tipo .efec { padding:7px; border-radius:7px; background-color:#df8312; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.galeria_tipo .experiencia {border-radius: 7px;} 
.avaliacao .bg-filtro { background-color:#ebebeb; padding: 5px 0; color:#78009d; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;; font-size:15px; }
.avaliacao .bg-filtro .row { min-height: 70px; display: flex; align-items: center; }
.avaliacao .bg-filtro a { color:#78009d; position:relative; font-size: 16px; display: flex; align-items: center; font-weight: 700; line-height: 1; }
.avaliacao .bg-filtro a:hover { text-decoration:none; }
.avaliacao .bg-filtro a img { margin: 0 10px 0 0; }
.avaliacao select.tipo { background-color:#78009d; padding:7px; border-radius:10px; color:#FFF; text-transform:uppercase; border:none; outline:none; }
.avaliacao select.dir { background-color:#FFFFFF; padding:7px; border-radius:10px; color:#78009d; text-transform:uppercase; border:none; outline:none; }
.avaliacao .pesq { width:100%; padding:7px; border:none; background-color:#FFFFFF; border-radius:7px; color:#78009d; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;; outline:none; padding-left:5px; padding-right:5px; text-transform:uppercase; }
.avaliacao button { background-color:transparent; border:none !important; outline:none; }
.avaliacao .box-cinza { background:#e5e5e5; border-radius: 30px; padding:20px; margin-top:20px; }
.avaliacao .box-cinza .separacao { border-top:1px solid #78009d; }
.avaliacao .botao-lilas,
.avaliacao .botao-lilas:active,
.avaliacao .botao-lilas:focus { color:#fff; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; background:#78009d; border-radius: 0px; padding:5px 25px; border:none; font-size: 18px; }
.avaliacao .botao-avalie,
.avaliacao .botao-avalie:active,
.avaliacao .botao-avalie:focus { padding: 16px 20px; color:#fff; font-weight: 600; font-family: 'Vivo', sans-serif !important; background:#78009d; border-radius: 4px; font-size: 16px; border: none; display: inline-block; }
.avaliacao .botao-avalie2,
.avaliacao .botao-avalie2:active,
.avaliacao .botao-avalie2:focus {  color:#fff; font-family: 'Vivo', sans-serif !important; background:#78009d; border-radius: 4px; padding: 24px 60px; ; border:none; font-size: 16px; font-weight: 600;  }
.avaliacao .botao-avalie3,
.avaliacao .botao-avalie3:active,
.avaliacao .botao-avalie3:focus {  color:#fff; font-family: 'Vivo', sans-serif !important; background:#78009d; border-radius: 0px; border:none; font-size: 15px; }
.avaliacao .info-avalie { display:inline-block; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; border:1px solid #78009d; color:#78009d; border-radius: 0px; padding:5px 15px; font-size: 15px; border-radius: 15px; }
.avaliacao .botao-editar,
.avaliacao .botao-editar:active,
.avaliacao .botao-editar:focus { color:#fff; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; background:#78009d; border-radius: 10px; padding:5px 10px; border:none; font-size: 14px; }

.avalie h1.galeria { margin: 0; }
.avalie .txt-avalie { color:#fff; margin: 0 0 15px 0; font-family: 'Vivo', sans-serif !important; font-weight: 600; font-size:14px; }
.avalie .txt-avalie sup { font-size: 10px; }

.avalie form .notas { border:1px solid #78009d; border-left:none; padding:5px 20px 20px 0; }

.avalie form .notas .center { text-align: center; padding:0 10px; }
.avalie form .notas .center:first-child { padding-left:0; }
.avalie form .notas select.nome_projeto { margin: 0; }
.avalie form .notas .msg { margin: 0; font-size: 16px; color: #E98C00; font-style: italic; font-weight: 700; }

.avalie form .notas table td { border-right: 1px dashed rgba(255, 255, 255, .4); padding: 3px 35px; text-align: center; vertical-align: top; }
.avalie form .notas table td:last-child { border: 0; }

.avalie form .notas .nota-final { background-color: #E98C00; padding: 18px 15px; text-align: center; color: #fff; font-weight: 700; border-radius: 4px; min-width: 120px; }
.avalie form .notas .nota-final p { font-size: 14px; }
.avalie form .notas .nota-final span { font-size: 24px; }

.avalie form .notas-bloco { justify-content: space-between; border: 1px solid rgba(255, 255, 255, 0.32); padding: 32px 16px; }
.avalie form .notas-bloco .txt-avalie { min-height: 42px; }

.avalie .wrapper-botao {  display: flex; align-items: center; }
.avalie .wrapper-botao .msg { margin: 0 0 0 20px; font-size: 16px; color: #E98C00; font-style: italic; font-weight: 700; }

.avalie .botao-avalie { background: #fff; color:#78009d; padding: 13px 20px; margin: 20px 0; }
.avalie { background:#78009d; }
.avalie h1,
.avalie span,
.avalie td { color:#fff !important; }

@media (min-width: 768px){
  .avalie form .notas { display: flex; align-items: center; margin: 20px 0; }
}

.avalie form .wrapper-notas { padding-top: 0; padding-bottom: 0; }
.avalie form .wrapper-notas .notas { padding: 0; }

.avaliacao .botao-feedback,
.avaliacao .botao-avafeedbacklie:active,
.avaliacao .botao-feedback:focus { padding: 16px 20px; color:#fff; font-weight: 600; font-family: 'Vivo', sans-serif !important; background:#78009d; border-radius: 4px; font-size: 16px; border: none; display: inline-block; }
.feedback .botao-feedback { padding: 13px 20px; margin: 20px 0; }

.feedback .wrapper-botao {  display: flex; align-items: center; }
.feedback .wrapper-botao .msg { margin: 0 0 0 20px; font-size: 16px; color: #E98C00; font-style: italic; font-weight: 700; }

.avaliacao .conectividade { padding:7px; border-radius:0px; background-color:#4eafd9; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.experiencia { padding:7px; border-radius:0px; background-color:#ff9900; color:#000; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.avaliacao .motivacao { padding:7px; border-radius:5px; background-color:#133556; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.avaliacao .receita { padding:7px; border-radius:5px; background-color:#ea3c7c; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.avaliacao .relevancia { padding:7px; border-radius:5px; background-color:#ff9b07; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.avaliacao .retorno { padding:5px 10px; border-radius:5px; background-color:#660198; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }
.avaliacao .responsabilidade{ padding:7px; border-radius:5px; background-color:#99cd32; color:#FFF; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;;text-transform:uppercase; letter-spacing:2px; font-size:14px; }

#enviar-avaliacao .modal-dialog { width:50%; }
#enviar-avaliacao tr { margin-top:10px; border-bottom:1px solid #78009d; padding-bottom:20px; }
#enviar-avaliacao h2 { /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; color: #78009d; font-size: 20px; letter-spacing: 1px; font-weight:bold; }
#enviar-avaliacao span { color: #78009d; }

.avaliacao .tutorial .passo { border:1px solid #78009d; position: relative; border-radius: 50px; padding:30px 50px 30px 0; margin-bottom:30px; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; color:#464646; font-size:18px; }
.avaliacao .tutorial .passo table { width: 100%; }
.avaliacao .tutorial .passo table td { vertical-align: middle; }
.avaliacao .tutorial .passo table td:first-child { width:50px; }
.avaliacao .tutorial .passo .numero { display:inline-block; background:#78009d; margin-left:-25px; width:50px; height:50px; top:50%; border-radius: 50px;  /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; color:#fff; font-size:26px; line-height: 50px; text-align: center; }
.avaliacao .tutorial .visualizar,
.avaliacao .tutorial .visualizar:active,
.avaliacao .tutorial .visualizar:focus { display:inline-block; color:#fff; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; background:#78009d; border-radius: 40px; padding:15px 35px; border:none; font-size: 22px; margin:30px; }
.avaliacao .todos-projetos { font-size:22px; }

/*.conectividade { background:#6f2c81; }
.experiencia { background:#ff9900; }
.adiante { background:#138637; }
.inovacao { background:#1899ce; }
.digital { background:#143657; }
.eficiencia { background:#de7d10; }*/



.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group{
    background-color: #770895; 
    border: solid 1px #770895;
    border-radius: 0px;
    font-family: 'Vivo', sans-serif !important;
    font-weight: 700;
    color: #FFFFFF;
    border-radius: 4px 0 0 4px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn{
    border-radius: 0px;
}

p.categorias{color: #333; font-size: 17px; line-height: 24px; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important; text-align: left;}
input[type="radio"], input[type="checkbox"]{width:20px; height: 20px;}

.categoria_classe {
    color: #fff;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-align: center !important;
    background: rgb(1, 148, 197);
    padding: 5px 20px !important;
    border-radius: 5px !important;
}

.flex-cinza {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.enviar-ava-btn {
    padding: 5px 20px !important;
    text-align: center;
    border-radius: 15px !important;
    height: fit-content;

}

.space-video {
    margin-bottom: 10px;
}

.title-category {
    color: #770895;
    margin-bottom: 20px;
}

.info-limit {
    color: #770895;
}

.peso {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

.box {
    width: 100%;
    height: 400px;
    background: #78009d;
    display:flex;
    align-items: center;
    justify-content: center;
}

.box p {
    font-size: 1.3em;
    color: #FFF;
    font-weight: bold;
}

/* PAGE NOT FOUND */

#notfound {
    position: relative;
    height: 100vh;
  }
  
  #notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  
  .notfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
  }
  
  .notfound .notfound-404 {
    position: relative;
    height: 240px;
  }
  
  .notfound .notfound-404 h1 {
    /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 252px;
    font-weight: 900;
    margin: 0px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -40px;
    margin-left: -20px;
  }
  
  .notfound .notfound-404 h1>span {
    text-shadow: -8px 0px 0px #000;
  }
  
  .notfound .notfound-404 h3 {
    /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin: 0px;
    letter-spacing: 3px;
    padding-left: 6px;
  }
  
  .notfound h2 {
    /*font-family: 'Roboto', sans-serif;*/ font-family: 'Vivo', sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 25px;
  }
  
  @media only screen and (max-width: 767px) {
    .notfound .notfound-404 {
      height: 200px;
    }
    .notfound .notfound-404 h1 {
      font-size: 200px;
    }
  }
  
  @media only screen and (max-width: 480px) {
    .notfound .notfound-404 {
      height: 162px;
    }
    .notfound .notfound-404 h1 {
      font-size: 162px;
      height: 150px;
      line-height: 162px;
    }
    .notfound h2 {
      font-size: 16px;
    }
  }

  /* Check box */

.box-check {

}

.periodo {
  
}

.col-andamento {
  display: flex;
  align-items: center;
  height: 50px;
}

.col-andamento input {
  margin: 0;
  width: 28px;
  height: 28px;
}

.col-andamento label {
  margin: 0 0 0 10px;
  color: #2D2D2D;
  font-weight: 500;
}

.andamento {
  font-size: 13px;
  text-align: center;
}

.col-inscrito {
  margin: -10px 0 0;
  display: flex;
  align-items: center;
}

.col-inscrito input {
  margin: 0;
  width: 28px;
  height: 28px;
}

.col-inscrito label {
  margin: 0 0 0 10px;
  color: #2D2D2D;
  font-weight: 500;
}


.flex-check {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
}
  
.flexH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.flexCenter {
  display: flex;
  align-items: center;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}