/* CSS Document */




.dContentPage .dMensagens_container .reacao {
	padding-top: 5px;
}


.dContentPage .dMensagens_container .mensagens_flow .dMensagens .media .media-body .reacao a {
 font-size: 1.2em;
	text-decoration: none;
}
.dContentPage .dMensagens_container .mensagens_flow .dMensagens .media .media-body .reacao a:hover {
 font-size: 1.2em;
	opacity: 0.6;
}

.mensagens_flow .dMensagens .media-body .reacao .voted{
  opacity: 0.4;
  font-size: 1.2em;
  filter: grayscale(100%);

}

.mensagens_flow .dMensagens .media-body .reacao .badge-votos {
  background-color: #F1F1F1;
  border-radius: 15px;
  padding: 1px 5px 1px 5px;
  font-size: 80%;
  font-weight: bold;
  border: 1px solid #7E7E7E;
	color: #000000;
}






 .dBotao_Help {
  text-align: right;
  font-size: 12px;
   margin-top: 0px;
	 line-height: 1.3em;
	 opacity: 0.65;
}
 .dBotao_Help a {
  text-decoration: none;
  color: #FFFFFF;
}
 .dBotao_Help a:hover {
  text-decoration: underline;
  opacity: 1;
}
.dBotao_Help svg {
  margin-bottom: -2px;
  font-size: 1.2em;
}

@media (max-width:767px) {
 .dBotao_Help {
  font-size: 10px;
}
}



#ModalSuporte {
	color: #222222;
}

#ModalSuporte .modal-header{
	color: #000000;
}

#ModalSuporte .modal-body{
	font-size: 1.15em;
	text-align: center;
}



 /*    INICIO REAÇÕES   */


.dContentPage .dReacoes {
	font-size: 1.65em;
	text-align: left;
	display: block;
	margin-top: -5px;
	height: 40px;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
     }
}

.dContentPage .dReacoes a  {
	text-decoration: none;
	transition: 2s;
}
.dContentPage .dReacoes a:hover {
	text-decoration: none;
	opacity: 0.75;
	/*font-size: 1.2em;*/
	display: inline-block;
	transition: 2s;
	transform: rotate(-10deg) scale(1.5);
    animation: rotation 0.5s ease-in-out infinite alternate;
	cursor: pointer;

}
    @keyframes rotation {
        0% {
            transform: rotate(-10deg) scale(1.5);
        }
        100% {
            transform: rotate(10deg) scale(1.5);
        }
}

/*.dContentPage .dReacoes .aspNetDisabled.Active {
	opacity: 1;
	cursor: default;
}

.dContentPage .dReacoes .aspNetDisabled.Active:hover {
	opacity: 1;
	cursor: default;
}

.dContentPage .dReacoes .aspNetDisabled {
	opacity: 0.1;
	cursor: default;
}

.dContentPage .dReacoes .aspNetDisabled:hover {
	transform: none;
	opacity: 0.1;
}

.dContentPage .dReacoes .dBtnReacao{
	opacity: 0.4;
	cursor: default;
}*/



.dContentPage .dReacoes .Active {
	opacity: 1;
	cursor: default;
	font-size: 1.1em;
}


.dContentPage .dReacoes .DeActive {
	opacity: 0.1;
	cursor: default;
	font-size: 1em;
}
.dContentPage .dReacoes .DeActive:hover {
	opacity: 0.1;
	transition: none;
	transform: none;
}


 /*    FIM REAÇÕES   */






 .dBotoes {
  text-align: center;
  /*padding: 15px;*/
   padding-top: 5px;
   padding-bottom: 15px;
   margin-right: 0;
   margin-left: 0;
}



.dMensagens_Envio  label {
  margin-bottom: 2px;
  margin-top: 5px;
  font-size: 12px;
}

.dMensagens_Envio #Tmensagem{
  font-size: 12px;
}



