﻿
md-toolbar.menu-top.fixed {
    position: fixed;
}

.ultimaConexion {
    font-size: 10px !important;
    margin-bottom: -6px;
}

/*#region Selector de años*/

.dropdown.selectAnyos {
    height: 35px;
    font-size: 15px !important;
    font-weight: 800;
    /*width: 85px;*/
}

.selectAnyoSelect.form-control {
    width: 100% !important;
}

/*#endregion*/


/*#region Menú lateral*/

.site-sidenav {
    background: white;
}

    .site-sidenav md-content {
        background: transparent;
    }

    .site-sidenav,
    .site-sidenav.md-locked-open-add-active,
    .site-sidenav.md-locked-open {
        width: 272px;
        min-width: 272px;
        max-width: 272px;
    }

        .site-sidenav > * {
            min-width: 218px;
        }

.sidebar-menu,
.sidebar-menu ul {
    list-style: none;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
}

    .sidebar-menu li {
        padding: 5px;
    }

    .sidebar-menu .md-button {
        border-radius: 0;
        color: white;
        cursor: pointer;
        display: block;
        -webkit-box-align: inherit;
        -webkit-align-items: inherit;
        align-items: inherit;
        line-height: 40px;
        margin: 0;
        max-height: 40px;
        overflow: hidden;
        padding: 0px 16px;
        text-align: left;
        text-decoration: none;
        white-space: normal;
        width: 100%;
    }

.site-sidenav .navigation-header {
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
}

.site-sidenav .navigation-header .app-logo {
    background-size: 40% !important;
    background-repeat: no-repeat !important;
}

.site-sidenav .user-header {
    background: rgba(7, 7, 7, 0.62);
}

.sidebar-menu a {
    text-decoration: none;
}

md-sidenav.bg-menu-lateral {
    height: 100%;
}
/*#endregion*/



/* 
#8400: Estilos para los que los botones añadidos extra al dashboard principal de cliente que vayan
metidos dentro de su propio tag de control de angular "sat-menu-clientes", en lugar de puestos
directamente sus enlaces <a > como el resto de botones.
 Este estilo es necesario si se quiere mantener la encapsulación de
    \appclientes\mainv2\App.Web\ScriptsApp\appSAT\clientes\menuClientes\menu.component.ts
*/
sat-menu-clientes {display: inherit; width: 100%;}
sat-menu-clientes > a {max-width: 33%;}
/* Ajustamos ligeramente los iconos para separarlos un poco del texto en ese menú lateral */
clientes-menu-ficha .dashboard-buttons .mdi {margin-bottom: 3px;}