/* Fuente */
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback");
/* Librerias */
@import url("../assets/template/fontawesome-free/css/all.min.css");
@import url("../assets/template/icheck-bootstrap/icheck-bootstrap.min.css");
@import url("../assets/template/admin/css/adminlte.min.css");
@import url("../assets/template/sweetalert2/sweetalert2.min.css");
@import url("../assets/template/datatables-bs4/css/dataTables.bootstrap4.min.css");
@import url("../assets/template/datatables-responsive/css/responsive.bootstrap4.min.css");
@import url("../assets/template/datatables-buttons/css/buttons.bootstrap4.min.css");
@import url("../assets/template/cropper/cropper.css");

/* Hojas de estilos personalizados */
@import url("icons.css");

/* Estilos peronalizados */
div.footer-buttom {
  position: fixed;
  bottom: 0;
  font-size: 14px;
}

div.divider {
  border: 1px solid #ced4da;
  border-left: 0;
  border-right: 0;
  margin: 20px 0 25px 0;
  padding: 10px;
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 14pt;
  color: #7b7d80
}

.my-preloader {
  display: -ms-flexbox;
  display: flex;
  background-color: #f4f6f9;
  height: 100vh;
  width: 100%;
  transition: height 200ms linear;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

.app-preview-banner {
  width: 500px;
  height: 135px;
  background-color: #f4f6f9;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;

  background-position: center left !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.app-preview-logo {
  width: 200px;
  height: 200px;
  background-color: #f4f6f9;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;

  background-position: center left !important;
  background-repeat: no-repeat !important;
  background-size: 200px !important;
}

.cursor-pointer {
  cursor: pointer;
}