.dMensagens_Envio .dMensagem_sucesso {
  text-align: center;
  font-size: 1.1em;
  padding-top: 25px;
  line-height: 1.4em;
}







.dMensagens_Envio .emojionearea .emojionearea-editor {
    height: 55px;
    min-height: inherit !important;
    font-size: 12px;
  background-color: transparent;
}




  /*    INICIO MENSAGENS FLOW   */


.mensagens_flow .dMensagens {
	border: none;
	border-radius: 7px;
	padding: 0;
	margin: 10px;
	background-color: transparent;  
}



.mensagens_flow .dMensagens .media  {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: 0;
}


.mensagens_flow .dMensagens .media .media-left{
  padding-right: 0;
  padding-left: 0;
}

.mensagens_flow .dMensagens .media   svg {
  padding: 5px;
  padding-bottom: 0;
  font-size: 2.65em;
}


.mensagens_flow .dMensagens .media-body {
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 5px;
  padding-bottom: 5px;
  /*max-width: 700px;*/
  border-top-right-radius: 7px;  
  border-bottom-right-radius: 7px;
  font-size: 0.85em;
  line-height: 1.3em;
}

.mensagens_flow .dMensagens .dNome {
  font-weight: 700;
}






/*   STAFF   */



.mensagens_flow .dMensagens.Staff {
/*  -webkit-box-shadow: 1px 1px 4px #C4C4C4;
  box-shadow: 1px 1px 4px #C4C4C4;*/
  border: 2px solid #00c5dd;
  background-color: transparent;
/*  background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 7.25%,rgba(238,238,238,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 7.25%,rgba(238,238,238,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 7.25%,rgba(238,238,238,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 7.25%,rgba(238,238,238,1.00) 100%);*/
}

.mensagens_flow .dMensagens.Staff  svg {
  color: #00c5dd;
  font-size: 3.15em;
}

.mensagens_flow .dMensagens.Staff .media {
  /*background-color: rgba(0,133,17,0.20);*/
  border-radius: 7px;
}

.mensagens_flow .dMensagens.Staff .media-body {
  font-size: 0.90em;
  padding-left: 0px;
  /*background-color: rgba(0,133,17,0.20); */  
}

.mensagens_flow .dMensagens.Staff .dNome {
  color: #00c5dd;
  text-transform: uppercase;
}



/*   USUARIO   */


.mensagens_flow .dMensagens.Usuario {
  border: 1px solid #FFFFFF;
}

.mensagens_flow .dMensagens.Usuario .media {
  /*background-color: #EEEEEE;*/
  border-radius: 10px;
}

.mensagens_flow .dMensagens.Usuario .media-body {
   padding-left: 0px;
  /*background-color: #E8E8E8;*/
}

.mensagens_flow .dMensagens.Usuario .media   svg {
  color: #FFFFFF;
}

/*    FIM MENSAGENS FLOW   */





 .modal-content .modal-header {
  background-color: #263a8a;
  font-weight: bold;
}


 .modal-content .modal-header .modal-title {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 2em;
  line-height: 1em;
  text-align: center;
  width: 100%;
}

 .modal-content .modal-header .modal-title .dSubtitle {
  font-weight: 300;
  font-size: 65%;
  line-height: 1em;
  text-align: center;
  padding-top: 10px;
}



 .modal-content .modal-body .form-row {
  font-size: 14px;
}

 .modal-content .modal-body .form-control {
  font-size: 13px;
}

 .modal-content .modal-body .form-group  {
  margin-bottom: 0.4rem;
}

 .modal-content .modal-body .form-group label {
  margin-bottom: 0.1rem;
  margin-top: 0.3rem;
}




.dContentPage .titulo_geral svg {
  font-size: 1.25em;
  margin-right: 5px;
  margin-bottom: -3px;
}







/*   2 Colunas   */

.dMensagens_container .mensagens_flow {
  max-height: 390px;
  height: auto;
  overflow: auto;
}


.mensagens_flow .dMensagens {
	margin: 3px 0px;
  margin-right: 6px;
}


