/***********************       css para el switch personalizado *************************/
.switchjp {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 10px;
  margin-top: 7px !important;
}

.switchjp input {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderjp {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.sliderjp:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: -3px;
  bottom: -7px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border: solid 2px #ccc;
}

input:checked + .sliderjp {
  background-color: #2ecc71;
}

input:focus + .sliderjp {
  box-shadow: 0 0 1px #2196F3;
}

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

/* Rounded sliderjps */
.sliderjp.round {
  border-radius: 34px;
}

.sliderjp.round:before {
  border-radius: 50%;
}
/***   css para fondos ****/
.barrafija{
  background-color: #2d3436 !important;
}


.margentoplogo{
  margin-top: -45px;
}

.custom-file-input:lang(es)~.custom-file-label2::after {
  content: "Explorador" !important;
}

  /******************************* fondo blanco transparente ******************/
  .bg-white-75{
    background: rgba(255,255,255,.75);
    }
  .bg-white-50{
    background: rgba(255,255,255,.5);
    }
    .bg-white-30{
    background: rgba(255,255,255,.3);
    }
    .bg-white-20{
    background: rgba(255,255,255,.2);
    }

    .bg-white{
      background: rgba(255,255,255,1);
      }
    /******************************* fondo verde transparente ******************/
    .bg-verde-50{
    background: rgba(0,204,0,.5);
    }
    .bg-verde-30{
    background: rgba(0,204,0,.3);
    }
    .bg-verde-20{
    background: rgba(0,204,0,.2);
    }
    .bg-green-sea{
      background-color: #16a085;
    }

    .bg-purple{
      background-color: #900c3e !important;/*#6728ff;*/
    }

    .bg-blue-01{
      background-color: #900c3e;/*#0046fe;*/
    }

    .bg-orange-01
    {
      background-color: #ff2108;
    }

    .bg-pink-01
    {
      background-color: #571845;/*#9e01b4;*/
    }

    .border-pink
    {
      border: solid 1px #571845 !important;
    }

    .btn-close
    {
      color: #6728ff;
      cursor: pointer;
    }

    .btn-close:hover
    {
      color: #571845;
      cursor: pointer;
    }

    .btn-close-light
    {
      color: #e9e5f1;
      cursor: pointer;
    }

    .btn-close-light:hover
    {
      color: #918c8f;
      cursor: pointer;
    }


    .btn-outline-bio{
      
      color: #FF5D00 !important;
      border: solid 1px #FF5D00 !important;
    }

    .btn-outline-bio:hover{
      background-color: #FF5D00 !important;
      color: white !important;
      cursor: pointer;
    }



    
    /******************************* border redondeados ******************/
    .rounded-3{
    border-radius: 3px !important;
    }
    .rounded-4{
    border-radius: 4px !important;
    }
    .rounded-5{
    border-radius: 5px !important;
    }
    .rounded-7{
    border-radius: 7px !important;
    }
    .rounded-10{
    border-radius: 10px !important;
    }
    .rounded-15{
      border-radius: 15px !important;
      }
    .rounded-50{
    border-radius: 50% !important;
    }
    .rounded-none{
      border-radius: 0 !important;
    }

   
    /******************************* opacitys ******************/
    .opaci-10{
    opacity : 0.1;
    }
    .opaci-25{
    opacity : 0.25;
    }
    .opaci-50{
    opacity : 0.5;
    }
    .opaci-75{
    opacity : 0.75;
    }

    /************************************************     NAV LINK EXIT *************/
    .nav-link-exit:hover
    {
      background-color: rgba(138, 89, 89,.8) !important;
    }
    /***************************************************         BGS BASICOS            ***********/
    .bg-info-20
    {
      background-color: rgba(23, 162, 184,.2) !important;
    }
    .bg-info-10
    {
      background-color: rgba(23, 162, 184,.1) !important;
    }
    .bg-primary-20
    {
      background-color: rgba(23, 162, 184,.2);
    }
    .bg-primary-10
    {
      background-color: rgba(23, 162, 184,.1);
    }
    .bg-secondary-20
    {
      background-color: rgba(108, 117, 125, .2);
    }
    .bg-secondary-50
    {
      background-color: rgba(108, 117, 125, .5);
    }
    .bg-warning-20
    {
      background-color: rgba(255, 193, 7,.2) !important;
    }
    .bg-danger-20
    {
      background-color:rgba(200, 35, 51, .2)!important;
    }
    .bg-success-20
    {
      background-color: rgba(40, 167, 69, .2);
    }
    .bg-success-50
    {
      background-color: rgba(40, 167, 69, .5);
    }
    .bg-danger-h
    {
      background-color:rgba(200, 35, 51, 1)!important;
      color: rgba(255,255,255,.6);
    }
    .bg-danger-h:hover
    {
      background-color:rgba(200, 35, 51, .4)!important;
      cursor: pointer;
      color:rgba(200, 35, 51, 1)!important;
    }
    .bg-success-h
    {
      background-color:rgba(40, 167, 69, 1)!important;
      color: rgba(255,255,255,.6);
    }
    .bg-success-h:hover
    {
      background-color:rgba(40, 167, 69, .4)!important;
      cursor: pointer;
      color:rgba(40, 167, 69, 1)!important;
    }
    .bg-deep
    {
      background-color: #1b1a19 !important;
      color:  white !important;
    }

    


/***************************     D-NONE ***************/
.d-none{display:none!important}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-table{display:table!important}
.d-table-row{display:table-row!important}
.d-table-cell{display:table-cell!important}
.d-flex{display:-ms-flexbox!important;display:flex!important}
.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
@media (min-width:576px)
{
.d-sm-none{display:none!important}
.d-sm-inline{display:inline!important}
.d-sm-inline-block{display:inline-block!important}
.d-sm-block{display:block!important}
.d-sm-table{display:table!important}
.d-sm-table-row{display:table-row!important}
.d-sm-table-cell{display:table-cell!important}
.d-sm-flex{display:-ms-flexbox!important;display:flex!important}
.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media (min-width:768px)
{
.d-md-none{display:none!important}
.d-md-inline{display:inline!important}
.d-md-inline-block{display:inline-block!important}
.d-md-block{display:block!important}
.d-md-table{display:table!important}
.d-md-table-row{display:table-row!important}
.d-md-table-cell{display:table-cell!important}
.d-md-flex{display:-ms-flexbox!important;display:flex!important}
.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media (min-width:992px)
{
.d-lg-none{display:none!important}
.d-lg-inline{display:inline!important}
.d-lg-inline-block{display:inline-block!important}
.d-lg-block{display:block!important}
.d-lg-table{display:table!important}
.d-lg-table-row{display:table-row!important}
.d-lg-table-cell{display:table-cell!important}
.d-lg-flex{display:-ms-flexbox!important;display:flex!important}
.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media (min-width:1200px)
{
.d-xl-none{display:none!important}
.d-xl-inline{display:inline!important}
.d-xl-inline-block{display:inline-block!important}
.d-xl-block{display:block!important}
.d-xl-table{display:table!important}
.d-xl-table-row{display:table-row!important}
.d-xl-table-cell{display:table-cell!important}
.d-xl-flex{display:-ms-flexbox!important;display:flex!important}
.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media print
{
.d-print-none{display:none!important}
.d-print-inline{display:inline!important}
.d-print-inline-block{display:inline-block!important}
.d-print-block{display:block!important}
.d-print-table{display:table!important}
.d-print-table-row{display:table-row!important}
.d-print-table-cell{display:table-cell!important}
.d-print-flex{display:-ms-flexbox!important;display:flex!important}
.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}

.btn-eye:hover{
background-color: #55595c;
color: rgb(244, 242, 248) !important;
cursor: pointer;
}













@keyframes ldio-n7b2rmsjkm {
  0%    { transform: translate(2px,2px) }
 33.33% { transform: translate(102px,2px) }
 66.66% { transform: translate(42px,102px) }
100%    { transform: translate(2px,2px) }
}


.ldio-n7b2rmsjkm > div {
transform: scale(0.6);
transform-origin: 100px 100px;
}

.ldio-n7b2rmsjkm > div > div {
animation: ldio-n7b2rmsjkm 1.5s linear infinite;
position: absolute
}

.ldio-n7b2rmsjkm > div > div div:nth-child(1) {
width: 72px;
height: 72px;
border-radius: 50%;
border: 12px solid #6728ff;/*#93dbe9;*/
background: rgba(158, 154, 154, 0.3);/*#cfe3f2*/
}

.ldio-n7b2rmsjkm > div > div div:nth-child(2) {
width: 17px;
height:  51px;
transform: rotate(-45deg);
background: #6728ff;/*#93dbe9;*/
border-radius: 0 0 8px 8px;
position: absolute;
top: 68px;
left: 85px
}
.loadingio-spinner-magnify-nnk9ilewxbq {
width: 200px;
height: 200px;
display: inline-block;
overflow: hidden;
/*background: #f1f2f3;**/
}
.ldio-n7b2rmsjkm {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
}
.ldio-n7b2rmsjkm div { box-sizing: content-box; }
/* generated by https://loading.io/ */