/* The Modal (background) */
.modal-message {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 10px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-message-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    height: 90%;
    overflow-y: auto;
}

/* The Close Button */
.close-message {
    color: blue;
    float: right;
    font-size: 16px;
    font-weight: bold;
}

.close-message:hover,
.close-message:focus {
    color: blue;
    text-decoration: none;
    cursor: pointer;
}

.gestao-msg-admin {
	/* Formatacao Geral */
	select {
		width: auto;
	}
	
	.grupo-campos-busca .form-inline {
		margin: 0 10px 0 0;
	}
	
	.grupo-campos-busca .form-inline, 
			.btn.pesquisa.inline {
		float: left;
	}

	.alerta-rascunho-recuperado {
		margin-bottom: 10px !important;
		margin-top: 0 !important;
	}
	
	.search-terms {
		input[type='text'] {
			margin-bottom: 0;
		}
	}

	/* Fim Formatacao Geral */
	
	/* Template - Formulario */
	.corpo-wrapper {
		display: none;
	}
	
	.alert-error {
		&.validacao {
			&.cabecalho,&.rodape,&.corpo,&.conteudo,&.destinatario {
				display: none;	
			}
		}
	}
	
    .painel-mensagens {
        font-family: Verdana !important;
        font-size: 10.0pt !important;
    }
	
	.formulario-lista-dados {
		.label-lista-dados.form-inline .control-label, 
				.label-mensagem-dados .form-inline .control-label {
		    width: 120px;
		}		
	}
	
	.formulario-template {
		#preview-thumbnail {
			margin-top: 10px;
			margin-bottom: 10px;
		}
	}
	
	/* Template - Lista de selecao */
	#selecao-template-wrapper {
		
		#slider-templates-wrapper {
			margin-left: 45px;
			width: 90%;
			
			&.sem-navegacao, &.sem-navegacao .item {
				margin-left: 0 !important;
			}
			
			#templates-scroll {
				.item {
					margin: auto;
					width: 122px;
					
				} /*Fim .item */
				
				&.owl-theme {
					.owl-buttons i{
					  	display: inline-block;
					    height: 14px;
					    margin-top: 2px;
					    width: 14px;
					}
					
					.owl-controls {
						margin: 0;
						
						.owl-buttons {							 
							div {
							  padding: 5px 9px;
							  position: absolute;
							  top: 80px;
							}
							
							.owl-prev{
							  left: -45px;
							}
							 
							.owl-next{
							  right: -45px;
							}
							
						} /* Fim .owl-buttons */
						
					} /* Fim .owl-controls */
													
				} /* Fim .owl-theme */				
				
			} /* Fim #templates-scroll */
			
		} /* Fim #slider-templates-wrapper */
			
		.miniatura-preview-template {
			width: 122px;
			
		    .control-group {
		    	text-align: center;
		    	margin-bottom: 0;
		    }
		    
		    .control-group, .conteudo {
		    	width: 120px;
		    }		
		
			.conteudo {
				font-size: 8px !important;
				border: 1px solid #DDD;
			    height: auto;
			    margin-bottom: 10px;
			    overflow: auto;
			    
			    p {
			    	margin: 0 !important;
			    }
			    
			    .miniatura-cabecalho, .miniatura-rodape {
			    	min-height: 25%;
			    }
			    
			    .miniatura-corpo {
			    	height: 100%;
			    }
			    
			    .miniatura-espacador-cabecalho-rodape {
			    	border-top: 1px solid #DDD;
			    	border-bottom: 1px solid #DDD;
			    	height: 49%;
			    }
			}		
		}	
	
	} /* Fim #selecao-template-wrapper */


	/* Componente - Pre-visulaizacao Mobile */	
	#preview-dispositivos  {
		width: 100%;
		
		.titulo {
		    background-color: #eee;
		    border: 1px solid;
		    font-weight: bold;
		    padding: 10px;
		}
		
		.corpo {
		    padding: 10px;
		    background-color: #FDFDFD;
		    border: 1px solid #ccc;

			.tipos-wrapper {
				float: right;
			
				.dispositivo {
					cursor: pointer;
				    float: left;
				    margin-right: 15px;
				    text-align: center;
		
					img.icone {
					    max-height: 60px;
					    width: auto;
					}
		
					.icone-wrapper {
						background-color: #fff;
					    padding: 5px;
					    border: 1px solid;
					    display: inline-block;
					}
					
					.nome {
					    display: block;
					    font-weight: bold;
					    margin-top: 5px;
					}
					
					&.tablet {
						margin-right: 0;
					}
					
					&.ativo {
						.nome, .icone-wrapper {
							background-color: #ccc;
						}
					}
					
				} /* Fim .dispositivo */
				
			} /* Fim .tipos-wrapper */
			
			#preview-conteudo {
				clear: both;
			    margin: 10px auto;
			    background-color: #fff;
			    border: 1px solid #bbb;
			    overflow: auto;
			} /* Fim .conteudo-wrapper */		    
		    
		} /* Fim .corpo */		
		
	} /* Fim .dispositivos-wrapper*/
	
	.formulario-mensagem-dados {
		.label-mensagem-dados.form-inline .control-label, 
				.label-mensagem-dados .form-inline .control-label {
		    width: 120px;
		}
		
		.container-destinatarios {
			.control-label, .lista-destinatarios-wrapper {
				float: left;
			}
			
			.lista-destinatarios-wrapper {
				max-width: 500px;
				
			}
			
			.remover-destinatarios {
				display: none;
			}
			
			.selecionar-destinatarios {
				display: block;
			}
		}
		
		.img-outlook {
		    height: 32px;
		    width: 32px;
		}
		
	} /* .formulario-mensagem-dados */
	
	
	.formulario-destinatario-dados {
		.label-destinatario-dados.form-inline .control-label, 
				.label-destinatario-dados .form-inline .control-label {
		    width: 120px;
		}		
	} /* .formulario-destinatario-dados */
	
	
	.formulario-mensagem-preview {
		.campos-email-teste {
			margin-top: 15px;
			text-align: center;
			
			#camposWrapper {
				background-color: #fdfdfd;
				display: none;
				float: none;
				margin: 10px auto auto auto;
				padding: 7px;
				text-align: center;
			}		
		}
	} /* .formulario-mensagem-preview */
	
	
	/* Agendamento */
	.formulario-mensagem-agendamento {
		.tipo-envio-agendamento-wrapper {
			display: none;
		}
		
		.alert-error {
			&.horario-obrigatorio, &.data-obrigatoria {
				display: none;
			}
		}
		
		.mini-calendar-container {
			max-width: 260px;
			float: left;
		}
		
		.datas-horarios-wrapper {
			float: left;
			margin-left: 15px;
		}
		
		.horario-wrapper {
			margin-bottom: 10px;
			
			input.horario {
				margin-bottom: 0px;
				width: 70px;
			}
		
			&.template, &.unico .btn-horario.del, &.processado .btn-horario.del, .btn-horario.add {
				display: none;
			}	
			
			&.primeiro .btn-horario.add {
				display: inline-block;
			}
		}					
	} /* Fim .formulario-mensagem-agendamento */
	
	/* Componente de navegacao do wizard da mensagem */
	.botoes-acao-wizard-wrapper {
		width: 100%;
	
		.botao-wizard-wrapper {
		    text-align: right;
		    width: 250px;
		    padding: 10px;
		    background-color: #eeeeef;
		    border: 1px solid #ddd;
		    margin: auto 0 10px auto;
		    
		    a, a:hover {
		    	color: #000;
		    	display: inline-block;
		    	text-decoration: none;
		    }
		    
		    &.lado-esquerdo {
		    	float: left;
		    	text-align: left;
		    }
		    
		    &.lado-direito {
		    	float: right;
		    }
		    
		    .proximo {
		    	i {
		    		margin-left: 5px;
		    	}
		    }
		    
		    .anterior {
		    	i {
		    		margin-right: 5px;
		    	}
		    }
		    
		    .disabled, .disabled:hover {
                color: #aaa;
                cursor: default;
		    }
		}
	}
		
	.wizard-mensagem {
		margin: 0 0 15px 0 !important;
		position: relative;
		list-style: none;
		width: 97%;
		z-index: 0;
		
		.posicao {
		    display: block;
		    font-weight: bold;
		    float: right;
		    height: 20px;
		    width: 20px;
		    line-height: 20px;
		    -webkit-border-radius: 10px;
		    -moz-border-radius: 10px;
		    border-radius: 10px;
		    text-align: center;
		    background-color: #fff;
		    border: 1px solid #ddd;
		    font-size: 0.9em;
		    margin-top: 10px;
		    position: absolute;
		    top: 0;
		    right: 0;
		}
				
		li:nth-child(2) { z-index: 2; }
		
		li:nth-child(3) { z-index: 1; }
		
		li:nth-child(4) { z-index: 0; }
		
		li {
			float: left;
			position: relative;
			z-index: 3;
			-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12);
		   	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.12);
			box-shadow: 0 1px 1px rgba(0,0,0,0.12);			
			width: 25%;
		}
		
		li:first-child {
			-webkit-border-radius: 5px 0 0 5px;
			-moz-border-radius: 5px 0 0 5px;
		   	border-radius: 5px 0 0 5px;
		}
		
		li:first-child a {
			padding-left: 12px;
			-webkit-border-radius: 5px 0 0 5px;
		    -moz-border-radius: 5px 0 0 5px;
	   	    border-radius: 5px 0 0 5px;
		}
		
		
		li.selected {
			-webkit-box-shadow: none;
		   	-moz-box-shadow: none;
			box-shadow: none;
		}	
		
		li.selected a, li.selected a:before {
			background: #ebebeb;
		}
		
		li.selected a {
			border-top-color: #bebebe;
			-webkit-box-shadow: inset 2px 1px 2px rgba(0,0,0,0.12);
		   	-moz-box-shadow: inset 2px 1px 2px rgba(0,0,0,0.12);
			box-shadow: inset 2px 1px 2px rgba(0,0,0,0.12);
		}		
		
		li.selected a:before {
			border-right: 1px solid #bebebe;
			border-bottom: 1px solid #cbcbcb;
			-webkit-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1);
		   	-moz-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1);
			box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1);
		}		

		a, a:visited {
			width: 100%;
			height: 43px;
			padding: 0 0 0 25px;
			color: #717171;
			text-align: center;
			text-shadow: 0 1px 0 #fff;
			line-height: 43px;
			white-space: nowrap;
			border: 1px solid #cbcbcb;
			text-decoration: none;
			border-top-color: #dddddd;
			border-right: 0;
			background-color: #fbfbfb;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(251, 251, 251)), to(rgb(233, 233, 233)));
			background-image: -webkit-linear-gradient(top, rgb(251, 251, 251), rgb(233, 233, 233));
			background-image: -moz-linear-gradient(top, rgb(251, 251, 251), rgb(233, 233, 233));
			background-image: -o-linear-gradient(top, rgb(251, 251, 251), rgb(233, 233, 233));
			background-image: -ms-linear-gradient(top, rgb(251, 251, 251), rgb(233, 233, 233));
			background-image: linear-gradient(top, rgb(251, 251, 251), rgb(233, 233, 233));
			float: left;
			position: relative;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
				
		a:before {
			content: "";
			width: 29px;
			height: 29px;
			border-right: 1px solid #dddddd;
			border-bottom: 1px solid #cbcbcb;
			background-image: -webkit-gradient(linear, right top, left bottom, from(rgb(251, 251, 251)), to(rgb(233, 233, 233)));
			background-image: -webkit-linear-gradient(right top, rgb(251, 251, 251), rgb(233, 233, 233));
			background-image: -moz-linear-gradient(right top, rgb(251, 251, 251), rgb(233, 233, 233));
			background-image: -o-linear-gradient(right top, rgb(251, 251, 251), rgb(233, 233, 233));
			background-image: -ms-linear-gradient(right top, rgb(251, 251, 251), rgb(233, 233, 233));
			background-image: linear-gradient(right top, rgb(251, 251, 251), rgb(233, 233, 233));
			display: block;
			position: absolute;
			top: 6px;
			right: -16px;
			z-index: -1;
            -webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		
		a:hover {
			color: #2e2e2e;
			background-color: #f5f5f5;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 242, 242)), to(rgb(217, 217, 217)));
			background-image: -webkit-linear-gradient(top, rgb(242, 242, 242), rgb(217, 217, 217));
			background-image: -moz-linear-gradient(top, rgb(242, 242, 242), rgb(217, 217, 217));
			background-image: -o-linear-gradient(top, rgb(242, 242, 242), rgb(217, 217, 217));
			background-image: -ms-linear-gradient(top, rgb(242, 242, 242), rgb(217, 217, 217));
			background-image: linear-gradient(top, rgb(242, 242, 242), rgb(217, 217, 217));
		}

		a:hover:before {
			background-image: -webkit-gradient(linear, right top, left bottom, from(rgb(242, 242, 242)), to(rgb(217, 217, 217)));
			background-image: -webkit-linear-gradient(right top, rgb(242, 242, 242), rgb(217, 217, 217));
			background-image: -moz-linear-gradient(right top, rgb(242, 242, 242), rgb(217, 217, 217));
			background-image: -o-linear-gradient(right top, rgb(242, 242, 242), rgb(217, 217, 217));
			background-image: -ms-linear-gradient(right top, rgb(242, 242, 242), rgb(217, 217, 217));
			background-image: linear-gradient(right top, rgb(242, 242, 242), rgb(217, 217, 217));
		}
		
	} /* Fim .wizard-mensagem */
	
} /* Fim .gestao-msg-admin */

