@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.tx-monse {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.tx-justify { text-justify: auto; }
x {
  box-sizing: border-box;
  background: rgba(0,100,0,0.1);
}
.tx-tin {
  font-family: "titillium-web-regular", sans-serif;
}
.crs-pnt{
  cursor:pointer;
}
body{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#dda-content{
  background: #f5f5f5;
  background-image: url(../img/bg/bg-sie.png);
  background-repeat: repeat;
  min-height: 100vh;
}
.sieval-header{
  padding: 1em;
  border-bottom: 1px solid #926F6F55;
  box-shadow: -2px 13px 42px -8px  rgba(139, 113, 113, 0.70);
  -webkit-box-shadow: -2px 13px 42px -8px  rgba(139, 113, 113, 0.70);
  -moz-box-shadow: -2px 13px 42px -8px rgba(139, 113, 113, 0.70);
  margin-bottom: 0;
}
.header-logo {
  background: url("../images/stuff/bg-header.png") repeat #000;
  filter: grayscale(1);
  width:100%;
}
.header-logo > div {
  background: url("../images/stuff/serpiente_oaxaca.png") no-repeat right;
  background-size: auto 100%;
  filter: grayscale(1);
}
.logo-dep {
  height: 100px;
  width: auto;
  margin: 5px 0px 5px 35px;
}
/** rounded corners **/
.rounded-0 { border-radius: 0; }
.rounded-1 { border-radius: 0.125rem; }
.rounded-2 { border-radius: 0.25rem; }
.rounded-3 { border-radius: 0.375rem; }

/* Width */
.w-5{ width: 5%; }
.w-10{ width: 10%; }
.w-15{ width: 15%; }
.w-20{ width: 20%; }
.w-25{ width: 25%; }
.w-30{ width: 30%; }
.w-35{ width: 35%; }
.w-40{ width: 40%; }
.w-45{ width: 45%; }
.w-50{ width: 50%; }
.w-55{ width: 55%; }
.w-60{ width: 60%; }
.w-65{ width: 65%; }
.w-70{ width: 70%; }
.w-75{ width: 75%; }
.w-80{ width: 80%; }
.w-85{ width: 85%; }
.w-90{ width: 90%; }
.w-95{ width: 95%; }
.w-100{ width: 100%; }

.wd-5 { width: 5px; }
.wd-10 { width: 10px; }
.wd-15 { width: 15px; }
.wd-20 { width: 20px; }
.wd-25 { width: 25px; }
.wd-30 { width: 30px; }
.wd-35 { width: 35px; }
.wd-40 { width: 40px; }
.wd-45 { width: 45px; }
.wd-50 { width: 50px; }
.wd-55 { width: 55px; }
.wd-60 { width: 60px; }
.wd-65 { width: 65px; }
.wd-70 { width: 70px; }
.wd-75 { width: 75px; }
.wd-80 { width: 80px; }
.wd-85 { width: 85px; }
.wd-90 { width: 90px; }
.wd-95 { width: 95px; }
.wd-100 { width: 100px; }
.wd-110 { width: 110px; }
.wd-120 { width: 120px; }
.wd-130 { width: 130px; }
.wd-140 { width: 140px; }
.wd-150 { width: 150px; }
.wd-200 { width: 200px; }
.wd-250 { width: 250px; }
.wd-300 { width: 300px; }
.wd-350 { width: 350px; }
.wd-400 { width: 400px; }
.wd-450 { width: 450px; }
.wd-500 { width: 500px; }
.wd-600 { width: 600px; }
.wd-700 { width: 700px; }
.wd-800 { width: 800px; }
.wd-900 { width: 900px; }
.wd-1000 { width: 1000px; }
.wd-1100 { width: 1100px; }
.wd-1200 { width: 1200px; }
.wd-1300 { width: 1300px; }
.wd-1400 { width: 1400px; }
.wd-1500 { width: 1500px; }
.mx-wd-100 { max-width: 100px; }
.mx-wd-200 { max-width: 200px; }
.mx-wd-300 { max-width: 300px; }
.mx-wd-400 { max-width: 400px; }
.mx-wd-500 { max-width: 500px; }
.mx-wd-600 { max-width: 600px; }
.mx-wd-700 { max-width: 700px; }
.mx-wd-800 { max-width: 800px; }
.mx-wd-900 { max-width: 900px; }
.mx-wd-1000 { max-width: 1000px; }
.mx-wd-1100 { max-width: 1100px; }

/* tracking */
.tracking-tighter { letter-spacing: -0.05em;}
.tracking-tight { letter-spacing: -0.025em;}
.tracking-normal { letter-spacing: 0em;}
.tracking-wide { letter-spacing: 0.025em;}
.tracking-wider { letter-spacing: 0.05em;}
.tracking-widest { letter-spacing: 0.1em; }
/** Tipografía **/
.tx-100{ font-weight: 100; }
.tx-200{ font-weight: 200; }
.tx-300{ font-weight: 300; }
.tx-400{ font-weight: 400; }
.tx-500{ font-weight: 500; }
.tx-600{ font-weight: 600; }
.tx-700{ font-weight: 700; }
.tx-800{ font-weight: 800; }
.tx-900{ font-weight: 900; }
.tx-4 {  font-size: 4px; }
.tx-6 {  font-size: 6px; }
.tx-8 {  font-size: 8px; }
.tx-10 {  font-size: 10px; }
.tx-12 {  font-size: 12px; }
.tx-14 {  font-size: 14px; }
.tx-16 {  font-size: 16px; }
.tx-18 {  font-size: 18px; }
.tx-20 {  font-size: 20px; }
.tx-22 {  font-size: 22px; }
.tx-24 {  font-size: 24px; }
.tx-26 {  font-size: 26px; }
.tx-28 {  font-size: 28px; }
.tx-30 {  font-size: 30px; }
.tx-32 {  font-size: 32px; }
.tx-34 {  font-size: 34px; }
.tx-36 {  font-size: 36px; }
.tx-black { color: #111; }
.tx-end { text-align: end; }
.tx-center { text-align: center; }
.tx-justify { text-align: justify; }
.tx-left, .tx-start { text-align: left; }
.tx-danger { color: #dc3545; }

footer img.lion{
	content:url("../images/stuff/lion.png");
	width:16px;
	height:16px;
}
footer img.akai{
	content:url("../images/stuff/akai.png");
	width:16px;
	height:16px;
}
.navbar.navbar-primary {
  background: #330000;
}
.navbar .navbar-brand-wrapper {
  transition: width 0.25s ease, background 0.25s ease;
  -webkit-transition: width 0.25s ease, background 0.25s ease;
  -moz-transition: width 0.25s ease, background 0.25s ease;
  -ms-transition: width 0.25s ease, background 0.25s ease;
  background: -webkit-gradient(linear, right top, left top, from(#330000), to(#330000));
  background: linear-gradient(to left, #330000, #330000);
  width: 226px;
  height: 3.875rem;
}
.auth.login-full-bg {
  background: url("../../images/auth/login_sieval.jpg");
    background-size: auto;
  background-size: cover;
}
/*bADGES*/
.badge-danger {
  border: 1px solid #641A23;
  color: #ffffff;
}
.text-danger {
  color: #641A23 !important;
}
.text-muted {
  color: #756168 !important;
}	
.accordion .card .card-header a[aria-expanded="true"] {
  color: #230206;
}
.table-sieval thead th {
  background: #641A23;
  color: #ffffff;
}	

/** Menú Gestor **/
.fx_cr{
  padding: 0.5em;
  box-shadow: -3px 3px 3px 2px rgba(0, 0, 0, .2);
  border: solid .25px #8484849d;
  border-radius: 3px 3px 3px 3px;
  margin: 8px;
  cursor: pointer;
  background:  url(../img/bg/bg-blue-2.png);
  background-size: cover;
}
.fx_cr .card-body{
  background-color: #F1F6F7EE;
  border-radius: 0.2em;
}
.fx_cr:hover .card-body{
  background-color: #F1F6F799;
  border-radius: 1em;
  transition: all 1.5s;
}
.fx_cr i{
  --fa-primary-color: #4d9994; 
  --fa-secondary-color: #a3a7a6; 
}
.fx_cr:hover i{
  --fa-primary-color: #406967; 
  --fa-secondary-color: #788380; 
  transition: all 2.5s;
}


.bo{
  border:1px solid #ccc;
  border-radius: 5px;
  background: transparent;
}
.bo .card-head{
  background: #77869366;
  padding: 5px;
  border-radius: 5px 5px 0 0;
}
.bt-1{
  border-top: 1px solid #ccc;
}

.imag_bk{
  border-radius: 5px;
  background: url("../img/ciencia.jpeg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  color: #fff;
  box-shadow: -5px 5px 3px 5px  #bdc3c7;
}
.imag_bk input{
  color:#1D2232 !important;
}
.fx_clfff::placeholder{
  color: #1D2232 !important;
}
.fnd_form{
  background: rgba(77, 38, 69, .6);
}

/**/
.img_log{
  width: 30px;
  height: 30px;
  background: red;
}
.fx_tb_1{
  height: 40px;
}
.fx_btb{
}

/*estilos de control*/

.chk1{
  background: red !important;
}
.chk2{
  background: green !important;
}
.chk3{
  background: yellow !important;
}
.chk4{
  background: blue !important;
  opacity: .5;
}

/*********** AJUSTES SIEVAL **************/
.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type="text"], .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type="number"], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .typeahead:focus, .tt-query:focus, .tt-hint:focus {
  color: #4e3652;
  background-color: #fff;
  border-color: #D355A777;
  border-radius:5px;
}
.dropdown .dropdown-toggle::after{
  font-family: "Font Awesome 6 Pro";
  content: "\f0d7";
  color:#14535e;
}
.dropdown .dropdown-menu{
  border-radius: 0 0 5px 5px;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.5);
  margin-top:0;
}



/*formato de registro*/
.regcaj{
  background: #C1C4C566;
  border: 6px solid #0D166766;
  color: #0D1667;
}
table td{
  white-space: pre-line !important;
}
.table td, .table td{  
  padding:0.2em;
}
/* ###### 9.3 Height   ###### */
.ht-5 {
  height: 5px; }

.ht-5p {
  height: 5%; }

.mx-ht-5p {
  max-height: 5%; }

.mn-ht-5p {
  min-height: 5%; }

.ht-5-f {
  height: 5px !important; }

.ht-5p-f {
  height: 5% !important; }

.ht-10 {
  height: 10px; }

.ht-10p {
  height: 10%; }

.mx-ht-10p {
  max-height: 10%; }

.mn-ht-10p {
  min-height: 10%; }

.ht-10-f {
  height: 10px !important; }

.ht-10p-f {
  height: 10% !important; }

.ht-15 {
  height: 15px; }

.ht-15p {
  height: 15%; }

.mx-ht-15p {
  max-height: 15%; }

.mn-ht-15p {
  min-height: 15%; }

.ht-15-f {
  height: 15px !important; }

.ht-15p-f {
  height: 15% !important; }

.ht-20 {
  height: 20px; }

.ht-20p {
  height: 20%; }

.mx-ht-20p {
  max-height: 20%; }

.mn-ht-20p {
  min-height: 20%; }

.ht-20-f {
  height: 20px !important; }

.ht-20p-f {
  height: 20% !important; }

.ht-25 {
  height: 25px; }

.ht-25p {
  height: 25%; }

.mx-ht-25p {
  max-height: 25%; }

.mn-ht-25p {
  min-height: 25%; }

.ht-25-f {
  height: 25px !important; }

.ht-25p-f {
  height: 25% !important; }

.ht-30 {
  height: 30px; }

.ht-30p {
  height: 30%; }

.mx-ht-30p {
  max-height: 30%; }

.mn-ht-30p {
  min-height: 30%; }

.ht-30-f {
  height: 30px !important; }

.ht-30p-f {
  height: 30% !important; }

.ht-35 {
  height: 35px; }

.ht-35p {
  height: 35%; }

.mx-ht-35p {
  max-height: 35%; }

.mn-ht-35p {
  min-height: 35%; }

.ht-35-f {
  height: 35px !important; }

.ht-35p-f {
  height: 35% !important; }

.ht-40 {
  height: 40px; }

.ht-40p {
  height: 40%; }

.mx-ht-40p {
  max-height: 40%; }

.mn-ht-40p {
  min-height: 40%; }

.ht-40-f {
  height: 40px !important; }

.ht-40p-f {
  height: 40% !important; }

.ht-45 {
  height: 45px; }

.ht-45p {
  height: 45%; }

.mx-ht-45p {
  max-height: 45%; }

.mn-ht-45p {
  min-height: 45%; }

.ht-45-f {
  height: 45px !important; }

.ht-45p-f {
  height: 45% !important; }

.ht-50 {
  height: 50px; }

.ht-50p {
  height: 50%; }

.mx-ht-50p {
  max-height: 50%; }

.mn-ht-50p {
  min-height: 50%; }

.ht-50-f {
  height: 50px !important; }

.ht-50p-f {
  height: 50% !important; }

.ht-55 {
  height: 55px; }

.ht-55p {
  height: 55%; }

.mx-ht-55p {
  max-height: 55%; }

.mn-ht-55p {
  min-height: 55%; }

.ht-55-f {
  height: 55px !important; }

.ht-55p-f {
  height: 55% !important; }

.ht-60 {
  height: 60px; }

.ht-60p {
  height: 60%; }

.mx-ht-60p {
  max-height: 60%; }

.mn-ht-60p {
  min-height: 60%; }

.ht-60-f {
  height: 60px !important; }

.ht-60p-f {
  height: 60% !important; }

.ht-65 {
  height: 65px; }

.ht-65p {
  height: 65%; }

.mx-ht-65p {
  max-height: 65%; }

.mn-ht-65p {
  min-height: 65%; }

.ht-65-f {
  height: 65px !important; }

.ht-65p-f {
  height: 65% !important; }

.ht-70 {
  height: 70px; }

.ht-70p {
  height: 70%; }

.mx-ht-70p {
  max-height: 70%; }

.mn-ht-70p {
  min-height: 70%; }

.ht-70-f {
  height: 70px !important; }

.ht-70p-f {
  height: 70% !important; }

.ht-75 {
  height: 75px; }

.ht-75p {
  height: 75%; }

.mx-ht-75p {
  max-height: 75%; }

.mn-ht-75p {
  min-height: 75%; }

.ht-75-f {
  height: 75px !important; }

.ht-75p-f {
  height: 75% !important; }

.ht-80 {
  height: 80px; }

.ht-80p {
  height: 80%; }

.mx-ht-80p {
  max-height: 80%; }

.mn-ht-80p {
  min-height: 80%; }

.ht-80-f {
  height: 80px !important; }

.ht-80p-f {
  height: 80% !important; }

.ht-85 {
  height: 85px; }

.ht-85p {
  height: 85%; }

.mx-ht-85p {
  max-height: 85%; }

.mn-ht-85p {
  min-height: 85%; }

.ht-85-f {
  height: 85px !important; }

.ht-85p-f {
  height: 85% !important; }

.ht-90 {
  height: 90px; }

.ht-90p {
  height: 90%; }

.mx-ht-90p {
  max-height: 90%; }

.mn-ht-90p {
  min-height: 90%; }

.ht-90-f {
  height: 90px !important; }

.ht-90p-f {
  height: 90% !important; }

.ht-95 {
  height: 95px; }

.ht-95p {
  height: 95%; }

.mx-ht-95p {
  max-height: 95%; }

.mn-ht-95p {
  min-height: 95%; }

.ht-95-f {
  height: 95px !important; }

.ht-95p-f {
  height: 95% !important; }

.ht-100 {
  height: 100px; }

.ht-100p {
  height: 100%; }

.mx-ht-100p {
  max-height: 100%; }

.mn-ht-100p {
  min-height: 100%; }

.ht-100-f {
  height: 100px !important; }

.ht-100p-f {
  height: 100% !important; }

.ht-150 {
  height: 150px; }

.ht-200 {
  height: 200px; }

.ht-250 {
  height: 250px; }

.ht-300 {
  height: 300px; }

.ht-350 {
  height: 350px; }

.ht-400 {
  height: 400px; }

.ht-450 {
  height: 450px; }

.ht-500 {
  height: 500px; }

.ht-550 {
  height: 550px; }

.ht-600 {
  height: 600px; }

.ht-650 {
  height: 650px; }

.ht-700 {
  height: 700px; }

.ht-750 {
  height: 750px; }

.ht-800 {
  height: 800px; }

.ht-100v {
  height: 100vh; }

.ht-1 {
  height: 1px; }

.ht-2 {
  height: 2px; }

.ht-3 {
  height: 3px; }

.ht-4 {
  height: 4px; }

.ht-6 {
  height: 6px; }

.ht-7 {
  height: 7px; }

.ht-8 {
  height: 8px; }

.ht-9 {
  height: 9px; }

.ht-auto {
  height: auto; }

.ht-16 {
  height: 16px; }

.ht-32 {
  height: 32px; }

.ht-36 {
  height: 36px; }

.ht-48 {
  height: 48px; }

.ht-64 {
  height: 64px; }

.ht-72 {
  height: 72px; }

.ht-115 {
  height: 115px; }

.ht-120 {
  height: 120px; }

.ht-160 {
  height: 160px; }

@media (min-width: 480px) {
  .ht-xs-5 {
    height: 5px; }
  .ht-xs-5p {
    height: 5%; }
  .mx-ht-xs-5p {
    max-height: 5%; }
  .mn-ht-xs-5p {
    min-height: 5%; }
  .ht-xs-5-f {
    height: 5px !important; }
  .ht-xs-5p-f {
    height: 5% !important; }
  .ht-xs-10 {
    height: 10px; }
  .ht-xs-10p {
    height: 10%; }
  .mx-ht-xs-10p {
    max-height: 10%; }
  .mn-ht-xs-10p {
    min-height: 10%; }
  .ht-xs-10-f {
    height: 10px !important; }
  .ht-xs-10p-f {
    height: 10% !important; }
  .ht-xs-15 {
    height: 15px; }
  .ht-xs-15p {
    height: 15%; }
  .mx-ht-xs-15p {
    max-height: 15%; }
  .mn-ht-xs-15p {
    min-height: 15%; }
  .ht-xs-15-f {
    height: 15px !important; }
  .ht-xs-15p-f {
    height: 15% !important; }
  .ht-xs-20 {
    height: 20px; }
  .ht-xs-20p {
    height: 20%; }
  .mx-ht-xs-20p {
    max-height: 20%; }
  .mn-ht-xs-20p {
    min-height: 20%; }
  .ht-xs-20-f {
    height: 20px !important; }
  .ht-xs-20p-f {
    height: 20% !important; }
  .ht-xs-25 {
    height: 25px; }
  .ht-xs-25p {
    height: 25%; }
  .mx-ht-xs-25p {
    max-height: 25%; }
  .mn-ht-xs-25p {
    min-height: 25%; }
  .ht-xs-25-f {
    height: 25px !important; }
  .ht-xs-25p-f {
    height: 25% !important; }
  .ht-xs-30 {
    height: 30px; }
  .ht-xs-30p {
    height: 30%; }
  .mx-ht-xs-30p {
    max-height: 30%; }
  .mn-ht-xs-30p {
    min-height: 30%; }
  .ht-xs-30-f {
    height: 30px !important; }
  .ht-xs-30p-f {
    height: 30% !important; }
  .ht-xs-35 {
    height: 35px; }
  .ht-xs-35p {
    height: 35%; }
  .mx-ht-xs-35p {
    max-height: 35%; }
  .mn-ht-xs-35p {
    min-height: 35%; }
  .ht-xs-35-f {
    height: 35px !important; }
  .ht-xs-35p-f {
    height: 35% !important; }
  .ht-xs-40 {
    height: 40px; }
  .ht-xs-40p {
    height: 40%; }
  .mx-ht-xs-40p {
    max-height: 40%; }
  .mn-ht-xs-40p {
    min-height: 40%; }
  .ht-xs-40-f {
    height: 40px !important; }
  .ht-xs-40p-f {
    height: 40% !important; }
  .ht-xs-45 {
    height: 45px; }
  .ht-xs-45p {
    height: 45%; }
  .mx-ht-xs-45p {
    max-height: 45%; }
  .mn-ht-xs-45p {
    min-height: 45%; }
  .ht-xs-45-f {
    height: 45px !important; }
  .ht-xs-45p-f {
    height: 45% !important; }
  .ht-xs-50 {
    height: 50px; }
  .ht-xs-50p {
    height: 50%; }
  .mx-ht-xs-50p {
    max-height: 50%; }
  .mn-ht-xs-50p {
    min-height: 50%; }
  .ht-xs-50-f {
    height: 50px !important; }
  .ht-xs-50p-f {
    height: 50% !important; }
  .ht-xs-55 {
    height: 55px; }
  .ht-xs-55p {
    height: 55%; }
  .mx-ht-xs-55p {
    max-height: 55%; }
  .mn-ht-xs-55p {
    min-height: 55%; }
  .ht-xs-55-f {
    height: 55px !important; }
  .ht-xs-55p-f {
    height: 55% !important; }
  .ht-xs-60 {
    height: 60px; }
  .ht-xs-60p {
    height: 60%; }
  .mx-ht-xs-60p {
    max-height: 60%; }
  .mn-ht-xs-60p {
    min-height: 60%; }
  .ht-xs-60-f {
    height: 60px !important; }
  .ht-xs-60p-f {
    height: 60% !important; }
  .ht-xs-65 {
    height: 65px; }
  .ht-xs-65p {
    height: 65%; }
  .mx-ht-xs-65p {
    max-height: 65%; }
  .mn-ht-xs-65p {
    min-height: 65%; }
  .ht-xs-65-f {
    height: 65px !important; }
  .ht-xs-65p-f {
    height: 65% !important; }
  .ht-xs-70 {
    height: 70px; }
  .ht-xs-70p {
    height: 70%; }
  .mx-ht-xs-70p {
    max-height: 70%; }
  .mn-ht-xs-70p {
    min-height: 70%; }
  .ht-xs-70-f {
    height: 70px !important; }
  .ht-xs-70p-f {
    height: 70% !important; }
  .ht-xs-75 {
    height: 75px; }
  .ht-xs-75p {
    height: 75%; }
  .mx-ht-xs-75p {
    max-height: 75%; }
  .mn-ht-xs-75p {
    min-height: 75%; }
  .ht-xs-75-f {
    height: 75px !important; }
  .ht-xs-75p-f {
    height: 75% !important; }
  .ht-xs-80 {
    height: 80px; }
  .ht-xs-80p {
    height: 80%; }
  .mx-ht-xs-80p {
    max-height: 80%; }
  .mn-ht-xs-80p {
    min-height: 80%; }
  .ht-xs-80-f {
    height: 80px !important; }
  .ht-xs-80p-f {
    height: 80% !important; }
  .ht-xs-85 {
    height: 85px; }
  .ht-xs-85p {
    height: 85%; }
  .mx-ht-xs-85p {
    max-height: 85%; }
  .mn-ht-xs-85p {
    min-height: 85%; }
  .ht-xs-85-f {
    height: 85px !important; }
  .ht-xs-85p-f {
    height: 85% !important; }
  .ht-xs-90 {
    height: 90px; }
  .ht-xs-90p {
    height: 90%; }
  .mx-ht-xs-90p {
    max-height: 90%; }
  .mn-ht-xs-90p {
    min-height: 90%; }
  .ht-xs-90-f {
    height: 90px !important; }
  .ht-xs-90p-f {
    height: 90% !important; }
  .ht-xs-95 {
    height: 95px; }
  .ht-xs-95p {
    height: 95%; }
  .mx-ht-xs-95p {
    max-height: 95%; }
  .mn-ht-xs-95p {
    min-height: 95%; }
  .ht-xs-95-f {
    height: 95px !important; }
  .ht-xs-95p-f {
    height: 95% !important; }
  .ht-xs-100 {
    height: 100px; }
  .ht-xs-100p {
    height: 100%; }
  .mx-ht-xs-100p {
    max-height: 100%; }
  .mn-ht-xs-100p {
    min-height: 100%; }
  .ht-xs-100-f {
    height: 100px !important; }
  .ht-xs-100p-f {
    height: 100% !important; }
  .ht-xs-150 {
    height: 150px; }
  .ht-xs-150p {
    height: 150%; }
  .mx-ht-xs-150p {
    max-height: 150%; }
  .mn-ht-xs-150p {
    min-height: 150%; }
  .ht-xs-150-f {
    height: 150px !important; }
  .ht-xs-150p-f {
    height: 150% !important; }
  .ht-xs-200 {
    height: 200px; }
  .ht-xs-200p {
    height: 200%; }
  .mx-ht-xs-200p {
    max-height: 200%; }
  .mn-ht-xs-200p {
    min-height: 200%; }
  .ht-xs-200-f {
    height: 200px !important; }
  .ht-xs-200p-f {
    height: 200% !important; }
  .ht-xs-250 {
    height: 250px; }
  .ht-xs-250p {
    height: 250%; }
  .mx-ht-xs-250p {
    max-height: 250%; }
  .mn-ht-xs-250p {
    min-height: 250%; }
  .ht-xs-250-f {
    height: 250px !important; }
  .ht-xs-250p-f {
    height: 250% !important; }
  .ht-xs-300 {
    height: 300px; }
  .ht-xs-300p {
    height: 300%; }
  .mx-ht-xs-300p {
    max-height: 300%; }
  .mn-ht-xs-300p {
    min-height: 300%; }
  .ht-xs-300-f {
    height: 300px !important; }
  .ht-xs-300p-f {
    height: 300% !important; }
  .ht-xs-350 {
    height: 350px; }
  .ht-xs-350p {
    height: 350%; }
  .mx-ht-xs-350p {
    max-height: 350%; }
  .mn-ht-xs-350p {
    min-height: 350%; }
  .ht-xs-350-f {
    height: 350px !important; }
  .ht-xs-350p-f {
    height: 350% !important; }
  .ht-xs-400 {
    height: 400px; }
  .ht-xs-400p {
    height: 400%; }
  .mx-ht-xs-400p {
    max-height: 400%; }
  .mn-ht-xs-400p {
    min-height: 400%; }
  .ht-xs-400-f {
    height: 400px !important; }
  .ht-xs-400p-f {
    height: 400% !important; }
  .ht-xs-450 {
    height: 450px; }
  .ht-xs-450p {
    height: 450%; }
  .mx-ht-xs-450p {
    max-height: 450%; }
  .mn-ht-xs-450p {
    min-height: 450%; }
  .ht-xs-450-f {
    height: 450px !important; }
  .ht-xs-450p-f {
    height: 450% !important; }
  .ht-xs-500 {
    height: 500px; }
  .ht-xs-500p {
    height: 500%; }
  .mx-ht-xs-500p {
    max-height: 500%; }
  .mn-ht-xs-500p {
    min-height: 500%; }
  .ht-xs-500-f {
    height: 500px !important; }
  .ht-xs-500p-f {
    height: 500% !important; }
  .ht-xs-550 {
    height: 550px; }
  .ht-xs-550p {
    height: 550%; }
  .mx-ht-xs-550p {
    max-height: 550%; }
  .mn-ht-xs-550p {
    min-height: 550%; }
  .ht-xs-550-f {
    height: 550px !important; }
  .ht-xs-550p-f {
    height: 550% !important; }
  .ht-xs-600 {
    height: 600px; }
  .ht-xs-600p {
    height: 600%; }
  .mx-ht-xs-600p {
    max-height: 600%; }
  .mn-ht-xs-600p {
    min-height: 600%; }
  .ht-xs-600-f {
    height: 600px !important; }
  .ht-xs-600p-f {
    height: 600% !important; }
  .ht-xs-650 {
    height: 650px; }
  .ht-xs-650p {
    height: 650%; }
  .mx-ht-xs-650p {
    max-height: 650%; }
  .mn-ht-xs-650p {
    min-height: 650%; }
  .ht-xs-650-f {
    height: 650px !important; }
  .ht-xs-650p-f {
    height: 650% !important; }
  .ht-xs-700 {
    height: 700px; }
  .ht-xs-700p {
    height: 700%; }
  .mx-ht-xs-700p {
    max-height: 700%; }
  .mn-ht-xs-700p {
    min-height: 700%; }
  .ht-xs-700-f {
    height: 700px !important; }
  .ht-xs-700p-f {
    height: 700% !important; }
  .ht-xs-750 {
    height: 750px; }
  .ht-xs-750p {
    height: 750%; }
  .mx-ht-xs-750p {
    max-height: 750%; }
  .mn-ht-xs-750p {
    min-height: 750%; }
  .ht-xs-750-f {
    height: 750px !important; }
  .ht-xs-750p-f {
    height: 750% !important; }
  .ht-xs-800 {
    height: 800px; }
  .ht-xs-800p {
    height: 800%; }
  .mx-ht-xs-800p {
    max-height: 800%; }
  .mn-ht-xs-800p {
    min-height: 800%; }
  .ht-xs-800-f {
    height: 800px !important; }
  .ht-xs-800p-f {
    height: 800% !important; }
  .ht-xs-850 {
    height: 850px; }
  .ht-xs-850p {
    height: 850%; }
  .mx-ht-xs-850p {
    max-height: 850%; }
  .mn-ht-xs-850p {
    min-height: 850%; }
  .ht-xs-850-f {
    height: 850px !important; }
  .ht-xs-850p-f {
    height: 850% !important; }
  .ht-xs-100v {
    height: 100vh; } }

@media (min-width: 576px) {
  .ht-sm-5 {
    height: 5px; }
  .ht-sm-5p {
    height: 5%; }
  .mx-ht-sm-5p {
    max-height: 5%; }
  .mn-ht-sm-5p {
    min-height: 5%; }
  .ht-sm-5-f {
    height: 5px !important; }
  .ht-sm-5p-f {
    height: 5% !important; }
  .ht-sm-10 {
    height: 10px; }
  .ht-sm-10p {
    height: 10%; }
  .mx-ht-sm-10p {
    max-height: 10%; }
  .mn-ht-sm-10p {
    min-height: 10%; }
  .ht-sm-10-f {
    height: 10px !important; }
  .ht-sm-10p-f {
    height: 10% !important; }
  .ht-sm-15 {
    height: 15px; }
  .ht-sm-15p {
    height: 15%; }
  .mx-ht-sm-15p {
    max-height: 15%; }
  .mn-ht-sm-15p {
    min-height: 15%; }
  .ht-sm-15-f {
    height: 15px !important; }
  .ht-sm-15p-f {
    height: 15% !important; }
  .ht-sm-20 {
    height: 20px; }
  .ht-sm-20p {
    height: 20%; }
  .mx-ht-sm-20p {
    max-height: 20%; }
  .mn-ht-sm-20p {
    min-height: 20%; }
  .ht-sm-20-f {
    height: 20px !important; }
  .ht-sm-20p-f {
    height: 20% !important; }
  .ht-sm-25 {
    height: 25px; }
  .ht-sm-25p {
    height: 25%; }
  .mx-ht-sm-25p {
    max-height: 25%; }
  .mn-ht-sm-25p {
    min-height: 25%; }
  .ht-sm-25-f {
    height: 25px !important; }
  .ht-sm-25p-f {
    height: 25% !important; }
  .ht-sm-30 {
    height: 30px; }
  .ht-sm-30p {
    height: 30%; }
  .mx-ht-sm-30p {
    max-height: 30%; }
  .mn-ht-sm-30p {
    min-height: 30%; }
  .ht-sm-30-f {
    height: 30px !important; }
  .ht-sm-30p-f {
    height: 30% !important; }
  .ht-sm-35 {
    height: 35px; }
  .ht-sm-35p {
    height: 35%; }
  .mx-ht-sm-35p {
    max-height: 35%; }
  .mn-ht-sm-35p {
    min-height: 35%; }
  .ht-sm-35-f {
    height: 35px !important; }
  .ht-sm-35p-f {
    height: 35% !important; }
  .ht-sm-40 {
    height: 40px; }
  .ht-sm-40p {
    height: 40%; }
  .mx-ht-sm-40p {
    max-height: 40%; }
  .mn-ht-sm-40p {
    min-height: 40%; }
  .ht-sm-40-f {
    height: 40px !important; }
  .ht-sm-40p-f {
    height: 40% !important; }
  .ht-sm-45 {
    height: 45px; }
  .ht-sm-45p {
    height: 45%; }
  .mx-ht-sm-45p {
    max-height: 45%; }
  .mn-ht-sm-45p {
    min-height: 45%; }
  .ht-sm-45-f {
    height: 45px !important; }
  .ht-sm-45p-f {
    height: 45% !important; }
  .ht-sm-50 {
    height: 50px; }
  .ht-sm-50p {
    height: 50%; }
  .mx-ht-sm-50p {
    max-height: 50%; }
  .mn-ht-sm-50p {
    min-height: 50%; }
  .ht-sm-50-f {
    height: 50px !important; }
  .ht-sm-50p-f {
    height: 50% !important; }
  .ht-sm-55 {
    height: 55px; }
  .ht-sm-55p {
    height: 55%; }
  .mx-ht-sm-55p {
    max-height: 55%; }
  .mn-ht-sm-55p {
    min-height: 55%; }
  .ht-sm-55-f {
    height: 55px !important; }
  .ht-sm-55p-f {
    height: 55% !important; }
  .ht-sm-60 {
    height: 60px; }
  .ht-sm-60p {
    height: 60%; }
  .mx-ht-sm-60p {
    max-height: 60%; }
  .mn-ht-sm-60p {
    min-height: 60%; }
  .ht-sm-60-f {
    height: 60px !important; }
  .ht-sm-60p-f {
    height: 60% !important; }
  .ht-sm-65 {
    height: 65px; }
  .ht-sm-65p {
    height: 65%; }
  .mx-ht-sm-65p {
    max-height: 65%; }
  .mn-ht-sm-65p {
    min-height: 65%; }
  .ht-sm-65-f {
    height: 65px !important; }
  .ht-sm-65p-f {
    height: 65% !important; }
  .ht-sm-70 {
    height: 70px; }
  .ht-sm-70p {
    height: 70%; }
  .mx-ht-sm-70p {
    max-height: 70%; }
  .mn-ht-sm-70p {
    min-height: 70%; }
  .ht-sm-70-f {
    height: 70px !important; }
  .ht-sm-70p-f {
    height: 70% !important; }
  .ht-sm-75 {
    height: 75px; }
  .ht-sm-75p {
    height: 75%; }
  .mx-ht-sm-75p {
    max-height: 75%; }
  .mn-ht-sm-75p {
    min-height: 75%; }
  .ht-sm-75-f {
    height: 75px !important; }
  .ht-sm-75p-f {
    height: 75% !important; }
  .ht-sm-80 {
    height: 80px; }
  .ht-sm-80p {
    height: 80%; }
  .mx-ht-sm-80p {
    max-height: 80%; }
  .mn-ht-sm-80p {
    min-height: 80%; }
  .ht-sm-80-f {
    height: 80px !important; }
  .ht-sm-80p-f {
    height: 80% !important; }
  .ht-sm-85 {
    height: 85px; }
  .ht-sm-85p {
    height: 85%; }
  .mx-ht-sm-85p {
    max-height: 85%; }
  .mn-ht-sm-85p {
    min-height: 85%; }
  .ht-sm-85-f {
    height: 85px !important; }
  .ht-sm-85p-f {
    height: 85% !important; }
  .ht-sm-90 {
    height: 90px; }
  .ht-sm-90p {
    height: 90%; }
  .mx-ht-sm-90p {
    max-height: 90%; }
  .mn-ht-sm-90p {
    min-height: 90%; }
  .ht-sm-90-f {
    height: 90px !important; }
  .ht-sm-90p-f {
    height: 90% !important; }
  .ht-sm-95 {
    height: 95px; }
  .ht-sm-95p {
    height: 95%; }
  .mx-ht-sm-95p {
    max-height: 95%; }
  .mn-ht-sm-95p {
    min-height: 95%; }
  .ht-sm-95-f {
    height: 95px !important; }
  .ht-sm-95p-f {
    height: 95% !important; }
  .ht-sm-100 {
    height: 100px; }
  .ht-sm-100p {
    height: 100%; }
  .mx-ht-sm-100p {
    max-height: 100%; }
  .mn-ht-sm-100p {
    min-height: 100%; }
  .ht-sm-100-f {
    height: 100px !important; }
  .ht-sm-100p-f {
    height: 100% !important; }
  .ht-sm-150 {
    height: 150px; }
  .ht-sm-150p {
    height: 150%; }
  .mx-ht-sm-150p {
    max-height: 150%; }
  .mn-ht-sm-150p {
    min-height: 150%; }
  .ht-sm-150-f {
    height: 150px !important; }
  .ht-sm-150p-f {
    height: 150% !important; }
  .ht-sm-200 {
    height: 200px; }
  .ht-sm-200p {
    height: 200%; }
  .mx-ht-sm-200p {
    max-height: 200%; }
  .mn-ht-sm-200p {
    min-height: 200%; }
  .ht-sm-200-f {
    height: 200px !important; }
  .ht-sm-200p-f {
    height: 200% !important; }
  .ht-sm-250 {
    height: 250px; }
  .ht-sm-250p {
    height: 250%; }
  .mx-ht-sm-250p {
    max-height: 250%; }
  .mn-ht-sm-250p {
    min-height: 250%; }
  .ht-sm-250-f {
    height: 250px !important; }
  .ht-sm-250p-f {
    height: 250% !important; }
  .ht-sm-300 {
    height: 300px; }
  .ht-sm-300p {
    height: 300%; }
  .mx-ht-sm-300p {
    max-height: 300%; }
  .mn-ht-sm-300p {
    min-height: 300%; }
  .ht-sm-300-f {
    height: 300px !important; }
  .ht-sm-300p-f {
    height: 300% !important; }
  .ht-sm-350 {
    height: 350px; }
  .ht-sm-350p {
    height: 350%; }
  .mx-ht-sm-350p {
    max-height: 350%; }
  .mn-ht-sm-350p {
    min-height: 350%; }
  .ht-sm-350-f {
    height: 350px !important; }
  .ht-sm-350p-f {
    height: 350% !important; }
  .ht-sm-400 {
    height: 400px; }
  .ht-sm-400p {
    height: 400%; }
  .mx-ht-sm-400p {
    max-height: 400%; }
  .mn-ht-sm-400p {
    min-height: 400%; }
  .ht-sm-400-f {
    height: 400px !important; }
  .ht-sm-400p-f {
    height: 400% !important; }
  .ht-sm-450 {
    height: 450px; }
  .ht-sm-450p {
    height: 450%; }
  .mx-ht-sm-450p {
    max-height: 450%; }
  .mn-ht-sm-450p {
    min-height: 450%; }
  .ht-sm-450-f {
    height: 450px !important; }
  .ht-sm-450p-f {
    height: 450% !important; }
  .ht-sm-500 {
    height: 500px; }
  .ht-sm-500p {
    height: 500%; }
  .mx-ht-sm-500p {
    max-height: 500%; }
  .mn-ht-sm-500p {
    min-height: 500%; }
  .ht-sm-500-f {
    height: 500px !important; }
  .ht-sm-500p-f {
    height: 500% !important; }
  .ht-sm-550 {
    height: 550px; }
  .ht-sm-550p {
    height: 550%; }
  .mx-ht-sm-550p {
    max-height: 550%; }
  .mn-ht-sm-550p {
    min-height: 550%; }
  .ht-sm-550-f {
    height: 550px !important; }
  .ht-sm-550p-f {
    height: 550% !important; }
  .ht-sm-600 {
    height: 600px; }
  .ht-sm-600p {
    height: 600%; }
  .mx-ht-sm-600p {
    max-height: 600%; }
  .mn-ht-sm-600p {
    min-height: 600%; }
  .ht-sm-600-f {
    height: 600px !important; }
  .ht-sm-600p-f {
    height: 600% !important; }
  .ht-sm-650 {
    height: 650px; }
  .ht-sm-650p {
    height: 650%; }
  .mx-ht-sm-650p {
    max-height: 650%; }
  .mn-ht-sm-650p {
    min-height: 650%; }
  .ht-sm-650-f {
    height: 650px !important; }
  .ht-sm-650p-f {
    height: 650% !important; }
  .ht-sm-700 {
    height: 700px; }
  .ht-sm-700p {
    height: 700%; }
  .mx-ht-sm-700p {
    max-height: 700%; }
  .mn-ht-sm-700p {
    min-height: 700%; }
  .ht-sm-700-f {
    height: 700px !important; }
  .ht-sm-700p-f {
    height: 700% !important; }
  .ht-sm-750 {
    height: 750px; }
  .ht-sm-750p {
    height: 750%; }
  .mx-ht-sm-750p {
    max-height: 750%; }
  .mn-ht-sm-750p {
    min-height: 750%; }
  .ht-sm-750-f {
    height: 750px !important; }
  .ht-sm-750p-f {
    height: 750% !important; }
  .ht-sm-800 {
    height: 800px; }
  .ht-sm-800p {
    height: 800%; }
  .mx-ht-sm-800p {
    max-height: 800%; }
  .mn-ht-sm-800p {
    min-height: 800%; }
  .ht-sm-800-f {
    height: 800px !important; }
  .ht-sm-800p-f {
    height: 800% !important; }
  .ht-sm-850 {
    height: 850px; }
  .ht-sm-850p {
    height: 850%; }
  .mx-ht-sm-850p {
    max-height: 850%; }
  .mn-ht-sm-850p {
    min-height: 850%; }
  .ht-sm-850-f {
    height: 850px !important; }
  .ht-sm-850p-f {
    height: 850% !important; }
  .ht-sm-100v {
    height: 100vh; } }

@media (min-width: 768px) {
  .ht-md-5 {
    height: 5px; }
  .ht-md-5p {
    height: 5%; }
  .mx-ht-md-5p {
    max-height: 5%; }
  .mn-ht-md-5p {
    min-height: 5%; }
  .ht-md-5-f {
    height: 5px !important; }
  .ht-md-5p-f {
    height: 5% !important; }
  .ht-md-10 {
    height: 10px; }
  .ht-md-10p {
    height: 10%; }
  .mx-ht-md-10p {
    max-height: 10%; }
  .mn-ht-md-10p {
    min-height: 10%; }
  .ht-md-10-f {
    height: 10px !important; }
  .ht-md-10p-f {
    height: 10% !important; }
  .ht-md-15 {
    height: 15px; }
  .ht-md-15p {
    height: 15%; }
  .mx-ht-md-15p {
    max-height: 15%; }
  .mn-ht-md-15p {
    min-height: 15%; }
  .ht-md-15-f {
    height: 15px !important; }
  .ht-md-15p-f {
    height: 15% !important; }
  .ht-md-20 {
    height: 20px; }
  .ht-md-20p {
    height: 20%; }
  .mx-ht-md-20p {
    max-height: 20%; }
  .mn-ht-md-20p {
    min-height: 20%; }
  .ht-md-20-f {
    height: 20px !important; }
  .ht-md-20p-f {
    height: 20% !important; }
  .ht-md-25 {
    height: 25px; }
  .ht-md-25p {
    height: 25%; }
  .mx-ht-md-25p {
    max-height: 25%; }
  .mn-ht-md-25p {
    min-height: 25%; }
  .ht-md-25-f {
    height: 25px !important; }
  .ht-md-25p-f {
    height: 25% !important; }
  .ht-md-30 {
    height: 30px; }
  .ht-md-30p {
    height: 30%; }
  .mx-ht-md-30p {
    max-height: 30%; }
  .mn-ht-md-30p {
    min-height: 30%; }
  .ht-md-30-f {
    height: 30px !important; }
  .ht-md-30p-f {
    height: 30% !important; }
  .ht-md-35 {
    height: 35px; }
  .ht-md-35p {
    height: 35%; }
  .mx-ht-md-35p {
    max-height: 35%; }
  .mn-ht-md-35p {
    min-height: 35%; }
  .ht-md-35-f {
    height: 35px !important; }
  .ht-md-35p-f {
    height: 35% !important; }
  .ht-md-40 {
    height: 40px; }
  .ht-md-40p {
    height: 40%; }
  .mx-ht-md-40p {
    max-height: 40%; }
  .mn-ht-md-40p {
    min-height: 40%; }
  .ht-md-40-f {
    height: 40px !important; }
  .ht-md-40p-f {
    height: 40% !important; }
  .ht-md-45 {
    height: 45px; }
  .ht-md-45p {
    height: 45%; }
  .mx-ht-md-45p {
    max-height: 45%; }
  .mn-ht-md-45p {
    min-height: 45%; }
  .ht-md-45-f {
    height: 45px !important; }
  .ht-md-45p-f {
    height: 45% !important; }
  .ht-md-50 {
    height: 50px; }
  .ht-md-50p {
    height: 50%; }
  .mx-ht-md-50p {
    max-height: 50%; }
  .mn-ht-md-50p {
    min-height: 50%; }
  .ht-md-50-f {
    height: 50px !important; }
  .ht-md-50p-f {
    height: 50% !important; }
  .ht-md-55 {
    height: 55px; }
  .ht-md-55p {
    height: 55%; }
  .mx-ht-md-55p {
    max-height: 55%; }
  .mn-ht-md-55p {
    min-height: 55%; }
  .ht-md-55-f {
    height: 55px !important; }
  .ht-md-55p-f {
    height: 55% !important; }
  .ht-md-60 {
    height: 60px; }
  .ht-md-60p {
    height: 60%; }
  .mx-ht-md-60p {
    max-height: 60%; }
  .mn-ht-md-60p {
    min-height: 60%; }
  .ht-md-60-f {
    height: 60px !important; }
  .ht-md-60p-f {
    height: 60% !important; }
  .ht-md-65 {
    height: 65px; }
  .ht-md-65p {
    height: 65%; }
  .mx-ht-md-65p {
    max-height: 65%; }
  .mn-ht-md-65p {
    min-height: 65%; }
  .ht-md-65-f {
    height: 65px !important; }
  .ht-md-65p-f {
    height: 65% !important; }
  .ht-md-70 {
    height: 70px; }
  .ht-md-70p {
    height: 70%; }
  .mx-ht-md-70p {
    max-height: 70%; }
  .mn-ht-md-70p {
    min-height: 70%; }
  .ht-md-70-f {
    height: 70px !important; }
  .ht-md-70p-f {
    height: 70% !important; }
  .ht-md-75 {
    height: 75px; }
  .ht-md-75p {
    height: 75%; }
  .mx-ht-md-75p {
    max-height: 75%; }
  .mn-ht-md-75p {
    min-height: 75%; }
  .ht-md-75-f {
    height: 75px !important; }
  .ht-md-75p-f {
    height: 75% !important; }
  .ht-md-80 {
    height: 80px; }
  .ht-md-80p {
    height: 80%; }
  .mx-ht-md-80p {
    max-height: 80%; }
  .mn-ht-md-80p {
    min-height: 80%; }
  .ht-md-80-f {
    height: 80px !important; }
  .ht-md-80p-f {
    height: 80% !important; }
  .ht-md-85 {
    height: 85px; }
  .ht-md-85p {
    height: 85%; }
  .mx-ht-md-85p {
    max-height: 85%; }
  .mn-ht-md-85p {
    min-height: 85%; }
  .ht-md-85-f {
    height: 85px !important; }
  .ht-md-85p-f {
    height: 85% !important; }
  .ht-md-90 {
    height: 90px; }
  .ht-md-90p {
    height: 90%; }
  .mx-ht-md-90p {
    max-height: 90%; }
  .mn-ht-md-90p {
    min-height: 90%; }
  .ht-md-90-f {
    height: 90px !important; }
  .ht-md-90p-f {
    height: 90% !important; }
  .ht-md-95 {
    height: 95px; }
  .ht-md-95p {
    height: 95%; }
  .mx-ht-md-95p {
    max-height: 95%; }
  .mn-ht-md-95p {
    min-height: 95%; }
  .ht-md-95-f {
    height: 95px !important; }
  .ht-md-95p-f {
    height: 95% !important; }
  .ht-md-100 {
    height: 100px; }
  .ht-md-100p {
    height: 100%; }
  .mx-ht-md-100p {
    max-height: 100%; }
  .mn-ht-md-100p {
    min-height: 100%; }
  .ht-md-100-f {
    height: 100px !important; }
  .ht-md-100p-f {
    height: 100% !important; }
  .ht-md-150 {
    height: 150px; }
  .ht-md-150p {
    height: 150%; }
  .mx-ht-md-150p {
    max-height: 150%; }
  .mn-ht-md-150p {
    min-height: 150%; }
  .ht-md-150-f {
    height: 150px !important; }
  .ht-md-150p-f {
    height: 150% !important; }
  .ht-md-200 {
    height: 200px; }
  .ht-md-200p {
    height: 200%; }
  .mx-ht-md-200p {
    max-height: 200%; }
  .mn-ht-md-200p {
    min-height: 200%; }
  .ht-md-200-f {
    height: 200px !important; }
  .ht-md-200p-f {
    height: 200% !important; }
  .ht-md-250 {
    height: 250px; }
  .ht-md-250p {
    height: 250%; }
  .mx-ht-md-250p {
    max-height: 250%; }
  .mn-ht-md-250p {
    min-height: 250%; }
  .ht-md-250-f {
    height: 250px !important; }
  .ht-md-250p-f {
    height: 250% !important; }
  .ht-md-300 {
    height: 300px; }
  .ht-md-300p {
    height: 300%; }
  .mx-ht-md-300p {
    max-height: 300%; }
  .mn-ht-md-300p {
    min-height: 300%; }
  .ht-md-300-f {
    height: 300px !important; }
  .ht-md-300p-f {
    height: 300% !important; }
  .ht-md-350 {
    height: 350px; }
  .ht-md-350p {
    height: 350%; }
  .mx-ht-md-350p {
    max-height: 350%; }
  .mn-ht-md-350p {
    min-height: 350%; }
  .ht-md-350-f {
    height: 350px !important; }
  .ht-md-350p-f {
    height: 350% !important; }
  .ht-md-400 {
    height: 400px; }
  .ht-md-400p {
    height: 400%; }
  .mx-ht-md-400p {
    max-height: 400%; }
  .mn-ht-md-400p {
    min-height: 400%; }
  .ht-md-400-f {
    height: 400px !important; }
  .ht-md-400p-f {
    height: 400% !important; }
  .ht-md-450 {
    height: 450px; }
  .ht-md-450p {
    height: 450%; }
  .mx-ht-md-450p {
    max-height: 450%; }
  .mn-ht-md-450p {
    min-height: 450%; }
  .ht-md-450-f {
    height: 450px !important; }
  .ht-md-450p-f {
    height: 450% !important; }
  .ht-md-500 {
    height: 500px; }
  .ht-md-500p {
    height: 500%; }
  .mx-ht-md-500p {
    max-height: 500%; }
  .mn-ht-md-500p {
    min-height: 500%; }
  .ht-md-500-f {
    height: 500px !important; }
  .ht-md-500p-f {
    height: 500% !important; }
  .ht-md-550 {
    height: 550px; }
  .ht-md-550p {
    height: 550%; }
  .mx-ht-md-550p {
    max-height: 550%; }
  .mn-ht-md-550p {
    min-height: 550%; }
  .ht-md-550-f {
    height: 550px !important; }
  .ht-md-550p-f {
    height: 550% !important; }
  .ht-md-600 {
    height: 600px; }
  .ht-md-600p {
    height: 600%; }
  .mx-ht-md-600p {
    max-height: 600%; }
  .mn-ht-md-600p {
    min-height: 600%; }
  .ht-md-600-f {
    height: 600px !important; }
  .ht-md-600p-f {
    height: 600% !important; }
  .ht-md-650 {
    height: 650px; }
  .ht-md-650p {
    height: 650%; }
  .mx-ht-md-650p {
    max-height: 650%; }
  .mn-ht-md-650p {
    min-height: 650%; }
  .ht-md-650-f {
    height: 650px !important; }
  .ht-md-650p-f {
    height: 650% !important; }
  .ht-md-700 {
    height: 700px; }
  .ht-md-700p {
    height: 700%; }
  .mx-ht-md-700p {
    max-height: 700%; }
  .mn-ht-md-700p {
    min-height: 700%; }
  .ht-md-700-f {
    height: 700px !important; }
  .ht-md-700p-f {
    height: 700% !important; }
  .ht-md-750 {
    height: 750px; }
  .ht-md-750p {
    height: 750%; }
  .mx-ht-md-750p {
    max-height: 750%; }
  .mn-ht-md-750p {
    min-height: 750%; }
  .ht-md-750-f {
    height: 750px !important; }
  .ht-md-750p-f {
    height: 750% !important; }
  .ht-md-800 {
    height: 800px; }
  .ht-md-800p {
    height: 800%; }
  .mx-ht-md-800p {
    max-height: 800%; }
  .mn-ht-md-800p {
    min-height: 800%; }
  .ht-md-800-f {
    height: 800px !important; }
  .ht-md-800p-f {
    height: 800% !important; }
  .ht-md-850 {
    height: 850px; }
  .ht-md-850p {
    height: 850%; }
  .mx-ht-md-850p {
    max-height: 850%; }
  .mn-ht-md-850p {
    min-height: 850%; }
  .ht-md-850-f {
    height: 850px !important; }
  .ht-md-850p-f {
    height: 850% !important; }
  .ht-md-100v {
    height: 100vh; } }

@media (min-width: 992px) {
  .ht-lg-5 {
    height: 5px; }
  .ht-lg-5p {
    height: 5%; }
  .mx-ht-lg-5p {
    max-height: 5%; }
  .mn-ht-lg-5p {
    min-height: 5%; }
  .ht-lg-5-f {
    height: 5px !important; }
  .ht-lg-5p-f {
    height: 5% !important; }
  .ht-lg-10 {
    height: 10px; }
  .ht-lg-10p {
    height: 10%; }
  .mx-ht-lg-10p {
    max-height: 10%; }
  .mn-ht-lg-10p {
    min-height: 10%; }
  .ht-lg-10-f {
    height: 10px !important; }
  .ht-lg-10p-f {
    height: 10% !important; }
  .ht-lg-15 {
    height: 15px; }
  .ht-lg-15p {
    height: 15%; }
  .mx-ht-lg-15p {
    max-height: 15%; }
  .mn-ht-lg-15p {
    min-height: 15%; }
  .ht-lg-15-f {
    height: 15px !important; }
  .ht-lg-15p-f {
    height: 15% !important; }
  .ht-lg-20 {
    height: 20px; }
  .ht-lg-20p {
    height: 20%; }
  .mx-ht-lg-20p {
    max-height: 20%; }
  .mn-ht-lg-20p {
    min-height: 20%; }
  .ht-lg-20-f {
    height: 20px !important; }
  .ht-lg-20p-f {
    height: 20% !important; }
  .ht-lg-25 {
    height: 25px; }
  .ht-lg-25p {
    height: 25%; }
  .mx-ht-lg-25p {
    max-height: 25%; }
  .mn-ht-lg-25p {
    min-height: 25%; }
  .ht-lg-25-f {
    height: 25px !important; }
  .ht-lg-25p-f {
    height: 25% !important; }
  .ht-lg-30 {
    height: 30px; }
  .ht-lg-30p {
    height: 30%; }
  .mx-ht-lg-30p {
    max-height: 30%; }
  .mn-ht-lg-30p {
    min-height: 30%; }
  .ht-lg-30-f {
    height: 30px !important; }
  .ht-lg-30p-f {
    height: 30% !important; }
  .ht-lg-35 {
    height: 35px; }
  .ht-lg-35p {
    height: 35%; }
  .mx-ht-lg-35p {
    max-height: 35%; }
  .mn-ht-lg-35p {
    min-height: 35%; }
  .ht-lg-35-f {
    height: 35px !important; }
  .ht-lg-35p-f {
    height: 35% !important; }
  .ht-lg-40 {
    height: 40px; }
  .ht-lg-40p {
    height: 40%; }
  .mx-ht-lg-40p {
    max-height: 40%; }
  .mn-ht-lg-40p {
    min-height: 40%; }
  .ht-lg-40-f {
    height: 40px !important; }
  .ht-lg-40p-f {
    height: 40% !important; }
  .ht-lg-45 {
    height: 45px; }
  .ht-lg-45p {
    height: 45%; }
  .mx-ht-lg-45p {
    max-height: 45%; }
  .mn-ht-lg-45p {
    min-height: 45%; }
  .ht-lg-45-f {
    height: 45px !important; }
  .ht-lg-45p-f {
    height: 45% !important; }
  .ht-lg-50 {
    height: 50px; }
  .ht-lg-50p {
    height: 50%; }
  .mx-ht-lg-50p {
    max-height: 50%; }
  .mn-ht-lg-50p {
    min-height: 50%; }
  .ht-lg-50-f {
    height: 50px !important; }
  .ht-lg-50p-f {
    height: 50% !important; }
  .ht-lg-55 {
    height: 55px; }
  .ht-lg-55p {
    height: 55%; }
  .mx-ht-lg-55p {
    max-height: 55%; }
  .mn-ht-lg-55p {
    min-height: 55%; }
  .ht-lg-55-f {
    height: 55px !important; }
  .ht-lg-55p-f {
    height: 55% !important; }
  .ht-lg-60 {
    height: 60px; }
  .ht-lg-60p {
    height: 60%; }
  .mx-ht-lg-60p {
    max-height: 60%; }
  .mn-ht-lg-60p {
    min-height: 60%; }
  .ht-lg-60-f {
    height: 60px !important; }
  .ht-lg-60p-f {
    height: 60% !important; }
  .ht-lg-65 {
    height: 65px; }
  .ht-lg-65p {
    height: 65%; }
  .mx-ht-lg-65p {
    max-height: 65%; }
  .mn-ht-lg-65p {
    min-height: 65%; }
  .ht-lg-65-f {
    height: 65px !important; }
  .ht-lg-65p-f {
    height: 65% !important; }
  .ht-lg-70 {
    height: 70px; }
  .ht-lg-70p {
    height: 70%; }
  .mx-ht-lg-70p {
    max-height: 70%; }
  .mn-ht-lg-70p {
    min-height: 70%; }
  .ht-lg-70-f {
    height: 70px !important; }
  .ht-lg-70p-f {
    height: 70% !important; }
  .ht-lg-75 {
    height: 75px; }
  .ht-lg-75p {
    height: 75%; }
  .mx-ht-lg-75p {
    max-height: 75%; }
  .mn-ht-lg-75p {
    min-height: 75%; }
  .ht-lg-75-f {
    height: 75px !important; }
  .ht-lg-75p-f {
    height: 75% !important; }
  .ht-lg-80 {
    height: 80px; }
  .ht-lg-80p {
    height: 80%; }
  .mx-ht-lg-80p {
    max-height: 80%; }
  .mn-ht-lg-80p {
    min-height: 80%; }
  .ht-lg-80-f {
    height: 80px !important; }
  .ht-lg-80p-f {
    height: 80% !important; }
  .ht-lg-85 {
    height: 85px; }
  .ht-lg-85p {
    height: 85%; }
  .mx-ht-lg-85p {
    max-height: 85%; }
  .mn-ht-lg-85p {
    min-height: 85%; }
  .ht-lg-85-f {
    height: 85px !important; }
  .ht-lg-85p-f {
    height: 85% !important; }
  .ht-lg-90 {
    height: 90px; }
  .ht-lg-90p {
    height: 90%; }
  .mx-ht-lg-90p {
    max-height: 90%; }
  .mn-ht-lg-90p {
    min-height: 90%; }
  .ht-lg-90-f {
    height: 90px !important; }
  .ht-lg-90p-f {
    height: 90% !important; }
  .ht-lg-95 {
    height: 95px; }
  .ht-lg-95p {
    height: 95%; }
  .mx-ht-lg-95p {
    max-height: 95%; }
  .mn-ht-lg-95p {
    min-height: 95%; }
  .ht-lg-95-f {
    height: 95px !important; }
  .ht-lg-95p-f {
    height: 95% !important; }
  .ht-lg-100 {
    height: 100px; }
  .ht-lg-100p {
    height: 100%; }
  .mx-ht-lg-100p {
    max-height: 100%; }
  .mn-ht-lg-100p {
    min-height: 100%; }
  .ht-lg-100-f {
    height: 100px !important; }
  .ht-lg-100p-f {
    height: 100% !important; }
  .ht-lg-150 {
    height: 150px; }
  .ht-lg-150p {
    height: 150%; }
  .mx-ht-lg-150p {
    max-height: 150%; }
  .mn-ht-lg-150p {
    min-height: 150%; }
  .ht-lg-150-f {
    height: 150px !important; }
  .ht-lg-150p-f {
    height: 150% !important; }
  .ht-lg-200 {
    height: 200px; }
  .ht-lg-200p {
    height: 200%; }
  .mx-ht-lg-200p {
    max-height: 200%; }
  .mn-ht-lg-200p {
    min-height: 200%; }
  .ht-lg-200-f {
    height: 200px !important; }
  .ht-lg-200p-f {
    height: 200% !important; }
  .ht-lg-250 {
    height: 250px; }
  .ht-lg-250p {
    height: 250%; }
  .mx-ht-lg-250p {
    max-height: 250%; }
  .mn-ht-lg-250p {
    min-height: 250%; }
  .ht-lg-250-f {
    height: 250px !important; }
  .ht-lg-250p-f {
    height: 250% !important; }
  .ht-lg-300 {
    height: 300px; }
  .ht-lg-300p {
    height: 300%; }
  .mx-ht-lg-300p {
    max-height: 300%; }
  .mn-ht-lg-300p {
    min-height: 300%; }
  .ht-lg-300-f {
    height: 300px !important; }
  .ht-lg-300p-f {
    height: 300% !important; }
  .ht-lg-350 {
    height: 350px; }
  .ht-lg-350p {
    height: 350%; }
  .mx-ht-lg-350p {
    max-height: 350%; }
  .mn-ht-lg-350p {
    min-height: 350%; }
  .ht-lg-350-f {
    height: 350px !important; }
  .ht-lg-350p-f {
    height: 350% !important; }
  .ht-lg-400 {
    height: 400px; }
  .ht-lg-400p {
    height: 400%; }
  .mx-ht-lg-400p {
    max-height: 400%; }
  .mn-ht-lg-400p {
    min-height: 400%; }
  .ht-lg-400-f {
    height: 400px !important; }
  .ht-lg-400p-f {
    height: 400% !important; }
  .ht-lg-450 {
    height: 450px; }
  .ht-lg-450p {
    height: 450%; }
  .mx-ht-lg-450p {
    max-height: 450%; }
  .mn-ht-lg-450p {
    min-height: 450%; }
  .ht-lg-450-f {
    height: 450px !important; }
  .ht-lg-450p-f {
    height: 450% !important; }
  .ht-lg-500 {
    height: 500px; }
  .ht-lg-500p {
    height: 500%; }
  .mx-ht-lg-500p {
    max-height: 500%; }
  .mn-ht-lg-500p {
    min-height: 500%; }
  .ht-lg-500-f {
    height: 500px !important; }
  .ht-lg-500p-f {
    height: 500% !important; }
  .ht-lg-550 {
    height: 550px; }
  .ht-lg-550p {
    height: 550%; }
  .mx-ht-lg-550p {
    max-height: 550%; }
  .mn-ht-lg-550p {
    min-height: 550%; }
  .ht-lg-550-f {
    height: 550px !important; }
  .ht-lg-550p-f {
    height: 550% !important; }
  .ht-lg-600 {
    height: 600px; }
  .ht-lg-600p {
    height: 600%; }
  .mx-ht-lg-600p {
    max-height: 600%; }
  .mn-ht-lg-600p {
    min-height: 600%; }
  .ht-lg-600-f {
    height: 600px !important; }
  .ht-lg-600p-f {
    height: 600% !important; }
  .ht-lg-650 {
    height: 650px; }
  .ht-lg-650p {
    height: 650%; }
  .mx-ht-lg-650p {
    max-height: 650%; }
  .mn-ht-lg-650p {
    min-height: 650%; }
  .ht-lg-650-f {
    height: 650px !important; }
  .ht-lg-650p-f {
    height: 650% !important; }
  .ht-lg-700 {
    height: 700px; }
  .ht-lg-700p {
    height: 700%; }
  .mx-ht-lg-700p {
    max-height: 700%; }
  .mn-ht-lg-700p {
    min-height: 700%; }
  .ht-lg-700-f {
    height: 700px !important; }
  .ht-lg-700p-f {
    height: 700% !important; }
  .ht-lg-750 {
    height: 750px; }
  .ht-lg-750p {
    height: 750%; }
  .mx-ht-lg-750p {
    max-height: 750%; }
  .mn-ht-lg-750p {
    min-height: 750%; }
  .ht-lg-750-f {
    height: 750px !important; }
  .ht-lg-750p-f {
    height: 750% !important; }
  .ht-lg-800 {
    height: 800px; }
  .ht-lg-800p {
    height: 800%; }
  .mx-ht-lg-800p {
    max-height: 800%; }
  .mn-ht-lg-800p {
    min-height: 800%; }
  .ht-lg-800-f {
    height: 800px !important; }
  .ht-lg-800p-f {
    height: 800% !important; }
  .ht-lg-850 {
    height: 850px; }
  .ht-lg-850p {
    height: 850%; }
  .mx-ht-lg-850p {
    max-height: 850%; }
  .mn-ht-lg-850p {
    min-height: 850%; }
  .ht-lg-850-f {
    height: 850px !important; }
  .ht-lg-850p-f {
    height: 850% !important; }
  .ht-lg-100v {
    height: 100vh; } }

@media (min-width: 1200px) {
  .ht-xl-5 {
    height: 5px; }
  .ht-xl-5p {
    height: 5%; }
  .mx-ht-xl-5p {
    max-height: 5%; }
  .mn-ht-xl-5p {
    min-height: 5%; }
  .ht-xl-5-f {
    height: 5px !important; }
  .ht-xl-5p-f {
    height: 5% !important; }
  .ht-xl-10 {
    height: 10px; }
  .ht-xl-10p {
    height: 10%; }
  .mx-ht-xl-10p {
    max-height: 10%; }
  .mn-ht-xl-10p {
    min-height: 10%; }
  .ht-xl-10-f {
    height: 10px !important; }
  .ht-xl-10p-f {
    height: 10% !important; }
  .ht-xl-15 {
    height: 15px; }
  .ht-xl-15p {
    height: 15%; }
  .mx-ht-xl-15p {
    max-height: 15%; }
  .mn-ht-xl-15p {
    min-height: 15%; }
  .ht-xl-15-f {
    height: 15px !important; }
  .ht-xl-15p-f {
    height: 15% !important; }
  .ht-xl-20 {
    height: 20px; }
  .ht-xl-20p {
    height: 20%; }
  .mx-ht-xl-20p {
    max-height: 20%; }
  .mn-ht-xl-20p {
    min-height: 20%; }
  .ht-xl-20-f {
    height: 20px !important; }
  .ht-xl-20p-f {
    height: 20% !important; }
  .ht-xl-25 {
    height: 25px; }
  .ht-xl-25p {
    height: 25%; }
  .mx-ht-xl-25p {
    max-height: 25%; }
  .mn-ht-xl-25p {
    min-height: 25%; }
  .ht-xl-25-f {
    height: 25px !important; }
  .ht-xl-25p-f {
    height: 25% !important; }
  .ht-xl-30 {
    height: 30px; }
  .ht-xl-30p {
    height: 30%; }
  .mx-ht-xl-30p {
    max-height: 30%; }
  .mn-ht-xl-30p {
    min-height: 30%; }
  .ht-xl-30-f {
    height: 30px !important; }
  .ht-xl-30p-f {
    height: 30% !important; }
  .ht-xl-35 {
    height: 35px; }
  .ht-xl-35p {
    height: 35%; }
  .mx-ht-xl-35p {
    max-height: 35%; }
  .mn-ht-xl-35p {
    min-height: 35%; }
  .ht-xl-35-f {
    height: 35px !important; }
  .ht-xl-35p-f {
    height: 35% !important; }
  .ht-xl-40 {
    height: 40px; }
  .ht-xl-40p {
    height: 40%; }
  .mx-ht-xl-40p {
    max-height: 40%; }
  .mn-ht-xl-40p {
    min-height: 40%; }
  .ht-xl-40-f {
    height: 40px !important; }
  .ht-xl-40p-f {
    height: 40% !important; }
  .ht-xl-45 {
    height: 45px; }
  .ht-xl-45p {
    height: 45%; }
  .mx-ht-xl-45p {
    max-height: 45%; }
  .mn-ht-xl-45p {
    min-height: 45%; }
  .ht-xl-45-f {
    height: 45px !important; }
  .ht-xl-45p-f {
    height: 45% !important; }
  .ht-xl-50 {
    height: 50px; }
  .ht-xl-50p {
    height: 50%; }
  .mx-ht-xl-50p {
    max-height: 50%; }
  .mn-ht-xl-50p {
    min-height: 50%; }
  .ht-xl-50-f {
    height: 50px !important; }
  .ht-xl-50p-f {
    height: 50% !important; }
  .ht-xl-55 {
    height: 55px; }
  .ht-xl-55p {
    height: 55%; }
  .mx-ht-xl-55p {
    max-height: 55%; }
  .mn-ht-xl-55p {
    min-height: 55%; }
  .ht-xl-55-f {
    height: 55px !important; }
  .ht-xl-55p-f {
    height: 55% !important; }
  .ht-xl-60 {
    height: 60px; }
  .ht-xl-60p {
    height: 60%; }
  .mx-ht-xl-60p {
    max-height: 60%; }
  .mn-ht-xl-60p {
    min-height: 60%; }
  .ht-xl-60-f {
    height: 60px !important; }
  .ht-xl-60p-f {
    height: 60% !important; }
  .ht-xl-65 {
    height: 65px; }
  .ht-xl-65p {
    height: 65%; }
  .mx-ht-xl-65p {
    max-height: 65%; }
  .mn-ht-xl-65p {
    min-height: 65%; }
  .ht-xl-65-f {
    height: 65px !important; }
  .ht-xl-65p-f {
    height: 65% !important; }
  .ht-xl-70 {
    height: 70px; }
  .ht-xl-70p {
    height: 70%; }
  .mx-ht-xl-70p {
    max-height: 70%; }
  .mn-ht-xl-70p {
    min-height: 70%; }
  .ht-xl-70-f {
    height: 70px !important; }
  .ht-xl-70p-f {
    height: 70% !important; }
  .ht-xl-75 {
    height: 75px; }
  .ht-xl-75p {
    height: 75%; }
  .mx-ht-xl-75p {
    max-height: 75%; }
  .mn-ht-xl-75p {
    min-height: 75%; }
  .ht-xl-75-f {
    height: 75px !important; }
  .ht-xl-75p-f {
    height: 75% !important; }
  .ht-xl-80 {
    height: 80px; }
  .ht-xl-80p {
    height: 80%; }
  .mx-ht-xl-80p {
    max-height: 80%; }
  .mn-ht-xl-80p {
    min-height: 80%; }
  .ht-xl-80-f {
    height: 80px !important; }
  .ht-xl-80p-f {
    height: 80% !important; }
  .ht-xl-85 {
    height: 85px; }
  .ht-xl-85p {
    height: 85%; }
  .mx-ht-xl-85p {
    max-height: 85%; }
  .mn-ht-xl-85p {
    min-height: 85%; }
  .ht-xl-85-f {
    height: 85px !important; }
  .ht-xl-85p-f {
    height: 85% !important; }
  .ht-xl-90 {
    height: 90px; }
  .ht-xl-90p {
    height: 90%; }
  .mx-ht-xl-90p {
    max-height: 90%; }
  .mn-ht-xl-90p {
    min-height: 90%; }
  .ht-xl-90-f {
    height: 90px !important; }
  .ht-xl-90p-f {
    height: 90% !important; }
  .ht-xl-95 {
    height: 95px; }
  .ht-xl-95p {
    height: 95%; }
  .mx-ht-xl-95p {
    max-height: 95%; }
  .mn-ht-xl-95p {
    min-height: 95%; }
  .ht-xl-95-f {
    height: 95px !important; }
  .ht-xl-95p-f {
    height: 95% !important; }
  .ht-xl-100 {
    height: 100px; }
  .ht-xl-100p {
    height: 100%; }
  .mx-ht-xl-100p {
    max-height: 100%; }
  .mn-ht-xl-100p {
    min-height: 100%; }
  .ht-xl-100-f {
    height: 100px !important; }
  .ht-xl-100p-f {
    height: 100% !important; }
  .ht-xl-150 {
    height: 150px; }
  .ht-xl-150p {
    height: 150%; }
  .mx-ht-xl-150p {
    max-height: 150%; }
  .mn-ht-xl-150p {
    min-height: 150%; }
  .ht-xl-150-f {
    height: 150px !important; }
  .ht-xl-150p-f {
    height: 150% !important; }
  .ht-xl-200 {
    height: 200px; }
  .ht-xl-200p {
    height: 200%; }
  .mx-ht-xl-200p {
    max-height: 200%; }
  .mn-ht-xl-200p {
    min-height: 200%; }
  .ht-xl-200-f {
    height: 200px !important; }
  .ht-xl-200p-f {
    height: 200% !important; }
  .ht-xl-250 {
    height: 250px; }
  .ht-xl-250p {
    height: 250%; }
  .mx-ht-xl-250p {
    max-height: 250%; }
  .mn-ht-xl-250p {
    min-height: 250%; }
  .ht-xl-250-f {
    height: 250px !important; }
  .ht-xl-250p-f {
    height: 250% !important; }
  .ht-xl-300 {
    height: 300px; }
  .ht-xl-300p {
    height: 300%; }
  .mx-ht-xl-300p {
    max-height: 300%; }
  .mn-ht-xl-300p {
    min-height: 300%; }
  .ht-xl-300-f {
    height: 300px !important; }
  .ht-xl-300p-f {
    height: 300% !important; }
  .ht-xl-350 {
    height: 350px; }
  .ht-xl-350p {
    height: 350%; }
  .mx-ht-xl-350p {
    max-height: 350%; }
  .mn-ht-xl-350p {
    min-height: 350%; }
  .ht-xl-350-f {
    height: 350px !important; }
  .ht-xl-350p-f {
    height: 350% !important; }
  .ht-xl-400 {
    height: 400px; }
  .ht-xl-400p {
    height: 400%; }
  .mx-ht-xl-400p {
    max-height: 400%; }
  .mn-ht-xl-400p {
    min-height: 400%; }
  .ht-xl-400-f {
    height: 400px !important; }
  .ht-xl-400p-f {
    height: 400% !important; }
  .ht-xl-450 {
    height: 450px; }
  .ht-xl-450p {
    height: 450%; }
  .mx-ht-xl-450p {
    max-height: 450%; }
  .mn-ht-xl-450p {
    min-height: 450%; }
  .ht-xl-450-f {
    height: 450px !important; }
  .ht-xl-450p-f {
    height: 450% !important; }
  .ht-xl-500 {
    height: 500px; }
  .ht-xl-500p {
    height: 500%; }
  .mx-ht-xl-500p {
    max-height: 500%; }
  .mn-ht-xl-500p {
    min-height: 500%; }
  .ht-xl-500-f {
    height: 500px !important; }
  .ht-xl-500p-f {
    height: 500% !important; }
  .ht-xl-550 {
    height: 550px; }
  .ht-xl-550p {
    height: 550%; }
  .mx-ht-xl-550p {
    max-height: 550%; }
  .mn-ht-xl-550p {
    min-height: 550%; }
  .ht-xl-550-f {
    height: 550px !important; }
  .ht-xl-550p-f {
    height: 550% !important; }
  .ht-xl-600 {
    height: 600px; }
  .ht-xl-600p {
    height: 600%; }
  .mx-ht-xl-600p {
    max-height: 600%; }
  .mn-ht-xl-600p {
    min-height: 600%; }
  .ht-xl-600-f {
    height: 600px !important; }
  .ht-xl-600p-f {
    height: 600% !important; }
  .ht-xl-650 {
    height: 650px; }
  .ht-xl-650p {
    height: 650%; }
  .mx-ht-xl-650p {
    max-height: 650%; }
  .mn-ht-xl-650p {
    min-height: 650%; }
  .ht-xl-650-f {
    height: 650px !important; }
  .ht-xl-650p-f {
    height: 650% !important; }
  .ht-xl-700 {
    height: 700px; }
  .ht-xl-700p {
    height: 700%; }
  .mx-ht-xl-700p {
    max-height: 700%; }
  .mn-ht-xl-700p {
    min-height: 700%; }
  .ht-xl-700-f {
    height: 700px !important; }
  .ht-xl-700p-f {
    height: 700% !important; }
  .ht-xl-750 {
    height: 750px; }
  .ht-xl-750p {
    height: 750%; }
  .mx-ht-xl-750p {
    max-height: 750%; }
  .mn-ht-xl-750p {
    min-height: 750%; }
  .ht-xl-750-f {
    height: 750px !important; }
  .ht-xl-750p-f {
    height: 750% !important; }
  .ht-xl-800 {
    height: 800px; }
  .ht-xl-800p {
    height: 800%; }
  .mx-ht-xl-800p {
    max-height: 800%; }
  .mn-ht-xl-800p {
    min-height: 800%; }
  .ht-xl-800-f {
    height: 800px !important; }
  .ht-xl-800p-f {
    height: 800% !important; }
  .ht-xl-850 {
    height: 850px; }
  .ht-xl-850p {
    height: 850%; }
  .mx-ht-xl-850p {
    max-height: 850%; }
  .mn-ht-xl-850p {
    min-height: 850%; }
  .ht-xl-850-f {
    height: 850px !important; }
  .ht-xl-850p-f {
    height: 850% !important; }
  .ht-xl-100v {
    height: 100vh; } }


.tx-white { color: #fff !important;}
.tx-black { color: #000; }
.tx-oro-1{  color: #AE985E; }
.tx-oro-2{  color: #A68B5B; }
.tx-oro-3{  color: #8E7A4F; }
.tx-oro-4{  color: #7D6A44; }
.tx-azul-1{  color: #26A4BA; }
.tx-azul-2{  color: #1A8FAA; }
.tx-azul-3{  color: #1B7585; }
.tx-azul-4{  color: #14535e; }
.tx-gray-100 { color: #F1F6F7 !important; }
.tx-gray-200 { color: #E2E9EB !important; }
.tx-gray-300 { color: #D4E1E4 !important; }
.tx-gray-400 { color: #C5D8DC !important; }
.tx-gray-500 { color: #B7CFD3 !important; }
.tx-gray-600 { color: #A8C6CA !important; }
.tx-gray-700 { color: #a9bfc2 !important; }
.tx-gray-800 { color: #859ea0 !important; }
.tx-gray-900 { color: #788788 !important; }
.tx-asp-4{ color: #7D7A77; }
.tx-asp-3{ color: #979694; }
.tx-asp-2{ color: #B1B0AF; }
.tx-asp-1{ color: #CBCBCB; }
/** Bordes **/
.bd{ border: 1px solid }
.bd-azul-1{ border-color: #26A4BA; }
.bd-azul-2{ border-color: #1A8FAA; }
.bd-azul-3{ border-color: #1B7585; }
.bd-azul-4{ border-color: #14535e; }
.bd-oro-1{ border-color: #AE985E; }
.bd-oro-2{ border-color: #A68B5B; }
.bd-oro-3{ border-color: #8E7A4F; }
.bd-oro-4{ border-color: #7D6A44; }
.bd-gray-100 { border-color: #F1F6F7; }
.bd-gray-200 { border-color: #E2E9EB; }
.bd-gray-300 { border-color: #D4E1E4; }
.bd-gray-400 { border-color: #C5D8DC; }
.bd-gray-500 { border-color: #B7CFD3; }
.bd-gray-600 { border-color: #A8C6CA; }
.bd-gray-700 { border-color: #9ABDC1; }
.bd-gray-800 { border-color: #8CB4B8; }
.bd-asp-4{ border-color: #7D7A77; }
.bd-asp-3{ border-color: #979694; }
.bd-asp-2{ border-color: #B1B0AF; }
.bd-asp-1{ border-color: #CBCBCB; }
.bd-dark { border-color: #333; }
.bd-light { border-color: #f4f4f4; }
/** Fondo **/
.bg-azul-1, .btn-azul-1 { background-color: #26A4BA; }
.bg-azul-2, .btn-azul-2 { background-color: #1A8FAA; }
.bg-azul-3, .btn-azul-3 { background-color: #1B7585; }
.bg-azul-4, .btn-azul-4 { background-color: #1B7585; }
.bg-oro-1, .btn-oro-1 { background-color: #AE985E; }
.bg-oro-2, .btn-oro-2 { background-color: #A68B5B; }
.bg-oro-3, .btn-oro-3 { background-color: #8E7A4F; }
.bg-oro-4, .btn-oro-4 { background-color: #7D6A44; }
.bg-aurum-1 { background-color: lch(86.63% 37.95 94.66 / 42.6%) }
/* Botones */
.btn-azul-1:hover { background-color: #1A8FAA; }
.btn-azul-2:hover { background-color: #1B7585; }
.btn-azul-3:hover { background-color: #1B7585; }
.btn-azul-4:hover { background-color: #14535e; }
.btn-oro-1:hover { background-color: #A68B5B; }
.btn-oro-2:hover { background-color: #8E7A4F; }
.btn-oro-3:hover { background-color: #7D6A44; }
.btn-oro-4:hover { background-color: #6c5b3a; }
.btn{ 
  font-weight: 400; 
  border-radius: 0.25rem;
  border-bottom-width: 5px;
  border-left-width: 2px;
  border-color: transparent;
}
.btn:hover { 
  border-color:#554640;
}
.btn-success {
  color: #212529;
  background-color: #006645;
  border-color: #00825777 2px solid;
}
.btn-success:hover {
  color: #212529;
  background-color: #007C53;
  border-color: #007C53 2px solid;
}
.btn-green{
  color: #d7dfd5;
  background-color: #1A6B00;
  border-color: #134F00 2px solid;
}
.btn-green:hover{
  color: #d7dfd5;
  background-color: #1A6B00;
  border-color: #134F00 2px solid;
}
.btn-danger {
  color: #212529;
  background-color: #6b1f1f;
  border-color: #6b1f1f 2px solid;
}
.btn-danger:hover {
  color: #212529;
  background-color: #741212;
  border-color: #741212 2px solid;
}
.btn-light {
  color: #212529;
  background-color: #f4f4f4;
  border-color: #f4f4f4 2px solid;
}
.btn-light:hover {
  color: #212529;
  background-color: #e1e1e1;
  border: none;
}
/**Alerts */
.alert-oro-4{ color: #7D6A44; background-color: #FDF7E6; border-color: #FDF7E6; }
/*.btn-azul-1{ color: #fff; background-color: #26A4BA; border-color: #26A4BA; }*/
.bg-white-1 { background-color: rgba(255, 255, 255, 0.1); }
.bg-white-2 { background-color: rgba(255, 255, 255, 0.2); }
.bg-white-3 { background-color: rgba(255, 255, 255, 0.3); }
.bg-white-4 { background-color: rgba(255, 255, 255, 0.4); }
.bg-white-5 { background-color: rgba(255, 255, 255, 0.5); }
.bg-white-6 { background-color: rgba(255, 255, 255, 0.6); }
.bg-white-7 { background-color: rgba(255, 255, 255, 0.7); }
.bg-white-8 { background-color: rgba(255, 255, 255, 0.8); }
.bg-white-9  { background-color: rgba(255, 255, 255, 0.9); }
.bg-gray-100 { background-color: #F1F6F7; }
.bg-gray-200 { background-color: #E2E9EB; }
.bg-gray-300 { background-color: #D4E1E4; }
.bg-gray-400 { background-color: #C5D8DC; }
.bg-gray-500 { background-color: #B7CFD3; }
.bg-gray-600 { background-color: #A8C6CA; }
.bg-gray-700 { background-color: #9ABDC1; }
.bg-gray-800 { background-color: #8CB4B8; }
.bg-gray-900 { background-color: #7DABB0; }
.bg-rojo-100 { background-color: #ECDEDE; }
.bg-rojo-200 { background-color: #E0C1C1; }
.bg-rojo-300 { background-color: #D4A4A4; }
.bg-rojo-400 { background-color: #C88888; }
.bg-rojo-500 { background-color: #BC6B6B; }
.bg-rojo-600 { background-color: #B04E4E; }

/** GAP **/
.gap-0{ grid-gap: 0;gap: 0}
.gap-1{grid-gap: .25rem;gap: .25rem}
.gap-2{grid-gap: .5rem;gap: .5rem}
.gap-3{grid-gap: .75rem;gap: .75rem}
.gap-4{grid-gap: 1rem;gap: 1rem}
.gap-5{grid-gap: 1.25rem;gap: 1.25rem}
.gap-6{grid-gap: 1.5rem;gap: 1.5rem}
.gap-8{grid-gap: 2rem;gap: 2rem}
.gap-10{grid-gap: 2.5rem;gap: 2.5rem}
.gap-12{grid-gap: 3rem;gap: 3rem}
.gap-16{grid-gap: 4rem;gap: 4rem}
.gap-20{grid-gap: 5rem;gap: 5rem}
.gap-24{grid-gap: 6rem;gap: 6rem}
.gap-32{grid-gap: 8rem;gap: 8rem}
.gap-40{grid-gap: 10rem;gap: 10rem}
.gap-48{grid-gap: 12rem;gap: 12rem}
.gap-56{grid-gap: 14rem;gap: 14rem}
.gap-64{grid-gap: 16rem;gap: 16rem}
.gap-px{grid-gap: 1px;gap: 1px}
.col-gap-0{grid-column-gap: 0;column-gap: 0}
.col-gap-1{grid-column-gap: .25rem;column-gap: .25rem}
.col-gap-2{grid-column-gap: .5rem;column-gap: .5rem}
.col-gap-3{grid-column-gap: .75rem;column-gap: .75rem}
.col-gap-4{grid-column-gap: 1rem;column-gap: 1rem}
.col-gap-5{grid-column-gap: 1.25rem;column-gap: 1.25rem}
.col-gap-6{grid-column-gap: 1.5rem;column-gap: 1.5rem}
.col-gap-8{grid-column-gap: 2rem;column-gap: 2rem}
.col-gap-10{grid-column-gap: 2.5rem;column-gap: 2.5rem}
.col-gap-12{grid-column-gap: 3rem;column-gap: 3rem}
.col-gap-16{grid-column-gap: 4rem;column-gap: 4rem}
.col-gap-20{grid-column-gap: 5rem;column-gap: 5rem}
.col-gap-24{grid-column-gap: 6rem;column-gap: 6rem}
.col-gap-32{grid-column-gap: 8rem;column-gap: 8rem}
.col-gap-40{grid-column-gap: 10rem;column-gap: 10rem}
.col-gap-48{grid-column-gap: 12rem;column-gap: 12rem}
.col-gap-56{grid-column-gap: 14rem;column-gap: 14rem}
.col-gap-64{grid-column-gap: 16rem;column-gap: 16rem}
.col-gap-px{grid-column-gap: 1px;column-gap: 1px}
.gap-x-0{grid-column-gap: 0;column-gap: 0}
.gap-x-1{grid-column-gap: .25rem;column-gap: .25rem}
.gap-x-2{grid-column-gap: .5rem;column-gap: .5rem}
.gap-x-3{grid-column-gap: .75rem;column-gap: .75rem}
.gap-x-4{grid-column-gap: 1rem;column-gap: 1rem}
.gap-x-5{grid-column-gap: 1.25rem;column-gap: 1.25rem}
.gap-x-6{grid-column-gap: 1.5rem;column-gap: 1.5rem}
.gap-x-8{grid-column-gap: 2rem;column-gap: 2rem}
.gap-x-10{grid-column-gap: 2.5rem;column-gap: 2.5rem}
.gap-x-12{grid-column-gap: 3rem;column-gap: 3rem}
.gap-x-16{grid-column-gap: 4rem;column-gap: 4rem}
.gap-x-20{grid-column-gap: 5rem;column-gap: 5rem}
.gap-x-24{grid-column-gap: 6rem;column-gap: 6rem}
.gap-x-32{grid-column-gap: 8rem;column-gap: 8rem}
.gap-x-40{grid-column-gap: 10rem;column-gap: 10rem}
.gap-x-48{grid-column-gap: 12rem;column-gap: 12rem}
.gap-x-56{grid-column-gap: 14rem;column-gap: 14rem}
.gap-x-64{grid-column-gap: 16rem;column-gap: 16rem}
.gap-x-px{grid-column-gap: 1px;column-gap: 1px}
.row-gap-0{grid-row-gap: 0;row-gap: 0}
.row-gap-1{grid-row-gap: .25rem;row-gap: .25rem}
.row-gap-2{grid-row-gap: .5rem;row-gap: .5rem}
.row-gap-3{grid-row-gap: .75rem;row-gap: .75rem}
.row-gap-4{grid-row-gap: 1rem;row-gap: 1rem}
.row-gap-5{grid-row-gap: 1.25rem;row-gap: 1.25rem}
.row-gap-6{grid-row-gap: 1.5rem;row-gap: 1.5rem}
.row-gap-8{grid-row-gap: 2rem;row-gap: 2rem}
.row-gap-10{grid-row-gap: 2.5rem;row-gap: 2.5rem}
.row-gap-12{grid-row-gap: 3rem;row-gap: 3rem}
.row-gap-16{grid-row-gap: 4rem;row-gap: 4rem}
.row-gap-20{grid-row-gap: 5rem;row-gap: 5rem}
.row-gap-24{grid-row-gap: 6rem;row-gap: 6rem}
.row-gap-32{grid-row-gap: 8rem;row-gap: 8rem}
.row-gap-40{grid-row-gap: 10rem;row-gap: 10rem}
.row-gap-48{grid-row-gap: 12rem;row-gap: 12rem}
.row-gap-56{grid-row-gap: 14rem;row-gap: 14rem}
.row-gap-64{grid-row-gap: 16rem;row-gap: 16rem}
.row-gap-px{grid-row-gap: 1px;row-gap: 1px}
.gap-y-0{grid-row-gap: 0;row-gap: 0}
.gap-y-1{grid-row-gap: .25rem;row-gap: .25rem}
.gap-y-2{grid-row-gap: .5rem;row-gap: .5rem}
.gap-y-3{grid-row-gap: .75rem;row-gap: .75rem}
.gap-y-4{grid-row-gap: 1rem;row-gap: 1rem}
.gap-y-5{grid-row-gap: 1.25rem;row-gap: 1.25rem}
.gap-y-6{grid-row-gap: 1.5rem;row-gap: 1.5rem}
.gap-y-8{grid-row-gap: 2rem;row-gap: 2rem}
.gap-y-10{grid-row-gap: 2.5rem;row-gap: 2.5rem}
.gap-y-12{grid-row-gap: 3rem;row-gap: 3rem}
.gap-y-16{grid-row-gap: 4rem;row-gap: 4rem}
.gap-y-20{grid-row-gap: 5rem;row-gap: 5rem}
.gap-y-24{grid-row-gap: 6rem;row-gap: 6rem}
.gap-y-32{grid-row-gap: 8rem;row-gap: 8rem}
.gap-y-40{grid-row-gap: 10rem;row-gap: 10rem}
.gap-y-48{grid-row-gap: 12rem;row-gap: 12rem}
.gap-y-56{grid-row-gap: 14rem;row-gap: 14rem}
.gap-y-64{grid-row-gap: 16rem;row-gap: 16rem}
.gap-y-px{grid-row-gap: 1px;row-gap: 1px}


.al-end{ align-self: end; }
.al-center{ align-self: center; }
/** GRID **/
.grid {
display: grid
}

.grid-flow-row {
grid-auto-flow: row
}

.grid-flow-col {
grid-auto-flow: column
}

.grid-flow-row-dense {
grid-auto-flow: row dense
}

.grid-flow-col-dense {
grid-auto-flow: column dense
}

.grid-cols-1 {
grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))
}

.grid-cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr))
}

.grid-cols-6 {
grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-cols-7 {
grid-template-columns: repeat(7,minmax(0,1fr))
}

.grid-cols-8 {
grid-template-columns: repeat(8,minmax(0,1fr))
}

.grid-cols-9 {
grid-template-columns: repeat(9,minmax(0,1fr))
}

.grid-cols-10 {
grid-template-columns: repeat(10,minmax(0,1fr))
}

.grid-cols-11 {
grid-template-columns: repeat(11,minmax(0,1fr))
}

.grid-cols-12 {
grid-template-columns: repeat(12,minmax(0,1fr))
}

.grid-cols-none {
grid-template-columns: none
}

.auto-cols-auto {
grid-auto-columns: auto
}

.auto-cols-min {
grid-auto-columns: -webkit-min-content;
grid-auto-columns: min-content
}

.auto-cols-max {
grid-auto-columns: -webkit-max-content;
grid-auto-columns: max-content
}

.auto-cols-fr {
grid-auto-columns: minmax(0,1fr)
}

.col-auto {
grid-column: auto
}

.col-span-1 {
grid-column: span 1/span 1
}

.col-span-2 {
grid-column: span 2/span 2
}

.col-span-3 {
grid-column: span 3/span 3
}

.col-span-4 {
grid-column: span 4/span 4
}

.col-span-5 {
grid-column: span 5/span 5
}

.col-span-6 {
grid-column: span 6/span 6
}

.col-span-7 {
grid-column: span 7/span 7
}

.col-span-8 {
grid-column: span 8/span 8
}

.col-span-9 {
grid-column: span 9/span 9
}

.col-span-10 {
grid-column: span 10/span 10
}

.col-span-11 {
grid-column: span 11/span 11
}

.col-span-12 {
grid-column: span 12/span 12
}

.col-span-full {
grid-column: 1/-1
}

.col-start-1 {
grid-column-start: 1
}

.col-start-2 {
grid-column-start: 2
}

.col-start-3 {
grid-column-start: 3
}

.col-start-4 {
grid-column-start: 4
}

.col-start-5 {
grid-column-start: 5
}

.col-start-6 {
grid-column-start: 6
}

.col-start-7 {
grid-column-start: 7
}

.col-start-8 {
grid-column-start: 8
}

.col-start-9 {
grid-column-start: 9
}

.col-start-10 {
grid-column-start: 10
}

.col-start-11 {
grid-column-start: 11
}

.col-start-12 {
grid-column-start: 12
}

.col-start-13 {
grid-column-start: 13
}

.col-start-auto {
grid-column-start: auto
}

.col-end-1 {
grid-column-end: 1
}

.col-end-2 {
grid-column-end: 2
}

.col-end-3 {
grid-column-end: 3
}

.col-end-4 {
grid-column-end: 4
}

.col-end-5 {
grid-column-end: 5
}

.col-end-6 {
grid-column-end: 6
}

.col-end-7 {
grid-column-end: 7
}

.col-end-8 {
grid-column-end: 8
}

.col-end-9 {
grid-column-end: 9
}

.col-end-10 {
grid-column-end: 10
}

.col-end-11 {
grid-column-end: 11
}

.col-end-12 {
grid-column-end: 12
}

.col-end-13 {  grid-column-end: 13 }
.col-end-auto {  grid-column-end: auto }
.grid-rows-1 { grid-template-rows: repeat(1,minmax(0,1fr)) }
.grid-rows-2 {  grid-template-rows: repeat(2,minmax(0,1fr)) }
.grid-rows-3 {  grid-template-rows: repeat(3,minmax(0,1fr)) }
.grid-rows-4 {  grid-template-rows: repeat(4,minmax(0,1fr)) }
.grid-rows-5 {  grid-template-rows: repeat(5,minmax(0,1fr)) }
.grid-rows-6 {  grid-template-rows: repeat(6,minmax(0,1fr)) }
.grid-rows-none { grid-template-rows: none }


@media (width < 600px) and ( width > 320px) {
.sm-w-5 { width: 5%;  }
.sm-w-10 { width: 10%;  }
.sm-w-15 { width: 15%;  }
.sm-w-20 { width: 20%;  }
.sm-w-25 { width: 25%;  }
.sm-w-30 { width: 30%;  }
.sm-w-35 { width: 35%;  }
.sm-w-40 { width: 40%;  }
.sm-w-45 { width: 45%;  }
.sm-w-50 { width: 50%;  }
.sm-w-55 { width: 55%;  }
.sm-w-60 { width: 60%;  }
.sm-w-65 { width: 65%;  }
.sm-w-70 { width: 70%;  }
.sm-w-75 { width: 75%;  }
.sm-w-80 { width: 80%;  }
.sm-w-85 { width: 85%;  }
.sm-w-90 { width: 90%;  }
.sm-w-95 { width: 95%;  }
.sm-w-100 { width: 100%;  }

.sm-w-1\/3 { width: 33.333333%;  }
.sm-w-1\/2 { width: 50%;  }
.sm-w-2\/3 { width: 66.666667%; }
.sm-w-1\/4 { width: 25%;  }
.sm-w-3\/4 { width: 75%;  }
.sm-w-1\/5 { width: 20%;  }
.sm-w-2\/5 { width: 40%;  }
.sm-w-3\/5 { width: 60%;  }
.sm-w-4\/5 { width: 80%;  }
.sm-w-1\/6 { width: 16.666667%;  }
.sm-w-5\/6 { width: 83.333333%;  }
.sm-w-1\/12 { width: 8.333333%;  }
.sm-w-100 { width: 100%;  }
/* Ajuste de Grid */
.sm-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
.sm-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
.sm-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
.sm-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
.sm-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
.sm-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
.sm-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
.sm-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
.sm-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
.sm-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
.sm-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
.sm-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
.sm-col-span-1 { grid-column: span 1/span 1  }
.sm-col-span-2 { grid-column: span 2/span 2  }
.sm-col-span-3 { grid-column: span 3/span 3  }
.sm-col-span-4 { grid-column: span 4/span 4  }
.sm-col-span-5 { grid-column: span 5/span 5  }
.sm-col-span-6 { grid-column: span 6/span 6  }
.sm-col-span-7 { grid-column: span 7/span 7  }
.sm-col-span-8 { grid-column: span 8/span 8  }
.sm-col-span-9 { grid-column: span 9/span 9  }
.sm-col-span-10 { grid-column: span 10/span 10  }
.sm-col-span-11 { grid-column: span 11/span 11  }
.sm-col-span-12 { grid-column: span 12/span 12  }
.sm-col-span-full { grid-column: 1/-1  }
.sm-col-start-1 { grid-column-start: 1  }
.sm-col-start-2 { grid-column-start: 2  }
.sm-col-start-3 { grid-column-start: 3  }
.sm-col-start-4 { grid-column-start: 4  }
.sm-col-start-5 { grid-column-start: 5  }
.sm-col-start-6 { grid-column-start: 6  }
.sm-col-start-7 { grid-column-start: 7  }
.sm-col-start-8 { grid-column-start: 8  }
.sm-col-start-9 { grid-column-start: 9  }
.sm-col-start-10 { grid-column-start: 10  }
.sm-col-start-11 { grid-column-start: 11  }
.sm-col-start-12 { grid-column-start: 12  }
.sm-col-start-auto { grid-column-start: auto  }
}
@media (width > 600px)  { ▼
.md-w-5 { width: 5%;  }
.md-w-10 { width: 10%;  }
.md-w-15 { width: 15%;  }
.md-w-20 { width: 20%;  }
.md-w-25 { width: 25%;  }
.md-w-30 { width: 30%;  }
.md-w-35 { width: 35%;  }
.md-w-40 { width: 40%;  }
.md-w-45 { width: 45%;  }
.md-w-50 { width: 50%;  }
.md-w-55 { width: 55%;  }
.md-w-60 { width: 60%;  }
.md-w-65 { width: 65%;  }
.md-w-70 { width: 70%;  }
.md-w-75 { width: 75%;  }
.md-w-80 { width: 80%;  }
.md-w-85 { width: 85%;  }
.md-w-90 { width: 90%;  }
.md-w-95 { width: 95%;  }
.md-w-100 { width: 100%;  }
.md-w-1\/3 { width: 33.333333%;  }
.md-w-1\/2 { width: 50%;  }
.md-w-2\/3 { width: 66.666667%; }
.md-w-1\/4 { width: 25%;  }
.md-w-3\/4 { width: 75%;  }
.md-w-1\/5 { width: 20%;  }
.md-w-2\/5 { width: 40%;  }
.md-w-3\/5 { width: 60%;  }
.md-w-4\/5 { width: 80%;  }
.md-w-1\/6 { width: 16.666667%;  }
.md-w-5\/6 { width: 83.333333%;  }
.md-w-1\/12 { width: 8.333333%;  }
.md-w-100 { width: 100%;  }
/** Ajuste de Grid */
.md-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
.md-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
.md-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
.md-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
.md-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
.md-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
.md-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
.md-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
.md-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
.md-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
.md-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
.md-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
.md-grid-cols-20 { grid-template-columns: repeat(20,minmax(0,1fr)) }
.md-col-span-1 { grid-column: span 1/span 1  }
.md-col-span-2 { grid-column: span 2/span 2  }
.md-col-span-3 { grid-column: span 3/span 3  }
.md-col-span-4 { grid-column: span 4/span 4  }
.md-col-span-5 { grid-column: span 5/span 5  }
.md-col-span-6 { grid-column: span 6/span 6  }
.md-col-span-7 { grid-column: span 7/span 7  }
.md-col-span-8 { grid-column: span 8/span 8  }
.md-col-span-9 { grid-column: span 9/span 9  }
.md-col-span-10 { grid-column: span 10/span 10  }
.md-col-span-11 { grid-column: span 11/span 11  }
.md-col-span-12 { grid-column: span 12/span 12  }
.md-col-span-full { grid-column: 1/-1  }
.md-col-start-1 { grid-column-start: 1  }
.md-col-start-2 { grid-column-start: 2  }
.md-col-start-3 { grid-column-start: 3  }
.md-col-start-4 { grid-column-start: 4  }
.md-col-start-5 { grid-column-start: 5  }
.md-col-start-6 { grid-column-start: 6  }
.md-col-start-7 { grid-column-start: 7  }
.md-col-start-8 { grid-column-start: 8  }
.md-col-start-9 { grid-column-start: 9  }
.md-col-start-10 { grid-column-start: 10  }
.md-col-start-11 { grid-column-start: 11  }
.md-col-start-12 { grid-column-start: 12  }
.md-col-start-auto { grid-column-start: auto  }
}
/** lg-grid **/
@media (width > 1024px)  { ▼
    .lg-w-5 { width: 5%;  }
    .lg-w-10 { width: 10%;  }
    .lg-w-15 { width: 15%;  }
    .lg-w-20 { width: 20%;  }
    .lg-w-25 { width: 25%;  }
    .lg-w-30 { width: 30%;  }
    .lg-w-35 { width: 35%;  }
    .lg-w-40 { width: 40%;  }
    .lg-w-45 { width: 45%;  }
    .lg-w-50 { width: 50%;  }
    .lg-w-55 { width: 55%;  }
    .lg-w-60 { width: 60%;  }
    .lg-w-65 { width: 65%;  }
    .lg-w-70 { width: 70%;  }
    .lg-w-75 { width: 75%;  }
    .lg-w-80 { width: 80%;  }
    .lg-w-85 { width: 85%;  }
    .lg-w-90 { width: 90%;  }
    .lg-w-95 { width: 95%;  }
    .lg-w-100 { width: 100%;  }

    .lg-w-1\/3 { width: 33.333333%;  }
    .lg-w-1\/2 { width: 50%;  }
    .lg-w-2\/3 { width: 66.666667%; }
    .lg-w-1\/4 { width: 25%;  }
    .lg-w-3\/4 { width: 75%;  }
    .lg-w-1\/5 { width: 20%;  }
    .lg-w-2\/5 { width: 40%;  }
    .lg-w-3\/5 { width: 60%;  }
    .lg-w-4\/5 { width: 80%;  }
    .lg-w-1\/6 { width: 16.666667%;  }
    .lg-w-5\/6 { width: 83.333333%;  }
    .lg-w-1\/12 { width: 8.333333%;  }
    .lg-w-100 { width: 100%;  }
    /** Ajuste de Grid */
    .lg-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
    .lg-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
    .lg-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
    .lg-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
    .lg-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
    .lg-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
    .lg-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
    .lg-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
    .lg-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
    .lg-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
    .lg-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
    .lg-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
    .lg-grid-cols-20 { grid-template-columns: repeat(20,minmax(0,1fr)) }
    .lg-col-span-1 { grid-column: span 1/span 1  }
    .lg-col-span-2 { grid-column: span 2/span 2  }
    .lg-col-span-3 { grid-column: span 3/span 3  }
    .lg-col-span-4 { grid-column: span 4/span 4  }
    .lg-col-span-5 { grid-column: span 5/span 5  }
    .lg-col-span-6 { grid-column: span 6/span 6  }
    .lg-col-span-7 { grid-column: span 7/span 7  }
    .lg-col-span-8 { grid-column: span 8/span 8  }
    .lg-col-span-9 { grid-column: span 9/span 9  }
    .lg-col-span-10 { grid-column: span 10/span 10  }
    .lg-col-span-11 { grid-column: span 11/span 11  }
    .lg-col-span-12 { grid-column: span 12/span 12  }
    .lg-col-span-full { grid-column: 1/-1  }
    .lg-col-start-1 { grid-column-start: 1  }
    .lg-col-start-2 { grid-column-start: 2  }
    .lg-col-start-3 { grid-column-start: 3  }
    .lg-col-start-4 { grid-column-start: 4  }
    .lg-col-start-5 { grid-column-start: 5  }
    .lg-col-start-6 { grid-column-start: 6  }
    .lg-col-start-7 { grid-column-start: 7  }
    .lg-col-start-8 { grid-column-start: 8  }
    .lg-col-start-9 { grid-column-start: 9  }
    .lg-col-start-10 { grid-column-start: 10  }
    .lg-col-start-11 { grid-column-start: 11  }
    .lg-col-start-12 { grid-column-start: 12  }
    .lg-col-start-auto { grid-column-start: auto  }
}

/** Estilos de Autor */
.cuadro {
    border-radius: 2px;
    text-align: center;
  } 
  .tb_1{
    border: solid 1px #ce84a2 !important;
  }
  .tb_1{
    font-weight: 800 !important;
  }
  .btn_back2{
    right: 2rem;
    margin-top: .5rem;        
  }
  .btn_back2 a{
    font-size:1.8rem;			
    text-align:center;
  }
  .fx_md1{
    display: flex;
    align-items: center !important;
    vertical-align: middle !important;
    color: #fff !important;

  }
  .fx_md1:hover{
    background: rgb(135, 115, 61);
    border: solid rgb(135, 115, 61);
    color: #fff !important;
  }
  .bk_1{
    background: url(assets/img/sac39c1s.webp);
    background-size: auto;
    border: 4px solid #ce84a232;
    background-size: cover;

  }
  .dv_b{
    background: #fff ;
    background-size:cover;
    border: 3px solid #ce84a255;
    box-shadow: 2px 2px 3px 2px #848484;
  }
  .bg-gain {
    background: #fcfcfc;
  }
  .form-autor {
    border: 1px solid #14535e;
    border-radius: 15px;
  }
  /** Estilos de asignación de evaluador */
  .bg-blue-t{
    background-color: #6E92A1;
    color: #022636;
  }
  .bg-billar{
    background-color: #305a4a;
    color: #fff;
  }
  .table-blue, .table-billar{
    margin:0;
  }
  .table-blue th{
    background-color: #6E92A1;
    color: #022636;
    border: 1px solid #6E92A1;
  }
  .table-blue td{
    border: none;
    border-bottom: 1px solid #455e6955;
  }
  .table-blue tr:nth-child(even) td{
    background: #e5edf7;
  }
  .table-blue tr:nth-child(odd) td{
    background: #e5edf7ee;
  }
  .table-blue tr:hover td{
    background: #d8e1eb;
  }
  .table-billar th{
    background-color: #305a4a;
    color: #fff;
    border: 1px solid #305a4a;
  }
  .table-billar td{
    border: none;
    border-bottom: 1px solid #455e6955;
  }
  .table-billar tr:nth-child(even) td{
    background: #e5edf7;
  }
  .table-billar tr:nth-child(odd) td{
    background: #e5edf7ee;
  }
  .table-billar tr:hover td{
    background: #d8e1eb;
  }
  .table-blue .btn{
    background-color: #6E92A1;
    color: #022636;
  }
  .nav-tabs .nav-item.item-rub .nav-link.opcion {
    border: 1px solid #ddddddaa;
    border-right: none;
    border-radius: 0.35em;
    padding: 0.75em 0.5em;
    margin-right: 0.5em;
  }
  .nav-tabs .nav-item.item-rub .nav-link.opcion.active {
    background-color: #FFF2B4AA;
    color: #022636;
  }
  .nav-tabs .nav-item.item-rub .nav-link.opcion[calificado]{
    background-color: #ffffff22;
    color: #666;
  }
  .nav-tabs .nav-item.item-rub .nav-link.opcion.active[calificado]{
    background-color: #FFF2B455;
    color: #666;
  }
  @keyframes moveGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
  }
  .nav-tabs .nav-item.item-rub .nav-link:hover{
    background: linear-gradient(120deg, #f2e5a1, #d2caa399, #ebca25);
    color: #022636;
    transition: all 1s;
    background-size: 200% 200%;
    animation: moveGradient 3s linear infinite;
  }
  .opcion{ cursor: pointer;  }
  .btn-group.bgr-cal .btn{
    border: 1px solid rgb(109, 131, 145);
  }
  .m-auto { margin: auto; }

  /* alerts */
  .alert-billar-light {
    background-color: #305a4a22;
    color: #305a4a;
  }
  .calif-null{
    color: #6D6860;
    border-radius: 0.5em;
    background: linear-gradient(180deg, #FFF, #D9DADB22);
}
.calif-baja{
    color: #FF0000;
    border-radius: 0.5em;
    background: linear-gradient(180deg, #FFF, #FF000022);
}
.calif-media{
    color: #FFA500;
    border-radius: 0.5em;
    background: linear-gradient(180deg, #FFF, #FFA50022);
}
.calif-alta{
    color: #008000;
    border-radius: 0.5em;
    background: linear-gradient(180deg, #FFF, #00800022);
}
.calif-max{
    color: #0000FF;
    border-radius: 0.5em;
    background: linear-gradient(180deg, #FFF, #0000FF22);
}
/** Calificaciones canceladas 1 y 5 */
td[data-orden="1"] > div {
    background: #ECECEC;  
    img{
      opacity:0.5;
    }
}

td[data-orden="5"] > div {
  background: #ECECEC;  
  img{
    opacity:0.5;
  }
}
/** Estilos de Trabajo */
.container-trabajo{
  h3{
    font-size: 1.2rem;
    font-weight: 800;
    color: #2e3331;
  }
  .trabajo-header{
    background: linear-gradient(80deg, #2d565e 0%, #367c8a 5%, #367c8a 90%, #2d565e 100%);
    border-radius: 0.25rem 0.25rem 0 0; 
    height: 40px;
    text-align: center;
    box-shadow: 0 0 10px 0 #2d565e33; 
  }
  /* fondo de cuadros con css */
  .bg-cuadros{
    background-color: white; /* Fondo blanco */
    background-image: 
        linear-gradient(0deg, #6d818511 1px, transparent 1px), /* Línea horizontal */
        linear-gradient(90deg, #6d818511 1px, transparent 1px); /* Línea vertical */
    background-size: 15px 15px; /* Tamaño de cada cuadro */
  }

  .tx-red-1{
    color: #7D2709;
  }
  .star {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #fdf;
    color: #0000ff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    clip-path: polygon(
    50% 0%, 61% 35%, 98% 35%, 68% 57%, 
    79% 91%, 50% 70%, 21% 91%, 32% 57%, 
    2% 35%, 39% 35%
    );
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}