/*!* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification*/
/*for details on configuring this project to bundle and minify static web assets. *!*/

/*!*  START*/
/*    Componenti principali*/
/*-------------------------------------------------- *!*/

*::selection{
    background-color: #ee7b1577;
    color: var(--color-secondary);
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--color-background);
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Montserrat', sans-serif;
}

.material-symbols-outlined{
    user-select: none;
}

.content-body {
    margin-top: 1.5em;
    /*Perchè sì*/
    width: 1%;
}

.loading-icon {
    font-size: 25px;
}

.container {
    max-width: 100% !important;
    flex: 1 0 auto;
}

.page-container {
    max-width: 100% !important;
    background-color: var(--color-background-section);
    border-radius: 10px;
    margin: 10px 0;
    padding: 15px;
}

.partial-container {
    background-size: 5vmin 5vmin;
    max-width: 100% !important;
    background-color: var(--color-background-section);
    border-radius: 10px;
    margin: 10px 0;
    padding: 15px;
}



.btn-main {
    color: var(--color-background);
    background-color: var(--color-secondary);
    padding: 0.375rem 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem !important;
    border: none;
}

.btn-main-light {
    background-color: var(--color-secondary-light);
    color: var(--color-secondary);
    padding: 0.375rem 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem !important;
    border: none;
}



.grid-function {
    cursor: pointer;
    padding: 5px;
}

.grid-function:hover {
    color: var(--color-primary);
}

.layout-footer {
    flex-shrink: 0;
    color: var(--color-background) !important;
    background-color: var(--color-primary);
    z-index: 2;
}

.text-footer {
    color: var(--color-background) !important;
}



.color-primary{
    color: var(--color-primary) !important;
}

.color-secondary{
    color: var(--color-secondary) !important;
}

.color-success {
    color: var(--color-green) !important;
}

.color-danger {
    color: var(--color-red) !important;
}

.color-bg {
    color: var(--color-background) !important;
}

.bg-primary{
    background-color: var(--color-primary) !important;
}

.bg-secondary{
    background-color: var(--color-secondary) !important;
}

.bg-secondary-light{
    background-color: var(--color-secondary-light) !important;
}

.bg-success {
    background-color: var(--color-green) !important;
}

.bg-danger {
    background-color: var(--color-red) !important;
}


.loader {
    position: fixed;
    top: calc(50% - 75px);
    left:  calc(50% - 75px);
    border: 6px solid var(--color-secondary); /* Light grey */
    border-top: 6px solid var(--color-primary); /* Blue */
    border-radius: 50%;
    width: 75px;
    aspect-ratio: 1;
    animation: spin 2s linear infinite;
    z-index: 1000;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}