:root {
  --main-bg-color: #009d63;
  --main-text-color: #009d63;
  --bluez-text-color: #1793dd;
  --bluesis-bg-color: #034782;
  --amaril-text-color: #bae10c;
  --redlater-text-color: #fa4626;
  --lleyow-text-color: #b05cb8;
  --amanecer-text-color: #15765231;
  --second-text-color: #1d0345;
  --bluex-bg-color: #cfe2ff;
  --bluez-bg-color: #1793dd;
  --amaril-bg-color: #bae10c;
  --zfox-bg-color: #289599;
  --redlater-bg-color: #fa4626;
  --lleyow-bg-color: #b05cb8;
  --otrodia-bg-color: #4edaa782;
  --amanecer-bg-color: #15765231;
  --llanero-bg-color: #fd7e14;
  --coloriconorinfo-bg-color: #008080;
  --diagris-bg-color: #6a737b;

}

@font-face {
  font-family: 'A';
  src: url(./font/fonts2/AmalineTrial.otf);
}

.A{
  font-family: 'A';
}

@font-face {
  font-family: 'B';
  src: url(./font/fonts/fonts2/Rowdies-Light.ttf);
}

.B{
  font-family: 'B';
}

@font-face {
  font-family: 'C';
  src: url(./font/fonts2/AmalineTrial.otf);
}

.C{
  font-family: 'C';
}

@font-face {
  font-family: 'D';
  src: url(./font/fonts2/AmalineTrial.otf);
}

.D{
  font-family: 'D';
}

@font-face {
  font-family: 'E';
  src: url(./font/fonts/caesar/CAESAR.TTF);
}

.E{
  font-family: 'E';
}

@font-face {
  font-family: 'F';
  src: url(./font/fonts/greekhousesymbolized/GreekHouse\ Symbolized_Free.ttf);
}

.F{
  font-family: 'F';
}

@font-face {
  font-family: 'H';
  src: url(./font/airstrike/airstrikecond.ttf);
}

.H{
  font-family: 'H';
}

@font-face {
  font-family: 'G';
  src: url(./font/fonts/omegle/OMEGLE.otf);
}

.G{
  font-family: 'G';
}

.fusionpro{
  background: rgba(40,167,69,1);
  background: -moz-linear-gradient(left, rgba(40,167,69,1) 0%, rgba(40,167,69,1) 0%, rgba(39,167,74,0.93) 4%, rgba(23,162,184,0.93) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(40,167,69,1)), color-stop(0%, rgba(40,167,69,1)), color-stop(4%, rgba(39,167,74,0.93)), color-stop(100%, rgba(23,162,184,0.93)));
  background: -webkit-linear-gradient(left, rgba(40,167,69,1) 0%, rgba(40,167,69,1) 0%, rgba(39,167,74,0.93) 4%, rgba(23,162,184,0.93) 100%);
  background: -o-linear-gradient(left, rgba(40,167,69,1) 0%, rgba(40,167,69,1) 0%, rgba(39,167,74,0.93) 4%, rgba(23,162,184,0.93) 100%);
  background: -ms-linear-gradient(left, rgba(40,167,69,1) 0%, rgba(40,167,69,1) 0%, rgba(39,167,74,0.93) 4%, rgba(23,162,184,0.93) 100%);
  background: linear-gradient(to right, rgba(40,167,69,1) 0%, rgba(40,167,69,1) 0%, rgba(39,167,74,0.93) 4%, rgba(23,162,184,0.93) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a745', endColorstr='#17a2b8', GradientType=1 );
  color: #fff;
  }

