html * {
    font-family: Calibri;
}

#trumbowyg-box *, #trumbowing-footer-page *, #news-page-box * {
    font-family: unset;
}

/* aggiunto per gestire i margini su p da togliere o trovare altra soluzione */
#news-page-box p {
    font-family: unset;
    margin: 0;
}

body
{
    /*display:  table;*/
    width:    100%;
    height:   100%;
    background-color: var(--background-primary-color-admin, black);
    color: var(--main-text-color-admin, white);
}

input[type=search]::-webkit-search-cancel-button
{
    -webkit-appearance: searchfield-cancel-button;
}

.disable_overflow
{
    overflow: hidden !important;
}

*:focus
{
    outline: 0 !important;
}

.btn:focus
{
    outline: none !important;
}

span:focus
{
    
    outline: none !important;
}

.login_alert
{
    position:   absolute !important;
    margin-top: 50px !important;
}

.img_header_table_width_20
{
    width: 20px !important;
}

.dropdown-menu
{
    display:                     none;
    -webkit-transform-origin:    top;
    transform-origin:            top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:         forwards;
    -webkit-transform:           scale(1, 0);
    -webkit-transition:          all 0.2s ease-in-out;
    -moz-transition:             all 0.2s ease-in-out;
    transition:                  all 0.2s ease-in-out;
}

.open > .dropdown-menu
{
    -webkit-transform: scale(1, 1);
    transform:         scale(1, 1);
    display:           block;
    /*margin-top:        0;*/
    position: absolute;
    /* left: auto; */
    right: 0;
    /*margin-left: -390%;*/
    background-color: var(--background-primary-color-video, black);    
}

.dropdown-menu > li > a 
{
    color: var(--main-text-color-video, white);
}
.overlay
{
    display:  none;
    position: fixed;
    height:   100%;
    width:    100%;
    z-index:  9999999999999999;
    opacity:  0.5;
    filter:   alpha(opacity=50);
}

.close_bab_alert
{
    float:       right;
    margin-left: 22px;
    display:     inline-block;
    cursor:      pointer;
}

#loader_submit_modal_click
{
    right:    0;
    left:     0;
    top:      42%;
    position: absolute;
    display:  none;
    z-index:  999999999999999999;
}

.bab_form
{
    border-radius: 0;
    height:        40px;
}

.deleter_text
{
    margin-top: 9px;
    font-size:  large;
}

.deleter_text_rel
{
    font-size:   large;
    font-weight: 700;
}

.loading_screen_text
{
    margin-top: 9px;
    font-size:  large;
}

.loading_screen_subtext
{
    font-size:   large;
    font-weight: 700;
}

.bab_form_error
{
    border-radius:       0;
    height:              40px;
    animation:           fade-out-div 1s ease-in-out;
    -webkit-animation:   fade-out-div 1s ease-in-out;
    -moz-animation:      fade-out-div 1s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay:     6s;
}

.error_password.alert.alert-danger.form-control
{
    height: 50px;
}

.error_page_div
{
    position: absolute;
    top:      45%;
    left:     0;
    bottom:   0;
    right:    0;
    margin:   auto;
    width:    430px;
}

.twig_error_bab
{
    width:          347px;
    padding-bottom: 30px;
}

.alert_bab_container
{
    position:            relative;
    width:               100%;
    display:             flex;
    z-index:             999999999999;
    justify-content:     center;
    animation:           fade-out-div 0.4s ease-in-out;
    -webkit-animation:   fade-out-div 0.4s ease-in-out;
    -moz-animation:      fade-out-div 0.4s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay:     6s;
}

.alert_bab
{
    position:   absolute;
    margin-top: 112px;
    max-width:  349px;
    word-wrap:  break-word;
    text-align: left;
}

.table_superadmin .td_table_file:not(.td_table_file_icon)
{
    max-width:     100px;
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
}

.carousel-box-image:hover .hide-on-mouseover{
    display: none !important;
}

.mouseover-alt-image{
    display: none !important;
}

.carousel-box-image:hover .mouseover-alt-image{
    display: block !important;
}

@keyframes fade-out-div
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity:    0;
        visibility: hidden;
        position:   absolute;
    }
}

@-webkit-keyframes fade-out-div
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity:    0;
        visibility: hidden;
        position:   absolute;
    }
}

@-moz-keyframes fade-out-div
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity:    0;
        visibility: hidden;
        position:   absolute;
    }
}