body {
  padding-top: 0px;
  width:100%;
  overflow-x:hidden;
  font-size: 13px;
}

/*----- fondo del body -----*/
.color__fondo {
  background: #ADA996;
  background: -webkit-linear-gradient(to right, hsla(0, 0%, 92%, 0.915), hsla(0, 0%, 86%, 0.95), hsla(0, 0%, 95%, 0.96), hsla(50, 13%, 63%, 0.955)), url(../img/fondo.jpg);
  background: linear-gradient(to right, hsla(0, 0%, 92%, 0.915), hsla(0, 0%, 86%, 0.95), hsla(0, 0%, 95%, 0.96), hsla(50, 13%, 63%, 0.955)), url(../img/fondo.jpg);
  background-size: cover;
  padding: 10px;
}
/*---- fin del fondo del body ----*/
/*----------------------------*/
/*---------- Login -----------*/
.login-error { /*login error*/
  text-align: center;
  color: #F10000;
}

.login-body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  background: url(../img/fondo-login10.jpg) no-repeat;
  background-size: cover;
}

.login-fondo {
  max-width: 320px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #FFFFFF;
  opacity: 0.7;
  border-radius: 30px;
}

.login-box {
  color: #212F3D;
  padding: 15px;
}

.login-titulo h2 {
  float: left;
  font-size: 40px;
  border-bottom: 6px solid #212F3D;
  margin-bottom: 30px;
  padding: 13px -0.5;
}

.textbox {
  width: 100%;
  overflow: hidden;
  font-size: 20px;
  padding: 8px 0;
  margin: 8px 0;
  border-bottom: 1px solid #212F3D;
}

.textbox i {
  width: 26px;
  float: left;
  text-align: center;
}

.textbox input {
  border: none;
  outline: none;
  background: none;
  color: #212F3D;
  font-size: 18px;
  width: 80%;
  float: left;
  margin: 0 10px;
}

.login-btn {
  width: 100%;
  background: #212F3D;
  border: 2px solid #212F3D;
  border-radius: 4px;
  padding: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  cursor: pointer;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
}

.login-btn:hover {
  background: #1C2833;
}

.login-img {
  text-align: center;
  margin: 5px;
}

.login-img img {
  max-height: 100px;
  opacity: 1;
}

/*cuando sea menos a 850px de resolucion*/
@media screen and (max-width: 840px) {
  .login-body {
    background: url(../img/fondo-login12.jpg) no-repeat;
  }

  .login-fondo {
    top: 40%;
    left: 40%;
    transform: translate(-22%,-30%);
  }
}
/*fin visualizar*/

/*cuando sea menos a 650px de resolucion*/
@media screen and (max-width: 650px) {
  .login-fondo {
    top: 26%;
    left: 26%;
    transform: translate(1%,4%);
  }
}
/*fin visualizar*/

/*cuando sea menos a 600px de resolucion*/
@media screen and (max-width: 600px) {
  .login-body {
    background: url(../img/fondo-login13.jpg) no-repeat;
  }

  .login-fondo {
    top: 25%;
    left: 25%;
    transform: translate(1%,4%);
  }
}
/*fin visualizar*/

/*cuando sea menos a 650px de resolucion*/
@media screen and (max-width: 500px) {
  .login-fondo {
    top: 22%;
    left: 22%;
    transform: translate(-5%,10%);
  }
}
/*fin visualizar*/

/*cuando sea menos a 400px de resolucion*/
@media screen and (max-width: 400px) {
  .login-body {
    background: url(../img/fondo-login14.jpg) no-repeat;
  }

  .login-fondo {
    top: 30%;
    left: 30%;
    transform: translate(-20%,-20%);
  }

  .textbox input {
    font-size: 15px;
    width: 70%;
  }

  .textbox i {
    width: 22px;
  }

  .login-img img {
    max-height: 85px;
  }
}
/*--- fin visualizar 400px ---*/

/*--------- fin login --------*/
/*----------------------------*/
/*----- estilo de menu -------*/
.contenedor-menu {
  padding-bottom: 76px;
}

.navbar {
  margin-bottom: 0;
  background-color: #f4511e;
  z-index: 9999;
  border: 0;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  border-radius: 0;
  font-family: Montserrat, sans-serif;
}
.navbar li a, .navbar .navbar-brand {
  color: #000000 !important;
}
/*.navbar-nav li a:hover, .navbar-nav li.active a {*/
.navbar-nav li a.dropdown-toggle:hover,
.navbar-nav li a.nav-link:hover {
  color: #FFFFFF !important;
  background-color: #0B5345 !important;
  /*background-color: #154360 !important;*/
  border-radius: 4px;
}

.navbar-nav li.show a.dropdown-toggle{
  color: #FFFFFF !important;
  border-radius: 4px;
}