.amanecergris{
  background:linear-gradient(top, #90abb8, white);
  background:-webkit-linear-gradient(top, #90abb8, white);
  background:-moz-linear-gradient(top, #90abb8, white);
  background:-o-linear-gradient(top, #90abb8, white);
  background:-ms-linear-gradient(top, #90abb8, white);
  }

.amanecerfooter{
  background:linear-gradient(top, white, white);
  background:-webkit-linear-gradient(top, white, white);
  background:-moz-linear-gradient(top, white, white);
  background:-o-linear-gradient(top, white, white);
  background:-ms-linear-gradient(top, white, white);
}

.azulGradiant {
  background: linear-gradient(to bottom, rgba(32, 115, 145, 1) 0%, rgba(0, 88, 129, 1) 1%, rgba(5, 81, 130, 1) 2%, rgba(11, 81, 132, 1) 3%, rgba(8, 82, 129, 1) 4%, rgba(11, 79, 128, 1) 8%, rgba(8, 81, 126, 1) 10%, rgba(7, 80, 131, 1) 11%, rgba(7, 80, 131, 1) 12%, rgba(9, 79, 128, 1) 14%, rgba(8, 78, 129, 1) 23%, rgba(5, 75, 126, 1) 29%, rgba(6, 73, 126, 1) 47%, rgba(8, 71, 122, 1) 51%, rgba(2, 72, 131, 1) 55%, rgba(5, 71, 129, 1) 60%, rgba(1, 69, 130, 1) 65%, rgba(4, 68, 129, 1) 69%, rgba(0, 66, 127, 1) 84%, rgba(3, 65, 124, 1) 86%, rgba(0, 67, 126, 1) 89%, rgba(4, 64, 124, 1) 92%, rgba(2, 62, 124, 1) 94%, rgba(4, 65, 130, 1) 95%, rgba(0, 61, 126, 1) 96%, rgba(4, 64, 127, 1) 97%, rgba(7, 62, 119, 1) 98%, rgba(10, 54, 101, 1) 99%, rgba(34, 63, 95, 1) 100%);
 }


.fusionorang{
  background: rgba(167,11,11,1);
  background: -moz-linear-gradient(left, rgba(219,119,25) 0%, rgba(219,119,25) 0%, rgba(219,119,25,0.93) 4%, rgba(100,10,10,0.93) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(219,167,69,1)), color-stop(0%, rgba(219,167,69,1)), color-stop(4%, rgba(219,119,25,0.93)), color-stop(100%, rgba(100,10,10,0.93)));
  background: -webkit-linear-gradient(left, rgba(219,167,69,1) 0%, rgba(219,167,69,1) 0%, rgba(219,119,25,0.93) 4%, rgba(100,10,10,0.93) 100%);
  background: -o-linear-gradient(left, rgba(219,167,69,1) 0%, rgba(219,167,69,1) 0%, rgba(219,119,25,0.93) 4%, rgba(100,10,10,0.93) 100%);
  background: -ms-linear-gradient(left, rgba(219,167,69,1) 0%, rgba(219,167,69,1) 0%, rgba(219,119,25,0.93) 4%, rgba(100,10,10,0.93) 100%);
  background: linear-gradient(to right, rgba(219,167,69,1) 0%, rgba(219,167,69,1) 0%, rgba(219,119,25,0.93) 4%, rgba(100,10,10,0.93) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0222', endColorstr='#84a896', GradientType=1 );
  /* color: #fff; */
  }

  .fusionred{
      background: rgba(167,11,11,1);
      background: -moz-linear-gradient(left, rgba(167,11,25) 0%, rgba(167,11,25) 0%, rgba(167,11,25,0.93) 4%, rgba(100,10,10,0.93) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(173, 22, 42, 1)), color-stop(0%, rgba(173, 22, 42, 1)), color-stop(4%, rgba(173, 22, 42,0.93)), color-stop(100%, rgba(100,10,10,0.93)));
      background: -webkit-linear-gradient(left, rgb(173, 22, 42, 1) 0%, rgba(173, 22, 42, 1) 0%, rgba(167,11,25,0.93) 4%, rgba(100,10,10,0.93) 100%);
      background: -o-linear-gradient(left, rgba(173, 22, 42, 1) 0%, rgba(173, 22, 42, 1) 0%, rgba(167,11,25,0.93) 4%, rgba(100,10,10,0.93) 100%);
      background: -ms-linear-gradient(left, rgba(173, 22, 42, 1) 0%, rgba(173, 22, 42, 1) 0%, rgba(167,11,25,0.93) 4%, rgba(100,10,10,0.93) 100%);
      background: linear-gradient(to right, rgba(173, 22, 42, 1) 0%, rgba(173, 22, 42, 1) 0%, rgba(167,11,25,0.93) 4%, rgba(100,10,10,0.93) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0222', endColorstr='#84a896', GradientType=1 );
      color: #fff;
      }


.bluex-bg{
  background-color: var(--bluex-bg-color);
}

.bluesis-bg{
  background-color: var(--bluesis-bg-color);
}

.bluez-bg{
  background-color: var(--bluez-bg-color);
}

.diagris-bg{
  background-color: var(--diagris-bg-color);
}

.info-bg{
  background-color: var(--coloriconorinfo-bg-color);
}

.amaril-bg{
  background-color: var(--amaril-bg-color);
}

.zfox-bg{
  background-color: var(--zfox-bg-color);
}

.redlater-bg{
  background-color: var(--redlater-bg-color);
}

.llanero-bg{
  background-color: var(--llanero-bg-color);
}

.lleyow-bg{
  background-color: var(--lleyow-bg-color);
}

.otrodia-bg{
  background-color: var(--otrodia-bg-color);
}

.amanecer-bg{
  background-color: var(--amanecer-bg-color);
}

.bluez-text {
  color: var(--bluez-text-color);
}

.amaril-text {
  color: var(--amaril-text-color);
}

.lleyow-text {
  color: var(--lleyow-text-color);
}

.redlater-text {
  color: var(--redlater-text-color);
}

.amanecer-text {
  color: var(--amanecer-text-color);
}

.primary-text {
  color: var(--main-text-color);
}

.second-text {
  color: var(--second-text-color);
}

.primary-bg {
  background-color: var(--main-bg-color);
}

.secondary-bg {
  background-color: var(--second-bg-color);
}

.rounded-full {
  border-radius: 100%;
}


#pruetolt{
  width: auto;
  margin-top: -2rem;
  border-radius: 5px;
  text-align: center;
  height: 20px;
  font-size: 12px;
}

#pruetoltasig{
  width: auto;
  margin-top: -3rem;
  border-radius: 5px;
  text-align: center;
  height: 35px;
  font-size: 12px;
}

#pruetoltasigs{
  width: auto;
  margin-top: -1.9rem;
  border-radius: 5px;
  text-align: center;
  height: 20px;
  font-size: 12px;
}

#pruetoltasigs:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -9px;
  width: 8px;
  height: 8px;
  background: #008080;
  transform: rotate(45deg);
}

#pruetoltmon{
  width: 200px;
  margin-top: -2rem;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
}

