
.circle {
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  border-radius: 100% !important;
}

.h100{
  height: 100%;
}

.w100{
  width: 100%;
}

.h-auto{
  height: auto;
}

.minh100{
  min-height:100%;
}

.bootstraptable-td-250px{
  min-width: 250px!important;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
  white-space: nowrap;
}
.bootstraptable-td-150px{
  min-width: 150px!important;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 150px;
  white-space: nowrap;
}
.bootstraptable-td-150px:hover,
.bootstraptable-td-250px:hover{
  /*cursor: pointer;*/
}
.bootstraptable-td-destacado{
  background-color: #e5edf7;
}

.tabs-section-nav .nav-link.disabled,
.tabs-section-nav.tabs-section-nav-icons .nav-link.disabled .fa{
  color: #efefef;
}


/* Separators
---------------------------------- */
.separator {
  width: 100%;
  margin: 20px auto 15px;
  position: relative;
  height: 1px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.separator:after {
  height: 1px;
  background: #e8e8e8;
  background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  position: absolute;
  bottom: -1px;
  content: "";
  width: 100%;
  left: 0;
}

.input-lg{
  font-size: 22px;
}
.input-sm{
  font-size: 18px;
}
.input-xs{
  font-size: 14px;
}

/*-------------------------------------------------------------------*/
/*    PADDINGS
/*-------------------------------------------------------------------*/

.c-pl-5 {
  padding-left: 5px;
}

.c-pl-10 {
  padding-left: 10px;
}

.c-pl-20 {
  padding-left: 20px;
}

.c-pr-5 {
  padding-right: 5px;
}

.c-pr-10 {
  padding-right: 10px;
}

.c-pr-20 {
  padding-right: 20px;
}

.c-p-20 {
  padding: 20px;
}

.c-p-30 {
  padding: 30px;
}

.p-40 {
  padding: 40px;
}

.c-ph-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.c-ph-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.c-ph-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.c-ph-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.c-pv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.c-pv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.c-pv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.c-pv-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.c-pv-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.c-pb-20 {
  padding-bottom: 20px;
}

.c-pb-30 {
  padding-bottom: 30px;
}

.c-pb-40 {
  padding-bottom: 40px;
}

.c-pb-45 {
  padding-bottom: 45px;
}

.c-pt-20 {
  padding-top: 20px;
}

.c-pt-30 {
  padding-top: 30px;
}

.c-pt-40 {
  padding-top: 40px;
}

.c-pt-45 {
  padding-top: 45px;
}


/*-------------------------------------------------------------------*/
/*    MARGINS
/*-------------------------------------------------------------------*/

.c-ml-5 {
  margin-left: 5px;
}

.c-ml-10 {
  margin-left: 10px;
}

.c-ml-20 {
  margin-left: 20px;
}

.c-mr-5 {
  margin-right: 5px;
}

.c-mr-10 {
  margin-right: 10px;
}

.c-mr-20 {
  margin-right: 20px;
}

.c-mr-30 {
  margin-right: 20px;
}

.c-m-20 {
  margin: 20px;
}

.c-m-30 {
  margin: 30px;
}

.m-40 {
  margin: 40px;
}

.c-mh-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.c-mh-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.c-mh-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.c-mh-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.c-mv-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.c-mv-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.c-mv-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.c-mv-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.c-mb-20 {
  margin-bottom: 20px;
}

.c-mb-30 {
  margin-bottom: 30px;
}

.c-mb-40 {
  margin-bottom: 40px;
}

.c-mb-45 {
  margin-bottom: 45px;
}

.c-mt-20 {
  margin-top: 20px;
}

.c-mt-30 {
  margin-top: 30px;
}

.c-mt-40 {
  margin-top: 40px;
}

.c-mt-45 {
  margin-top: 45px;
}


/*-------------------------------------------------------------------*/
/*    FORM
/*-------------------------------------------------------------------*/

.form-control{
  color: #222!important;
}
.form-control-xs {
  font-size: .8em;
  padding: .2rem .2rem;
}
.form-control-sm {
  font-size: .9em;
  padding: .2rem .2rem;
}
.form-control-lg {
  font-size: 1.1em;
}
.form-control:disabled, 
.form-control[readonly]{
  color: #222!important;
  background-color: #fff;
}




.blockOverlay{
  z-index: 1050!important;
}
.block-msg-default{
  z-index: 1051!important;
}
.sweet-overlay{
  z-index: 1060!important;
}
.modal{
  z-index: 1090!important;
}
.site-header{
  /*z-index:1059!important;*/
}




.hideIt{
  display: none;
}


/* -- items en scroll -- */

.items-scroll {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
}

.items-no-scroll {
  flex-wrap: wrap;
  overflow-x: unset;
}


@media (min-width: 575px) {

  .items-scroll-sm {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .items-no-scroll-sm {
    flex-wrap: wrap;
    overflow-x: unset;
  }

  .items-no-scroll-sm > *{
    margin-bottom: 0!important;
  } 

}

@media (min-width: 768px) {

  .items-scroll-md {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .items-no-scroll-md {
    flex-wrap: wrap;
    overflow-x: unset;
  }

  .items-no-scroll-md > *{
    margin-bottom: 0!important;
  } 

}

@media (min-width: 992px) {

  .items-scroll-lg {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .items-no-scroll-lg {
    flex-wrap: wrap;
    overflow-x: unset;
  }

  .items-no-scroll-lg > *{
    margin-bottom: 0!important;
  } 
}

@media (min-width: 1200px) {

  .items-scroll-xl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .items-no-scroll-xl {
    flex-wrap: wrap;
    overflow-x: unset;
  }

  .items-no-scroll-xl > *{
    margin-bottom: 0!important;
  } 
}

.items-scroll > *{
  flex-grow:0;
  flex-shrink: 0;
  margin-bottom: 10px;
} 


  /* Let's get this party started */
  .items-scroll::-webkit-scrollbar {
    height: 4px;
  }
   
  /* Track */
  .items-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
   
  /* Handle */
  .items-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 168, 255,.3);
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/ 
  }

  .items-scroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(10, 162, 177, .3); 
  }


/* Custom Grid
---------------------------------- */
/* Custom Grid. Corrección del style.css
---------------------------------- */
.grid-space-20 {
  margin-right: -10.5px;
  margin-left: -10.5px;
}

.grid-space-20 .col-lg-12,
.grid-space-20 .col-lg-11,
.grid-space-20 .col-lg-10,
.grid-space-20 .col-lg-9,
.grid-space-20 .col-lg-8,
.grid-space-20 .col-lg-7,
.grid-space-20 .col-lg-6,
.grid-space-20 .col-lg-5,
.grid-space-20 .col-lg-4,
.grid-space-20 .col-lg-3,
.grid-space-20 .col-lg-2,
.grid-space-20 .col-lg-1,
.grid-space-20 .col-md-11,
.grid-space-20 .col-md-11,
.grid-space-20 .col-md-10,
.grid-space-20 .col-md-9,
.grid-space-20 .col-md-8,
.grid-space-20 .col-md-7,
.grid-space-20 .col-md-6,
.grid-space-20 .col-md-5,
.grid-space-20 .col-md-4,
.grid-space-20 .col-md-3,
.grid-space-20 .col-md-2,
.grid-space-20 .col-md-1,
.grid-space-20 .col-sm-11,
.grid-space-20 .col-sm-11,
.grid-space-20 .col-sm-10,
.grid-space-20 .col-sm-9,
.grid-space-20 .col-sm-8,
.grid-space-20 .col-sm-7,
.grid-space-20 .col-sm-6,
.grid-space-20 .col-sm-5,
.grid-space-20 .col-sm-4,
.grid-space-20 .col-sm-3,
.grid-space-20 .col-sm-2,
.grid-space-20 .col-sm-1,
.grid-space-20 .col-11,
.grid-space-20 .col-11,
.grid-space-20 .col-10,
.grid-space-20 .col-9,
.grid-space-20 .col-8,
.grid-space-20 .col-7,
.grid-space-20 .col-6,
.grid-space-20 .col-5,
.grid-space-20 .col-4,
.grid-space-20 .col-3,
.grid-space-20 .col-2,
.grid-space-20 .col-1,
.grid-space-20 .col,
.grid-space-20 .col-auto {
  padding-left: 10px;
  padding-right: 10px;
}

.grid-space-10 {
  margin-right: -6px;
  margin-left: -6px;
}

.grid-space-10 .col-lg-12,
.grid-space-10 .col-lg-11,
.grid-space-10 .col-lg-10,
.grid-space-10 .col-lg-9,
.grid-space-10 .col-lg-8,
.grid-space-10 .col-lg-7,
.grid-space-10 .col-lg-6,
.grid-space-10 .col-lg-5,
.grid-space-10 .col-lg-4,
.grid-space-10 .col-lg-3,
.grid-space-10 .col-lg-2,
.grid-space-10 .col-lg-1,
.grid-space-10 .col-md-12,
.grid-space-10 .col-md-11,
.grid-space-10 .col-md-10,
.grid-space-10 .col-md-9,
.grid-space-10 .col-md-8,
.grid-space-10 .col-md-7,
.grid-space-10 .col-md-6,
.grid-space-10 .col-md-5,
.grid-space-10 .col-md-4,
.grid-space-10 .col-md-3,
.grid-space-10 .col-md-2,
.grid-space-10 .col-md-1,
.grid-space-20 .col-sm-12,
.grid-space-10 .col-sm-11,
.grid-space-10 .col-sm-10,
.grid-space-10 .col-sm-9,
.grid-space-10 .col-sm-8,
.grid-space-10 .col-sm-7,
.grid-space-10 .col-sm-6,
.grid-space-10 .col-sm-5,
.grid-space-10 .col-sm-4,
.grid-space-10 .col-sm-3,
.grid-space-10 .col-sm-2,
.grid-space-10 .col-sm-1,
.grid-space-10 .col-12,
.grid-space-10 .col-11,
.grid-space-10 .col-10,
.grid-space-10 .col-9,
.grid-space-10 .col-8,
.grid-space-10 .col-7,
.grid-space-10 .col-6,
.grid-space-10 .col-5,
.grid-space-10 .col-4,
.grid-space-10 .col-3,
.grid-space-10 .col-2,
.grid-space-10 .col-1,
.grid-space-10 .col,
.grid-space-10 .col-auto {
  padding-left: 5px;
  padding-right: 5px;
}

.grid-space-0 {
  margin-right: 0;
  margin-left: 0;
}

.container-fluid .grid-space-0 {
  margin-right: -15px;
  margin-left: -15px;
}

.grid-space-0 .col-lg-11,
.grid-space-0 .col-lg-10,
.grid-space-0 .col-lg-9,
.grid-space-0 .col-lg-8,
.grid-space-0 .col-lg-7,
.grid-space-0 .col-lg-6,
.grid-space-0 .col-lg-5,
.grid-space-0 .col-lg-4,
.grid-space-0 .col-lg-3,
.grid-space-0 .col-lg-2,
.grid-space-0 .col-lg-1,
.grid-space-0 .col-md-11,
.grid-space-0 .col-md-10,
.grid-space-0 .col-md-9,
.grid-space-0 .col-md-8,
.grid-space-0 .col-md-7,
.grid-space-0 .col-md-6,
.grid-space-0 .col-md-5,
.grid-space-0 .col-md-4,
.grid-space-0 .col-md-3,
.grid-space-0 .col-md-2,
.grid-space-0 .col-md-1,
.grid-space-0 .col-sm-11,
.grid-space-0 .col-sm-10,
.grid-space-0 .col-sm-9,
.grid-space-0 .col-sm-8,
.grid-space-0 .col-sm-7,
.grid-space-0 .col-sm-6,
.grid-space-0 .col-sm-5,
.grid-space-0 .col-sm-4,
.grid-space-0 .col-sm-3,
.grid-space-0 .col-sm-2,
.grid-space-0 .col-sm-1,
.grid-space-0 .col-11,
.grid-space-0 .col-10,
.grid-space-0 .col-9,
.grid-space-0 .col-8,
.grid-space-0 .col-7,
.grid-space-0 .col-6,
.grid-space-0 .col-5,
.grid-space-0 .col-4,
.grid-space-0 .col-3,
.grid-space-0 .col-2,
.grid-space-0 .col-1,
.grid-space-0 .col,
.grid-space-0 .col-auto {
  padding-left: 0;
  padding-right: 0;
}

.grid-space-0 > div {
  margin-bottom: 0;
  padding-bottom: 0;
}


/*-------------------------------------------------------------------*/
/*    FORM
/*-------------------------------------------------------------------*/

.btn-group-xs >.btn, 
.btn-xs {
  padding: 2px 4px;
  font-size: .6rem;
  /*line-height: 1;*/
  /*border-radius: .2rem;*/
}