.dMensagens_Envio .bt_padrao {
  padding-top: 17px;
  padding-bottom: 17px;
  margin-top: 25px;
  width: 100%;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  height: 55px;
  font-weight: normal;
}

.dMensagens_Envio #LinkButton_nova_mensagem {
/*  line-height: 1.1em;
  padding-top: 12px;*/
}



.dMensagens_Envio #Tmensagem {
  height: 55px;
}





/*    ENQUETE PLAYER   */

.dBotoes .dEnquetePlayer {
	background-color: rgba(255,255,255,0.5);
	border-radius: 5px;
	border: 1px solid #BEBEBE;
  padding: 10px;
}


.dBotoes .dEnquetePlayer .titulo_pergunta {
   font-size: 1.15em;
  line-height: 1.1em;
  margin-bottom: 5px;
  font-weight: 700;
  color: #1a0981;
}


.dBotoes .dEnquetePlayer .form-control {
  font-size: 12px;
}





.LinksDownloads {
	color: #5e5e5e;
	text-decoration: none;
	font-size: 1.2em;
	
}

.LinksDownloads:hover {
	color: #000000;
	text-decoration: none;

}

.LinksDownloads_Linha {
  padding-top: 15px;
	padding-bottom: 15px;
	/*display: block;*/
	border-bottom: 1px solid #CCCCCC;
  /*width: 100%;*/
  margin-left:  35px;
  margin-right: 35px;
}


.LinksDownloads_Linha:hover {
border-bottom: 1px solid #5e5e5e;
color: #000000;  
}



.LinksDownloads_Linha.ultima {

	border-bottom: none;

}







#ModalAvaliacao .modal.fade.in div.modal-dialog{
	width:75%;
	max-width: 875px;
}

#ModalAvaliacao  .modal-header {
    background-color: #263a8a;
    color: #ffffff;
}



#ModalAvaliacao  .enqueteConteudo {
/*    font-family: "Open Sans";*/
    list-style: outside none normal;
    overflow: auto;
    padding-left: 15px;
}

#ModalAvaliacao  .enqueteConteudo li {
    list-style: outside none none;
    margin-bottom: 7px;
    padding-bottom: 6px;
	border-bottom: 1px solid #DDDDDD;
}


#ModalAvaliacao  .numEnquete {
    border-right: 2px solid #b0b0b0;
    color: #4a4a4a;
    float: left;
    font-weight: 600;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -5px;
    padding: 5px;
}

#ModalAvaliacao  .enqueteConteudo li div.pergunta {
    color: #4a4a4a;
    display: block;
/*    font-family: "Open Sans";*/
    font-size: 1.15em;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 15px;
  padding-right: 30px;
}

#ModalAvaliacao  .enqueteConteudo li div.resposta .questao_outra {
	padding-left: 10px;
	padding-top:6px;
	display: inline;
}

#ModalAvaliacao  .enqueteConteudo li div.resposta .questao_outra .outra {
	width:40%;
}

#ModalAvaliacao  .enqueteConteudo li div.subpergunta {
	padding-left:60px;
  font-size: 14px;
  display: block;
  width: 100%;
}

#ModalAvaliacao  .enqueteConteudo li div.subpergunta div.resposta {
	margin-bottom: 7px;
	padding-bottom: 6px;
  display: inline-block;
}

#ModalAvaliacao  .enqueteConteudo .form-control.forminline {
	display:inline;
	margin-left:10px;
}

#ModalAvaliacao  .enqueteConteudo li div.resposta {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
    margin-left: 20px;
}

#ModalAvaliacao  .enqueteConteudo li div.resposta select.input-sm {
	width:auto;
	font-size: 11px;
  font-family: 'Open Sans';
/*	padding: 2px;
	height: 22px;*/
}


#ModalAvaliacao  .enqueteConteudo li.botao {
	border-bottom:none;
	text-align:center;
	padding-top: 15px;
}






