body{
    font-size : .875rem;
}

h1{
    padding : 20px 0;
}

#menuBtn{
    /*margin-left : 20px;*/
}

#menu{
    width      : 0;
    margin-top : 60px;
    /*height     : 300px;*/
}

#menu-closed{
    z-index     : 1020;
    width       : 15px;
    height      : 100% !important;
    position    : fixed;
    /*background-color : #2592AA;*/
    color       : #cccccc;
    padding-top : 200px;
    /*background-image : linear-gradient(to right, darkgray, white);*/
}

#menu-veil{
    width            : 100%;
    height           : 100%;
    position         : fixed;
    background-color : transparent;
    z-index          : 1040;
}

.navbar, .navbar-brand{
    color : #fcfcfc !important;
}

/*
 * Sidebar
 */
.sidenav{
    height           : 100%;
    width            : 0;
    position         : fixed;
    z-index          : 1050;
    top              : 0;
    left             : 0;
    background-color : darkgray;
    overflow         : hidden;
    transition       : 0.5s;
    padding-top      : 80px;

}

.sidenav a{
    /*padding         : 8px 8px 8px 32px;*/
    text-decoration : none;
    font-size       : 1rem;
    color           : #FFF;
    display         : block;
    transition      : 0.3s;
    white-space     : nowrap;
}

.sidenav a:hover{
    color : #f1f1f1 !important;
}

.sidenav .closebtn{
    position    : absolute;
    top         : -90px;
    right       : -20px;
    font-size   : 36px;
    margin-left : 50px;
}

.divider{
    background-color : #ccc;
    height           : 1px;
}

/*
 * Content
 */
[role="main"]{
    padding-top : 60px; /* Space for fixed navbar */
    /*padding-left  : 40px !important;*/
    /*margin-bottom : 90px;*/
}

/*
 * Navbar
 */
.navbar-brand{
    padding-top    : .75rem;
    padding-bottom : .75rem;
    margin-right   : 0px;
    font-size      : 1rem;
}

.navbar .form-control{
    padding       : .75rem 1rem;
    border-width  : 0;
    border-radius : 0;
}

.navbar .dropdown-item:hover{
    color  : #898686 !important;
    cursor : pointer;
}

/**
 * ExtraAquisti
 */
td[id^="extra"]{
    padding : 0;
}

.extra-container{
    background-color : #3a8ee6;
    padding          : 1px;
}

.extra-acquisti{
    background-color : #fbfbfb;
    padding          : 10px 20px;
    margin           : 0 -2px;
}

.z100{
    z-index : 100;
}

footer{
    position : fixed;
    bottom   : 0;
    right    : 0;
    height   : 30px;
    width    : 100%;
    clear    : both;
    z-index  : 1021;
}

footer img{
    height : 30px;
}

.strike{
    text-decoration : line-through;
}

.form-group .form-element .control-label{
    margin-bottom : 5px;
    font-weight   : 700;
}

.form-element input,
.form-element select{
    border-radius : 0;
    font-size     : 14px;
}

.bmd-form-group input{
    background          : no-repeat bottom, 50% calc(100% - 1px);
    background-color    : rgba(0, 0, 0, 0);
    background-image    : none, none;
    background-size     : auto, auto;
    background-color    : rgba(0, 0, 0, 0);
    background-image    : none, none;
    background-size     : auto, auto;
    background-size     : 0 100%, 100% 100%;
    border              : 0;
    border-bottom-style : none;
    border-bottom-width : 0px;
    transition          : background 0s ease-out;
    transition-duration : 0s;
    padding-left        : 0;
    padding-right       : 0;
    border-radius       : 0;
    font-size           : 14px;
    border-bottom       : 1px solid rgba(0, 0, 0, .125);
}

.bmd-form-group input:focus{
    background-color    : transparent;
    background-size     : 100% 100%, 100% 100%;
    transition-duration : .3s;
    box-shadow          : none;
    border              : none;
}

