.butao_base_2021 {

         background-color:#4CAF50 !important;
  }

 .btn-primary,
 .btn-primary.disabled,
 .btn-primary:disabled {
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important
 }



  .search-sec {
    background: white;;
  }

 .wrn-btn {
   font-size: 14px !important;
   background-color:#0896FF !important;

 }

  .wrn-btn:hover {
   background-color:#005999 !important;

 }

 .warn-btn {
   font-size: 14px !important;
   background-color:#0896FF !important;
 }

 .warn-btn :hover {
   background-color:#005999 !important;
 }

 .search-slt {
       font-size: 14px !important;
 }

 .card-header {
    background-color:#DEE2E6 !important;
 }

 .div_search {
    color:black !important;
 }

 .card {

 }

  .activo {
       border-color: #dee2e6 #dee2e6 #fff;
       background-color: white !important;

  }


  .custom-label {
    font-size: 15px !important;
    font-family: Times, Times New Roman, serif !important;
  }

  .py-2 {
    font-size: 15px !important;
    font-family: Times, Times New Roman, serif !important;
  }

  .custom-radio-label {
    font-weight: lighter !important;
  }

  .slide-title {
    font-weight: lighter !important;
  }

  #filter-panel .card {

  }

  #filter-panel .card-header {

  }




.scroll {

  color: #fff;

  margin-top: 100px

}



#toTopBtn {

  position: fixed;

  bottom: 26px;

  right: 39px;

  z-index: 98;

  padding: 21px;

  background-color: hsla(5, 76%, 62%, .8)

}



.js .cd-top--fade-out {

  opacity: .5

}



.js .cd-top--is-visible {

  visibility: visible;

  opacity: 1

}



.js .cd-top {

  visibility: hidden;

  opacity: 0;

  transition: opacity .3s, visibility .3s, background-color .3s

}



.cd-top {

  position: fixed;

  bottom: 20px;

  bottom: var(--cd-back-to-top-margin);

  right: 20px;

  right: var(--cd-back-to-top-margin);

  display: inline-block;

  height: 40px;

  height: var(--cd-back-to-top-size);

  width: 40px;

  width: var(--cd-back-to-top-size);

  box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;

  background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;

  background-color: hsla(5, 76%, 62%, .8);

  background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)

}



/* Absolute Center Spinner */

.loading {

  position: fixed;

  z-index: 99999;

  height: 2em;

  width: 2em;

  overflow: show;

  margin: auto;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

}



/* Transparent Overlay */

.loading:before {

  content: '';

  display: block;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));



  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));

}



/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {

  /* hide "loading..." text */

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}



.loading:not(:required):after {

  content: '';

  display: block;

  font-size: 10px;

  width: 1em;

  height: 1em;

  margin-top: -0.5em;

  -webkit-animation: spinner 150ms infinite linear;

  -moz-animation: spinner 150ms infinite linear;

  -ms-animation: spinner 150ms infinite linear;

  -o-animation: spinner 150ms infinite linear;

  animation: spinner 150ms infinite linear;

  border-radius: 0.5em;

  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;

box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;

}



/* Animation */



@-webkit-keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-moz-keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-o-keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}