/* @import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;700&display=swap"); */
/* @import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");
/* @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap"); */
/* @import url("https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap"); */
:root {
  --mdb-font-roboto: "Poppins", sans-serif !important;
  --bs-body-bg: #f8f8fb;
  --bs-body-color: #666;
  --bs-gutter-x: 1.5rem;
  --header-height: 3rem;
  --nav-width: 68px;
  --z-fixed: 100;
  /* --first-color: #880000; */
  --first-color: #d1e1bf;
  --first-color-light: #999;
  --white-color: #fff;
}
html {
  font-size: 0.8125rem;
  scroll-behavior: smooth !important;
}
body {
  background-color: var(--bs-body-bg);
  transition: 0.5s;
  color: #48455a;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 85%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.ancho100 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: 1rem;
  margin-left: 1rem;
}
.h2,
h2,
.h4,
.h3,
.h5 {
  color: #495057;
}
.h3 {
  font-size: 1.5rem;
}
.h2 {
  font-size: 1.8rem;
}
.h6,
h6 {
  font-size: 15px;
}
a {
  color: #fff;
}
div.dt-buttons {
  position: relative;
  float: left;
}

/* .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f8f9fa!important;
} */
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #4f4f4f;
  --bs-table-striped-bg: #f8f9fa;
  --bs-table-active-color: #4f4f4f;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #4f4f4f;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #4f4f4f;
  vertical-align: top;
  border-collapse: collapse;
  vertical-align: middle;
  border: 1px solid #f5f6fa;
  line-height: 14px;
}
.table-light {
  --bs-table-bg: #fff;
}
.table .table-light {
  color: #495057;
  border-color: #eff2f7;
  background-color: #f8f9fa;
  vertical-align: middle;
}

.table tr td:first-child,
.card-table tr th:first-child {
  padding-left: 1.5rem;
  /* text-align: center; */
}

.table > :not(caption) > * > * {
  padding: 0.5rem;
  /* line-height: 14px; */
  border-bottom-width: 0px;
}
.table > thead {
  vertical-align: bottom;
  background-color: #fff;
}
.text-gray-600 {
  color: #7e8299 !important;
}
.lead {
  font-size: 1.2rem;
}
.fw-bold {
  font-weight: bold !important;
}
.sinmargen {
  padding: 0 !important;
  margin: 0 !important;
}
.bg-dark {
  background-color: #3e2723 !important;
}
footer.page-footer {
  position: absolute;
  bottom: -0em !important;
  color: #fff;
  width: 100%;
}

