:root {
    --c-primary: #BE1522;
    --c-bg-light: #F7F6F4;
    --borderRadius: 5px;
}


body {
    font-family: 'Lato';
}

.fa-btn {
    margin-right: 6px;
}


/*HEADER*/
.headerNav {
    border: 2px solid var(--c-primary);
    border-radius: var(--borderRadius);
    background-color: var(--c-primary);
    opacity: 0.9;
    z-index: 2000;
}

.headerNav span {
    color: white !important;
    font-weight: bold;
    text-shadow: 0 0 1px black;
}
/*HEADER*/

/* Font Awesome*/
.far, .fas {
    color: var(--c-primary);
}
/* Font Awesome*/
/* DATATABLE */

table.dataTable tbody tr:nth-child(even) {
    background-color: #d9d9d9;
}

table.dataTable tbody tr:hover {
    background-color: #bfbfbf !important;
}
/* DATATABLE */

/*GENERALE*/
.divDentroDatatable {
    position: absolute;
    z-index: 1000;
}

.divDentroDatatable a {
    color: var(--c-primary);
}

.bodyIndexTitoloSingolo {
    text-align: center;
    margin-bottom: .25rem;
}

.bodyIndexTitoloSingolo span {
    font-weight: bold;
    font-size: larger;
    text-shadow: 0 0 3px black;
    color: var(--c-bg-light);
}

.buttonRed {
    background-color: var(--c-primary);
    font-weight: bold;
    font-size: medium;
    text-shadow: 0 0 3px black;
    color: var(--c-bg-light);
    border-radius: var(--borderRadius);
    border-color: white !important;
    border-width: 2px
}

.buttonRed:hover {
    color: #d9d9d9 !important;
}

.bodyIndex {
    padding: 4px;
    border: solid 2px var(--c-primary);
    background-color: var(--c-bg-light);
    border-radius: var(--borderRadius);
    margin-top:2px;
    margin-left:12px;
    margin-right:12px;
}

.bodyIndexSingolo{
    width:100%;
}
.bodyIndexLeft {
    width: 60%;
    float: left;
}
.bodyIndexRight {
    width: 39%;
    margin-left: 10px;
    float: right !important;
}

#modalGlobale{
       margin-top:100px;
}

.spinner-border {
    color: var(--c-primary);
}

.paginate_button.current {
    border-color: var(--c-primary) !important;
    /*background: var(--c-bg-light) !important;*/
}
.paginate_button:hover {

    background: var(--c-primary) !important;
    border-color: var(--c-primary) !important;
}
/*GENERALE*/
/*TAB*/
.ui-tabs-tab {
    background: var(--c-bg-light);
    border-right: 1px solid var(--c-primary) !important;
    border-left: 1px solid var(--c-primary) !important;
    border-top: 1px solid var(--c-primary) !important;
}
.ui-tabs-tab.ui-tabs-active {
    background: var(--c-primary) !important;
}
/*TAB*/
.hidescrollbar::-webkit-scrollbar {
    display: none;
}
.buttonclass{
    color:white;
    width:200px;
    border:0px;
    border-radius:10px;
    height:40px;
    -moz-box-shadow:     3px 3px 8px -6px black;
    -webkit-box-shadow:  3px 3px 8px -6px black;
    box-shadow:          3px 3px 8px -6px black;
}
.green{
    background-color:#AABE5B;
}
.red{
    background-color:#DF315E;
}