.btn-white.btn-just-icon{
    border-radius    : 50%;
    font-size        : 15px;
    overflow         : hidden;
    position         : relative;
    background-color : #fff;
    color            : #999;
    box-shadow       : 0 14px 26px -12px hsla(0, 0%, 60%, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px hsla(0, 0%, 60%, .2);
}

/*TOGGLE FILTER*/
.togglebutton{
    vertical-align : middle;
}

.togglebutton input[type="checkbox"]{
    opacity : 0;
    width   : 0;
    height  : 0;
}

.togglebutton label .toggle{
    text-align  : left;
    margin-left : 5px;
    cursor      : pointer;
}

.togglebutton label .toggle,
.togglebutton label input[type="checkbox"][disabled] + .toggle{
    content          : "";
    display          : inline-block;
    width            : 30px;
    height           : 15px;
    background-color : rgba(80, 80, 80, .7);
    border-radius    : 15px;
    margin-right     : 15px;
    transition       : background .3s ease;
    vertical-align   : middle;
}

.togglebutton label input[type="checkbox"]:checked + .toggle::after{
    left : 15px;
}

.togglebutton label .toggle::after{
    content          : "";
    display          : inline-block;
    width            : 20px;
    height           : 20px;
    background-color : #fff;
    border-radius    : 20px;
    position         : relative;
    box-shadow       : 0 1px 3px 1px rgba(0, 0, 0, .4);
    left             : -5px;
    top              : -2.5px;
    border           : 1px solid rgba(0, 0, 0, .54);
    transition       : left .3s ease, background .3s ease, box-shadow .1s ease;
}


.table td, .table th{
    vertical-align : baseline;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled{
    cursor   : pointer;
    position : relative;
    padding-left: 30px;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td{
    white-space : nowrap;
}

.table thead th{
    vertical-align : bottom;
    border-bottom  : 1px solid #dee2e6;
}

table.dataTable thead .sorting::before,
    /*table.dataTable thead .sorting:nth-child(3)::before,*/
table.dataTable thead .sorting::before{
    left   : 1em;
    content : "\2191";
}


table.dataTable thead .sorting::after,
    /*table.dataTable thead .sorting:nth-child(3)::after,*/
table.dataTable thead .sorting::after{
    left   : 0.5em;
    content : "\2193";
}

table.dataTable thead .sorting.ascending-sort::before,
    /*table.dataTable thead .sorting.ascending-sort:nth-child(3)::before,*/
table.dataTable thead .sorting.ascending-sort::before{
    color   : #000000;
    opacity : 1;
}

table.dataTable thead .sorting.ascending-sort::after,
    /*table.dataTable thead .sorting.ascending-sort:nth-child(3)::after,*/
table.dataTable thead .sorting.ascending-sort::after{
    opacity : 0.2;
}

table.dataTable thead .sorting.descending-sort::after,
    /*table.dataTable thead .sorting.descending-sort:nth-child(3)::after,*/
table.dataTable thead .sorting.descending-sort::after{
    color   : #000000;
    opacity : 1;
}

table.dataTable thead .sorting.descending-sort::before,
    /*table.dataTable thead .sorting.descending-sort:nth-child(3)::before,*/
table.dataTable thead .sorting.descending-sort::before{
    opacity : 0.2;
}


/*table.dataTable thead th:first-child::before,*/
/*table.dataTable thead th:first-child::after{*/
/*    content : "" !important;*/
/*}*/

table.dataTable thead .sorting::before,
table.dataTable thead .sorting::after{
    position : absolute;
    bottom   : 0.9em;
    display  : block;
    opacity  : 0.3;
}

.table td,
.table th{
    vertical-align : middle !important;
}

.collapse-icon-plus,
.collapse-icon-min{
    cursor        : pointer;
    font-size     : 13px;
    padding-right : 0 !important;
}

.collapse-icon-plus{
    color : #c90c0f;
}

.collapse-icon-min{
    color : #000000;
}

.row.odd,
.table-striped tbody tr.odd{
    /*background-color : rgba(0, 0, 0, .05);*/
    /*background-color : #eee;*/
}

.row.even,
.table-striped tbody tr.even{
    /*background-color : #fff;*/
    /*background-color : #FFFFFF;*/
}

.form-hidden-collapsed,
.form-hidden-collapsed tr{
    /*background-color : #fff !important;*/
}

.form-hidden-collapsed td{
    border : none;
}

.form-hidden-collapsed{
    border-bottom : 2px solid #c90c0f;
    border-right  : 2px solid #c90c0f;
    border-left   : 2px solid #c90c0f;
}

.border-magic{
    border-top   : 2px solid #c90c0f;
    border-right : 2px solid #c90c0f;
    border-left  : 2px solid #c90c0f;
}

.fa-check-circle{
    color : #21a801;
}

.fa-times-circle{
    color : #c90c0f;
}

form .form-element{
    margin : 10px 0;
}

.hiddenByFilter{
    display : none;
}

.error{
    color       : #c90c0f;
    font-weight : bold;
    font-size   : 80%;
}

/*SPINNER*/
.spin-wrapper{
    position        : fixed;
    width           : 100%;
    height          : 100vh;
    display         : flex;
    align-items     : center;
    justify-content : center;
    top             : 0px;
    left            : 0px;
    background      : rgba(248, 249, 250, .5);
    z-index: 999999;
}

.spin-wrapper .spinner{
    position         : absolute;
    height           : 60px;
    width            : 60px;
    border           : 3px solid transparent;
    border-top-color : #000000;
    top              : 50%;
    left             : 50%;
    margin           : -30px;
    border-radius    : 50%;
    animation        : spin 2s linear infinite;
}

.spin-wrapper .spinner:before, .spin-wrapper .spinner:after {
    content       : '';
    position      : absolute;
    border        : 3px solid transparent;
    border-radius : 50%;
}

.spin-wrapper .spinner:before{
    border-top-color : #c90c0f;
    top              : -12px;
    left             : -12px;
    right            : -12px;
    bottom           : -12px;
    animation        : spin 3s linear infinite;
}

.spin-wrapper .spinner:after {
    top              : 6px;
    left             : 6px;
    right            : 6px;
    bottom           : 6px;
    animation        : spin 4s linear infinite;
}

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


/*CUSTOMIZATION*/
body .align-middle{
    background-image : linear-gradient(to right, #310000 0, #c90c0f 100%, white);
}

.bg-info,
.btn-primary,
.btn-info,
#menu{
    background-color : #c90c0f !important;
}

.btn-primary,
.btn-info{
    border-radius : 0;
    border        : none;
    border-color  : none;
}

.btn-secondary{
    color            : #333;
    background-color : #fff;
    border-color     : #ccc;
    border-radius    : 0;
}

.bmd-form-group input:focus{
    background-image : linear-gradient(0deg, #c90c0f 2px, rgba(166, 0, 0, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
}

.togglebutton label input[type="checkbox"]:checked + .toggle{
    background-color : rgba(166, 0, 0, .9);
}

.togglebutton label input[type="checkbox"]:checked + .toggle::after{
    border-color : #c90c0f;
}

.page-item.active .page-link{
    background-color : #d8bf6c;
    border-color     : #d8bf6c;
}

.page-link{
    color            : #c90c0f;
    background-color : #fff;
    border           : 1px solid #dee2e6;
}

.page-link:hover{
    color            : #fff;
    background-color : #c90c0f;
    border           : 1px solid #a60000;
}

.fa-envelope{
    color  : #c90c0f;
    cursor : pointer;
}

.fa-download{
    /*color  : #d8bf6c;*/
    color  : #c90c0f;
    cursor : pointer;
}

a.btn.disabled,
fieldset:disabled a.btn,
.btn-link.disabled,
.btn-link:disabled{
    pointer-events : unset;
}

.disabled{
    cursor : not-allowed;
}

.disabled .fa-envelope,
.disabled .fa-download{
    color  : lightgray;
    cursor : not-allowed;
}

.dropdown-menu a{
    color          : #000000;
    font-weight    : bold;
    text-transform : uppercase;
}

.dropdown-menu a.bg-danger{
    color          : white !important;
    font-weight    : bold;
    text-transform : uppercase;
}

.card-header.transparent-header{
    background-color : transparent;
    border-bottom    : none;
}

.bordered-bottom{
    border-bottom : 1px solid #990a2c;
}

.badge-danger{
    background-color : #c90c0f;
}

.lang-selected {
    background-color : #c90c0f;
    color: white !important;
}

.validator-error-container{
    padding: 15px;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.mail-error{
    color: #c90c0f;
    font-weight: bold;
    font-size: 100%;
    font-family: "Barlow-ExtraBold", sans-serif

}


.associazioni-select .dropdown-menu{
    width: 280px;
}



.parking-container .associazioni-select .dropdown-menu{
    transform: translate3d(-5px, 0px, 0px);
}

@media (min-width : 320px) and (max-width : 575.99px){
    h5.bordered-bottom{
        font-size       : 11px;
        font-weight     : 700;
        justify-content : center !important;
    }

    span.mobile-agency{
        font-size : 11px;
    }

    .btn-primary,
    .btn-info{
        font-size : 90%;
    }

    .card-body{
        padding-top : 0;
    }

    #dashboardSearch .control-label,
    .all-rows-mobile-container .control-label{
        font-size:11px;
    }
    .additional-filter-row .toggle-perf{
        padding-right : 0;
    }

    .additional-filter-row .toggle-notperf{
        padding : 0;
    }

    .additional-filter-row .togglebutton{
        font-size : 85%;
    }
    .data-box-mobile-cont .titolare-td,
    .data-box-mobile-cont .seattype-td{
        margin: 7px 0;
        display: flex;
    }
    .data-box-mobile-cont .seattype-td{
        flex-direction: column;
    }
    .data-box-mobile-cont label{
        margin:0;
        font-size:11px;
    }
    .data-box-mobile-cont .action-td{
        margin:7px 0;
    }
    .form-element input,
    .form-element select{
        font-size: 11px;
    }
    .btn-small{
        height: 25px;
        width: 50px;
        font-size: 11px;
        display: flex;
        justify-content: center;
        align-content: center;
        align-self: center;
        align-items: center;
    }
    .modal-header{
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }
    .modal-header h5{
        font-weight: bold;
        text-transform: uppercase;
        font-size: 13px;
    }
    .close{
        opacity:1;
        font-size: 16px;
    }
    .modal-body{
        padding:10px;
    }
    .modal-body .modal-details-box{
        display:flex;
        flex-direction: column;
    }
}