/*	Reset & General
---------------------------------------------------------------------- */
* { margin: 0px; padding: 0px; }
body {
    background: #ecf1f5;
}

.bg-lightCustom,.collapsible.btnsidebar {
    background-color: #1b4e59;
    color: rgba(4, 16, 16, 0.82);
}
/*.accordion-button::after{*/
/*    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;*/
/*}*/
/*.accordion-button:not(.collapsed)::after {*/
/*    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;*/
/*}*/
#homepage .tile{
    width: 100%;
    background:#fff;
    border-radius:5px;
    box-shadow:0px 2px 3px -1px rgba(151, 171, 187, 0.7);
    float:left;
    transform-style: preserve-3d;
    margin: 10px 5px;

}

#homepage .header{
    border-bottom:1px solid #ebeff2;
    padding:12px 0;
    text-align:center;
    color:#59687f;
    font-size:60px;
    font-size:19px;
    position:relative;
}

#homepage .banner-img {
    padding: 5px 5px 0;
}

#homepage .banner-img img {
    width: 100%;
    border-radius: 5px;
}

#homepage .dates{
    border:1px solid #ebeff2;
    border-radius:2px;
    padding:6px;
    color:#5aadef;
    font-weight:600;
    overflow:auto;
}
#homepage .dates div{
    float:left;
    width:50%;
    text-align:center;
    position:relative;
}
#homepage .dates strong,
#homepage .stats strong{
    display:block;
    color:#adb8c2;
    font-size:11px;
    font-weight:700;
}
#homepage .dates span{
    width:1px;
    height:28px;
    position:absolute;
    right:0;
    top:0;
    background:#b3babf;;
}
#homepage .stats{
    border-top:1px solid #ebeff2;
    background:#f7f8fa;
    overflow:auto;
    padding:14px 0;
    font-size:16px;
    color:#59687f;
    font-weight:600;
    border-radius: 0 0 5px 5px;
}
#homepage .stats div{
    border-right:1px solid #ebeff2;
    width: 33.33333%;
    float:left;
    text-align:center
}

#homepage .stats div:nth-of-type(3){border:none;}

div#homepage div.footer {
    text-align: right;
    position: relative;
    margin: 5px 5px;
}

#homepage div.footer a.Cbtn{
    padding: 10px 25px;
    background-color: #DADADA;
    color: #666;
    margin: 10px 2px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    border-radius: 3px;
}

div#homepage div.footer a.Cbtn-primary{
    background-color: #5AADF2;
    color: #FFF;
}

div#homepage div.footer a.Cbtn-primary:hover{
    background-color: #7dbef5;
}

div#homepage div.footer a.Cbtn-danger{
    background-color: #fc5a5a;
    color: #FFF;
}

div#homepage div.footer a.Cbtn-danger:hover{
    background-color: #fd7676;
}
img#logo_app{
    border-radius: 10%;
    width: 50px;
}
#sidebar_sticky>ul>li.nav-item>a>svg>path,ul#ulMenu_col>li.nav-item>a>svg>path,#sidebar_sticky>ul>div>li.nav-item>a>svg>path{
    fill: #d39e00;
}
ul#ulMenu_col>li.nav-item>a{
    color: rgba(255, 255, 255, 0.82);
}
#sidebar_sticky>ul>li.nav-item>a>svg,#notbell>svg{
    vertical-align: revert;
}
ul#ulMenu_col>li.nav-item>a.active{
    color: rgba(4, 12, 13, 0.63);
}
#sidebar_sticky>ul>li.nav-item>a.active>svg>path,.nav-pills .nav-link.active,#sidebar_sticky>ul>button>svg>path,#sidebar_sticky>ul>div>li.nav-item>a.active>svg>path,.accordion-header.nav-item.active{
    color: #04f8f8;
    background-color: rgba(4, 12, 13, 0.63);
    fill: #04f8f8;
    border-radius: unset;
}
#sidebar_sticky>ul>li.nav-item:hover,ul#ulProfil>li.nav-item:hover,ul#ulMenu_col>li.nav-item:hover{
    fill: chocolate!important;
    color: #0c1315!important;
    background: rgba(150, 139, 112, 0.21) !important;
}
li.nav-item:hover,button.divsidebar:hover{
    background: rgba(255, 172, 0, 0.31) !important;
    color: chocolate;
}
#notbell,#spanFilter{
    position: relative;
}
#notbell span,#spanFilter span{
    position: absolute;
    justify-content: flex-start;
    top: -4px;
    right: -4px;
    height: auto;
    width: auto;
    display: block;
}
.welcome{
    text-shadow: 2px 2px #be8106;
    /*color: #1b4e59;*/
}
.logout{
    margin-bottom: -20em;
    z-index:2;
    position:relative;
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height:  100vh!important;
    border-radius: 0.6rem;
}
@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}
.nav-link:hover{
    text-shadow: 0.5px 0.5px #f8ba02 !important;
}
.nav-link.active{
    pointer-events:none;
}
.toggle-password{
    float: right;
    margin-left: -22px;
    padding: 0 6px 0 0;
    margin-top: 12px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.toggle-show{
    float: right;
    margin-left: -22px;
    padding: 0 6px 0 0;
    margin-top: -24px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.accordion-button.bg-transparent.collapsed::after{
    background-image: none!important;
    font-family: fontAwesome;
    content: "\02795";
}
.accordion-button.bg-transparent:not(.collapsed)::after{
    background-image: none!important;
    font-family: fontAwesome;
    content: "\2796";
}