body{
	font-family: 'Poppins', sans-serif;
	background: rgb(251,251,251);
	background: linear-gradient(90deg, rgba(251,251,251,1) 0%, rgba(230,230,230,1) 100%);
}
body.login-page{
	color:#fff;
	background:url('/public/img/background-login.jpg');
	overflow:hidden;
}
/*.panel-info>.panel-heading{
	background-color:#252624;
	color: #fff;
	border-color:#fff;
}
.panel-info {
    border-color: #fff;
    background-color:#333333;
}
.form-control {
    color: #fff;
    background-color: #373a3c;
}
.input-group-addon{
	color: #fff;
    background-color: #333333;
}
input::placeholder{
	color: #aaa !important;
}*/
.login-section{
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    color: #303030;
    font-weight: 700;
    display: flex;
    height: 100vh;
    text-align:center;
    justify-content: center; /* align horizontal */
  	align-items: center;
    border-radius: 0 90px 90px 0;
    overflow: hidden;
}
.login-section-wrapper{
	padding: 0 100px;
}
.login-section .login-section-wrapper h1,
.login-section .login-section-wrapper h2,
.login-section .login-section-wrapper p{
	padding:15px 0;
}
.login-section .login-section-wrapper h1{
	font-weight: 700;
}
.login-section .login-section-wrapper input{
	border-radius:20px;
	border:1px solid #fff;
	background-color:#fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	color:#303030;
	font-weight:400;
	width:100%;
	margin:30px auto;
	height: 45px;
}
.login-section .login-section-wrapper #loginform{
	max-width: 350px;
    margin: auto;
}
a{
	color: initial;
    text-decoration: none;
}
.btn-connexion{
	width:100%;
	background: rgb(37,138,55);
	background: linear-gradient(90deg, rgba(37,138,55,1) 0%, rgba(221,221,26,1) 100%);
	color:#fff;
	border-radius:30px;
	text-decoration: none;
	border:1px solid rgba(37,138,55,0);
}
.btn-connexion:hover{
	background:transparent;
	border:1px solid rgba(37,138,55,1);
}
.btn-voirplus:hover{
	background:#fff;
	border:1px solid rgba(37,138,55,1);
}
.btn-voirplus{
	width:auto;
    background: linear-gradient(90deg, rgba(37,138,55,1) 0%, rgba(221,221,26,1) 100%);
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    border: 1px solid;
    text-align: center;
    padding: 5px 30px;
    left: 50%;
    position: absolute;
    margin-top: -20px;
    transform: translateX(50%);
}
.sidebar{
	height: 100vh;
    display: flex;
    
    
}
.sidebar .menu-left{
    position: fixed;
}
.logo{
	position: fixed;
    top: 15px;
    left: 30px;
}
.sidebar .menu-section{
	margin-top:100px;
	box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    border-radius: 0 90px 0 0;
}
/* this is needed to make the content scrollable on larger screens */
@media (min-width: 576px) {
    .h-sm-100 {
        height: 100%;
    }
}
.section.section-affaires,
.section.section-gaine{
	background:#fff;
	border-radius:70px;
	padding:50px;
}
.section.section-affaires .card{
	background: rgb(37,138,55);
	background: linear-gradient(90deg, rgba(37,138,55,1) 0%, rgba(221,221,26,1) 100%);
	border:none;
	padding:50px;
	color:#fff;
	border-radius:60px;
	margin:20px;
	border:1px solid rgba(221,221,26,1);
	transition: all ease .3s;
}
.section.section-affaires .card:hover{
	background: transparent;
	border:1px solid rgba(221,221,26,1);
	color:rgba(37,138,55,1);
}
h2{
	margin-left:20px;
}
h4{
	font-size: 1.2em;
}
table.table td,
table.table th{
	text-align: center;
}
table.table td .id{
	box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    border-radius: 20px;
    padding: 0px 15px;
    display: inline-block;
    color: #A6CB31;
    font-weight: 600;
}
table.table td {
    border-bottom-width: 0px !important;
    padding: 1rem 1rem;
}

.section.section-gaine .item {
    display: inline-table;
    width: auto;
    padding: 0 25px;
}
.section.section-gaine .item .item-title{
	margin-bottom:10px;
}


.sidebar-menu a{
	color:#212529;
	text-decoration: none;
	font-size: 20px;
	font-weight: 400;
}
.sidebar-menu a:hover{
	color:#258a37;
}
.sidebar-menu{
	padding-left: 20px;
	padding-top: 20px;
}