body{padding: 0; margin: 0;}

#main{padding:0; padding-left: 60px; min-height: 100vh;}

#page-sidebar{width: 60px; height: 100vh; position: fixed; top: 0; padding-top: 35px; background-color: #ffffff; border-right: 2px solid #cccccc; box-shadow: 0.0625rem 0 0.25rem 0 rgb(0 0 0 / 25%); }
#page-sidebar div.logo{height: 96px; padding-left: 10px;}
#page-sidebar div.logo img{width: 40px;}
#page-sidebar ul li a{display: flex; justify-content: center; align-items: center; color: #000000; border-bottom: solid 2px #cccccc; height: 60px;}
#page-sidebar ul li a i{display: none;}
#page-sidebar ul li a.active i{display: block;}
@media screen and (max-width:1199px){
    #page-sidebar{display: none;}
    #main{padding-left: 0;}
}

.page-content{position: relative;}

.sidebar-wrapper .menu .sidebar-item .sidebar-link i{display: none;}
.sidebar-wrapper .menu .sidebar-item.active .sidebar-link i{display: block;}

.sidebar-header div.logo img{height: 80px;}
.sidebar-wrapper .menu{padding: 0; margin: 0;}
.sidebar-wrapper .sidebar-header{padding-top: 35px; padding-left: 16px;}
.sidebar-footer{padding: 16px;}
.sidebar-footer div.boxRc{display: flex;}
.sidebar-footer div.boxRc a{flex: none; margin-right: 16px; width: 35px; height: 35px; border-radius: 50%; border: solid 1px #f0f1f5; color: #000000; display: flex; align-items: center; justify-content: center;}
.sidebar-footer div.boxRc a:hover{background-color: #f0f1f5;}
.sidebar-footer p{font-size: 12px;}

.burger-btn{padding: 16px; display: flex; align-items: center;}
.burger-btn img{height: 40px; margin-left: 16px;}
.burger-btn i{color: #000000;}

.myFooter{padding: 20px;}
.myFooter p{text-align: center; font-size: 12px;}


/*
    Page
 */
h1,h2,h3,h4,h5,h6{letter-spacing: 1px; color: #000000; font-family:gotham ssm a,gotham ssm b,helvetica neue,Helvetica,Arial,sans-serif;}
h1{}
.btn-light{color: #ffffff !important; background-color: #29abe2; border-color: #29abe2; letter-spacing: 2px; }
.btn-light:hover,
.btn-light:focus {color: #ffffff; background-color: #29abe2; border-color: #29abe2; }

.btn-primary{background-color: #2a2970; border-color: #2a2970; font-weight: bold; letter-spacing: 1px;}
.text-primary{color: #2a2970;}

.boxContribuer{position: absolute; top: 20px; right: 20px; z-index: 8;}
.boxContribuer .btnContribuer{display: flex; align-items: center; font-size: 12px; border-radius: 4px; color: #ffffff; padding: 5px 10px; background-color: #29abe2; border-color: #29abe2; font-weight: bold; letter-spacing: 1px;}
.boxContribuer .btnContribuer span{display: inline-block; padding-top: 4px; padding-left: 5px;}
.boxContribuer .btn-primary i{}

.boxDiapoHome{height: 100vh; display: flex; align-items: center; justify-content: center; background-image:linear-gradient(-225deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/img-home.png);background-size:cover;}
.boxDiapoHome h1{font-size: 40px;}
.boxDiapoHome h4{}

.boxDiapo{position: relative;}
.boxDiapo div.text{position: absolute; left: 200px; bottom: 200px;}
.boxDiapo div.text h2{background-color: #2a2970; color: #ffffff; text-align: left; padding:2px 8px;}

.carousel-control-next,
.carousel-control-prev{border: none; background: transparent;}

.accordion{border: solid 1px #dddddd;}
.accordion h6 span{display: block; background-color: #f5f5f5; padding: 10px 16px;}
.accordion .accordion-body{padding:16px;}

.badge-2{font-size: 12px; width: 80px; text-align: left; font-weight: normal; margin-right: 10px;}

/*

 */

.form-control,
.form-label,
.form-check-label{font-size: 12px;}

.preloader{height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; z-index: 9999; background-color: #ffffff;}