/* 
    Created on : 1/12/2021, 01:26:12 PM
    Author     : David Flores
*/
:root {
  --primary: #1e69a6 !important;
  --primary-trans: rgba(30, 105, 166, 0.6) !important;
  --blue: #0c4c91 !important;
  --red: #ef6461;
  --dark: #212529;
  --fondo-card: #ecf5fd;
  --main-bg-color: #1e69a6;
  --main-bg-color-light: #528bb9;
  --second-bg-color: #2379bf;
  --second-bg-color-light: #3391dd;
  --third-bg-color: #474444;
}

body {
  font-family: "Poppins", sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.created-by-container {
  display: none;
  position: fixed;
  right: 0;
  bottom: 2%;
}

.created-by-container-login {
  position: absolute;
  right: 1%;
  bottom: 10%;
}

.created-by {
  height: 80px;
}

.itsoft-white {
  float: right;
  padding-bottom: 1rem;
}

.bg-primary,
.btn-primary {
  background-color: var(--main-bg-color);
  background-image: linear-gradient(
    180deg,
    var(--second-bg-color) 1px,
    var(--main-bg-color)
  );
  border-color: var(--second-bg-color);
  color: #fff;
  text-shadow: 0 0 1px #000;
}

.btn-primary:hover {
  background-color: var(--main-bg-color-light);
  background-image: linear-gradient(
    180deg,
    var(--second-bg-color-light) 1px,
    var(--main-bg-color-light)
  );
  border-color: var(--second-bg-color-light);
}

.navbar.navbar-dark,
.btn-secondary,
.bg-dark {
  background-color: var(--third-bg-color);
  border-color: var(--third-bg-color);
  color: #fff;
  /* text-shadow: 0 0 1px #000; */
}

/*Fondo plateado*/
.bg-silver {
  background: linear-gradient(
    top,
    rgba(38, 38, 38, 0.8),
    #e6e6e6 25%,
    #fff 38%,
    #c5c5c5 87%,
    rgba(38, 38, 38, 0.8)
  );
  background: -webkit-linear-gradient(
    top,
    #c5c5c5,
    #e6e6e6 25%,
    #fff 38%,
    #c5c5c5 87%,
    #c5c5c5
  );
}
.bg-silver2 {
  background: linear-gradient(#d4d3d3, #e6e6e6);
}

.text-danger {
  color: var(--red) !important;
}

.fondo-card {
  background-color: var(--fondo-card);
  transition: all 0.3s;
}

.fondo-card:hover {
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.42);
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.42);
  background-color: #f2f7fc;
}

.fondo-card .titulo-card,
.texto-card {
  color: var(--blue);
}

.icono {
  bottom: -20%;
  left: 50%;
  transform: translate(-50%, 20%);
}
.main .contenedor,
.editar-comprobante {
  box-shadow: -12px 17px 21px -12px rgba(0, 0, 0, 0.42);
  -webkit-box-shadow: -12px 17px 21px -12px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: -12px 17px 21px -12px rgba(0, 0, 0, 0.42);
}

.main.mx-auto.col-lg-10 {
  margin-bottom: 2rem;
}

/* modulos menu principal*/
.card-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.card-container a {
  color: var(--dark);
  text-decoration: none; /* no underline */
}

.card-modulo:hover {
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.42);
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.42);
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

/* .end modulos menu principal*/

/*main navbar*/
.navbar-brand img {
  width: 150px;
}

.avatar {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
}
/* ./end main navbar*/

/*Mensajes*/
.card {
  font-size: 0.8rem;
}
/*Mensajes*/

.login-container {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: -12px 17px 21px -12px rgba(0, 0, 0, 0.42);
  -webkit-box-shadow: -12px 17px 21px -12px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: -12px 17px 21px -12px rgba(0, 0, 0, 0.42);
}

.login-container,
.logo-white {
  z-index: 1000;
}

.logo-white,
.logo-white img {
  position: absolute;
  left: 0;
  right: 0;
  width: 50%;
  margin: 0 auto;
}

.logo-white img {
  width: 300px;
}

.admin-container {
  padding-bottom: 9rem;
}

