@charset "UTF-8";
body div::-webkit-scrollbar {
  height: 7px;
  width: 7px;
}

/* Track */
body div::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
body div::-webkit-scrollbar-thumb {
  background: #e8e9ec;
}

/* Handle on hover */
body div::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
}

body:focus {
  outline: none;
}

#iii {
  display: none;
}

body {
  font-family: "Roboto", sans-serif;
  margin: 0;
  margin-top: -15px;
  background-color: #f2f2f2;
}

#overlay {
  z-index: 10000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: wait;
}

h1 {
  color: #43425d;
  font-size: 28px;
  font-weight: 300;
}

h2 {
  color: #4d4f5c;
  font-size: 24px;
  font-weight: 700;
  margin-top: 10px;
}

.navbar-fixed-top {
  height: 70px;
  background-color: #ffffff;
  width: 100%;
  box-shadow: 0 0 2px 0 #8a8a8a;
}
.navbar-fixed-top #logo {
  height: 42px;
  width: 145px;
  background-image: url("./ensamblado/logo_horizontal.png");
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin-top: 21px;
  margin-left: 33px;
}
.navbar-fixed-top ul {
  float: right;
}
.navbar-fixed-top #logout {
  display: block;
  margin-top: 17px;
  right: 30px;
  position: absolute;
}
.navbar-fixed-top #logout a {
  text-decoration: none;
  color: #0b5270;
  font-weight: 700;
}

.cont-upload {
  height: 170px;
  min-width: 540px;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  position: relative;
  box-shadow: 0 0 2px 0 #8a8a8a;
}

#descargarPlantilla {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E %3Cg id='i_descargar' transform='translate(116.281 -6.244)'%3E %3Cg id='i_descargar-2' data-name='i_descargar' transform='translate(-394.676 1255.247) rotate(-90)'%3E %3Cpath id='Trazado_8436' data-name='Trazado 8436' d='M1233.942,285.088a.685.685,0,0,1-.693.693H1228.1a2.411,2.411,0,0,0-2.408,2.408V300.6a2.411,2.411,0,0,0,2.408,2.408h5.23a.686.686,0,0,1,.693.693.694.694,0,0,1-.693.693h-5.23a3.8,3.8,0,0,1-3.794-3.794V288.189a3.8,3.8,0,0,1,3.794-3.794h5.146A.693.693,0,0,1,1233.942,285.088Z' transform='translate(0)' fill='%238a8a8a'/%3E %3Cpath id='Trazado_8437' data-name='Trazado 8437' d='M1238.35,304.252a.728.728,0,0,0-.2-.488l-2.414-2.414h11.17a.693.693,0,0,0,0-1.386h-11.17l2.414-2.414a.713.713,0,0,0,.2-.5.681.681,0,0,0-.2-.48.692.692,0,0,0-.981,0l-3.594,3.6a.69.69,0,0,0-.2.49v0a.677.677,0,0,0,.2.48l3.6,3.6a.69.69,0,0,0,1.181-.488Z' transform='translate(-4.741 -6.262)' fill='%238a8a8a'/%3E %3C/g%3E %3Crect id='Rectángulo_846' data-name='Rectángulo 846' width='32' height='32' transform='translate(-116.281 6.244)' fill='none'/%3E %3C/g%3E %3C/svg%3E ");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
  width: 25px;
  border-radius: 13px;
  border: 1px solid #e8e9ec;
  position: absolute;
  top: 10px;
  right: 25px;
}
#descargarPlantilla:hover {
  cursor: pointer;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
  height: 27px;
  width: 27px;
  border-radius: 15px;
  top: 9px;
  right: 24px;
}
#descargarPlantilla:focus {
  outline: none;
}

.btn-agregar {
  border: 0;
  background-color: #0b5270;
  color: #ffffff;
  height: 32px;
  width: 135px;
  border-radius: 5px;
  font-size: 12px;
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.btn-agregar:hover {
  cursor: pointer;
}
.btn-agregar:focus {
  outline: 0;
}

.btn-borrar {
  border: 1px solid #8a8a8a;
  background-color: #ffffff;
  color: #8a8a8a;
  height: 32px;
  width: 135px;
  border-radius: 5px;
  font-size: 12px;
  position: absolute;
  bottom: 30px;
  right: 180px;
}
.btn-borrar:hover {
  cursor: pointer;
}
.btn-borrar:focus {
  outline: 0;
}

#asignarCSV,
#desasignarCSV {
  display: none;
}

.input-file {
  border: 1px solid #e8e9ec;
  background-color: #ffffff;
  color: #e8e9ec;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  width: calc(100% - 100px);
  border-radius: 5px;
  font-size: 13px;
  position: absolute;
  bottom: 80px;
  right: 30px;
}
.input-file:hover {
  cursor: pointer;
}
.input-file:focus {
  outline: 0;
}

#encabezado {
  margin-top: 40px;
  margin-bottom: 50px;
}

.login-izq {
  background-image: url("./ensamblado/base_portada.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  top: 0;
  right: 50%;
  left: 0;
  bottom: 0;
}

.login-der {
  position: fixed;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
}
.login-der #loginForm {
  width: 300px;
  margin-left: calc(50% - 150px);
  margin-top: 80px;
}
.login-der .contlogin {
  margin-left: calc(50% - 67px);
  margin-top: 50px;
}
.login-der .contlogin input[type=submit] {
  border: 0;
  background-color: #0b5270;
  color: #ffffff;
  height: 32px;
  width: 135px;
  border-radius: 5px;
  font-size: 12px;
}
.login-der .contlogin input[type=submit]:hover {
  cursor: pointer;
}
.login-der .contlogin input[type=submit]:focus {
  outline: 0;
}
.login-der .form-group input[type=text],
.login-der .form-group input[type=password] {
  border: 0;
  border-bottom: 2px solid #e9e9f0;
  color: #cacaca;
  width: 100%;
  height: 40px;
  margin-bottom: 25px;
}
.login-der .form-group input[type=text]:focus,
.login-der .form-group input[type=password]:focus {
  outline: 0;
}
.login-der #logo {
  height: 190px;
  width: 213px;
  background-image: url("./ensamblado/logo_gather.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: calc(50% - 107px);
}
.login-der h4 {
  color: #4d4f5c;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  margin-top: 12px;
}

#Footer {
  background-color: #d1d7d9;
  padding-top: 30px;
  height: 56px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#Footer p {
  color: #646464;
  font-size: 9px;
  text-align: center;
  margin: 2px 0;
}

.text-danger {
  color: #b81616;
  font-size: 12px;
  font-weight: 900;
}
.text-danger ul {
  padding: 0;
}
.text-danger li {
  display: block;
  text-align: center;
}