.navbar-nav li.show a.dropdown-item:hover{
  color: #FFFFFF !important;
  background-color: #0B5345 !important;
  border-radius: 1.5px;
}

.navbar-light .navbar-toggler {
  border-color: transparent;
  color: #000000 !important;
}
.dropdown li a {
  color: #0B5345 !important;
}
.navbar-light .navbar-nav>.show>a.dropdown-toggle{
  background-color: #0B5345 !important;
  color: #FFFFFF;
}

/*----- fin estilo menu ------*/
/*----------------------------*/
/*------ estilo botones ------*/

.btn-agregar {
  background: #008000;
  color: #FFFFFF;
  font-size: 13px;
}

.btn-agregar:hover {
  background: #006F00;
  color: #FFFFFF;
}

.btn-regresar {
  background: #007FD2;
  color: #FFFFFF;
  font-size: 13px;
}

.btn-regresar:hover {
  background: #0074C1;
  color: #FFFFFF;
}

.btn-nuevo {
  /*background: #007bff;*/
  background: #00A4A4;
  color: #FFFFFF;
  font-size: 14px;
}

.btn-nuevo:hover {
  /*background: #006FE5;*/
  background: #008080;
  color: #FFFFFF;
}

.btn-eliminar {
  background: #F10000;
  color: #FFFFFF;
}

.btn-eliminar:hover {
  background: #D40000;
  color: #FFFFFF;
}

/*---- fin estilo botones -----*/
/*----------------------------*/
/*------- estilo titulo ------*/
.header-into {
  background: #FCFCFC;
}

.titulo__modulo {
  background: #F5F9F8;
  color: #000000;
}
/*---- fin estilo titulo -----*/
/*----------------------------*/
/*----- estilo de iconos ------*/
.eliminar-icon {
  font-size:14px;
  color:#FFFFFF;
}

.icon-eliminar {
  font-size:14px;
  color:#F10000;
}

.icon-eliminar:hover {
  color: #D40000;
  cursor: pointer;
}

.icon-editar {
  font-size:13px;
  color:#00A4A4;
}

.icon-editar:hover {
  color:#008080;
  cursor: pointer;
}

.icon-ver {
  font-size:14px;
  color:#00A4A4;
}

.icon-ver:hover {
  color:#008080;
  cursor: pointer;
}

.icon-detalles {
  font-size:13px;
  color:#00A4A4;
}

.icon-detalles:hover {
  color:#008080;
  cursor: pointer;
}

.icon-evalua {
  font-size:13px;
  color:#00A4A4;
}

.icon-evalua:hover {
  color:#008080;
  cursor: pointer;
}

/*----- fin estilo iconos -----*/
/*----- estilo subir-logo -----*/
.img .contenedor__logo,
.img .contenedor__eliminar {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contenedor__logo img{
  max-width: 100%;
  max-height: 100px;
}

.img .contenedor__eliminar {
  font-size:20px;
  color:#D40000;
  cursor: pointer;
}

.logo_empresa {
    display: flex;
    border: 1px dashed #000000;
    height: 100px;
    /*min-height: 140px;*/
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #000000;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
}

.logo_empresa:hover {
  background: rgba(0, 0, 0, 0.10);
}

.contenedor__logo figure figcaption:hover {
    opacity: 1;
}

#add-logo input {
    display: none;
}

.desabilitado {
  display: none;
}

.indicacion p {
  color:#D40000;
}

.indicacion-logo {
  display: none;
}
/*----- fin subir-logo -----*/
/*--------------------------------------------------*/
/*------------ Evaluacion Ver Logo  ----------------*/
.logoEmpresa {
    display: block;
    border: 1px dashed #000000;
    height: 100px;
    font-size: 45px;
    color: #000000;
    border-radius: 4px;
}

.logoEmpresa h2 {
  font-size: 12px;
}
/*------------ Evaluacion Ver Logo  ----------------*/
/*--------------------------------------------------*/
/*---------------- Acordeon Temas  -----------------*/
.tema-encabezado {
  background: #0B5345;
}


.tema-encabezado .btn-acordeon-tema{
  text-decoration: none;
  color: #E5F7F3;
}

.tema-encabezado .btn-acordeon-tema:hover{
  color: #FFFFFF;
}

.icon-editar-form {
  font-size:15px;
  color:#A3E4D7;
}

.icon-editar-form:hover {
  color:#FFFFFF;
}

.icon-eliminar-form {
  font-size:15px;
  color:#A3E4D7;
}

.icon-eliminar-form:hover {
  color:#FFFFFF;
}


/*--------------- fin Acordean Temas ---------------*/
/*--------------------------------------------------*/
/*----------------- nav de Prefuntas ---------------*/