#_portletgestaomensagenscadastroUsuario_WAR_portletgestaomensagens_formCadEmail{
	
	
		span{
			font-weight: bold;
		    font-size: 16px;
		    color: #675541;
		    margin-left: 7px;
		}
		input[type="text"]{
		
			width: 96.5%;
			
		}
		input[type="submit"]{
			background-color: #F8971D;
		    border: none;
		    color: #FFF;
		    width: 100%;
		    height: 30px;
		    font-size: 17px;
		    line-height: 23px;
		    border-radius: 3px;
		    margin-left: 1%;
		    margin-top: 0 !important;
		}
		input[type="submit"]:hover{
			background-color: #FCB62D;
		}		
	}

	
@media (max-width: 479px){
	#_portletgestaomensagenscadastroUsuario_WAR_portletgestaomensagens_formCadEmail{
		span{
			font-weight: bold;
		    font-size: 16px;
		    color: #675541;
		    margin-left: 0;
		}
		input[type="text"]{
		
			width: 94.5%;
			
		}
		input[type="submit"]{
			background-color: #F8971D;
		    border: none;
		    color: #FFF;
		    width: 100%;
		    height: 30px;
		    font-size: 17px;
		    line-height: 23px;
		    border-radius: 3px;
		    margin-left: 0;
		}
		input[type="submit"]:hover{
			background-color: #FCB62D;
		}		
	}
	
}

.help-inline{
		display:block !important;
}