/* Your custom styles */
.background-1{
    background-color: #88578B!important;
}
.background-1-1{
    background-color: #88578bbf!important;
}
.background-1-2{
    background-color: #88578b7b!important;
}
.background-2{
    background-color: #719846 !important;
}
.background-3{
    background-color: #DADADA;
}

.text-purpura{
 color: #88578B;   
}
.text-verde{
    color: #719846;   
}
.text-1{
    color: #414141 !important;   
}
.text-2{
    color: #858585;   
}
@media (max-width: 394px){
    .change-mode {
        flex-direction: initial !important;
        justify-content: space-between;
    }
}
.md-outline.select-wrapper-label {
    top: .5em !important;
    z-index: 2 !important;
  }

 





  .border {
    border: 1px solid #88578B!important;
    border-radius: 15px;
}

.form-control {
    font-size: 0.8rem !important;
}


.md-form.md-outline .form-control {
    padding: 0.5rem 0.75rem 0.1rem 0.75rem !important;
}
.text-dark {
    color: #212121 !important;
}
/*
**
**  Tables
**
*/
.table, .dataTable{
    width: 100% !important;
}
table thead th {
    vertical-align: middle !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {    
    right: 19px !important;
}

.pagination .page-item.active .page-link {    
    background-color: #88578b !important;
}
table th, td, label, div, a {
    font-size: 0.8rem !important;    
}
table.table-sm td, table.table-sm th {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
}
main{
    margin-left: 1em !important;
    margin-right: 1em !important;
}
.chip {
    margin-bottom: 0rem !important;
}


.md-form.md-outline input[type=password], .md-form.md-outline input[type=email], .md-form.md-outline input[type=url], .md-form.md-outline input[type=time], .md-form.md-outline input[type=date], .md-form.md-outline input[type=datetime-local], .md-form.md-outline input[type=tel], .md-form.md-outline input[type=number], .md-form.md-outline input[type=search], .md-form.md-outline input[type=search-md], .md-form.md-outline input[type=text], .md-form.md-outline textarea.md-textarea {

    border: 1px solid #88578bbf !important;
}

tr.filters > th.th-sm > div.md-form{
    margin-top: 0em !important;
    margin-bottom: 0em !important;
} 
th.th-sm > div.md-form > input.md-form.md-outline .form-control{
    padding: 0.2rem 0.75rem 0.1rem 0.75rem !important;
}

ul#select-options-LocalesAdd {
    max-height: 10rem !important;
}
ul#select-options-ClienteAdd {
    max-height: 10rem !important;
}
ul#select-options-ClientSelectAdd{
    max-height: 10rem !important;
}
ul#select-options-kitSelectAdd{
    max-height: 10rem !important;
}