/***********************       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);
    }
    /******************************* 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;
    }

    /******************************* 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;
    }

   
    /******************************* 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-10
    {
      background-color: rgba(108, 117, 125, .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-warning-10
    {
      background-color: rgba(255, 193, 7,.1) !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: #e67e22 !important;
      color:  white !important;
    }

    .bg-biopetrol
    {
      /*background-color: #f28c4a;*/
      background-color: #ff6d00 !important;
    }

    .border-bio
    {
      /*background-color: #f28c4a;*/
      border-color: #ff6d00 !important;
    }

    .text-bio
    {
      color: #ff6d00 !important;
    }
    
    .bg-gray-pointer
    {
      background-color: #e4e5e8 !important;
    }

    .bg-gray-pointer:hover
    {
      background-color: #d8dadc !important;
      cursor: pointer !important;
    }

    .bg-forestblues
    {
      background-color: #0a3d62 !important;
      color: #d5d8db !important;
    }
    
    
    /***********************       css para el switch personalizado *************************/
.switchjp {
position: relative;
display: inline-block;
width: 50px;
height: 27px;

}

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

.sliderjp {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(243, 235, 235);
-webkit-transition: .4s;
transition: .4s;
border: solid 1px rgb(160, 153, 153);
}

.sliderjp:before {
position: absolute;
content: "";
height: 23px;
width: 23px;
left: 1px;
bottom: 1px;
background-color: rgb(236, 231, 231);
-webkit-transition: .4s;
transition: .4s;
border: solid 1px rgb(160, 153, 153);
}

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

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

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%;
}

.cpointer{
cursor: pointer !important;
}

/*************************************/
.border-top-secondary-light
{
border-top: solid 1px #b8babb !important;
}

.alert-danger{
background-color: #f5b6c3 !important;
color: rgb(112, 27, 31) !important;
}

.alert-success{
background-color: rgb(152, 243, 172) !important;
color: rgb(27, 102, 50) !important;
}

.alert-secondary
{
  background-color: #b7b9bb !important;
  color: black;
}


/***************************     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/ */

.circle-purple
{
border: solid 1px #571845;
color: #571845;
background-color: #e9edf1;
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 30px;


}

.circle-purple:hover
{

background-color: #571845;
color: #e9edf1;
cursor: pointer;

}


.bg-login
{
background-color: rgba(33, 52, 107,1.0) !important;
}


/******************************************  fondos de las ubicaciones  ********************/

.bg-liq{
border: solid 1px rgba(41, 128, 185,1.0) !important;
background-color: rgba(41, 128, 185,1.0) !important;

color: rgba(255,255,255,.5) !important;
}
.bg-gnv{
border: solid 1px rgba(243, 156, 18,1.0) !important;
background-color: rgba(243, 156, 18,1.0) !important;
color: rgba(255,255,255,.5) !important;
}
.bg-stk{
border: solid 1px rgba(127, 140, 141,1.0) !important;
background-color: rgba(127, 140, 141,1.0) !important;
color: rgba(255,255,255,.5) !important;
}
.bg-mnt{
border: solid 1px rgba(192, 57, 43,1.0) !important;
background-color: rgba(192, 57, 43,1.0) !important;
color: rgba(255,255,255,.5) !important;
}
.bg-baja{
border: solid 1px rgb(46, 38, 37) !important;
background-color: rgb(46, 38, 37) !important;
color: rgba(255,255,255,.5) !important;
}
.bg-spr{
border: solid 1px rgba(211, 84, 0,1.0)!important;
background-color: rgba(211, 84, 0,1.0) !important;
color: rgba(255,255,255,.5) !important;
}
.bg-spr:hover{
background-color: rgba(211, 84, 0,.3) !important;
color:  rgba(211, 84, 0,1.0) !important;
transition: .3s;
}
.bg-liq:hover{
background-color: rgba(41, 128, 185,.3) !important;
color: rgba(41, 128, 185,1) !important;
transition: .3s;
}
.bg-gnv:hover{
background-color: rgba(243, 156, 18,.3) !important;
color: rgba(243, 156, 18,1) !important;
transition: .3s;
}
.bg-stk:hover{
background-color: rgba(127, 140, 141,.3) !important;
color: rgba(127, 140, 141,1) !important;
transition: .3s;
}
.bg-mnt:hover{
background-color: rgba(192, 57, 43,.3) !important;
color: rgba(192, 57, 43,1) !important;
transition: .3s;
}
.bg-baja:hover{
border: solid 1px rgba(46, 38, 37,1) !important;
background-color: rgba(46, 38, 37,.3) !important;
color:  rgba(46, 38, 37,1)!important;
}
.bg-equipo
{
background-color: #d4e1e6 !important;
color: #3d5459 !important;
border: solid 1px #b7c3c7 !important;
}
.bg-equipo:hover
{
background-color: #c0b1aa !important;
color: #3d5459 !important;
}

.bg-equipo-hovered
{
background-color: #c0b1aa !important;
color: #3d5459 !important;
}

.bg-unego
{
border: solid 1px #3c3277 !important;
background-color: #3c3277 !important;
color: rgba(255, 255, 255,.5) !important;
transition: .3s;
}

.bg-unego:hover
{
background-color: rgba(78, 69, 126, 0.3) !important;
color:  rgba(36, 28, 80, 1) !important;
transition: .3s;
}

.bg-rack
{
border: solid 1px rgb(37, 90, 61) !important;
background-color: rgb(37, 90, 61)!important;
color: rgba(255, 255, 255,.5) !important;
transition: .3s;
}

.bg-rack:hover
{
background-color:rgba(37, 90, 61,.3) !important;
color:  rgb(37, 90, 61) !important;
transition: .3s;
}

/********************       line height ***********/
.lh-n
{
line-height: 95%;
}

.bg-wisteria
{
background-color: #8e44ad;
color: #fff;
}