/*
 * Cambios de estilos del Angular Material
 * Que no requieran de variables SASS
 * Ej: layout-padding, layout-margin ...
 */

/*===========================*/
/*#region @mediaQueries Material*/

/*xs*/
@media (max-width: 599px) {
    .layout-padding-xs {
        padding: 8px;
    }

    [layout-wrap-xs] {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
/*gt-xs*/
@media (min-width: 600px) {
    .layout-padding-gt-xs {
        padding: 8px;
    }

    [layout-wrap-gt-xs] {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/*sm*/
@media (min-width: 600px) and (max-width: 959px) {
    .layout-padding-sm {
        padding: 8px;
    }

    [layout-wrap-sm] {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
/*gt-sm*/
@media (min-width: 960px) {
    .layout-padding-gt-sm {
        padding: 8px;
    }

    [layout-wrap-gt-sm] {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/*md*/
@media (min-width: 960px) and (max-width: 1279px) {
    .layout-padding-md {
        padding: 8px;
    }

    [layout-wrap-md] {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
/*gt-md*/
@media (min-width: 1280px) {
    .layout-padding-gt-md {
        padding: 8px;
    }

    [layout-wrap-gt-md] {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/*lg*/
@media (min-width: 1280px) and (max-width: 1919px) {
    .layout-padding-lg {
        padding: 8px;
    }

    [layout-wrap-lg] {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/*gt-lg y xl*/
@media (min-width: 1920px) {
    .layout-padding-gt-lg {
        padding: 8px;
    }

    [layout-wrap-gt-lg] {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/*#endregion*/
/*===========================*/

md-content {
    background-color: rgb(255, 255, 255);
}

md-input-container .md-input {
    height: 20px;
}

.md-headline {
    font-weight: 900;
}

.md-subhead .label {
    font-family: adineueproblack;
    color: #414141;
    font-size: 15px;
    padding: 0;
}

.md-card-inverse {
    background-color: #0f0f0f;
    color: white;
}

.md-tooltip.md-tooltip-danger {
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
    height: auto;
    background-color: rgb(188, 0, 0);
    font-size: 14px;
    font-weight: 600;
}

.md-tooltip.md-tooltip-success {
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
    height: auto;
    background-color: rgb(0, 159, 32);
    font-size: 14px;
    font-weight: 600;
}

md-input-container .md-input[disabled] {
    color: black;
}

md-checkbox .md-container:after {
    right: 0px;
    left: 0px;
}

md-checkbox .md-label {
    margin-left: 15px;
}