:root{
    --primary-color: #00b185;
}
body{
    color: #333; 
    font-family: 'Raleway',Arial, Helvetica, sans-serif;
    font-size: medium;
}
.main-section{
    width: 100%;
    max-height: 100%;
}

.front-bg{
    
     position: absolute; 
     top: 0;
     left:0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-color:white; 
     background-image: url('../img/il_570xN.1173183437_eaj3.jpg');
     background-size:cover;
     background-position: center center ;
     /* filter: blur(3px); */
     background-color: rgb(241, 238, 238)
 }
 mark{
     background-color: #00b185;
     color:black;
 }

.connect-box{
    max-width: 250px;
    margin: 0 auto;
    /* border: 1px solid #aaa; */
    margin-top: 8rem;
}
.img-rd{
    height: 80px;
    width: 80px;
    border-radius: 0%;
    overflow: hidden;
    margin: 1rem auto;
}
.border-top{
    border:1px solid black;
    width:100%;
}
.form{
    margin-top:100000px;
    font-size:10px;
}

.img-rd1{
    height: 80px;
    width: 80px;
    border-radius: 0%;
   
    margin-left: 0px;
   /* margin: 1rem auto; */
}
.img-rd img{
    max-width: 100%;
}
.cb-name{
    text-align: center;
    color: #fff;
}  

.connect-box input, .connect-box select{
    width: 180px;
    height: 35px;
    background-color: rgba(150, 150, 150, .5);
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: .35rem .7rem;
    margin-left: 1.9rem;
}
.connect-box select{
    margin-bottom: .7rem;
}
.connect-box input:focus{
    border: none;
    outline: 0;
    box-shadow: none;
    background-color: rgba(170, 170, 170, .5);
}

.connect-box input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #afafaf;
    opacity: 1; /* Firefox */
}
  
.connect-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #afafaf;
  }
  
.connect-box input::-ms-input-placeholder { /* Microsoft Edge */
    color: #afafaf;
}

.g-input{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    /* border: 1px solid #aaa; */
    margin-top: .7rem;
}

.submit-arrow{
    border: none;
    background-color: transparent;
    color: #000;
    padding: 0;
    font-size: 1.75rem;
    cursor: pointer;
}

.alt-links{
    max-width: 250px;
    margin: 0 auto;
    margin-top: 10rem;
    display: flex;
    justify-content: center
}
.alt-link, .alt-link:hover, .alt-link:focus{
    color: #fff;
    text-decoration: none;
    text-align: center;
}
.alt-link > i{
    font-size: 1.75rem;
}
.al-txt{
    font-size: 12px;
}

/*Content pages*/
.main-wrapper{
    position: relative;
    background-color: rgb(175, 175, 175);
    max-height: 100%;
}
.left-aside{
    position: fixed;
    top: 0;
    left: 0;
    min-height: 500px;
    height: 100%;
    width: 275px;
    background-image: linear-gradient(#045742, var(--primary-color));
    color: #fff;
    /* border-right: 1px solid #efefef; */
    overflow-y: scroll;
}
.left-aside .img-rd{
    width: 50px;
    height: 50px;
}
.left-aside::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(#fdfdfd, #045742, #fdfdfd);
}

.main-content{
    position: relative;
    background-color: #fff;
    margin-left: 275px;
    padding: 70px 70px 25px 70px;
}
.nav-items{
    padding-left: 0;
    list-style: none;
}
.nav-items > li > a{
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: .6rem 1rem;
    transition: all .3s;
    position: relative;
}
.nav-items > li > a:hover, .nav-items > li.active > a{
    background-color: #045742;
    color: #fff;
}
.nav-items > li > a[data-toggle="collapse"] .nav-item-text::after{
    content: "+";
    display: inline-block;
    margin-left: .5rem;
}

.menu-dd{
    list-style: none;
    padding-left: 30px;
}
.menu-dd > li > a{
    display: block;
    text-decoration: none;
    color: #ddd;
    font-size: 12px;
    padding: 5px 10px;
}
.menu-dd > li > a:hover{
    color: #fff;
}
.soft-title-1{
    text-align: center;
    font-weight: 300;
    font-size: 36px;
    margin-bottom: 0;
}
.mini-card{
    display: flex;
    flex-wrap: nowrap;
    background-color: #fff;
    border: 1px solid #333;
    margin-bottom: 30px;
}
/* .label{
    float:left;
    margin:50px;
} */

.mini-card .icon-card{
    height: 75px;
    width: 30%;
    background-color: #333;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
}
.mini-card .caption-card{
    height: 75px;
    width: 70%;
    padding: 10px 15px;
}
.mini-card .card-title{
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
}
.mini-card .card-val-text{
    font-size: 24px;
    font-weight: 700;
}
.mini-card.linear-card{
    border: none;
}
.mini-card.linear-card .icon-card{
    background-color: transparent;
    color: var(--primary-color);
    border-right: 1px solid var(--primary-color);
}

.card{
    height: 250px;
    padding: .7rem;
    margin-top: 3.5rem;
    box-shadow: 0 0 5px #aaa;
    background-color: var(--primary-color);
    color: #FFF;
}

.btn, .form-control{
    border-radius: 0;
}

.table th, .table td{
    padding: .3rem .5rem;
    font-size: 14px;
}
.tabl{
    border:1px solid black;
    /* text-align:center; */
   
}

.form-sx{
    margin-bottom: 2rem;
}
.line, .rside{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.lside{
    width: 40%;
}
.rside{
    width: 60%;
    justify-content: flex-start;
}
.rside label, .lside label{
    display: inline-block;
    padding: .25rem .7rem;
    padding-left: 0;
    margin: 0;
    font-weight: 400;
    font-size: .85rem;
}
.table .thead-light th {
    border-color:black;
}
.table-bordered th, .table-bordered td {
    border: 1px solid black;
}
tr {
   border-color: black;
}
.table th, .table td {
   
    vertical-align: top;
    border-top: 1px solid black;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid black;
}

/* Media queries  */

/* Medium devices */
@media screen and (max-width: 991px) {
    .main-wrapper{
        display: none !important;
    }

    body::after{
        content: "Contenu temporairement indisponible pour cette taille d'affichage";
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 2rem;
        text-align: center;
    }
}

@media screen and (min-height: 570px){
    .alt-links{
        margin-top: 7rem;
    }
}

/* @media print{
    #main-header, .breadcrumb, .title-1, .btn-print, .btn-modif, #footer, aside{
        display: none;
    }
    .text-in{
        display: block !important;
    }
} */