body{
    font-family: 'Roboto', sans-serif;
}

/**
 * Redimension de la barre de menu a 40px de hauteur
 */
@media only screen and (max-width: 1660px)
{
    .nav-current-location,
    .nav-menu-tools,
    .nav-menu-tib{
        display: none !important;
    }
    .navbar{
        min-height: 30px;
        height: 30px;
        font-size: 10px;
    }
    .navbar-header{
        height: 30px;
    }
    .navbar a{
        max-height: 40px;
        padding: 5px;
    }
    .navbar ul.nav>li>a{
        padding: 5px;
        font-size: 10px;
    }
    .navbar .navbar-form{
        padding: 2px;
        margin: 0px;
    }
    .navbar #nav-tools{
        height: 30px;
    }
    .navbar #nav-tools .form-group{
        position: relative;
    }
    .navbar #nav-tools .form-group,
    .navbar #nav-tools .btn-group{
        top: -1px;
    }

    .navbar #nav-tools span.divider-vertical{
        float: left;
        display: inline-block; 
        width: 1px; 
        margin: 5px 2px; 
        height: 20px;
        border-left: 1px solid #DDD;
    }

    .navbar li.divider-vertical {
        height: 30px;
        margin: 5px 0px;
        border-left: 1px solid #DDD;
    }
    .navbar .divider-vertical a{
        max-height: 20px;
        padding: 5px 5px !important;
    }

    .btn-nav{
        display: inline-block;
        height: 20px;
        font-size: 10px;
    }

    .btn-nav{
        display: inline-block;
        height: 20px;
        font-size: 10px;
    }


    button.btn-nav,
    a.btn-nav{
        padding: 2px 5px;
        font-size: 10px;
        margin-top: 1px;
    }

    .chk-nav{
        padding: 2px 5px;
        height: 20px;
        font-size: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .chk-nav input{
        margin-top: 0px;
        vertical-align: middle;
    }
    .chk-nav span{
        vertical-align: text-top;
    }

    #current_datetime{
        width: 100px;
        text-align: center;
        font-size: 10px;
        line-height: 15px;
        padding: 1px 2px;
        height: 30px;
    }

}
@media only screen and (min-width: 1661px)
{
    .navbar{
        min-height: 40px;
        height: 40px;
        font-size: 12px;
    }
    .navbar a{
        max-height: 40px;
        padding: 10px;
    }
    .navbar ul.nav>li>a{
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 12px;
    }
    .navbar ul.dropdown-menu>li>a{
        font-size: 12px;
    }
    .navbar .navbar-form{
        padding: 5px;
        margin: 0px;
    }
    .navbar #nav-tools{
        height: 40px;
    }
    .navbar #nav-tools .form-group{
        position: relative;
    }
    .navbar #nav-tools .form-group,
    .navbar #nav-tools .btn-group{
        top: -1px;
    }

    .navbar #nav-tools span.divider-vertical{
        float: left;
        display: inline-block; 
        width: 1px; 
        margin: 5px; 
        height: 30px;
        border-left: 1px solid #DDD;
    }

    .navbar li.divider-vertical {
        height: 30px;
        margin: 5px 0px;
        border-left: 1px solid #DDD;
    }
    .navbar .divider-vertical a{
        max-height: 30px;
        padding: 5px 15px !important;
    }

    .btn-nav{
        display: inline-block;
        height: 30px;
        font-size: 12px;
    }


    button.btn-nav,
    a.btn-nav{
        padding: 5px 10px;
        font-size: 12px;
        margin-top: 1px;
    }

    .chk-nav{
        padding: 5px 10px;
        height: 30px;
        font-size: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .chk-nav input{
        margin-top: 0px;
        vertical-align: middle;
    }
    .chk-nav span{
        vertical-align: text-top;
    }

    /* Style du formulaire de recherche par autocompletion */
    .navbar .nav-search{
        height: 40px;
        padding: 5px 0px;
    }
    .navbar .nav-search .tt-dropdown-menu{
        max-height: 500px;
        overflow-y: auto;
    }
    .navbar .nav-search img{
        opacity: 1;
        margin-top: 0px; 
        margin-right: 5px;
        max-height: 16px;
        border: 2px solid white;
        display: inline-block;
    }
    .navbar .nav-search select{
        padding: 2px !important;
        height: 28px !important;
    }

    body>div.content{
        margin-top: 40px;
    }

    #current_datetime{
        width: 125px;
        text-align: center;
        font-size: 12px;
        padding: 1px 2px;
        height: 40px;
    }
}

.dropdown-menu>li.dropdown-item-head>a{
    padding-left: 0px !important;
}
.dropdown-menu>li.dropdown-item-head>a>span.dropdown-item-icon{
    padding-left: 5px;
    padding-right: 5px;
    width: 18px;
}

/* Coloration du status du chat */
#nav-menu_user .online, #nav-menu_call .disconnected{
    color: #DDD;
}
#nav-menu_user .online, #nav-menu_call .online{
    color: green;
}
#nav-menu_user .be-right-back, #nav-menu_call .be-right-back{
    color: orange;
}
#nav-menu_user .busy, #nav-menu_call .busy{
    color: red;
}
#nav-menu_user .away, #nav-menu_call .away{
    color: gray;
}
#nav-menu_user .in-a-call, #nav-menu_call .in-a-call{
    color: #0080ff;
}
#nav-menu_user .on-to-lunch, #nav-menu_call .on-to-lunch{
    color: #804000;
}

/*nav li.temporary_action{
    padding: 5px !important;

}*/

.title--site-name
{
    display:inline-block;
    text-transform:lowercase;
}


.container-fluid{
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
}