#pruetoltasig:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -9px;
  width: 8px;
  height: 8px;
  background: #008080;
  transform: rotate(45deg);
}

.estilotab {
  width: 305px;
  margin: 0 auto;
  padding: 0 20px;
  background: #ffffff;
  border-radius: 10px;
  padding: 40px;
}

@media screen and (min-width: 480px) {
  .estilotab{
      width: 100%;
  }
}

@media screen and (min-width: 780px) {
  .estilotab{
      width: 100%;
  }
}

.colortabverde{
  background-color: #25d366;
}

.colortabazul{
  background-color: #55acee;
}

#pruetolt:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -9px;
  width: 8px;
  height: 8px;
  background: #008080;
  transform: rotate(45deg);
}

#pruetoltmon:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -9px;
  width: 8px;
  height: 8px;
  background: #008080;
  transform: rotate(45deg);
}

/* #tablas{
  overflow: scroll;
} */

#sidebar-wrapper {
  min-height: 95vh;
  /* max-height: 93vh; */
  margin-left: -15rem;
  -webkit-transition: margin 0.25s ease-out;
  -moz-transition: margin 0.25s ease-out;
  -o-transition: margin 0.25s ease-out;
  transition: margin 0.25s ease-out;
}

#swrapper {
  min-height: 95vh;

}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#one {
  max-height: 7vh;
  min-height: 7vh;
  max-width: 100%;
}

#scrol {
  overflow: scroll;
  max-height: 88vh;
  min-height: 88vh;
  max-width: 100%;
}

#gg {
  /* max-height: 7vh; */
  min-height: 5vh;
}

p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

input{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

textarea{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

select{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

label{
  font-family: Arial;
  font-size: 15px;
}

.fs-title {
  font-size: 14px;
}

.titulos {
  font-family: Arial;
}

div, ul, li {
  font-family: Arial;
  font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial;
}

button {
  font-family: Arial;
}


.tmenu{
  height: auto;
  min-height: 88vh;
  max-height: 100vh;
}

#page-content-wrapper {
  min-width: 100vw;
  /* max-width: 100%;*/
  max-height: 100%; 
  min-height: 95vh;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

#menu-toggle {
  cursor: pointer;

}

.bloquear {
pointer-events: none;
cursor: default;
}

.desbloquear {
  cursor: pointer;
}

.list-group-item {
  border: none;
  padding: 20px 30px;
}

.list-group-item-active {
  background-color: transparent;
  font-weight: bold;
  border: none;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }

  .dropdown-menu li {
    position: relative;
    }
    .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
    }
    .dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
    }
    .dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
    }
}


@media (max-width: 1000px) {
  .oculto {
    display: none;
    visibility: collapse;
  }
}

@media (max-width: 769px) {
  .ocultaproductos {
    display: none;
    visibility: collapse;
  }
}

@media (max-width: 1300px) {
  .ocultodos {
    display: none;
    visibility: hidden;
  }
}

@media (max-width: 1354px) {
  .ocultabotones {
    display: none;
    visibility: hidden;
  }
}

.border-azul{
  border: 1px solid rgba(5, 81, 130) ;
}

.h-10p{
  height: 10px;
}

.h-15p{
  height: 15px;
}

.h-20p{
  height: 20px;
}

.h-25p{
  height: 25px;
}

.h-30p{
  height: 30px;
}

.h-35p{
  height: 35px;
}

.h-40p{
  height: 40px;
}

.h-45p{
  height: 45px;
}

.h-50p{
  height: 50px;
}

.h-100p{
  height: 100px;
}

.h-150p{
  height: 150px;
}

.h-200p{
  height: 200px;
}

.h-250p{
  height: 250px;
}

.h-300p{
  height: 300px;
}

.h-350p{
  height: 350px;
}

.h-400p{
  height: 400px;
}

.h-500p{
  height: 500px;
}

.h-600p{
  height: 600px;
}

.h-700p{
  height: 700px;
}

.h-800p{
  height: 800px;
}

.h-900p{
  height: 900px;
}

.max-150p{
  height: 150px;
}

.max-200p{
  height: 200px;
}

.max-250p{
  height: 250px;
}

.max-300p{
  height: 300px;
}

.max-350p{
  height: 350px;
}

.max-400p{
  height: 400px;
}