@font-face {
  font-family: 'Riojana Regular';
  src: url(/pentaho/plugin_cm/font-family/riojana/otf/Riojana/Riojana-Regular.otf) format('truetype');
}
@font-face {
  font-family: 'Riojana Book';
  src: url(/pentaho/plugin_cm/font-family/riojana/otf/Riojana/Riojana-Book.otf) format('truetype');
}
@font-face {
  font-family: 'BebasNeue Bold';
  src: url(/pentaho/empleo_cae/ofertas/difusion/font/BebasNeue\ Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'BebasNeue Regular';
  src: url(/pentaho/empleo_cae/ofertas/difusion/font/BebasNeue\ Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'DIN Pro';
  src: url(/pentaho/empleo_cae/ofertas/difusion/font/FontsFree-Net-DINPro-1.ttf) format('truetype');
}

/**************************/
/*     General Estilos    */
/**************************/
body,
html {
    width: 100%;
	height: 100%;
	/*overflow-x: hidden;*/
}

.form-control {
	font-size: 1.2rem !important;
}

.clase-padding-left {
	padding-left: 5px;
}

#menu_web {
	background-color: #002e23;
	min-height: 40px !important;
}

#menu_logo {
	background-color: #f5f5f6;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:20px;
	font-family: 'Riojana Regular', 'BebasNeue Bold', sans-serif;
	font-size:32px;
	font-weight: bold; 
	color: #000;
	text-align:center;text-align:left;
}

a.boton {
    display: inline-block;
    font: 400 1rem/1.625rem "Riojana Regular", "BebasNeue Bold", sans-serif;
    font-size: 0.6em;
	  font-weight: normal;
    background-color: #fff;
    border-radius: 4px;
    padding: 0.4em 0.7em 0.5em;
    text-decoration: none;
    color: #000;
    cursor: pointer;
	  /*float: right;*/
	  margin-right: 30px;
    /*margin-top: 1.4em;*/
}
a.boton:hover {
    background-color: rgba(55,62,66,0.8);
	color: #fff;
    cursor: pointer;
	text-decoration: none !important;
}

[role=tooltip] {
	text-align: left !important;
}

.tooltip-inner {
    white-space: pre-wrap;
	text-align: left;
}

.titulo {
  color: #6bb813;
  padding: 20px;
  padding-bottom: 10px;
  font-size: 2.2rem;
}

.titulo2 {
  color: #555;
  padding: 20px;
  padding-top: 10px;
  font-size: 2.0rem;
}

body, p {
	color: #555; 
	font: 400 1.2rem/1.625rem "Riojana Regular", "Open Sans", sans-serif !important;
}

.panel {
	background-color: #fff;
}

h1 {
	color: antiquewhite;
	font-weight: 600;
	font-size: 2.3rem;
	line-height: 3.25rem;
	font-family: "Riojana Regular", "Poppins", sans-serif;
	text-align: center;
	background-color: coral;
}

h5 {
	font-weight: 600;
	font-size: 2.3rem;
	line-height: 3.25rem;
	font-family: "Riojana Regular", "Poppins", sans-serif;
	text-align: center;
	background-color: #c9c9c9;
	margin-top: 0;
}

.row {
	margin: 0;
}

#row-notas {
	font-size: 14px;
}

#cabecera {
	margin-bottom: 20px;
}

.form-control {
	height: 30px;
}
.select2-container .select2-choice {
	height: 30px;
	/*line-height: 2.2;*/
	/*font-size: 1.7rem;*/
}
/*
.select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input {
	color: #555;
	border: 1px solid #eee9;
	font: "Riojana Regular", "Open Sans", sans-serif !important;
}
*/
.select2-container .select2-choice .select2-arrow {
	top: 0px;
}
/*
.select2-result-label {
	font-size: 1.7rem;
}
*/
.select2-results {
  max-height: 210px;
}