.admin-interfaces-container {
  padding-bottom: 11rem;
}

.select-nav {
  border: 0px;
  background-color: #0c4c91;
  border-radius: 15px;
  text-align: center;
  color: white;
}

footer {
  width: 100%;
  background-color: var(--primary);
  margin-top: auto;
}

.update-centers {
  margin-bottom: 2px;
  padding-bottom: 2px;
}
.update-bitacora {
  padding: 1px 2px;
  width: 20px;
  height: 21px;
}

.fas.fa-id-card {
}

.ng-animate.no-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}
.spinner-border {
  font-size: 1rem;
}

#tblMateriales,
.articulos-ciclico {
  max-height: 200px;
}

.articulos-ciclico {
  min-height: 50px;
}

.tarimas {
  max-height: 400px;
}

.mat_selected {
  color: var(--fondo-card) !important;
  background-color: var(--primary) !important;
}

.unidad_medida {
  min-width: 50px !important;
}

span.myPrependClass {
  color: var(--fondo-card);
  background-color: var(--primary);
}
.estatus a {
  color: var(--fondo-card);
}

.ancho-fecha {
  min-width: 100px;
}

.ancho-fecha-hora {
  min-width: 150px;
}

.descripcion {
  min-width: 200px;
}

.modal-dialog.modal-xl {
  min-width: 90% !important;
}

.datepicker {
  min-width: 100px;
}

button.btn.dropdown-toggle.bs-placeholder.\'btn-secondary\' {
  border-color: #ced4da;
}

.totales:hover {
  color: white !important;
  font-weight: bold;
}

/*/ RESPONSIVE*/
/*========================================================================= /*/

