@font-face {
    font-family: "Metropolis-Light";
    src: url("/fonts/Metropolis-Light.woff2")
}

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
/*a {
    color: #0366d6;
}*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
/*html {
    position: relative;
    min-height: 100%;
    height: 100%;
}*/

html, body {
    font-family: "Metropolis-Light", Helvetica, Arial, sans-serif;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/*https://stackoverflow.com/questions/35943015/bootstrap-100-height*/

body {
    /*background: green;*/
    display: flex;
    flex-flow: column;
    height: 100%;
}

#main {
    flex: 1 1 auto;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

/* API-K
-------------------------------------------------- */

/* Message d'alerte en haut de page
-------------------------------------------------- */
.alert.alert-server {
    margin-bottom: 0;
    border-radius: 0;
}

/* Navbar
-------------------------------------------------- */
.bg-mediterranian-blue {
    background-color: #1E7091 !important;
}

a.bg-mediterranian-blue:hover, a.bg-mediterranian-blue:focus,
button.bg-mediterranian-blue:hover,
button.bg-mediterranian-blue:focus {
    background-color: #1E7091 !important;
}

.navbar-mediterranian-blue .navbar-brand {
    color: #007398;
}

    .navbar-mediterranian-blue .navbar-brand:hover, .navbar-mediterranian-blue .navbar-brand:focus {
        color: #007398;
    }

.navbar-mediterranian-blue .navbar-nav .nav-link {
    color: rgba(0, 115, 152, 0.5);
}

    .navbar-mediterranian-blue .navbar-nav .nav-link:hover, .navbar-mediterranian-blue .navbar-nav .nav-link:focus {
        color: rgba(0, 115, 152, 0.75);
    }

    .navbar-mediterranian-blue .navbar-nav .nav-link.disabled {
        color: rgba(0, 115, 152, 0.25);
    }

    .navbar-mediterranian-blue .navbar-nav .show > .nav-link,
    .navbar-mediterranian-blue .navbar-nav .active > .nav-link,
    .navbar-mediterranian-blue .navbar-nav .nav-link.show,
    .navbar-mediterranian-blue .navbar-nav .nav-link.active {
        color: #007398
    }

.navbar-mediterranian-blue .navbar-toggler {
    color: rgba(0, 115, 152, 0.5);
    border-color: rgba(0, 115, 152, 0.1);
}

.navbar-mediterranian-blue .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 115, 152, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* https://material.io/resources/color/#!/?view.left=1&view.right=0&primary.color=1c6f90&secondary.color=E53229 */

.bg-primary-light {
    background-color: #58aaab !important;
}

.bg-primary-dark {
    background-color: #004462 !important
}

.bg-secondary-light {
    background-color: #ffff99 !important;
}

.bg-secondary-dark {
    background-color: #c1a03a !important;
}

.container-login {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 400px;
}

.navbar-dark .navbar-nav .active > .nav-link {
    border-bottom: 3px solid #fff;
}

/* Submenu */
#submenu .navbar-brand {
    font-size: 1.1rem;
    text-align: left;
}

    #submenu .navbar-brand small {
        display: block;
        font-size: 0.9rem;
        font-weight: 600;
    }

/* floating button */
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    top: 90px;
    right: 75px;
    background-color: #ef4136;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    z-index: 1000;
}

.floatalt {
    position: fixed;
    width: 60px;
    height: 60px;
    top: 90px;
    right: 155px;
    background-color: #ef4136;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    z-index: 1000;
}

.float button, [type=submit] {
    border-width: 0px;
    padding: 0px;
}

.floatalt button, [type=submit] {
    border-width: 0px;
    padding: 0px;
}

.my-float {
    margin-top: 22px;
}

button > i.my-float {
    margin-top: 0px;
}

/* Breadcrumb */
.breadcrumb-item {
    display: flex;
}

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.5rem;
    }

        .breadcrumb-item + .breadcrumb-item::before {
            display: inline-block;
            padding-right: 0.5rem;
            color: #f8f9fa /*#6c757d*/;
            content: ">";
        }

.apik-submenu.breadcrumb-item::after {
    padding-left: 0.5rem;
    color: #f8f9fa /*#6c757d*/;
    content: ":";
}

/* désactivation systèmatique de la recherche sur les tables datatable js */
/* Passer la recherche dans la barre de recherche apik */
.dataTables_filter {
    display: none;
}

.text-light-50 {
    color: rgba(248, 249, 250, .5) !important;
}


.uplink {
    font-size: 0.5vw;
}

/* 
    Cette règle sert à s'assurer que les menus dropdown ne verront 
    pas les intitulés qu'ils continnent coupés en 2 avec un retour à la ligne.
*/
.dropdown-menu {
    width: auto !important;
    white-space: nowrap;
}