.navbar-sub.active>a { 
    border-bottom: 3px solid  #699cc6;
 }
 
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

h3 {
	color: #6eafe5 !important;
}

.alguna-sugerencia {
	margin-top: 0px;
	margin-bottom: 0px;
}	
.alguna-sugerencia a {
	color: #6fb1e5;
	font-size: 14px;
	font-weight: bolder;	
	text-transform: uppercase;	
}
.alguna-sugerencia img {
	vertical-align: bottom !important;
}

.container.title-breadcrumb {
	margin-bottom: 30px;
}

.title-breadcrumb-separation {
	/* border-bottom: 15px solid #eaeaea; */
}

.title-breadcrumb .title-page {
	font-family: 'Bitter', serif;
	color: #375E77;
	font-size: 45px;
	font-weight: 600;
	margin-bottom: 5px !important;
	margin-left: -2px;
}

.breadcrumb {
	background-color: #ffffff !important;
	padding: 0px !important;
	margin-bottom: 0px !important;
	font-size: 18px;
}
.breadcrumb a,
.breadcrumb span {
	font-family: 'Bitter', serif;
	color: #699cc6 !important;
	font-weight: 600;	
	letter-spacing: 1px;
}
.breadcrumb > li + li:before {
    color: #699cc6 !important;
    content: "> " !important;
	font-weight: bolder;	
}

ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.col-text {
	color: #375E77;
}

.col-text h3{
	margin-top: 0px;
}

.has-error, .has-error span input {
	background-color: #E26865 !important;
	color: #ffffff;
}
.has-error, .has-error label {
	color: #ffffff !important;
}
.help-inline {
	background-color: #E26865 !important;
	border: #E26865 1px solid;
	color: #ffffff;
}

.campo-formulario .campo-descripcion {
	float: left;
	color: #9fa3a7;
	font-size: 15px;
	font-weight: 400;
}

.campo-formulario .campo {
	overflow: hidden;
	display: block;
	padding: 0 4px 0 10px;
	font-size: 15px;
	font-weight: 400;
}
.campo-formulario .campo input {
	width: 100%;
	background-color: #ffffff;
	color: #000000;
	border: none;
}

.campo-formulario {
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 5px;
	border: 3px solid #eeedee;
}

.condiciones-formulario {
	padding: 10px 0px 10px 0px;
}

.boton-formulario-1 {
	border: none;
	background-color: #6eafe5;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 17px;
	text-transform: uppercase;
	padding: 8px 45px 8px 45px;
	margin: 0px;
	margin-top: 20px;
}

.boton-formulario-2 {
	border: none;
	color: #6eafe5;
	font-weight: bolder;
	font-size: 23px !important;
	text-transform: uppercase;
	padding: 8px 0px 8px 0px;
	margin: 0px;
	margin-top: 5px;
	margin-right: 30px;
	background-color: transparent;
}

.borrar{
	background-color: transparent;
	color: #CCCCCC;
}

.boton_sumbit {
  margin: 0;
  padding: 0;
  text-align: right;
  border: none;
  width:20px;
  height:20px;
  cursor: pointer;
}
.boton_sumbit.modificar {
  background: url(/assets/images/autoevaluacion_editar.png) no-repeat left top;
}
.boton_sumbit.eliminar {
  background: url(/assets/images/autoevaluacion_eliminar.png) no-repeat left top;
}
.boton_sumbit.nueva {
  background: url(/assets/images/autoevaluacion_nueva.png) no-repeat left top;
}
.boton_sumbit.media.modificar {
  background: url(/assets/images/autoevaluacion_editar2.png) no-repeat left top;
}
.boton_sumbit.media.eliminar {
  background: url(/assets/images/autoevaluacion_eliminar2.png) no-repeat left top;
}
.boton_sumbit.media.nueva {
  background: url(/assets/images/autoevaluacion_nueva2.png) no-repeat left top;
}
.texto-ventana {
	font-size: 17px;
	padding-bottom: 0px;
}

.boton_amarillo,
.boton_amarillo:link,
.boton_amarillo:visited,
.boton_amarillo:active {
	background-color: #ff842f;
	border: none;
	color: #ffffff;
	font-family: 'Roboto';
	font-size: 18px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 3px 25px;
	display: inline-block;
	text-decoration: none;
	margin-bottom: 15px;
}
.boton_amarillo:hover {
	background-color: #7B7C7F;
	text-decoration: none;
	color: #ffffff;
}

.main-content {
	margin-bottom: 150px;
}

.separation-down {
	padding-bottom: 20px;
}

@media (max-width: 320px) {
	.main-content {
		margin-bottom: 20px;
	}
}

/*
Hack Bootrap to show 7 columns
https://stackoverflow.com/a/21955398
*/
@media (min-width: 768px){
	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1  {
		width: 100%;
		*width: 100%;
	}
}


@media (min-width: 992px) {
	.title-breadcrumb-separation {
		/* border-bottom: 20px solid #eaeaea; */
		padding-top: 25px;
		margin-bottom: 30px;
	}

	.title-breadcrumb .title-page {
		margin-top: 30px  !important;
	}

	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 14.285714285714285714285714285714%;
		*width: 14.285714285714285714285714285714%;
	}
}


@media (min-width: 1200px) {
	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 14.285714285714285714285714285714%;
		*width: 14.285714285714285714285714285714%;
	}
}
  


/**
 * Estilos para los checkboxes con estilo redondo
 */
 .custom-checkbox .checkbox {
	padding-left: 20px;
}
.custom-checkbox .checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px; 
}
.custom-checkbox .checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	border-radius: 50%;
}
.custom-checkbox .checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555555;
}
.custom-checkbox .checkbox input[type="checkbox"],
.custom-checkbox .checkbox input[type="radio"] {
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}
.custom-checkbox .checkbox input[type="checkbox"]:focus + label::before,
.custom-checkbox .checkbox input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.custom-checkbox .checkbox input[type="checkbox"]:checked + label::after,
.custom-checkbox .checkbox input[type="radio"]:checked + label::after {
	font-family: "FontAwesome";
	content: "\f00c";
}
.custom-checkbox .checkbox input[type="checkbox"]:indeterminate + label::after,
.custom-checkbox .checkbox input[type="radio"]:indeterminate + label::after {
	display: block;
	content: "";
	width: 10px;
	height: 3px;
	background-color: #555555;
	border-radius: 2px;
	margin-left: -16.5px;
	margin-top: 7px;
}
.custom-checkbox .checkbox input[type="checkbox"]:disabled,
.custom-checkbox .checkbox input[type="radio"]:disabled {
	cursor: not-allowed;
}
.custom-checkbox .checkbox input[type="checkbox"]:disabled + label,
.custom-checkbox .checkbox input[type="radio"]:disabled + label {
	opacity: 0.65;
}
.custom-checkbox .checkbox input[type="checkbox"]:disabled + label::before,
.custom-checkbox .checkbox input[type="radio"]:disabled + label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}
.custom-checkbox .checkbox.checkbox-circle label::before {
	border-radius: 50%;
}
.custom-checkbox .checkbox.checkbox-inline {
	margin-top: 0;
}