.bg1{background: var(--color1);}
.bg2{background: var(--color2);}
.bg3{background: var(--color3);}
.bg4{background: var(--color4);}
.c1{color: var(--color1);}
.c2{color: var(--color2);}
.c3{color: var(--color3);}
.c4{color: var(--color4);}


/*BOTONES basta con class btn*/

.btn {
width: auto;
text-decoration: none;
cursor:pointer;
color: var(--color1);
background-color: white;
border: 1px solid var(--color1);
}

.btn:hover{
    background-color: var(--color1);
    color:#fff;!important
}

/*
Barra navegacion app movil

*/
.mobile_top_bar{
    background: #fff;
    box-shadow: 0 3px 8px -2px rgba(0,0,0,.2);
}

/*Navegacion Offcanvas*/

.offcanvasmenu{
    padding-left: 20px;
    padding-right: 20px;
}

.offcanvasmenu a{
    color:var(--color1);
}

/*imagenes*/

img{
    max-width: 100%;
}

/*TABLAS*/

table {

}

table th {

  /*  background-color: var(--color1) !important; */
}

table tr {

}

table td {
    padding: 5px;
}

/*FIXES*/

.form-floating label{
    margin-left: 6px;
}
.text-justify{
    /*esto lo quitaron en bootstrap 5 */
    text-align: justify;
}



/*STEPPER EN ME REGISTRATION*/

.md-stepper-horizontal {
    display:table;
    width:90%;
    max-width: 90%;
    margin:0 auto;
}

.md-stepper-horizontal a{
    text-decoration: none;
}

.md-stepper-horizontal .md-step {
    display:table-cell;
    position:relative;
    padding:5px;
}
.md-stepper-horizontal .md-step:hover,
.md-stepper-horizontal .md-step:active {
    background-color:rgba(0,0,0,0.04);
}
.md-stepper-horizontal .md-step:active {
    border-radius: 15% / 75%;
}
.md-stepper-horizontal .md-step:first-child:active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.md-stepper-horizontal .md-step:last-child:active {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.md-stepper-horizontal .md-step:hover .md-step-circle {
    background-color:#757575;
}
.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
    display:none;
}
.md-stepper-horizontal .md-step .md-step-circle {
    width:30px;
    height:30px;
    margin:0 auto;
    background-color:#999999;
    border-radius: 50%;
    text-align: center;
    line-height:30px;
    font-size: 16px;
    font-weight: 600;
    color:#FFFFFF;
}
.md-stepper-horizontal .md-step.active .md-step-circle {
    background-color:var(--color1);
}

.md-stepper-horizontal .md-step.done .md-step-circle:before {
    font-weight:100;
    content: "\2714";
}
.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle * {
    display:none;
}
.md-stepper-horizontal .md-step.editable .md-step-circle {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.md-stepper-horizontal .md-step.editable .md-step-circle:before {
    font-weight:100;
    content: "\270E";
}
.md-stepper-horizontal .md-step .md-step-title {
    margin-top:14px;
    font-size:14px;
    font-weight:400;
}
.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
    text-align: center;
    color:rgba(0,0,0,.26);
}
.md-stepper-horizontal .md-step.active .md-step-title {
    font-weight: 600;
    color:rgba(0,0,0,.87);
}
.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title {
    font-weight:600;
}
.md-stepper-horizontal .md-step .md-step-optional {
    font-size:12px;
}
.md-stepper-horizontal .md-step.active .md-step-optional {
    color:rgba(0,0,0,.54);
}
.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
    position:absolute;
    top:19px;
    height:1px;
    border-top:1px solid #DDDDDD;
}
.md-stepper-horizontal .md-step .md-step-bar-right {
    right:0;
    left:50%;
    margin-left:20px;
}
.md-stepper-horizontal .md-step .md-step-bar-left {
    left:0;
    right:50%;
    margin-right:20px;
}