/*
 * Defino estilos para el elemento "body" y demás
 */

* {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: none !important;
     -moz-transition: none !important;
       -o-transition: none !important;
          transition: none !important;
}

body {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1;
  padding-top: 55px;
}

button, input, textarea, select, a, img {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 11px;
  -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
       -o-transition: all .3s ease-in-out 0s;
          transition: all .3s ease-in-out 0s;
}

div.container-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff url('../img/background.00000001.jpg') no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/*
 * Defino estilos para ".texto" (Leyenda en el index.html)
 */

.texto-home {
  color: white;
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.texto-home-abajo {
  font-size: 18px;
  color: white;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px;
  text-transform: uppercase;
/*
  background: rgba(0, 66, 151, 0.7); 
*/
}

.texto-home-abajo-2 {
  font-size: 14px;
  color: white;
  padding: 15px;
  text-transform: uppercase;
/*
  background: rgba(0, 66, 151, 0.7); 
*/
}


/*
 * Defino estilos para ".input-group-btn"
 */

.input-group-btn {
  padding-left: 5px;
}

/*
 * Defino estilos para ".encabezado .navbar"
 */

.encabezado .navbar {
  background-color: #002f60 !important;
  border: 0;
  border-bottom: 4px solid #ff5400;
}

.encabezado .navbar .navbar-brand {
  line-height: auto;
  height: auto;
  border: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
}

.encabezado .navbar .nav > li > a {
  background-color: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 200;
  border: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.encabezado .navbar .nav > li > a:hover,
.encabezado .navbar .nav > li > a:focus,
.encabezado .navbar .nav > li.open > a,
.encabezado .navbar .nav > li.active > a,
.encabezado .navbar .nav > li.active > a:hover,
.encabezado .navbar .nav > li.active > a:focus {
  background-color: transparent;
  color: #ff5400;
  font-size: 14px;
  font-weight: 200;
  border: 0;
}

.encabezado .navbar-toggle {
  color: #fff;
}

/*
 * Defino estilos para ".encabezado .navbar .dropdown-submenu"
 */

.encabezado .navbar .dropdown-submenu:hover > a {
  background-color: #f8f8f8;
  color: #333;
}

.encabezado .navbar .dropdown-menu .dropdown-submenu {
  position: relative;
}

.encabezado .navbar .dropdown-menu .dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -2px;
}

.encabezado .navbar .dropdown-menu .dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.encabezado .navbar .dropdown-menu .dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.encabezado .navbar .dropdown-menu .dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.encabezado .navbar .dropdown-menu .dropdown-submenu.pull-left {
  float: none;
}

.encabezado .navbar .dropdown-menu .dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

/*
 * Defino estilos para ".encabezado .formulario-registro"
 */

.encabezado .formulario-registro {
  background-color: #002f60;
  color: #ccc;
  border: 0;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
}

.encabezado .formulario-registro legend {
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  border: 0;
  margin: 0;
  margin-bottom: 20px;
  padding: 5px 15px;
}

.encabezado .formulario-registro .form-group {
  border: 0;
  margin: 0;
  padding: 0;
}

.encabezado .formulario-registro .form-group .form-control {
  position: relative;
  height: auto;
  padding: 10px 15px;
  z-index: 1;
}

.encabezado .formulario-registro .form-group .form-control[type="text"] {
  margin-bottom: -1px;
}

.encabezado .formulario-registro .form-group .form-control[type="password"] {
  margin-bottom: 20px;
}

.encabezado .formulario-registro .form-group .form-control:focus {
  z-index: 2;
}

.encabezado .formulario-registro .form-actions > .btn-primary {
  padding: 10px 15px;
}

.encabezado .formulario-registro .form-contact {
  padding-top: 20px;
}

.encabezado .formulario-registro .form-contact .contact {
  padding-top: 10px;
}

/*
 * Defino estilos para ".contenido"
 */

.contenido h1 {
  color: #ff5400;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  border: 0;
  margin: 0;
  padding: 5px 0;
}

.contenido h1 small {
  font-size: 11px;
  font-weight: 200;
}

.contenido h2 {
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  border: 0;
  margin: 0;
  padding: 5px 0;
}

body > .contenido > .container > .row:first-child h1,
body > .contenido > .informe > .informe-titulos > .container > .row:first-child h1 {
  border-bottom: 1px solid #ccc;
}

/*
 * Defino estilos para ".contenido .formulario-estandar"
 */

.contenido .formulario-estandar {
  color: #333;
  border: 0;
  margin: 0;
  padding: 0;
}

.contenido .formulario-estandar > fieldset > legend {
  color: #333;
  font-size: 11px;
  font-weight: 700;
  border: 0;
  border-bottom: 1px solid #ccc;
  margin: 5px 0;
}

.contenido .formulario-estandar > fieldset > div {
  border: 0;
  margin: 0;
  padding: 5px 0 10px 0;
}

.contenido .formulario-estandar > fieldset > div > label {
  color: #555;
  font-size: 11px;
  font-weight: 700;
  border: 0;
  margin: 0;
  padding: 0;
}

.contenido .formulario-estandar > .form-actions {
  text-align: right;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 0;
}

/*
 * Defino estilos para ".contenido .formulario-busqueda"
 */

.contenido .formulario-busqueda {
  background-color: #002f60;
  color: #ccc;
  border: 0;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

.contenido .formulario-busqueda > fieldset > legend {
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  border: 0;
  border-bottom: 1px solid #5a6262;
  margin: 0;
  padding: 10px;
  padding-bottom: 0;
}

.contenido .formulario-busqueda > fieldset > div {
  border: 0;
  margin: 0;
  padding: 10px;
}

.contenido .formulario-busqueda > fieldset > div > label {
  color: #ddd;
  font-size: 11px;
  font-weight: 700;
  border: 0;
  margin: 0;
  padding: 0;
}

.contenido .formulario-busqueda > fieldset > div .input-group-btn {
  padding-left: 5px;
}

.contenido .formulario-busqueda > .form-actions {
  text-align: right;
  border: 0;
  border-top: 1px solid #5a6262;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
}

/*
 * Defino estilos para ".contenido .formulario-registro"
 */

.contenido .formulario-registro {
  background-color: #ddd;
  color: #333;
  border: 0;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

.contenido .formulario-registro .btn-xs {
  font-size: 10px;
  font-weight: 200;
  line-height: 1;
  border: 0;
  margin: 0;
  padding: 2px 5px;
}

.contenido .formulario-registro .ctr-xs {
  background-color: #fff;
  font-size: 10px;
  text-align: center;
  border: 1px solid #ddd;
}

.contenido .formulario-registro > fieldset > legend {
  color: #333;
  font-size: 11px;
  font-weight: 700;
  border: 0;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 10px;
  padding-bottom: 0;
}

.contenido .formulario-registro > fieldset > div {
  border: 0;
  margin: 0;
  padding: 10px;
}

.contenido .formulario-registro > fieldset > div > label {
  color: #555;
  font-size: 11px;
  font-weight: 700;
  border: 0;
  margin: 0;
  padding: 0;
}

.contenido .formulario-registro > .form-actions {
  text-align: right;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
}

/*
 * Defino estilos para ".contenido .table"
 */

.contenido .table {
  margin-bottom: 10px;
}

.contenido .table tr {
  cursor: default;
}

.contenido .table tr.definir-registro {
  cursor: pointer;
}

.contenido .table tr th {
  background-color: #f7f7f7;
}

.contenido .table tr .resaltado {
  background-color: #d6d65c;
  color: #000;
}

.contenido .table tr .registro {
  position: relative;
  display: table;
  width: 100%;
}

.contenido .table tr .registro .nombre {
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

.contenido .table tr .registro .nombre .detalles {
  font-size: 90%;
  color: #333;
}

.contenido .table tr .registro .accion {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.contenido .table tr .registro .accion .btn-link {
  color: #757f7f;
  font-size: 14px;
  text-decoration: none;
  line-height: normal;
  white-space: normal;
  vertical-align: initial;
  border: 0;
  margin: 0;
  outline: 0;
}

.contenido .table tr .registro .accion .btn-link.btn-sm {
  font-size: 12px;
  padding: 0 5px;
}

.contenido .table tr .registro .accion .btn-link:active,
.contenido .table tr .registro .accion .btn-link:focus,
.contenido .table tr .registro .accion .btn-link:hover {
  color: #ff5400;
}

.contenido .table tr .registro .accion .btn-link .fa {
  display: block;
}

/*
*/
.contenido .table tr.definir-registro {
  cursor: pointer;
}

.contenido .table tr th {
  background-color: #f7f7f7;
}

.contenido .table tr .resaltado {
  background-color: #d6d65c;
  color: #000;
}

.contenido .table tr .registro {
  position: relative;
  display: table;
  width: 100%;
  text-align: left;
  text-decoration: none;
  outline: 0;
}

.contenido .table tr .registro .detalles {
  font-size: 90%;
  color: #777;
}

@media (min-width: 992px) {

  /**.contenido .table tr .registro .detalles {
    position: absolute;
    top: 3px;
    right: 3px;
  }**/
}

.contenido .table tr .registro:active,
.contenido .table tr .registro:focus,
.contenido .table tr .registro:hover {
  color: #ff5400;
}

/*
 * Defino estilos para ".contenido .alert"
 */

.contenido .alert {
  font-size: 12px;
  text-align: justify;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

/*
 * Defino estilos para ".contenido .nav-pills"
 */

.contenido .nav-pills {
  border: 0;
  margin: 0;
  padding: 0;
}

.contenido .nav-pills > li {
  border: 0;
  margin: 0;
  padding: 0;
}

.contenido .nav-pills > li > a {
  color: #757f7f;
  font-size: 12px;
  border: 0;
  margin: 0 5px 0 0;
  padding: 0;
  outline: 0;
}

.contenido .nav-pills > li > a:focus {
  background-color: transparent;
}

.contenido .nav-pills > li > a:hover {
  background-color: transparent;
  color: #ff5400;
}

.contenido .nav-pills > li.active > a,
.contenido .nav-pills > li.active > a:focus,
.contenido .nav-pills > li.active > a:hover {
  background-color: transparent;
  color: #ff5400;
}

/*
 * Defino estilos para ".contenido .tab-menu"
 */

.contenido .tab-menu {
  border: 0;
  margin: 0;
  padding: 0;
}

.contenido .tab-menu > .nav-tabs {
  border: 0;
  margin: 0;
  padding: 0;
}

.contenido .tab-menu > .nav-tabs > li {
  border: 0;
  margin: 0;
  padding: 0;
}

.contenido .tab-menu > .nav-tabs > li > a {
  background-color: #fff;
  color: #333;
  border: 0;
  margin: 0;
  padding: 10px;
  outline: 0;
}

.contenido .tab-menu > .nav-tabs > li > a:focus,
.contenido .tab-menu > .nav-tabs > li > a:hover {
  background-color: #ddd;
  color: #333;
}

.contenido .tab-menu > .nav-tabs > li.active > a,
.contenido .tab-menu > .nav-tabs > li.active > a:focus,
.contenido .tab-menu > .nav-tabs > li.active > a:hover {
  background-color: #002f60;
  color: #fff;
}

.contenido .tab-menu > .tab-content {
  background-color: #ddd;
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Defino estilos para ".contenido .pagination"
 */

.contenido .pagination {
  margin: 0;
}

.contenido .pagination li > a {
  color: #333;
  outline: 0;
}

.contenido .pagination li > a:focus,
.contenido .pagination li > a:hover {
  background-color: #ddd;
  color: #333;
}

.contenido .pagination li.active > a,
.contenido .pagination li.active > a:focus,
.contenido .pagination li.active > a:hover {
  background-color: #002f60;
  color: #ff5400;
  border-color: #002f60;
}

/*
 * Defino estilos para ".informe"
 */

.informe h3 {
  background-color: #002f60;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  border: 0;
  border-top: 2px solid #002f60;
  border-bottom: 2px solid #002f60;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 7px 5px;
}

.informe h4 {
  color: #002f60;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  border: 0;
  border-bottom: 2px solid #002f60;
  margin: 0;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 7px 5px;
}

.informe .nivel-3-titulo {
  background-color: #ddd;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  border: 0;
  margin: 0;
  margin-bottom: 5px;
  padding: 5px;
}

.informe .nivel-4-titulo {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  border: 0;
  margin: 0;
  margin-bottom: 5px;
  padding: 5px;
}

.informe .seccion-contenido-nivel-1 {
  padding-left: 5px;
  padding-bottom: 15px;
}

.informe .seccion-contenido-nivel-2 {
  padding-left: 5px;
}

.informe .seccion-contenido-nivel-3 {
  padding-left: 5px;
}

.informe .seccion-contenido-nivel-4 {
  padding-left: 5px;
}

.informe .label {
  display: inline-block;
  font-size: 90%;
  font-weight: 700;
  min-width: 24px;
}

.informe .label .fa {
  width: auto;
}

.informe .alert {
  font-size: 11px;
  font-weight: 200;
  text-align: justify;
  margin: 0;
  margin-bottom: 5px;
  padding: 3px 5px;
}

.informe .table {
  font-size: 11px;
  margin: 0;
  margin-bottom: 5px;
}

.informe .table tr th {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  padding: 3px 5px;
}

.informe .table tr td {
  font-size: 11px;
  font-weight: 200;
  text-transform: uppercase;
  text-align: justify;
  margin: 0;
  padding: 3px 5px;
}

.informe .table .btn {
  background-color: none;
  font-size: 11px;
  font-weight: 200;
  text-transform: none;
  line-height: 1;
  border: 0;
  margin: 0;
  padding: 1px 5px;
}

.informe .table .btn .text-danger {
 color: #ff5400;
}

.informe .table-responsive .control-bloques {
  background-color: #e7e7e7;
  font-size: 80%;
  cursor: pointer;
  margin: 0;
  margin-top: -5px;
  margin-bottom: 5px;
  padding: 3px 5px;
}

.informe .table-responsive .control-bloques:focus,
.informe .table-responsive .control-bloques:hover {
  background-color: #ccc;
}

.informe .informe-disclaimer .alert {
  font-size: 12px;
  padding: 10px;
}

/*
 * Defino estilos para ".informe-progreso"
 */

.informe-progreso .progress {
  position: fixed;
  background-color: transparent;
  top: 50px;
  left: 0px;
  right: 0px;
  height: 4px;
  z-index: 9999;
}

.informe-progreso .progress.active{
  height: 30px;
  text-align: right;
}

.informe-progreso .progress-bar {
  background-color: #ffc737;
  text-align: right;
  line-height: 30px;
}

/*
 * Defino estilos para ".informe-titulos"
 */

.informe-titulos {
  height: 40px;
}

.informe-titulos .informe-titulado-opciones .informe-accion-al-terminar-modulos {
  color: #fe5000;
}

.informe-titulos .informe-titulado-opciones .informe-accion-al-terminar-modulos-principal {
  margin-right: 10px;
}

.informe-titulos .informe-titulado-opciones .informe-accion-al-terminar-informe {
  color: #333;
}

.informe-titulos .informe-titulado-opciones .informe-accion-al-terminar-informe-descargar {
  margin-left: 10px;
}

/*
 * Defino estilos para ".semaforo"
 */

.semaforo {
  background-color: #ccc;
  color: #444;
}

.semaforo.invertir {
  background-color: #999;
  color: #fff;
}

.semaforo-1 {
  background-color: #d1e0bd;
  color: #4d6f2e;
}

.semaforo-1.invertir {
  background-color: #76a637;
  color: #fff;
}

.semaforo-2 {
  background-color: #faeebe;
  color: #8f771f;
}

.semaforo-2.invertir {
  background-color: #ffc737;
  color: #fff;
}

.semaforo-3 {
  background-color: #f0d1b2;
  color: #7b4404;
}

.semaforo-3.invertir {
  background-color: #911618;
  color: #fff;
}

.semaforo-4 {
  background-color: #e5b07d;
  color: #631103;
}

.semaforo-4.invertir {
  background-color: #911618;
  color: #fff;
}

.semaforo-5 {
  background-color: #ddb9b9;
  color: #440001;
}

.semaforo-5.invertir {
  background-color: #911618;
  color: #fff;
}

.semaforo-6 {
  background-color: #ddb9b9;
  color: #440001;
}

.semaforo-6.invertir {
  background-color: #911618;
  color: #fff;
}

.semaforo-7 {
  background-color: #ddb9b9;
  color: #440001;
}

.semaforo-7.invertir {
  background-color: #911618;
  color: #fff;
}

/*
 * Defino estilos para ".modal"
 */

.modal .modal-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  border: 0;
  margin: 0;
  padding: 0;
  z-index: 9998;
}

.modal .modal-header .close {
  font-size: 22px;
  border: 0;
  margin: 2px 15px;
  padding: 0;
  z-index: 9999;
}

.modal .modal-body .container {
  width: auto;
}

.modal .modal-body .container > .row > div {
  padding: 0;
}

.modal .modal-body .container > .row > div > h1 {
  margin-top: -15px;
}

/*
 * Tamaños de pantalla
 */

@media (max-width: 767px) {

  .encabezado .navbar .navbar-brand {
    margin-left: 15px !important;
  }

  .tooltip {
    display: none !important;
  }
}

/*
 * Defino estilos para impresora
 */

@media print {

  body {
    padding-top: 20px;
  }

  .container {
    width: auto !important;
  }
}