/* COLUMNAS */
.col-auto{
  flex: 0 0 auto;
  width: auto;
}

.col-1{
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2{
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3{
  flex: 0 0 auto;
  width: 25%;
}

.col-4{
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5{
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6{
  flex: 0 0 auto;
  width: 50%;
}

.col-7{
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8{
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9{
  flex: 0 0 auto;
  width: 75%;
}

.col-10{
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11{
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12{
  flex: 0 0 auto;
  width: 100%;
}
.hidden{
    display:none !important;
}
.visible{
    display:inline-block;
}
.hidden-xs{
    display:none;
}
.visible-xs{
    display:inline-block;
}
@media (min-width: 576px){
  .col-sm{
    flex: 1 0 0%;
  }
  .col-sm-auto{
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1{
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3{
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6{
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8{
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9{
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11{
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12{
    flex: 0 0 auto;
    width: 100%;
  }
  .hidden-sm{
    display:none;
  }
  .visible-sm{
    display:inline-block;
  }
}
@media (min-width: 768px){
  .col-md{
    flex: 1 0 0%;
  }
  .col-md-auto{
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1{
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3{
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6{
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8{
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9{
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11{
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12{
    flex: 0 0 auto;
    width: 100%;
  }
  .hidden-md{
    display:none;
  }
  .visible-md{
    display:inline-block;
  }
}
@media (min-width: 992px){
  .col-lg{
    flex: 1 0 0%;
  }
  .col-lg-auto{
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1{
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3{
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6{
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8{
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9{
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11{
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12{
    flex: 0 0 auto;
    width: 100%;
  }
  .hidden-lg{
    display:none;
  }
  .visible-lg{
    display:inline-block;
  }
}
@media (min-width: 1200px){
  .col-xl{
    flex: 1 0 0%;
  }
  .col-xl-auto{
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1{
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3{
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6{
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8{
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9{
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11{
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12{
    flex: 0 0 auto;
    width: 100%;
  }
  .hidden-xl{
    display:none;
  }
  .visible-xl{
    display:inline-block;
  }
}
@media (min-width: 1400px){
  .col-xxl{
    flex: 1 0 0%;
  }
  .col-xxl-auto{
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1{
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3{
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6{
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8{
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9{
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11{
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12{
    flex: 0 0 auto;
    width: 100%;
  }
  .hidden-xxl{
    display:none;
  }
  .visible-xxl{
    display:inline-block;
  }
}
/* COLUMNAS */

/* TABLES */
.table{
    border-bottom:1px solid #CCC;
    margin: 32px auto;
}
.table-row-1{
    padding: 8px;
    background-color: #f5f5f5;
    border-top:1px solid #CCC;
    font-size: 0.9rem;
    min-height: 50px;
    display: flex;
    align-items: center;
}
.table-row-2{
    padding: 8px;
    background-color: #ffffff;
    border-top:1px solid #CCC;
    font-size: 0.9rem;
    min-height: 50px;
    display: flex;
    align-items: center;
}
/* TABLES */

/* GENERALES */
.absolute{
    position:absolute;
}
.relative{
    position:relative;
}
.bold{
    font-weight: bold;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}
.flex-left-center{
    justify-content:left;
    align-items:center;
}
.flex-center-center{
    justify-content:center;
    align-items:center;
}
.flex-right-center{
    justify-content:right;
    align-items:center;
}
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}

.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
@media (min-width: 992px){
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.position-absolute{
    position:absolute;
}
.position-fixed{
    position:fixed;
}
.position-relative{
    position:relative;
}
.m-16{
    margin:16px;  
}
.mt-16{
    margin-top:16px;  
}
.mr-16{
    margin-right:16px;  
}
.mb-16{
    margin-bottom:16px;  
}
.ml-16{
    margin-left:16px;  
}
.m-32{
    margin:32px;  
}
.mt-32{
    margin-top:32px;  
}
.mr-32{
    margin-right:32px;  
}
.mb-32{
    margin-bottom:32px;  
}
.ml-32{
    margin-left:32px;  
}
.p-16{
    padding:16px;  
}
.pt-16{
    padding-top:16px;  
}
.pr-16{
    padding-right:16px;  
}
.pb-16{
    padding-bottom:16px;  
}
.pl-16{
    padding-left:16px;  
}
.p-32{
    padding:32px;  
}
.pt-32{
    padding-top:32px;  
}
.pr-32{
    padding-right:32px;  
}
.pb-32{
    padding-bottom:32px;  
}
.pl-32{
    padding-left:32px;  
}
@media (min-width: 576px){
    .p-sm-16{
        padding:16px;  
    }
    .pt-sm-16{
        padding-top:16px;  
    }
    .pr-sm-16{
        padding-right:16px;  
    }
    .pb-sm-16{
        padding-bottom:16px;  
    }
    .pl-sm-16{
        padding-left:16px;  
    }
}
@media (min-width: 768px){
    .p-md-16{
        padding:16px;  
    }
    .pt-md-16{
        padding-top:16px;  
    }
    .pr-md-16{
        padding-right:16px;  
    }
    .pb-md-16{
        padding-bottom:16px;  
    }
    .pl-md-16{
        padding-left:16px;  
    }
}
@media (min-width: 992px){
    .p-lg-16{
        padding:16px;  
    }
    .pt-lg-16{
        padding-top:16px;  
    }
    .pr-lg-16{
        padding-right:16px;  
    }
    .pb-lg-16{
        padding-bottom:16px;  
    }
    .pl-lg-16{
        padding-left:16px;  
    }
}
@media (min-width: 1200px){
    .p-xl-16{
        padding:16px;  
    }
    .pt-xl-16{
        padding-top:16px;  
    }
    .pr-xl-16{
        padding-right:16px;  
    }
    .pb-xl-16{
        padding-bottom:16px;  
    }
    .pl-xl-16{
        padding-left:16px;  
    }
}
@media (min-width: 1400px){
    .p-xxl-16{
        padding:16px;  
    }
    .pt-xxl-16{
        padding-top:16px;  
    }
    .pr-xxl-16{
        padding-right:16px;  
    }
    .pb-xxl-16{
        padding-bottom:16px;  
    }
    .pl-xxl-16{
        padding-left:16px;  
    }
}
/* GENERALES */