button:focus {
    outline: none !important;
}

.mat-dialog-content {
    font-size: 12px !important;
    padding: 0 0 !important;
    height: calc(100% - 104px);
    max-height: calc(100% - 104px) !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, 
.col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, 
.col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, 
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    display: inline-block;
}

.mat-nav-list .mat-list-item {
    height          : 37px !important;
    margin-top      : 4px !important;
    margin-bottom   : 4px !important;
}

.mat-list-base .mat-list-item {
    font-size               : 13px !important;
    font-weight: 500;
}

.mat-expansion-panel-header {
    font-size               : 13px !important;
    font-weight: 500;
}

.mat-expansion-indicator::after, .mat-expansion-panel-header-description {
    color                   : #e2e8f0;
}

.mat-toolbar-multiple-rows {
    min-height: 50px !important;
}

.mat-form-field {
    display: block !important;
    font-size: 12px !important;
}

/* .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0px !important;
} */

/* .mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 0 !important;
} */

table {
    width: 100%;
}

.breadcrumb {
    font-size: 12px !important;
}

.mat-paginator-page-size {
    margin-right: 0px !important;
    margin-top: 16px;
}

.mat-paginator-page-size-select {
    margin: -13px 4px 0 4px !important;
}

tr.mat-footer-row, tr.mat-row {
    height: 24px !important;
}

.mat-cell, .mat-footer-cell {
    font-size: 11px !important;
}

td.mat-cell, td.mat-footer-cell, th.mat-header-cell {
    padding: 5px 8px !important;
    border: none; 
    /* 1px solid #f1f1f1 !important; */
    color: #4a4a4a !important;
    /* font-family: apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif; */
    /* border-bottom-color: #eee !important; */
}

.mat-sort-header-arrow {
    color: #009688 !important;
}

.btn-stroked-button {
    line-height: 30px !important;
    font-size: 12px !important;
    margin-right: 4px !important;
    margin-bottom: 3px !important;
}

/* .mat-dialog-container {
    padding: 0px !important;
} */

/* .mat-cell, .mat-footer-cell {
    color: #4f5558 !important;
} */

th.mat-header-cell {
    /* background: #0078bd;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    border: 1px solid #e6e6e6 !important; */
    background: #f7f7f7;
    color: #565656 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    border: 1px solid #e6e6e6 !important;
}

tr.mat-header-row {
    height: 25px !important;
}

.mat-card-header .mat-card-title {
    margin-bottom: 4px !important;
}

.mat-card-subtitle:not(:first-child), .mat-card-title:not(:first-child) {
    margin-bottom: 6px !important;
}

.btn-table {
    font-size       : 11px !important;
    height          : 19px !important;
    margin-right    : 4px !important;
    min-width       : 0 !important;
    line-height     : 1 !important;
    padding         : 0px 6px !important;
}

/* BOTONES STEP */
.bg-next {
    color: white !important;
    background: #8096a4 !important;
    margin-right: 6px !important;
}

.bg-save {
    background: #3f51b5 !important;
    color: white !important;
    margin-left: 6px !important;
}

/* CURRENCY */
.currency {
    text-align: right;
}

input.currency::-webkit-outer-spin-button,
input.currency::-webkit-inner-spin-button {
display: none;
}

input.currency {
-moz-appearance: textfield;
}

/* COLORES BOTONES*/

.bg-default {
    color: rgba(255, 255, 255, 0.87) !important;
    background-color: #006bb2 !important;
}

/* MAT-AUTOCOMPLET */
.mat-autocomplete-panel .mat-option {
    height: 36px !important;
    font-size: 12px !important;
}

/* TEXTO SLIDE TOGGLE*/
.mat-slide-toggle-content {
    font-size: 12px;
}

/* DIALOG -> INICIAL */
.mat-dialog-container {
    padding                     : 0px !important;
    border-radius               : 4px !important;

    -webkit-box-shadow          : 0px 0px 5px 0px rgba(60,60,60,1);
    -moz-box-shadow             : 0px 0px 5px 0px rgba(60,60,60,1);
    box-shadow                  : 0px 0px 5px 0px rgba(60,60,60,1);
}

.mat-dialog-title {
    background-color: #ffffff !important;
    padding: 9px 15px !important;
    color: #151b26;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 0 0 0 !important;
    border-bottom: 1px solid #d8d8d8 !important;
    font-family: apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
} 

.mat-dialog-title .close-button {
    color                       : #000;
    font-size                   : 16px;
    float                       : right;
    width                       : 16px;
    height                      : 16px;
}

.mat-dialog-title .close-button:hover {
    opacity                     : 0.35;
    cursor                      : pointer;
}

.mat-dialog-content {
    font-size                   : 16px !important;
    margin                      : 0 0 0 0 !important;
    padding                     : 15px 0 !important;
    height                      : calc(100% - 104px);
    max-height                  : calc(100% - 104px) !important;
}


.mat-dialog-actions {
    padding                     : 8px 8px !important;
    height                      : 50px;
    justify-content             : flex-end;
    border-top                  : 1px solid #efefef;
    /* box-shadow                  : 0px -2px 4px 0px rgba(0,0,0,0.10) !important; */
}

.mat-dialog-actions .row {
    margin-left                 : 0px;
    margin-right                : 0px;
}

.btn-dialog-close {
    background: #f9f9f9 !important;
    border: 1px solid #c7c7c7 !important;
    color: #000000 !important;
}

/* DIALOG -> FIN */

/* TOAST */
.toast-container.toast-top-center .ngx-toastr {
    width: 500px !important;
}

.toast-container .ngx-toastr {
    box-shadow: none !important;
}

.toast-title {
    font-size: 15px;
}

.toast-message {
    font-size: 15px;
}

.toast-error {
    background-color: #F44336 !important;
}

.toast-success {
    background-color: #4CAF50 !important;
}

/* SWAL ALERT */
.swal2-popup .swal2-header,
.swal2-popup .swal2-title {
    font-size               : 17px !important;
}

.swal2-popup .swal2-content {
    font-size               : 14px;
    padding                 : 0px 0 !important;
}

.swal2-styled.swal2-confirm {
    font-size: 15px !important;
}

.swal2-styled.swal2-cancel {
    font-size: 15px !important;
}

/* .swal2-popup .swal2-styled.swal2-confirm:focus,
.swal2-popup .swal2-styled.swal2-cancel:focus { 
    box-shadow: none !important;
} */

.swal2-popup.swal2-toast {
    box-shadow: 0 0 7px 2px #9E9E9E !important;
}

/* CHECKBOX */
.mat-checkbox-layout .mat-checkbox-label {
    font-size: 12px !important;
}

label.mat-checkbox-layout{
    margin-bottom: 0px !important;
    margin-right: 4px !important;
}

.btn-file {
    font-size: 12px !important;
    height: 30px !important;
    margin-right: 4px !important;
    min-width: 0 !important;
    line-height: 1 !important;
    padding: 0px 12px !important;
}