/*
    Mobile: 1 --> 991               @media (max-width: 991px) { }
    Tablet: 992 --> 1199            @media (min-width: 992px) and (max-width: 1199px) { }
    Desktop: 1200 --> infinito      @media (min-width: 1200px) { }
    Table + Desktop: 992 --> inf    @media (min-width: 992px) { }
*/

.link_header,
.link_dashboard {
    cursor: pointer;
    color: #1E1E1E;
    border: 1px solid #D9D9D9;
    background-color: white;
    text-decoration: none;
    text-align: left;
}

.link_dashboard {
    font-size: 18px;
}

.link_header.active,
.link_header:active,
.link_header:hover,
.link_header:focus,
.link_dashboard.active,
.link_dashboard:active,
.link_dashboard:hover,
.link_dashboard:focus {
    background-color: #F5F5F5;
    text-decoration: none;
}

.link_dashboard img{
    height: 30px;
    margin: 0 20px 0 20px;
}

/*--- Solo Mobile ---*/
@media (max-width: 991px) {
    .link_header,
    .link_dashboard {
        display: block;
        margin: 5px;
        padding: 4px 5px 0 5px;
        border-radius: 5px;
    }

    .title_dashboard {
        display: block;
        margin: 5px;
    }
}

/*--- Tablet + Desktop ---*/
@media (min-width: 992px) {
    .link_header {
        margin: 2px 2px 2px 2px;
        padding: 10px 5px 10px 10px;
        border-radius: 10px;
    }

    .link_dashboard {
        display: block;
        margin: 10px 10px 10px 10px;
        padding: 17px 5px 17px 10px;
        border-radius: 15px;
    }

    .title_dashboard {
        display: block;
        margin: 10px;
    }

    .link_dashboard.active,
    .link_dashboard:active,
    .link_dashboard:hover,
    .link_dashboard:focus {
        margin-right: 0px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
}

.link_dashboard_admin {
    color: red;
    border: 1px solid red;
    background-color: white;
    text-decoration: none;
    text-align: left;
}

.link_dashboard_admin.active,
.link_dashboard_admin:active,
.link_dashboard_admin:hover,
.link_dashboard_admin:focus {
    color: white;
    background-color: red;
    text-decoration: none;
}

.link_need_create, .link_need_create:hover {
    background-color: rgba(0, 122, 255, 0.15);
    color: #007aff;
}

.link_principal_create, .link_principal_create:hover {
    background-color: rgba(119, 221, 119, 0.15);
    color: #007848;
}

/* serve per loadResults in form.js lanciata da modal_principal_keywords */
.link_principal_keywords{
    display: block;
    float: left;
    border-radius: 8px;
    min-height: 10px;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(121, 116, 126, 1);
    color: #49454f;
    text-align: center;
    letter-spacing: 0.1px;
    font-weight: 700;
    padding: 6px 16px;
    margin: 5px;
}

.link_principal_keywords_noresults{
    width: 100%;
    text-align: center;
    color: #49454f;
    letter-spacing: 0.1px;
    font-weight: 700;
}

.app_menu .link_dashboard,
.app_menu .link_header,
.app_menu .title_dashboard{
    display: block;
    margin: 0;
    padding: 10px 10px 10px 10px;
    border-radius: 0;
    border: 1px solid #D9D9D9;
    font-size: 18px;
}

.link_close {
    margin: 4px 8px -16px auto;
    height: 40px;
    color: black;
}

.link_close .fas {
    color: black;
    font-size: 30px;
}