/*/ Tablets en horizonal y escritorios normales*/
@media (min-width: 768px) and (max-width: 1199px) {
  .created-by {
    height: 70px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {
  .logo-white img {
    width: 150px;
    padding-bottom: 1.5rem;
  }

  .login-container h1 {
    font-size: 1.5rem;
  }

  .created-by {
    height: 70px;
  }
}

/*/ Móviles en horizontal o tablets en vertical*/
@media (max-width: 767px) {
  .centers-title {
    text-align: center;
  }
  .update-centers,
  .importe-viaje {
    float: right;
    margin-bottom: 1rem;
    margin-right: 0rem;
  }

  .created-by {
    height: 50px;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  .logo-white img,
  .login-container h1 {
    display: none;
  }
}

/*/ Móviles en vertical*/
@media (max-width: 480px) {
  .logo-white img {
    width: 150px;
  }

  .mandante {
    font-size: 0.7rem;
  }

  .created-by-container {
    bottom: 3%;
  }

  .created-by {
    height: 50px;
  }

  .itsoft-white {
    display: none;
  }

  /* Calendario de Inventarios - FullCalendar  */
  .fc-today-button.fc-button,
  .fc-button-group button {
    font-size: 0.5rem !important;
  }
  .fc-button-group button {
    width: 30px;
  }

  .fc-toolbar-title {
    font-size: 0.8rem !important;
  }
  /* Calendario de Inventarios - FullCalendar  */
}

/* estilos en las tablas */
.table-responsive,
.form-check-label,
.card .btn,
.card input {
  font-size: 0.8rem;
}
.table-responsive td {
  padding: 5px;
}
.table-responsive .btn {
  padding: 2px 6px;
}
.table-responsive .fas.fa-edit,
.table-responsive .fas.fa-trash-alt {
  font-size: 0.7rem;
}

.fa-search-plus {
  font-size: 1.4rem;
}

/* .fa-list-alt, .fa-address-book {
  font-size: 1.1rem;
} */


.card .card-header.bg-primary {
  padding: 10px 20px;
}

.table-responsive h4 {
  font-size: 1rem;
}
.card label {
  font-size: 0.8rem;
}

.td-options .btn-warning {
  color: white;
}

.text-body {
  color: #ffffff;
}
/* ./ fin estilos en las tablas */

/*David Flores - Paginacion*/
.pagination {
  font-family: "Lato", sans-serif;
  font-size: 12px;
}

.pagination a {
  color: #0068b3;
  float: left;
  padding: 6px 10px;
  text-decoration: none;
}

.pagination .active {
  background-color: #0068b3;
}

.pagination .active a {
  color: white;
}

.pagination li:hover:not(.active) {
  background-color: #ddd;
}
/*Fin David Flores -  Paginacion*/

/* Toogle Button */
.custom-control-label {
  color: var(--black) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--main-bg-color) !important; /*green;*/
  border-color: var(--main-bg-color-light) !important; /*#004d00;*/
}

.custom-switch.custom-switch-lg {
  padding-bottom: 1rem;
  padding-left: 2.25rem;
}
.custom-switch.custom-switch-lg .custom-control-label {
  padding-left: 0.75rem;
  padding-top: 0.15rem;
}
.custom-switch.custom-switch-lg .custom-control-label::before {
  border-radius: 1rem;
  height: 1.5rem;
  width: 2.5rem;
}
.custom-switch.custom-switch-lg .custom-control-label::after {
  border-radius: 0.65rem;
  height: calc(1.5rem - 4px);
  width: calc(1.5rem - 4px);
}
.custom-switch.custom-switch-lg
  .custom-control-input:checked
  ~ .custom-control-label::after {
  transform: translateX(1rem);
}

.custom-switch.custom-switch-xl {
  padding-bottom: 1rem;
  padding-left: 2.25rem;
}
.custom-switch.custom-switch-xl .custom-control-label {
  padding-left: 2rem;
  padding-top: 0.5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::before {
  border-radius: 1rem;
  height: 2rem;
  width: 3.5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::after {
  border-radius: 2rem;
  height: calc(2rem - 4px);
  width: calc(2rem - 4px);
}
.custom-switch.custom-switch-xl
  .custom-control-input:checked
  ~ .custom-control-label::after {
  transform: translateX(1.5rem);
}
/* .end Toogle Button */

/* Boton de PDF GV/Repo */
.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
/* End boton de PDF GV/Repo */

/* Textarea para texto de rechazo */
.fake-textarea {
  border: 1px solid #eaeaea;
  width: 20rem;
  padding: 0.5rem;
  min-height: 3rem;
  text-align: left;
  margin: auto;
  color: gray;
}

.fake-textarea:empty::before {
  position: absolute;
  content: "Escriba razon de rechazo";
}
/* End para texto de rechazo */

.swal-modal .swal-text {
  text-align: center !important;
}

/* Texto para Select anidados MIGO */
.clases-movimiento,
.recepcion-embarque,
.destino-reporte,
.ppc {
  font-size: 14px !important;
}

label {
  font-size: 0.8rem;
}

.destino-reporte {
  padding: 1px 2px !important;
}

.modal-ppc-select {
  font-size: 10px !important;
}
/* Texto para Select anidados MIGO */

.btn-circle {
  width: 23px;
  height: 23px;
  border-radius: 15px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Subir archivos - Inventario Tienda*/

.label-upload-file {
  padding: 5px 10px;
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 5px;
  min-width: 130px;
}

.label-upload-file:hover {
  color: #fff;
  background: var(--primary-trans);
}

.close_img:hover {
  border: 1px white solid;
}
/* End Subir archivos - Inventario Tienda*/

/* Calendario de Inventarios - FullCalendar  */
.tooltiptopicevent {
  /* max-width: 300px; */
  width: auto;
  height: auto;
  position: absolute;
  z-index: 10001;
  padding: 10px 10px 10px 10px;
  top: -10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.3);
}
/* FullCalendar  */

.bg-comprobando {
  background-color: purple;
}

/* Rotar 180 */
.rotated {
  transform: rotate(180deg);
}
/* END Rotar 180 */

/* PPC Sala 1  */

/* modal explosion ppc */
#formPedidoExp,
#formPedidoExp input {
  font-size: 0.8rem;
  /* color: red; */
}

/* End PPC Sala 1  */

/* Modulo Configuraciones */

.elemento-oculto {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.aparecer {
  opacity: 1;
}

.btn-small {
  width: 25px;
  height: 25px;
  margin-top: 10px;
}

/* END Modulo Configuraciones */