.select2-container .select2-choice,
.select2-container .select2-choices,
.select2-container .select2-choices .select2-search-field input {
  font: 400 1.2rem/1.625rem "Riojana Regular", "Open Sans", sans-serif !important;
}

button {
	width: 12rem;
	margin-top: 20px;
}

.icon {
	padding-right: 10px;
}

.btn-danger, .btn-danger:active, .btn-danger:visited {
	color: #fff;
	background-color: #6bb813;
	border-color: #6bb813;
}

.btn-danger:hover {
	color: #fff;
	background-color: #4b8805;
	border-color: #4b8805;
}

img {
	height: auto;
	max-width: 100%;
}

@media (min-width: 410px) and (max-width: 850px) {
	#imagen_cabecera {
		max-width: 80%;
	}
}
/*
input {
	border-radius: 8px;
	height: 50px;
	max-width: 200px;
	width: 100%;
	text-align: right;
	margin-right: 5px;
	padding-right: 5px;
	font-size: 1.7rem;
	border: 2px solid #eee9;
}
*/
.euro {
	color: #555;
}

.caja {
	padding:20px;
	/*margin-top: 20px;*/
	border: 1px solid rgba(107,184,19,0.5);
	border-radius: 10px;
	box-shadow: 3px 3px 2px rgba(107,184,19,0.3);
	margin-bottom:20px;
}

#caja-1 {
	padding-bottom:23px;
}

#caja-3 {
	padding-bottom:22px;
}

.form-control::placeholder { color: #ccc; font-size:1.1rem; font-style:italic;}
.form-control:-ms-input-placeholder { color: #ccc; font-size:1.1rem; font-style:italic; } /* IE 10+ y Edge */
.form-control::-webkit-input-placeholder { color: #ccc; font-size:1.1rem; font-style:italic; } /* Chrome, Opera y Safari */
.form-control::-moz-placeholder { color: #ccc; font-size:1.1rem; font-style:italic; } /* Firefox 19+ */
.form-control:-moz-placeholder { color: #ccc; font-size:1.1rem; font-style:italic; } /* Firefox 18- */

.texto-center {
	text-align: center;
}

.padding0 {
	padding-left: 0;
	padding-right: 0;
}

.button {
	margin: 5px 20px 15px 20px;
	padding: 10px;
}


.caja-boton {
	border: 1px solid #76bc21;
	border-radius: 10px;
	box-shadow: 3px 3px 2px #76bc21;
}

.caja-grafica {
	position: absolute;
	right: 10px;
	top: 370px;
}

#tabla_direccion_div table{
	width:100%; 
	border-collapse:collapse;
	font-size:1rem;
	box-shadow: 3px 2px 20px rgba(107,184,19,0.3);
}

#tabla_direccion_div th{
	padding-left: 0;
	background-color: #eee;
	border: 1px solid #ccc;
}

#tabla_direccion_div td{
	border:1px solid #eee;
}

#latitud, #longitud {
	background-color: #eee;
}

@media (max-width: 380px) {
	.caja {
		margin: 0;
		margin-top: 30px;
	}

	.clase-padding-left {
		padding-left: 0;
	}
}

@media (max-width: 1080px) {
	.caja-grafica {
		position: relative;
		right: 0;
		top: 0;
	}
}

@media (max-width: 1700px) {
	#caja-3 {
		padding-bottom:5px;
	}
}

@media (max-width: 1450px) {
	#caja-1 {
		padding-bottom:40px;
	}
	#caja-3 {
		padding-bottom:22px;
	}
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { 
	-moz-appearance:textfield; 
}


.error-message {
	color: red;
	font-size: 18px;
	background-color: #eee9;
	border-radius: 10px;
	padding: 20px;
}

.verde {
	color:	#4b8805;
}

.naranja {
	color:	#b14405;
}

.bg-gris {
	background-color:#eee9;
}

.bg-gris {
	background-color:rgba(107,184,19,0.1);
}