.nav-preguntas .btn-pregunta {
  color: #0B5345;
}

.nav-preguntas .btn-pregunta.active {
  color: #FFFFFF;
  background: #0B5345;
}

.btn-pregunta:hover {
  color: #0E6655;
}

/*------------- fin de nav de Prefuntas-------------*/
/*--------------------------------------------------*/
/*-------------------- spinner ---------------------*/
.looping-rhombuses-spinner, .looping-rhombuses-spinner * {
      box-sizing: border-box;
    }

    .looping-rhombuses-spinner {
      width: calc(15px * 4);
      height: 15px;
      position: relative;
    }

    .looping-rhombuses-spinner .rhombus {
      height: 15px;
      width: 15px;
      background-color: #007AFF;
      left: calc(15px * 4);
      position: absolute;
      margin: 0 auto;
      border-radius: 2px;
      transform: translateY(0) rotate(45deg) scale(0);
      animation: looping-rhombuses-spinner-animation 2500ms linear infinite;
    }

    .looping-rhombuses-spinner .rhombus:nth-child(1) {
      animation-delay: calc(2500ms * 1 / -1.5);
    }

    .looping-rhombuses-spinner .rhombus:nth-child(2) {
      animation-delay: calc(2500ms * 2 / -1.5);
    }

    .looping-rhombuses-spinner .rhombus:nth-child(3) {
      animation-delay: calc(2500ms * 3 / -1.5);
    }

    @keyframes looping-rhombuses-spinner-animation {
      0% {
        transform: translateX(0) rotate(45deg) scale(0);
      }
      50% {
        transform: translateX(-233%) rotate(45deg) scale(1);
      }
      100% {
        transform: translateX(-466%) rotate(45deg) scale(0);
      }
    }

/*------------------- fin de spinner----------------*/
/*--------------------------------------------------*/
/*------------ imagen empresa evaluacion ------------*/
.logo_evaluacion {
  padding: 5px;
  height: 166px;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: bottom;
}

.logo_evaluacion img{
  display: flex;
  max-width: 210px;
  max-height: 165px;
}
/*-------------- fin de imagen empresa -------------*/
/*--------------------------------------------------*/
/*--------------------- Notificacion ---------------*/
.toast-header, .toast-body{
  background: #F8F9F9;
}
/*-------------- fin de notificacion ----------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*-------- listar empresas departamentos ------------*/
/*---------------------------------------------------*/

.empresa-encabezado {
  background: #FFFFFF;
}


.empresa-encabezado .btn-acordeon-empresa{
  text-decoration: none;
  color: #0B5345;
}

.empresa-encabezado .btn-acordeon-empresa:hover{
  color: #0B5345;
  background: #E5F7F3;
}

/*-------- listar empresas departamentos ------------*/
/*---------------------------------------------------*/
/*----------------- scroll de Tablas ----------------*/
#divTabla {
  overflow:scroll;
}
/*---------------- fin scroll de Tablas -------------*/
/*---------------------------------------------------*/

/*---------------------------------------------------*/
/*-------------------- paginador --------------------*/

.paginador ul{
  padding: 15px;
  list-style: none;
  background: #FFFFFF;
  margin-top: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}

.paginador a, .pageSelected{
  color: #428BCA;
  border: 1px solid #DDDDDD;
  padding: 5px;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  width: 35px;
}

.paginador a:hover {
  background: #DDDDDD;
}

.pageSelected {
  color: #FFFFFF;
  background: #428BCA;
  border: 1px solid #428BCA;
}

/*---------------------------------------------------*/
/*--------------- fin de paginador ------------------*/

/*--------------------------------------------------*/
/*------------- Acordeon evaluacion  ---------------*/
.tema-evaluaciones {
  background: #1B2631;
}

.tema-evaluaciones .btn-acordeon-evaluacion{
  text-decoration: none;
  color: #EBEDEF;
}

.tema-evaluaciones .btn-acordeon-evaluacion:hover{
  color: #FFFFFF;
}

/*--------------------------------*/
/*----------- formulario ---------*/
.tema-formulario {
  background: #0B5345;
}

.tema-formulario .btn-acordeon-formulario{
  text-decoration: none;
  color: #EBEDEF;
}

.tema-formulario .btn-acordeon-formulario:hover{
  color: #FFFFFF;
}

/*--------------------------------*/
/*------ fecha evaluacion --------*/

.nav-evaluaciones .btn-evaluacion {
  color: #0B5345;
  font-size: 12px;
}

.nav-evaluaciones .btn-evaluacion.active {
  color: #FFFFFF;
  background: #0B5345;
}

.btn-evaluacion:hover {
  color: #0E6655;
}

/*------------- Acordeon evaluacion  ---------------*/
/*--------------------------------------------------*/