/***********************       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-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: #e67e22 !important;
        color:  white !important;
      }

      .bg-biopetrol
      {
        background-color: #f28c4a;
      }
      
      .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%;
}

.pointer:hover{
  cursor: pointer;
}

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

}