@import url("componentes.css");
@import url("../../../css/compartilhado.css");
@import url("../../../css/responsive-tables.css");
@import url("../../../css/react-select.css");
@import url("../../../font-awesome/css/font-awesome.min.css");

/***************************************
    GRADE DE PROGRAMAÇÃO
***************************************/
ul.legenda { padding: 5px 0 25px; margin: 0;}
ul.legenda li.colorbox { margin:0 7px 7px 0; padding:0 5px; vertical-align: middle; width: auto; display: inline-block; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02); border-radius:3px;}
ul.legenda li .title { font-size:12px; line-height:14px;}

.programacaograde>thead>tr>th { vertical-align:middle; text-align:center;}
.programacaograde tr td { border-width: 1px;}
.programacaograde a { font-size: 12px; line-height:15px; word-wrap:break-word; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius:3px; margin:3px 0 0 0; padding:3px; display:block; line-height:14px;}
.programacaograde a:hover { background:rgba(0,0,0,0.04); text-decoration:none; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);}

.programacaograde a.detalhesatividade { color:rgba(255, 255, 255,0.9) !important; background:rgba(0,0,0,0.2) !important; font-size: 11px; line-height:12px; word-wrap:break-word; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius:3px; padding:4px 5px; margin:5px 10% 3px 10%; text-transform:none; display:block;}
.programacaograde a.detalhesatividade:hover { background:rgba(0,0,0,0.05);}

.programacaograde .bandeira-estrangeiro { max-height: 18px;}

.programacaograde .subatividades { margin-left:2px; padding:0 3px; background:rgba(255, 255, 255,0.2); border-radius:3px;}
.programacaograde .subatividades .observacao-subatividade {font-size: 12px; line-height: 14px; margin: 5px 0 0 0; padding-bottom: 2px;}

.programacaograde h2 { font-size:16px; line-height:18px; margin:0; padding:0; font-weight:bold; color:rgba(0, 0, 0, 0.7);}
.programacaograde h3 { font-size:13px; line-height:15px; margin:0; padding:3px 0;}
.programacaograde p { font-size:12px; line-height:14px; margin:5px 0 0 0;}
.programacaograde p.nomepalestrante { font-size:11px; line-height:12px; margin:5px 0 0 0; font-weight:400;}
.programacaograde .funcao { display:block;}
.programacaograde .instituicaopalestrante { display:block; font-weight:300;}
.programacaograde hr { border-top:1px solid rgba(255, 255, 255, 0.3); margin:5px 0;}

@media screen and (max-width: 767px) {
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal !important;
  }

.programacaograde  { table-layout:fixed;}
.programacaograde th.salaatividades { width:200px !important; white-space: nowrap !important;}
}

.lista-atividades-convidado .panel-heading a { text-decoration:none;}
.lista-atividades-convidado .panel-heading span { display:block;}
.lista-atividades-convidado .panel-heading .check { line-height:15px; margin:0; display:block; background:rgba(255,255,255,0.7);}

.lista-atividades-convidado .panel-success .panel-heading a, .lista-atividades-convidado .panel-danger .panel-heading a, .lista-atividades-convidado .panel-primary .panel-heading a, .lista-atividades-convidado .panel-info .panel-heading a, .lista-atividades-convidado .panel-default .panel-heading a, .lista-atividades-convidado .panel-warning .panel-heading a { color:rgba(0, 0, 0, 0.7);}

.lista-palestrantes dl, .lista-palestrantes dd { line-height:24px;}
.lista-palestrantes .flag { max-height:22px; vertical-align:bottom;}
.listadepalestrantes .nomepalestrante { font-weight:bold; margin:0; padding:0; line-height:1em;}
.listadepalestrantes .cidadeestado { line-height:1em; padding-top:2px;}
.listadepalestrantes .media-body {vertical-align:middle;}
.listadepalestrantes .list-group-item .img-circle {
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
}
.listadepalestrantes .list-group-item:hover .img-circle { border-radius:7px !important;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
}

.horaatividade { display: block; font-size: 10px; white-space: nowrap; line-height: 12px; font-weight:500;}
.subatividades .horaatividade { display: block; font-size: 10px; white-space: nowrap; line-height: 12px;}

