/*
 * Utopia, a tiny personnal MVC framework based in Switzerland
 * Copyright (C) Pierre-Auguste Lambelet <pierre-auguste@lambelet.net>
*/
/* MAIN CSS, use custom.css to call other themes */

@import '/css/custom.css';


/*************/
/* CSS FIXES */
/*************/

/*
grid-breakpoints:
  xs: 0
  sm: 576px
  md: 768px
  lg: 992px
  xl: 1200px
  xxl: 1400px
*/

/* Invoice printing: suppress last white page */
html {
    height: 100%;
}

/* Help with summernote */
textarea, textarea#description {
    /* height: 100%; */
}

/* used as content top-margin to avoid content being hidden by the navbar */
#page-title {
    height: 45px;
    overflow: hidden;
}

/* When there was not enough row in the table, item dropdown menu failed */
.table-responsive {
    /*min-height: 270px;*/
}


/* reduce font-size for printing */
@media print {
    .d-print-small {
        font-size: 5pt;
    }
    /* remove middle white page when printing invoices */
    .navbar, .invisible {
        display: none;
    }
}

@media (min-width: 992px) {
    .medium-sticky {
        position: sticky;
        top: 50px;
    }
}
@media (min-width: 992px) {
    /* Navigation */
    .navbar {
        padding-top: .75rem;
        padding-bottom: .25rem;
        box-shadow: none;
        transition: all 0.2s;
    }
    .top-nav-collapse {
        padding-top: 0rem;
        padding-bottom: 0rem;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
    }
    
}

#totop-button {
    position: fixed; 
    z-index: 99; 
    bottom: 20px; 
    right: 20px; 
    display: none; 
    width: 52px;
    height: 52px;
    border: none; 
    border-radius: 50%; 
    outline: none; 
    background-color: #44434a; 
    cursor: pointer; 
}
#totop-button:hover {
    background-color: #1d1d21;
}
#totop-button img {
    margin-bottom: 0.25rem;
    width: 18px;
}

.olControlAttribution {
    bottom: 0 !important;
}