.fondogris {
  background-color: #f6f6f9;
}
.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}
.btn-secondary {
  color: #fff;
  background-color: rgba(108, 117, 125) !important;
}
.gris {
  background-color: var(--bs-body-bg);
}
.bg-imagen {
  background-image: url(../img/bg.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-mapa {
  background-image: url(../img/map-bg.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 70%;
}
.btn {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  /* padding: 16px 35px; */
  border-radius: 0.5em;
  font-size: 14px;
  text-transform: none;
}
.bg-danger {
  color: #fff;
  background-color: #f46a6a !important;
  border-color: #f46a6a !important;
}
.btn-danger {
  color: #fff;
  background-color: #f46a6a !important;
  border-color: #f46a6a !important;
}

.form-control,
.form-select {
  border-radius: 0.5em !important;
  height: 35px;
  border: 1px solid #f8f8fb;
  -webkit-box-shadow: 0 8px 17px 0 rgb(0 0 0 / 4%), 0 6px 20px 0 rgb(0 0 0 / 1%) !important;
  box-shadow: 0 8px 17px 0 rgb(0 0 0 / 4%), 0 6px 20px 0 rgb(0 0 0 / 1%) !important;
}

.sidenav-link {
  font-size: 1em;
}
.sidenav-primary .sidenav-link.active {
  color: #fff;
}
.sidenav-link.active {
  color: #aaa;
}
.sidenav-link:hover {
  color: #aaa !important;
}

.dropdown-menu {
  border: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
a.dropdown-item {
  font-size: 13px !important;
  color: #555;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.page-item.disabled .page-link {
  border: 1px solid #eee;
}

input[type="text"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="phone"]:focus:not([readonly]),
input[type="file"]:focus:not([readonly]),
select:focus:not([readonly]),
textarea:focus:not([readonly]) {
  border-color: #ccc;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Quitar fondo autofill */
input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}
.circulo {
  height: 40px;
  width: 40px;
  color: #fff;
  background: #007e33;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  border-radius: 50%;
  border: 4px solid #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 10;
}
.circulogris {
  height: 35px;
  width: 35px;
  color: #fff;
  background: #2fd38a;
  text-align: center;
  line-height: 29px;
  font-size: 14px;
  border-radius: 50%;
  border: 4px solid rgb(89, 223, 162);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 10;
}
.grey {
  background-color: #757575 !important;
}
.grey-light {
  background-color: #cfd6d9 !important;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
}
.alert-danger {
  color: #f82649;
  background-color: rgba(255, 56, 43, 0.1);
  border-color: #ffdedb;
  border-radius: 0.5em;
}
.alert-success {
  border-radius: 0.5em;
}
hr.separate {
  border-width: 1px;
  border-style: dashed;
  border-color: #fff;
  margin: 2em 0;
}

.text-danger {
  color: #97252b !important;
}
/* .titulo {
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9edf1;
}
.titulo::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 50%;
  background: #e9edf1;
} */
.social-links-one a {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-left: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #928d8d;
  border-radius: 50%;
  background: #e4e6eb;
  transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}
.social-links-one a:hover {
  background: #c8cacf;
  color: #525252;
}
a .card:hover {
  box-shadow: 0 2px 15px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  opacity: 0.8;
}
.border {
  border: 0px solid #fff !important;

  -webkit-box-shadow: 0 3px 9px 0 rgb(169 184 200 / 15%) !important;
  box-shadow: 0 3px 9px 0 rgb(169 184 200 / 15%) !important;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 80px;
  right: 10px;
  z-index: 99;
  border: 0px solid rgb(89, 223, 162);
  outline: none;
  background-color: #2fd38a;
  color: white;
  cursor: pointer;
  border-radius: 50%;
  font-size: 18px;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
#myBtn:hover {
  background-color: #2e2e2e;
}
.bg-warning {
  background-color: #fb3 !important;
}
.bg-warning-b {
  background-image: url(../img/card2.jpg);
  background-size: cover;
}

.warning-color {
  background-color: #fb3 !important;
}
.danger-color-dark {
  background-color: #4f0000 !important;
}
.success-color-dark {
  background-image: linear-gradient(to right, #1d976c, #2fd38a);
}
.success-color-dark-b {
  background-image: url(../img/card4.jpg);
  background-size: cover;
}
.default-color-dark {
  background-color: #00695c !important;
}
.elegant-color {
  background-color: #343a40 !important;
  border-color: #343a40 !important;
}
.elegant-color-b {
  background-image: url(../img/card1.jpg);
  background-size: cover;
}
.elegant-color-dark {
  background-color: #212121 !important;
}
.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}
.teal {
  background-color: #004d40 !important;
}
.danger-color {
  background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important;
}
.danger-color-b {
  background-image: url(../img/card3.jpg);
  background-size: cover;
}
.btn-success,
.bg-success {
  color: #fff !important;
  background-color: #2fd38a !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.font-weight-light {
  font-weight: 400 !important;
}

table .btn-success {
  color: #fff !important;
  background-color: #2fd38a !important;
  /* border-color: #2ea871 !important; */
  /* box-shadow: 0 0 10px -5px #2ea87180 !important; */
}
table .btn-danger {
  color: #fff !important;
  background-color: #ef4b4b !important;
  border-color: #ef4b4b !important;
  box-shadow: 0 0 10px -5px #ef4b4b70 !important;
  font-weight: normal;
}

.svg-inline--fa {
  display: inline-block;
  height: 1em;
  overflow: visible;
}
.widget-heading {
  opacity: 0.8;
  font-weight: 700;
}

.navbar.scrolling-navbar.top-nav-collapse {
  padding-top: 5px;
  padding-bottom: 5px;
}
.navbar.scrolling-navbar {
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
}
.navbar .dropdown-menu a:hover {
  background-color: rgb(89, 223, 162);
}
.navbar .dropdown-menu a:active {
  background-color: rgb(89, 223, 162);
}
.navbar .nav-item:hover .dropdown-menu {
  display: block;
}

.navbar-nav li a:hover {
  color: #00b74a !important;
  background-color: rgb(250, 250, 250) !important;
  background-color: transparent !important;
}
.navbar-nav li.active a {
  color: #e9c0c1 !important;
  background-color: rgb(250, 250, 250) !important;
  background-color: transparent !important;
}

.pattern {
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
  background-color: #f8f8fb;
  /* background: #f1f4f6 url(../img/b1.png) no-repeat center center; */
  /* background-image: url(../img/b1.png) !important;
  background-color: #eee !important; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
.oxyy-login-register .hero-wrap .hero-content {
  position: relative;
  z-index: 20;
}
.oxyy-login-register .hero-wrap .hero-mask {
  z-index: 1;
}
.oxyy-login-register .hero-wrap .hero-mask,
.oxyy-login-register .hero-wrap .hero-bg,
.oxyy-login-register .hero-wrap .hero-bg-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.oxyy-login-register .bg-primary,
.oxyy-login-register .badge-primary {
  background-color: #921010 !important;
}
.oxyy-login-register .opacity-8 {
  opacity: 0.8;
}
.oxyy-login-register .hero-wrap .hero-bg.hero-bg-scroll {
  background-attachment: scroll;
}
.oxyy-login-register .hero-wrap .hero-bg {
  z-index: 0;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  transition: background-image 300ms ease-in 200ms;
}
.oxyy-login-register .hero-wrap .hero-mask,
.oxyy-login-register .hero-wrap .hero-bg,
.oxyy-login-register .hero-wrap .hero-bg-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.btn.btn-color-gray-400 {
  color: #b5b5c3;
}

.btn.btn-outline-default {
  border: 1px solid #e4e6ef;
  background-color: #ddd;
}
.fs-6 {
  font-size: 0.9rem !important;
}
.svg-icon.svg-icon-3x svg {
  height: 3rem !important;
  width: 3rem !important;
}
.svg-icon.svg-icon-primary svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #50cd89;
}
.svg-icon.svg-icon-2tx svg {
  height: 2.5rem !important;
  width: 2.5rem !important;
}
.btn.btn-active-primary:hover:not(.btn-active) {
  color: #fff;
  border-color: #23bdb8;
  background: linear-gradient(135deg, #23bdb8 0%, #007e33 100%);
}
.toolbar {
  background-color: #f7f7f7;
  padding: 1.5em;
}
.modal .modal-full-height {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: auto;
  min-height: 100%;
  margin: 0;
}
.sidebarModal.modal.right.fade.show .modal-dialog {
  right: 0;
}
.sidebarModal.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.modal-content {
  border-radius: 0rem;
}

.ver span {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 2px;
  text-indent: -55px;
  background: #00b74a !important;
  top: -4px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.ver span::before {
  top: -7px;
}
.ver span::before,
.ver span::after {
  content: "";
  width: 40px;
  height: 2px;
  background: #00b74a !important;
  position: absolute;
  right: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.ver span::after {
  bottom: -7px;
}
.modal-header {
  background-color: #fff !important;
}
.badge-primary {
  color: #fff !important;
  background-color: #2ea871 !important;
  border-color: #2ea871 !important;
  box-shadow: 0 0 10px -5px #2ea87180 !important;
}
/* label {
  color: #5e6278;
} */
.required:after {
  content: "*";
  position: relative;
  font-size: inherit;
  color: red;
  padding-left: 0.25rem;
  font-weight: 700;
}
.bg-light-warning {
  background-color: #e8fff3 !important;
}

.border-dashed {
  border-style: dashed !important;
}
.border-gray-300 {
  border-color: #e4e6ef !important;
}

.svg-icon.svg-icon-warning svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #00695c;
}
.bg-rayitas {
  /* background-image: url(../img/b1.png) !important; */
  /* background-color: rgb(218, 218, 218) !important; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
  border-radius: 2em !important;
}
.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}
.badge {
  font-size: 1em;
  font-weight: normal;
}
.symbol {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  border-radius: 0.475rem;
}
.badge-dark {
  color: #fff;
  background-color: #3e4551;
}
.border-primary {
  border-color: #50cd89 !important;
}
.badge-negro {
  color: #fff !important;
  background-color: #3e4551 !important;
}
.badge-success {
  color: #fff;
  background-color: #2fd38a;
}
.badge-danger {
  background-color: #ef4b4b !important;
  /* color: #ef4b4b !important; */
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
.bg-info {
  background-color: #117b9e !important;
}
.progress {
  height: 3em;
}
.progress-bar-striped {
  background-size: 10px 10px;
}
/* .dataTable > thead > tr > th[class*="sort"]:before,
.dataTable > thead > tr > th[class*="sort"]:after {
  content: "" !important;
} */

.bg-verde {
  background-color: #50cd89 !important;
}
::placeholder {
  color: #bbb !important;
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.fa-4x {
  font-size: 2em;
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}
.badge-secondary {
  color: #fff !important;
  background-color: #6c757d !important;
}
.pink {
  background-color: #e74a3b !important;
}
.teal {
  background-color: #009688 !important;
}

.tabs-green {
  background-color: #00695c !important;
  color: #fff !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #00695c;
  border-color: #00695c;
}
.nav-tabs .nav-link {
  font-size: 1em;
  color: white;
}
.nav-tabs .nav-link:hover {
  background-color: #f5f5f5;
  border-color: transparent;
  color: #2e2e2e;
}
.btn-light {
  color: #666 !important;
  font-weight: bold;
  background-color: #fff !important;
  border: 1px solid #ddd;
}
.timeline-label {
  position: relative;
}
.timeline-label:before {
  content: "";
  position: absolute;
  left: 84px;
  width: 3px;
  top: 0;
  bottom: 0;
  background-color: #eff2f5;
}
.timeline-label .timeline-item {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 1.7rem;
}
.timeline-label .timeline-label {
  flex-shrink: 0;
  position: relative;
  color: #3f4254;
  margin-right: 10px;
}

.timeline-label .timeline-badge {
  flex-shrink: 0;
  background: #fff;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
  margin-top: 1px;
  margin-left: 0.2rem;
  padding: 3px !important;
  border: 6px solid #fff !important;
}
.fa-genderless:before {
  content: "\f22d";
}
.timeline-label .timeline-content {
  flex-grow: 1;
}
.badge-default {
  color: #fff !important;
  background-color: #2bbbad !important;
}
.navbar-dark .navbar-nav .nav-link {
  color: white;
}
.navbar {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 0.5625rem;
  /* border-bottom: 1px solid #eee; */
}
.barra {
  /* box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.5) !important; */
  height: 1px;
  width: 100%;
  border: 1px solid #e0e0e0 !important;
  border-style: dashed !important;
}

a.link {
  position: relative;
}
a.link:after {
  content: "";
  position: absolute;
  background-color: #2fd38a;
  height: 2px;
  width: 0px;
  left: 0;
  bottom: 3px;
  transition: 0.5s;
  z-index: -10;
}
a.link:hover:after {
  width: 100%;
}

a.link:hover {
  color: #97252b;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.swal-button {
  background: linear-gradient(to right, #5aa24c 0, #285123 100%);
  border: none !important;
}
.swal-footer {
  text-align: center;
}
.swal-icon--warning__body {
  width: 5px;
  height: 18px;
  top: 7px;
}

.swal-icon {
  width: 40px;
  height: 40px;
  border-width: 4px;
  border-style: solid;
  border-radius: 50%;
  padding: 0;
  position: relative;
  box-sizing: content-box;
  margin: 17px auto;
}
.swal-text {
  font-size: 16px;
  text-align: center;
}
.swal-footer {
  text-align: center;
}
.sidebar-sticky {
  position: absolute;
  padding-left: 74.5px !important;
  padding-top: 0.5rem;
}
.sidebar-outer {
  position: relative;
}

@media (min-width: 768px) {
  .sidebar {
    position: fixed;
  }
}
/* .table-bordered {
  border: 1px solid #fff !important;
} */
.table-bordered > :not(caption) > * > * {
  border-width: 0 0px;
}
button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
  border-radius: 2em !important;
  font-size: 0.8em !important;
  color: #444 !important;
  background-color: white !important;
  background: none !important;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
}
.page-item.active .page-link {
  background-color: #2fd38a;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.pagination li:last-child a {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.pagination .page-link,
.pagination li a {
  background-color: white;
  border-color: rgba(85, 92, 98, 0.16) !important;
  display: block;
}
.pagination a {
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(85, 92, 98, 0.16) !important;
}

.loader {
  position: relative;
  /* top: 35%; */
}
/* Absolute Center CSS Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: "";
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
    rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
    rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0,
    rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
    rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
    rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
    rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0,
    rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
    rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.nav-link {
  cursor: pointer;
}
.steps-form {
  display: table;
  width: 100%;
  position: relative;
}
.steps-form .steps-row {
  display: table-row;
}
.steps-form .steps-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
.steps-form .steps-row .steps-step {
  display: table-cell;
  text-align: center;
  position: relative;
}
.steps-form .steps-row .steps-step p {
  margin-top: 0rem;
  font-size: 12px;
}
.steps-form .steps-row .steps-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.steps-form .steps-row .steps-step .btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  margin-top: 0;
}
/* Icon 1 */

.animated-icon1 {
  width: 23px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.animated-icon1 span {
  background: #979797;
}
.animated-icon1 span:nth-child(1) {
  top: 3px;
}
.animated-icon1 span:nth-child(2) {
  top: 10px;
  background: #ddd;
}
.animated-icon1 span:nth-child(3) {
  top: 17px;
  background: #ddd;
}
.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
p {
  color: #495057;
  font-size: 15px;
}
.nav-link .badge {
  position: absolute;
  font-size: 0.625rem;
  border-radius: 50%;
  right: 36px;
  top: 4px;
  /* border: 2px solid #fff; */
  font-weight: normal;
  height: 25px;
  width: 25px;
  line-height: 17px;
  text-align: center;
  padding: 5px;
  font-size: 14px;
}
.header-icon {
  width: 18px;
  height: 18px;
}
.header-icon {
  color: #555b6d;
  fill: #555b6d;
}
/* .card-body {
  padding: 0rem 1rem;
} */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #97252b;
}

input:focus + .slider {
  box-shadow: 0 0 1px #97252b;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.form-control-sm {
  font-size: 1em;
}
.slider.round:before {
  border-radius: 50%;
}
.btn-dark {
  color: #777;
  background-color: #eee;
}
.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
  color: #777;
  background-color: #e9e6e6;
}

/* .border-left-danger {
  border-bottom: 0.5rem solid #d50000 !important;
}
.border-left-blue {
  border-bottom: 0.5rem solid #0462be !important;
}
.border-left-warning {
  border-bottom: 0.5rem solid #f6c23e !important;
}
.border-left-black {
  border-bottom: 0.5rem solid #000000 !important;
}
.border-left-orange {
  border-bottom: 0.5rem solid #f67d0f !important;
}

.border-left-purple {
  border-bottom: 0.5rem solid #880e4f !important;
} */
/* .border-left-green {
  border-bottom: 0.33rem solid rgb(176, 178, 185) !important;
} */
/* .card[class*="border"] {
  border: 1px solid #999 !important;
  border-style: dashed !important;
} */
.navbar-light .navbar-nav .nav-link {
  font-size: 1.08em;
}
.shadow {
  -webkit-box-shadow: 0 3px 9px 0 rgb(169 184 200 / 15%) !important;
  box-shadow: 0 3px 9px 0 rgb(169 184 200 / 15%) !important;
}
.text-gray-400 {
  color: #d1d3e2 !important;
}

bg-light {
  background-color: #eff2f7 !important;
}

/* // Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
  body,
  html {
    font-size: 12px !important;
  }
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    width: 100%;
  }
  .navbar {
    padding: 1.5em 0;
  }
  .table {
    line-height: 12px;
  }
  footer.page-footer {
    padding: 1.2em 0;
  }
  .navbar-light .navbar-brand,
  .navbar-light .navbar-brand:focus,
  .navbar-light .navbar-brand:hover {
    color: #888;
  }
  .mob-4 {
    margin-bottom: 1.5em;
  }
  .border-end {
    border-right: none !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .border-start {
    border-left: none !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .ps-5,
  .pe-4 {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .form-control,
  .form-select {
    height: 45px;
  }
  .renglon {
    display: inline !important;
  }
  .avatar {
    width: 80px;
  }
  a.link:hover:after {
    width: 0%;
  }
  /* .circulogris {
    display: none;
  } */
  .pm {
    padding: 0 !important;
  }
  .mm {
    margin: 0 !important;
    margin-top: 1em !important;
  }

  .izqmobil {
    text-align: left !important;
    justify-content: left !important;
    margin-left: 1em;
    /* font-size: 14px; */
  }
  .nav-flex-icons {
    /* font-size: 1px; */
    margin-top: 1em;
  }
  .navbar-light .navbar-nav .nav-link {
    padding: 1em 0;
  }
  .centro {
    text-align: center !important;
    justify-content: center !important;
  }
  .izquierda {
    text-align: left !important;
    justify-content: flex-start !important;
  }

  .h5 {
    font-size: 1.1em;
  }
  .h3,
  h3 {
    font-size: calc(1.26rem + 0.12vw) !important;
    text-align: center !important;
    margin-bottom: 10px;
  }
}
.project-list-table {
  /* border-collapse: separate; */
  border-spacing: 0 2px;
}
.align-middle {
  vertical-align: middle !important;
}
.project-list-table tr {
  background-color: #fff;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table.project-list-table > :not(caption) > * > * {
  padding: 0.75rem 2.5rem;
}
.bordepunteado {
  border-width: 1px;
  border-style: dashed;
  border-color: #2fd38a;
  background-color: rgb(229, 252, 229);
}
tbody,
td,
tfoot,
th,
thead,
tr {
  /* border: 0 solid; */
  /* border-color: inherit; */
  border-style: dashed !important;
  border-color: #e4e6ef !important;
  border: 1px solid #eff2f5 !important;
}