.programacaograde { table-layout:fixed; word-break:break-word;}
.programacaograde th, .programacaograde td { padding:4px 3px !important;}

@media(max-width:979px) {
	.programacaograde { table-layout:auto; word-break:normal;}
}

.conflito .glyphicon { font-size:55px; display:block; margin-bottom:7px;}

/***************************************
    PROGRAMAÇÃO ABERTA
***************************************/
.filtrosatividades .panel-default .panel-heading { background: var(--titulo-base, #2F4C78); color:#FFF;}

.programacaoaberta {}
.programacaoaberta .atividadebloco { padding: 0; margin: 20px 0 0 0;}

.programacaoaberta h2 { margin: 0; padding:5px 0;}
.programacaoaberta h3 { margin: 0; padding:0 0 5px 0;}

.programacaoaberta .nav-pills { background:none; margin-bottom:15px;}
.programacaoaberta .nav-pills a { border-radius:0px 0px 40px 40px; position: relative;}
.programacaoaberta .nav-pills .active:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color:rgba(0, 0, 0, 0.1); border-width: 10px; margin-left: -10px;}

.programacaoaberta .nav-pills a:hover { border-color: rgba(0,0,0,0); background: rgba(0, 0, 0, 0.2);}
.programacaoaberta .nav-pills>li.active>a, .programacaoaberta .nav-pills>li.active>a:focus, .programacaoaberta .nav-pills>li.active>a:hover { border: 0; background: rgba(0, 0, 0, 0.1);}
.programacaoaberta .nav-pills li h2 { text-align: center; font-size:14px; font-weight:300;}
.programacaoaberta .nav-pills li.active h2 { font-weight:bold;}

.programacaoaberta .nav-tabs { background: var(--titulo-base, #2F4C78);}
.programacaoaberta .nav-tabs a:hover { border-color: rgba(255,255,255,0); background: rgba(255, 255, 255, 0.3);}
.programacaoaberta .nav-tabs>li.active>a, .programacaoaberta .nav-tabs>li.active>a:focus, .programacaoaberta .nav-tabs>li.active>a:hover { border: 0; background: rgba(255, 255, 255, 0.2);}
.programacaoaberta .nav-tabs li h3 { text-align: center;}
.programacaoaberta .nav-tabs li h3 .atividadedata { color: rgba(255,255,255,1);}
.programacaoaberta .nav-tabs li h3 .diasemana { color: rgba(255,255,255,0.7);}

.programacaoaberta .atividadedata { font-size: 18px; line-height: 22px; margin: 0; padding: 0;}
.programacaoaberta .diasemana { font-size: 12px; line-height: 14px; font-weight: 300; margin: 0; padding: 0;}
.programacaoaberta .diasemana::before { content:" / ";}
.programacaoaberta .diasemana::after { content:"";}

.programacaoaberta .linhaatividades { padding-left: 10px; border-left: 2px solid #EEEEEE;}

.programacaoaberta .observacao-atividade { font-size:12px; line-height:16px; margin-bottom:10px; margin-top:3px;
  background: #FDFDFD;
  color: #333;
  padding:10px;
  position: relative;
  width: 100%;
}

.programacaoaberta .observacao-atividade:before {
  border:8px solid transparent;
  border-bottom-color: #FDFDFD;
  content: "";
  top: -15px;
  position: absolute;
}

.programacaoaberta .atividadearea { font-size: 22px; line-height: 24px; margin:15px 0 0 0; padding: 20px 0 5px 0; border-bottom: 1px solid rgba(0,0,0,0.1); display: block;}
.programacaoaberta .atividadetipo { font-size: 10px; line-height: 12px; margin: 0; padding: 0; display: block; font-weight: lighter;}
.programacaoaberta .atividalocal {  margin: 0; padding: 10px 0 0 0; display: block;}
.programacaoaberta .atividadesala { font-size: 14px; line-height: 16px; font-weight: 500;}
.programacaoaberta .atividadearealista { font-size: 22px; line-height: 24px; margin:15px 0 10px 0; padding: 20px 0 5px 0; border-bottom: 1px solid rgba(0,0,0,0.1); display: block;}
.programacaoaberta .atividadegrade { font-size: 14px; line-height: 16px; font-weight: 500;}
.programacaoaberta .atividadegrade::after { content:" - ";}

.programacaoaberta .atividadebloco { margin-bottom: 0; min-height: 50px;}
.programacaoaberta .atividadeprincipal dt { text-align: left; width: 105px; white-space:normal; overflow: visible;}
.programacaoaberta .atividadeprincipal dd { margin-left: 115px;}
.programacaoaberta .atividadeprincipal .atividadehora { color: #222; font-size: 15px; line-height:20px; font-weight: bold; margin: 0; padding: 0 0 5px 0;}
.programacaoaberta .atividadeprincipal .atividadetema { color: var(--titulo-base, #2F4C78); font-size: 16px; line-height:20px; font-weight: bold; margin: 0 0 5px 0; padding: 0;}
.programacaoaberta .atividadeprincipal .atividadeobservacao { border:0; background:rgba(0,0,0,0.05); padding:10px 5px 5px 5px; font-family:sans-serif; font-size: 12px; line-height: 16px; text-align: justify;}
.programacaoaberta .atividadeprincipal .palestrantes { list-style: none; margin: 0; padding: 0 0 15px 0;}

.programacaoaberta .fotopalestrante { max-height:40px; max-width:40px;}
.programacaoaberta .media-heading { margin-bottom: 0; padding-bottom: 0; font-size: 14px;}
.programacaoaberta .media { padding-top: 5px;}

.programacaoaberta .palestrantes a { color: var(--link-base, #2F4C78);}
.programacaoaberta .palestrantes li { padding-bottom: 5px;}
.programacaoaberta .palestrantes .bandeira-estrangeiro { max-height: 20px;}
.programacaoaberta .nomepalestrantes {}
.programacaoaberta .regiaopalestrantes {}
.programacaoaberta .regiaopalestrantes::before { content:"(";}
.programacaoaberta .regiaopalestrantes::after { content:")";}
.programacaoaberta .funcaopalestrante {}
.programacaoaberta .funcaopalestrantes {}
.programacaoaberta .funcaopalestrantes::after { content: ": "}
.programacaoaberta .situacaopalestrantes { color: rgba(0,0,0,0.5); font-size: 12px;}
.programacaoaberta .situacaopalestrantes:hover { color: rgba(0,0,0,1);}

.programacaoaberta .subatividade { margin:5px 0; position:relative;}
.programacaoaberta .subatividade dt { text-align: left; width:90px;}
.programacaoaberta .subatividade dd { margin-left: 100px;}
.programacaoaberta .subatividade .subatividadehora { color: #333; font-size: 13px; line-height:18px; font-weight: 500; margin: 0; padding: 0 0 5px 0;}
.programacaoaberta .subatividade .subatividadetema { color: #222; font-size: 14px; line-height:18px; font-weight: 500; margin: 0; padding: 0 0 5px 0;}
.programacaoaberta .subatividade .palestrantes { padding: 0;}

.programacaoaberta .separadoporarea .subatividadehora::before { border:3px solid #FFF; background: #DDD; content: ' '; border-radius: 50%; position: absolute; left: -17px; margin-top:3px; width: 12px; height: 12px;}

.atividadeindividual .subatividadehora::after,
.atividademodal .subatividadehora::after { border:3px solid #FFF; background: #DDD; content: ' '; border-radius: 50%; position: absolute; width: 12px; height: 12px;}

.atividademodal .subatividadehora::after { left:95px; margin-top:-25px;}
.atividadeindividual .subatividadehora::after { left:95px; margin-top:-26px;}

.programacaoaberta .atividadesala::before { font-family: FontAwesome;  content: '\f041'; color: rgba(0,0,0,0.5); padding-right: 3px;}

.programacaoaberta .bullet { border: 3px solid #FFF; content: ' '; border-radius: 50%; position: absolute; left: 127px; margin-top:0px; margin-left:-5px; width: 18px; height: 18px;}


@media(max-width:979px) {
	.programacaoaberta .atividadeprincipal dt { text-align: left; width: 100%; white-space:normal; overflow: visible;}
	.programacaoaberta .atividadeprincipal dd { margin-left: 0;}
	.programacaoaberta .atividadetipo { padding-bottom: 15px;}

	.programacaoaberta .subatividade dt { text-align: left; width:100%;}
	.programacaoaberta .subatividade dd { margin-left: 0px;}
	.programacaoaberta .subatividade { border-left: 2px solid rgba(0,0,0,0.2); padding-left: 10px;}
}
@media (min-width: 997px) {
	.programacaoaberta .atividadetipo { position:absolute; max-width:105px;}
}

.carregando {
  width: 80px; margin:0 40%;
  height: 80px;
  border-radius: 40px;
  box-sizing: border-box;
  border: solid 7px rgba(0, 0, 0, 0.2);
  border-top-color: var(--titulo2-base, #000);
  animation: spin 1s infinite linear;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

/***************************************
    INSCRIÇÕES
***************************************/
.well h2, .well h3 { margin-top:0;}

/*Pagamento*/
.mensagem-bloqueio { display: block;}

/*Modal*/
.modalloading {display: none; position: fixed; z-index:9999999; top:0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8) url('../imagens/loading.svg') 50% 50% no-repeat;}

label.error { color:#C00; padding-top:2px;}

body.loading { overflow: hidden;}
body.loading .modalloading { display: block;}

@media (min-width:768px) {
	.newsletter .row { position: relative; }
	.newsletter .buttonBox { position: absolute; bottom:0; right:0; padding:0 !important;}
}

.conflito { padding-bottom:5px;}

/* Tabela de participações */
@media (max-width:767px) {
	.table-action thead, .table-action tfoot { display: none;}
	.table-action tr { border-bottom: 1px solid #dddddd;}
	.table-action td { border: 0; text-align:left !important; padding:2px 5px !important; margin:0;}
	.table-action .table-bordered > tbody > tr > td, table-action .table-bordered > tbody > tr > th, table-action .table-bordered > tfoot > tr > td, table-action .table-bordered > tfoot > tr > th, table-action .table-bordered > thead > tr > td, table-action .table-bordered > thead > tr > th { border:0;}
	.table-action .valoratividade { font:bold; white-space:nowrap;}
	.table-action .visible-xs { display:inline-block !important;}
	.table-action td:not(:first-child) { display: block;}
	.table .t-status { font-weight: bold; }
	.table .t-active { color: #46a546;}
	.table .t-inactive { color: #e00300;}
	.table .t-draft { color: #f89406;}
	.table .t-scheduled { color: #049cdb;}
}

.tabelaparticipacoes th { white-space:nowrap;}

/*Formulário*/
.valor h2, .valor p { color:#FFF;}
.valor .well {
  background-color: #414141;
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.valor-total { text-align: right;}
.valor-total p.total { font-size: 14px; line-height: 16px; margin-bottom: 7px;}

/***************************************
    MENU CONGRESSISTA
***************************************/
.nav li + .nav-header { margin-top: 9px;}
.nav-list > li > a { padding:5px 15px;}
.nav-list .nav-header { font-weight:bold; margin-left:15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}

#menu-congressista .panel { margin-bottom:10px; border-radius:5px; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);}
#menu-congressista .identificacao .panel {
  background-color: #EAEAEA;
  background-image: -ms-linear-gradient(top, #F9F9F9, #EAEAEA);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#EAEAEA));
  background-image: -webkit-linear-gradient(top, #F9F9F9, #EAEAEA);
  background-image: -o-linear-gradient(top, #F9F9F9, #EAEAEA);
  background-image: -moz-linear-gradient(top, #F9F9F9, #EAEAEA);
  background-image: linear-gradient(top, #F9F9F9, #EAEAEA);
  background-repeat: repeat-x;
  border-color: #EAEAEA #EAEAEA #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#EAEAEA', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
#menu-congressista .identificacao hr { margin:10px 0 0 0; padding:10px 0 0 0; border-top-color:rgba(255,255,255,0.5)}
#menu-congressista .identificacao .label { display:block; padding:7px 0;}
#menu-congressista .identificacao .panel p { margin-bottom:5px; line-height:16px;}

#menu-congressista .pedido .panel { background-color:#f55145; border:0; border-radius:5px;}
#menu-congressista .pedido h3 { color:#000; font-size:14px; line-height:18px; margin:0; padding:0 0 5px 0; font-weight:bold;}
#menu-congressista .pedido #valor-pedido { color:rgba(255,255,255,0.95); font-size:20px; line-height:22px; font-weight:bold;}
#menu-congressista .pedido #participacoes-pedido { color: rgba(0,0,0,0.6); font-size:12px; line-height:14px; font-weight:normal; padding:3px 0 0 0;}

#convitespendentes .panel { background-color:#fbc53c; border:0; border-radius:5px;}
#convitespendentes h3 { color:#000; font-size:14px; line-height:18px; margin:0; padding:0 0 5px 0; font-weight:bold;}
#convitespendentes p { color:rgba(0,0,0,0.8); font-size:12px; line-height:16px; margin-bottom:0;}
#convitespendentes a { color:rgba(0,0,0,0.8); font-size:12px; line-height:16px; text-decoration:underline;}

#menu-congressista .fotopalestrante .foto { max-width:120px; margin:0 auto; display:block; margin-bottom:10px; margin-top:-70px;}
#menu-congressista .fotopalestrante img { box-shadow: 0 16px 18px -12px rgba(0, 0, 0, 0.16), 0 4px 15px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)}
#menu-congressista .fotopalestrante .fotogenerica { max-width:80px; margin:0 auto; display:block; margin-top:5px;}
#menu-congressista .fotopalestrante .semfoto { width:90px; height:90px; padding:1px; margin:0 auto; display:block; background:rgba(250,250,250,0.95); border-radius:50px; margin-top:-70px; margin-bottom:5px;}
#menu-congressista .panel-palestrante { margin-top:50px;}
@media (max-width:990px) {
	#menu-congressista .fotopalestrante .foto {  margin-top:0; margin-bottom:15px; max-width:90%;}
	#menu-congressista .fotopalestrante .semfoto { margin-top:0;}
	#menu-congressista .panel-palestrante { margin-top:0;}
}

#menu-congressista .linksrestritos { border-radius:5px; padding:12px 0;
  background-color: #EAEAEA;
  background-image: -ms-linear-gradient(top, #F9F9F9, #F2F2F2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #F9F9F9, #F2F2F2);
  background-image: -o-linear-gradient(top, #F9F9F9, #F2F2F2);
  background-image: -moz-linear-gradient(top, #F9F9F9, #F2F2F2);
  background-image: linear-gradient(top, #F9F9F9, #F2F2F2);
  background-repeat: repeat-x;
  border-color: #F2F2F2 #F2F2F2 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F2F2F2', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
#menu-congressista .nav-list > li > a { background: rgba(0,0,0,0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#menu-congressista .nav-list > li > a:hover { background: rgba(0,0,0,0.05); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}


/***************************************
    DASHBOARD
***************************************/
.dashboard .nav-pills > li > a { text-transform:uppercase;}
.dashboard .nav-pills > li > a:hover { background-color: rgba(200, 200, 200, 0.2);}

.dashboard .nav-pills > li > a { background: var(--titulo-base, rgba(47, 76, 120, 1)); color:#FFF !important;}
.nav-pills > li > a:hover { color:var(--titulo-base, rgba(47, 76, 120, 1)) !important;}

.btn-form { margin-top:23px !important;}

form#avaliar h3 { margin-top: 18px;}

.conflito { padding-bottom:5px;}
label.error { color:#C00; padding-top:2px;}

/***************************************
    TRABALHOS
***************************************/
/*Trabalhos*/
.lista-trabalhos .apresentacao { margin-bottom:0; line-height:14px;}
.dadostrabalho h3 { margin:20px 0 5px 0;}

/***************************************
    NOTÍCIAS
***************************************/
.noticias h2 { margin-top:0;}
.noticias h2 small { display:block; font-size:12px;}
.noticias small { display:block; font-weight:300; margin-bottom:0; padding-top:7px; line-height:1.2em;}
.noticias .noticia-titulo { font-weight:bold;}
.noticias .media-body p { margin:0; padding:0; font-size:11px; line-height:12px;}
@media (min-width:767px) {
	.noticias .img-noticia { max-width:200px;}
	.noticias-destaque .img-noticia { max-width:100px !important;}
}
@media (max-width:767px) {
	.media { display:block; width:100%; overflow:inherit;}
	.media-left { display:block; width:100%; padding:0; margin:0;}
	.media-body { display:block; width:100%;}
	.noticias .img-noticia { max-width:100%;}
}

/*Alinhamentos*/
.vtop { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.vmiddle { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

/***************************************
    FORMULÁRIOS
***************************************/
fieldset { margin-top:25px !important;}
.form-group input[type=file] { opacity: 1 !important; position: inherit !important; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.btn-form { margin-top:23px !important;}

/***************************************
    SLIDES
***************************************/
.slide { margin-bottom:25px;}
.slide .flexslider { border:0;}
.slide .flexslider .flex-direction-nav a { line-height:40px;}

#mensagem-email { color:#F00 !important;}

.container .container-fluid, .container-fluid .container-fluid { padding:0 !important;}

/***************************************
	CONVIDADOS
***************************************/
.convidados .destaque { background:#EAEAEA;}
.convidados .convidadodestaque { margin-top:15px;}
.convidados .convidadodestaque .flag { display:block; margin:0 auto;}
.convidados .panel { margin-top:100px; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border:1px solid transparent;}
.convidados .panel-heading { box-shadow:0 16px 38px -12px rgba(0, 0, 0, 0.36), 0 4px 25px 0px rgba(0, 0, 0, 0.06), 0 8px 10px -5px rgba(0, 0, 0, 0.1); border-radius:100%; border:0; position:relative; background:#FFF; margin: -100px auto 0; height:200px; width:200px; overflow:hidden;}
.convidados .panel-body { text-align:center; min-height:142px; margin-bottom:-20px;}
.convidados .panel-heading img { position:absolute; left: -100%; right: -100%; top:0; margin: auto; width: auto; height: auto;}
.convidados h2 { font-size:16px; line-height:20px; margin:0 0 5px 0; padding:0;}
.convidados h4 { font-size:14px; line-height:18px; font-weight:lighter; margin:0; padding:0 0 10px;}
.convidados .panel-footer img { text-align:center; margin:0 auto;}
.btnformapagamento { margin-bottom: 10px !important;}
.assinatura-iw .bandeirapagamento { padding: 0 5px 5px 0; max-height:30px !important;}

.perfilnome h1 { font-weight:400; margin-bottom:0;}
.perfilnome .flag { max-height:32px;}
@media (max-width:767px) {
	.perfilnome h1 { font-weight:400; margin-bottom:0; padding-top:15px;}
}


.lista-atividades-materiais .panel { border-radius:5px; overflow:hidden; box-shadow:0 0px 10px 0 rgba(0, 0, 0, 0.12);}
.lista-atividades-materiais .panel-body { padding:0 !important;}
.lista-atividades-materiais .miniatura .label { box-shadow:0 0px 10px 0 rgba(0, 0, 0, 0.12);}
@media (max-width:767px) {
	.lista-atividades-materiais .miniatura { padding-right:0 !important;}
}
.lista-atividades-materiais .detalhes { padding:10px 25px 5px 25px; min-height:116px;}

.lista-atividades-materiais a { display:block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.lista-atividades-materiais a:hover { text-decoration:none; filter: brightness(110%); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.lista-atividades-materiais .detalhes a, .lista-atividades-materiais .detalhes h4 { font-size:15px; line-height:1.2em; padding:7px 0; margin:0; font-weight: normal !important;}
.lista-atividades-materiais .detalhes small { font-size:0.8em; padding-top:3px; display:block;}

.videoVimeo h2, .detalhesvideo h3 { margin-top:5px;}

.embed-container { position: relative; padding-bottom: 62%; height: 0; overflow: hidden; max-width: 100%;}

.embed-container { position: relative; padding-bottom: 57%; overflow: hidden; max-width: 100%;}
.embed-chat {	height:55vh; min-height:400px; padding:0;}
.blocolateral {	height:67vh; min-height:455px;}

.blocolateral .nav-tabs > li > a { font-size:11px; padding:5px; text-transform:capitalize; font-weight:100;}
.blocolateral .nav-tabs .fa { display:block; text-align:center; font-size:25px; line-height:26px; padding-top:3px;}

@media screen and (min-width: 1024px)  and (min-height: 1365px) {
    .embed-chat { height:14vh;}
}
@media screen and (width: 1024px)  and (height: 768px) {
    .embed-chat {	height:25vh;}
}
@media screen and (max-height: 600px) {
    .embed-chat { height: 70vh;}
}

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* div cookies */
.cookieConsentContainer{
  z-index:999;
  width:100%;
  min-height:20px;
  box-sizing:border-box;
  padding:30px;
  background:#232323;
  overflow:hidden;
  position:fixed;
  bottom:0px;
  display:none;
  opacity: 1 !important;
}

.cookieConsentContainer .cookieTitle a{
  font-family:OpenSans,arial,sans-serif;
  color:#fff;
  font-size:22px;
  line-height:20px;
  display:block;
  text-align: center
}

.cookieConsentContainer .cookieDesc p{
  margin:0;padding:0;
  font-family:OpenSans,arial,sans-serif;
  color:#fff;
  font-size:14px;
  line-height:20px;
  display:block;
  margin-top:10px;
}

.cookieConsentContainer .cookieDesc a{
  font-family:OpenSans,arial,sans-serif;
  color:#fff;
  text-decoration:underline
}

.cookieConsentContainer .cookieButton a{
  display:inline-block;
  font-family:OpenSans,arial,sans-serif;
  color:#fff;
  font-size:14px;
  font-weight:700;
  margin-top:3em;
  background:#1165B9;
  box-sizing:border-box;padding:15px 24px;
  text-align:center;
  transition:background .3s;
  border-radius:5px;
}

.cookieButton{
  text-align: center;
}

.cookieDesc{
  text-align: justify;
  margin: 10px auto;
}

.cookieConsentContainer .cookieButton a:hover{
  cursor:pointer;
  background:#3e9b67;
}

.materiais-palestras blockquote { padding: 5px 10px; font-size: 15px; border-left: 3px;}

/* PATROCINADORES */
.patrocinadores .row { text-align: center;}
.patrocinadores div:empty { display: none;}

.coluna-1, .coluna-2, .coluna-3, .coluna-4, .coluna-5, .coluna-6, .coluna-7, .coluna-8, .coluna-9, .coluna-10, .coluna-11, .coluna-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  display: inline-block;
}

.patrocinadores .coluna-1 { width:100%;}
.patrocinadores .coluna-2 { width:49.3%;}
.patrocinadores .coluna-3 { width:32.33%;}
.patrocinadores .coluna-4 { width:24.33%;}
.patrocinadores .coluna-5 { width:19.4%;}
.patrocinadores .coluna-6 { width:16%;}
.patrocinadores .coluna-7 { width:14%;}
.patrocinadores .coluna-8 { width:12%;}
.patrocinadores .coluna-9 { width:11%;}
.patrocinadores .coluna-10 { width:9.4%;}
.patrocinadores .coluna-11 { width:9%;}
.patrocinadores .coluna-12 { width:8.33%;}

@media (max-width:980px){
  .cookieConsentContainer{
    bottom:0!important;
    left:0!important;
    width:100%!important;
  }
}

@media (max-width:980px) {
  .coluna-1, .coluna-2, .coluna-3, .coluna-4, .coluna-5, .coluna-6, .coluna-7, .coluna-8, .coluna-9, .coluna-10, .coluna-11, .coluna-12 {
    padding: 5px 20px;
  }
  .coluna-1 {
    width: 100% !important;
  }
  .coluna-2, .coluna-4 {
    width: 48% !important;
  }
  .coluna-3, .coluna-5, .coluna-6, .coluna-7, .coluna-8, .coluna-9, .coluna-10, .coluna-11, .coluna-12 {
    width: 32% !important;
  }
}

@media (max-width:667px) {
  .coluna-1 {
    width: 100% !important;
  }
  .coluna-2, .coluna-3, .coluna-4, .coluna-5, .coluna-6, .coluna-7, .coluna-8, .coluna-9, .coluna-10, .coluna-11, .coluna-12,
  .subcolunas {
    width: 48% !important;
  }
  .coluna-2 .coluna-2, .coluna-3 .coluna-2, .coluna-4 .coluna-2, .coluna-5 .coluna-2, .coluna-6 .coluna-2,
  .coluna-3 .coluna-3, .coluna-3 .coluna-3, .coluna-4 .coluna-3, .coluna-5 .coluna-3, .coluna-6 .coluna-3,
  .colunas {
    width: 98% !important;
  }
}

/***************************************
    GRID 5 colunas
***************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.bloco-pagamentos h3 { width: 100%;line-height: 24px; display: table; white-space: nowrap; text-transform:uppercase; text-align: center;}
.bloco-pagamentos h3:before { border-top: 18px solid rgba(0,0,0,0.05); content: ''; display: table-cell; position: relative; top: 0.2em; width: 1%; right:1%;}
.bloco-pagamentos h3:after { border-top: 18px solid rgba(0,0,0,0.05); content: ''; display: table-cell; position: relative; top: 0.2em; width: 92%; left:1%;}

.bloco-pagamentos ul { list-style: circle; padding-left: 17px;}
.bloco-pagamentos ul li { margin-top: 3px;}

.trabalhos-aprovados .area-container {
    display: flex;
    align-items: center;
    padding: 5px 0 5px 0;
}

.trabalhos-aprovados .iconearea {
    max-height: 30px;
    border-radius: 2px;
    margin-right: 5px;
}

.trabalhos-aprovados .area-nome {
    margin-right: 5px;
}

.btn-icon-text {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
}

.btn-icon-text .glyphicon {
  margin-right: 5px;
}

.loading-spinner {
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 5000;
}

.loading-spinner.active {
  display: block;
}

.c-loader {
  animation: is-rotating 1s infinite;
  border: 6px solid #e5e5e5;
  border-radius: 50%;
  border-top-color: #51d4db;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -32px 0 0 -32px;
}

.msg-loading {
  position: relative;
  top: calc(50% + 40px);
  text-align: center;
  color: white;
  font-size: x-large;
}

@keyframes is-rotating {
  to {
    transform: rotate(1turn);
  }
}

.alert-success-top {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  position: fixed;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bolder;
  z-index: 5000;
}

.progress-bar-success {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #166417;
  animation: decreaseWidth 5s linear forwards;
}

.alert-danger-top {
  color: #fff;
  background-color: #d9534f;;
  border-color: #eed3d7;
  position: fixed;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bolder;
  z-index: 5000;
}

.progress-bar-danger {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #b23e4a;
  animation: decreaseWidth 5s linear forwards;
}

.msg-alert {
  white-space: nowrap;
}

@keyframes decreaseWidth {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

.selectize-dropdown [data-selectable] {
  font-size: 14px;
  padding: 10px;
}

/***************************************
    MODAL EDIÇÃO DE IMAGENS
***************************************/
.position-relative {
  position: relative;
}

.btn-edit-image {
  position: absolute;
  bottom: 10px;
  right: 15px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #3d444d !important;
}

.btn-edit-image:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.img-preview-container {
  display: block;
  width: 250px;
  height: 250px;
  border: 1px solid #ccc;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

/***************************************
    MIDIA DESK
***************************************/
.alert-arquivoconvidado {
  display: flex !important;
  align-items: center;
}

.alert-arquivoconvidado .glyphicon {
  top: auto !important;
}

.label-success.alert-arquivoconvidado {
  background-color: #28a745;
}

.msg-cotacaomoeda { text-align: right; font-size: 0.8em; font-style:italic;}