body {
    padding-top: 56px;
}

.clickableTableRow{
    cursor:pointer;
}

.clickableTableRow:hover{
    background-color: rgba(43, 191, 218, 0.3)!important;
}

.modal.fullscreen {
    padding: 0 !important; /* override inline padding-right added from js */
}
.modal.fullscreen .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal.fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.modal.fullscreen .modal-body {
    overflow-y: auto;
}

.modal.fullscreen .modal-header {
    background-color: #2bbfda!important;
    color: #FFFFFF;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0.5rem 1rem;
}

.modal.fullscreen .modal-title{
    font-size: 1.25rem;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-weight: normal;
}

.modal.fullscreen .modal-header .close{
    color: #FFFFFF;
    opacity: 1;
}

#worshifts-table #side-list{
    overflow: auto;
    min-width: 100px;
    width: 100px;
    max-width: 100px;
    border-right: 2px solid #dee2e6;
    overflow: hidden;
}

#worshifts-table .side-user, #worshifts-table .turn-cell{
    height: 74px;
    line-height: 17px;
    padding-left:4px;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #dee2e6;
}

#worshifts-table #infinite-list{
    border-bottom: 2px solid #dee2e6;
    border-left: 2px solid rgba(0,0,0,0);
}

.cRowV{
    text-align: center;
}

.turniCellWidth{
    width: 130px;
    min-width: 130px;
    max-width: 130px;
}

.cRowV .turn-cell .empty{
    line-height: 74px;
}

.calendar .cRow:hover{
    background-color: rgba(43, 191, 218, 0.3)!important;
}

.calendar .cRow{
    cursor:pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #dee2e6;
}

.calendar .cDatAbox .no-alert, #prev-events-container .cDatAbox .no-alert{
    padding-top: 16px;
    padding-left: 8px;
    color: #CCCCCC;
}

.alert-custom{
    color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .1);
}

#prev-events-container .prev-events-row{
    display: flex;
}

#prev-events-container .prev-events-row .alert{
    flex : 1;
    padding: 4px 8px 8px 8px;
    margin-right: 8px;
}

.calendar .cDatAbox .alert, #prev-events-container .cDatAbox .alert{
    margin-bottom: 5px;
    padding: 4px 8px 8px 8px;
}

.calendar .cToday .cDatebox, #worshifts-table .cToday .cDateboxV{
    background-color: #f90;
    color : #FFFFFF;
}

.calendar .cDatebox{
    padding-left: 5px;
    padding-right: 5px;
    min-width: 85px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0,0,0,0.05);
}

.calendar .cAppTime, #prev-events-container .cAppTime{
    font-weight: bold;
    line-height: 21px;
    font-size: 13px;
    display: block;
}

.calendar .cDatAbox, #prev-events-container .cDatAbox{
    flex : 1;
    padding: 5px 5px 0px 5px;
}

.calendar .cWeekday{
    font-size: 12px;
    display: block;
    line-height: 20px;
}

.calendar .cDay{
    font-size: 30px;
    display: block;
    line-height: 30px;
}

.calendar .cMonthYear{
    font-size: 10px;
    display: block;
    line-height: 22px;
}



#fabContainer {
    position: fixed;
    bottom : 4px;
    right: 10px;
}

.breadcrumb{
    border-radius: 0;
}

.planning-month{
    font-size: small!important;
}

.planning-nessun-turno{
    padding: 8px;
    border-radius: 8px;
    color: #FFF;
    background: #AAAAAA;
}

#menuItemsList .fas{
    width:30px;
}

.button-fab{
    font-weight: bold;
    border-radius: 20px;
}

.bg-primaryLight {
    background-color: #d5e3f6;
}

#usersTable .font-14 {
    font-size: 14px;
}

.dotsMenu:after {
    content: '\2807';
    font-size: 1em;
    color: #2e2e2e;
    border: none;
}

.tooltip-inner {
    max-width: 500px;
}

#usersTable .btn-less-pad {
    padding: .29rem .45rem;
}

@media (hover: hover) {
    .light-over:hover {
        background-color: #EFEFEF;
    }
}

@media (max-width: 575.98px) {
    #logoImage {
        max-width: 250px;
    }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.form-signin {
    width: 100%;
    max-width: 500px;
    padding: 15px;
    margin: 0 auto;
}

#flashMessage {
    position: fixed;
    top: 70px;
    z-index: 1100;
    right: 10px;
    color: #FFFFFF;
    opacity: 0.9;
}

#flashMessage.hidden {
    -webkit-animation: fadeInFromNone 1s ease-out;
    -moz-animation: fadeInFromNone 1s ease-out;
    -o-animation: fadeInFromNone 1s ease-out;
    animation: fadeInFromNone 1s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: block;
        opacity: 1;
    }

    99% {
        display: block;
        opacity: 0;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: block;
        opacity: 1;
    }

    99% {
        display: block;
        opacity: 0;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: block;
        opacity: 1;
    }

    99% {
        display: block;
        opacity: 0;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: block;
        opacity: 1;
    }

    99% {
        display: block;
        opacity: 0;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@media (max-width: 767.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 56px;
        /* Height of navbar */
        bottom: 0;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        background-color: var(--gray-dark);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .offcanvas-collapse.open {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem);
        /* Account for horizontal padding on navbar */
    }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    color: rgba(255, 255, 255, .75);
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: var(--secondary);
}

.nav-underline .nav-link:hover {
    color: var(--blue);
}

.nav-underline .active {
    font-weight: 500;
    color: var(--gray-dark);
}

#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
  }
  
  /* Show the snackbar when clicking on a button (class added with JavaScript) */
  #snackbar.show {
    visibility: visible; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: snackbarfadein 0.5s, snackbarfadeout 0.5s 2.5s;
    animation: snackbarfadein 0.5s, snackbarfadeout 0.5s 2.5s;
  }
  
  /* Animations to fade the snackbar in and out */
  @-webkit-keyframes snackbarfadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
  }
  
  @keyframes snackbarfadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
  }
  
  @-webkit-keyframes snackbarfadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
  }
  
  @keyframes snackbarfadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
  }