  
@font-face {
    font-family: "Roboto";
    src: url("font/Roboto-Black.ttf") 
}

@font-face {
    font-family: "RobotoRegular";
    src: url("font/Roboto-Regular.ttf") 
}


@font-face {
    font-family: "RobotoBold";
    src: url("font/Roboto-Bold.ttf") 
}


* {
    font-size: 9pt;
    font-family: 'RobotoRegular';
}

.table th {
    font-weight: normal !important;
}

* a {
    text-decoration: none !important;
}

button {
    padding: 5px;
    color: white !important;
    outline: gray !important;
    cursor: pointer;
    border: none !important;
    text-align: center;
}

.button {
    padding: 5px;
    color: white !important;
    outline: gray !important;
    cursor: pointer;
    text-align: center;
    margin-right: 2px;
    display: inline-flex;
    justify-content: center !important;
    align-items: center;
    font-family: "RobotoBold";

}

.button-primary {
    background: #1e3757;
    transition: all 0.5s ease;
}

.button-secondary {
    background: #bfb606;
    transition: all 0.5s ease;
}

.button-success {
    background: #17c0b4;
    transition: all 0.5s ease;
}

.button-danger {
    background: #c01717;
    transition: all 0.5s ease;
}

.button:hover {
    background: #326fbd;
    transition: all 0.5s ease;
}


* input,
select,
textarea {
    font-family: "RobotoRegular";
    border: none;
}

input[type="date"] {
    border: none;
    display: block;
    outline: #1e3757 1px solid;
    padding: 5px;
    width: 100%;
    transition: all 0.5s ease;
}

input[type="search"] {
    border: none;
    display: block;
    outline: #1e3757 1px solid;
    padding: 6px;
    width: 100%;
    transition: all 0.5s ease;
}

input[type="select"] {
    border: none;
    display: block;
    outline: #1e3757 1px solid;
    padding: 8px;
    width: 100%;
    transition: all 0.5s ease;
}

.input-control {
    /* background: #000; */
    display: block;
    outline: #1e3757 1px solid;
    padding: 5px;
    width: 100%;
    transition: all 0.5s ease;
}

.input-control:hover {
    transition: all 0.5s ease;
    outline: #0fe3d5 1px solid;
    background: rgb(243, 243, 243);
}

.object {
    width: 160px;
    height: 160px;
    border: 2px solid #265695;
    background: #ffffff;
    padding: 8px;
    border-radius: 10px;
    margin: 5px auto;
    /* Largeur de votre conteneur */
    /* Hauteur de votre conteneur */
    overflow: hidden;
    /* Cache tout ce qui dépasse */
}

.object img {
    height: 150px;
    width: 150px;
}


.brand-logo {
    background: #ffffff56;
    background: #1e3757;
    padding-top: 10px;
}

.main {
    /* background:#e5e7ebe0; */
    background: #e5e7ebc3;
    min-height: 90vh;
    padding-bottom: 5vh;
    overflow-x: hidden;
    /* background: white; */
}

.left-sidebar {
    background: #1e3757;
}

.left-sidebar .sidebar-nav #sidebarnav .sidebar-item .sidebar-link .link {
    color: #ffffff;
    display: inline-block;
    padding-left: 5px;
}

.left-sidebar .sidebar-nav #sidebarnav .sidebar-item .sidebar-link .hide-menu {
    color: white;
}


/* .header .nav .breadcrumb-item {
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.header .nav .breadcrumb-item a {
    color: rgb(0, 0, 0);
    font-weight: bold;
} */


/* Pour les navigateurs basés sur WebKit (comme Chrome/Safari) */
::-webkit-scrollbar {
    width: 8px;
    /* Largeur de la scrollbar */
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Couleur de fond de la piste */
}

::-webkit-scrollbar-thumb {
    background: #bebebe;

    /* Couleur de la poignée de la scrollbar */
}

::-webkit-scrollbar-thumb:hover {
    /* Couleur de la poignée de la scrollbar au survol */
    background: #1c84c6;

}
.card{
    border: none;
    box-shadow: none !important;
    background: transparent;
}
.card-header{
    border: none;
    padding: 3px;
}
.card-body{
    border: none;
    background: white;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.464);
    margin: 0px;
}


.content-header{
    padding:5px 0;
    margin: 0%;
    width: 100%;
}
.content-header .container-fluid{
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100%;
}


.icon {
    font-size: 4rem !important;
    opacity: 0.3;
}

.bg-trans {
    background: #e7e5e51d;

}

.bg-trans:hover {
    background: #06479147;
}

.blue-bg {
    background: #1e3757c8;
    color: white;
}

/* .header .nav  li {
    font-size: 1.4rem !important;
}

.header .nav .breadcrumb-item {
    font-size: 1.4rem !important;
}

.header .nav  .active {
    font-size: 1.4rem !important;

}
.header .nav .breadcrumb-item  a{
    font-size: 1.4rem !important;
    color: royalblue;
} */

.fa {
    margin: 0 3px;
}
