body {

}

.main-sidebar, .navbar-nav > .user-menu > .dropdown-menu > li.user-header {

    background: rgba(27,27,27,.74);

    color: white;

    background-image:url('/Images/sidebar-2.32103624.jpg');

    background-position: center center;

    background-size: cover;

}



.skin-black-light .sidebar a {

    color: #fff;

}

.skin-black-light .sidebar-menu>li.header {

    color: white;

    background-color:transparent

}

.skin-black-light .sidebar-menu>li:hover>a, .skin-black-light .sidebar-menu>li.active>a {

    color: white;

    background: #0000004f;

    border-bottom:1px solid red;

    transform:scale(1,1)

}

.bigTitleSmart {

    /* background: url(../../../Images/bg/bg_3.jpg) center fixed; */

    padding: 10px;

    color: #6b6868;

    font-size: 18px;

    border-bottom: 2px solid #989797;

    font-weight: bold;

}

main-header .logo {

    height: 55px;

}

.skin-black-light .main-header>.logo , .skin-black-light .main-header>.logo:hover {

    background-color: transparent;

    color: #333;

    border-bottom: 0 solid transparent;

    border-right: 0px solid #eee;

}

.btn {

    border-radius: 25px;

}

td {

    color:black

}

.btn-primary {

    background-color: #447df7;

    border-color: #447df7;

}

.btn-primary:hover {

    background-color: #3070f9;

    border-color: #3070f9;

}

.animated_text {

    transition:2s all;

    animation: animation_texte 2s;

}

@keyframes animation_texte {

    from {

        letter-spacing:5px;

    }

    to {

        letter-spacing:0px

    }

}

.content-wrapper, .right-side {

    background:linear-gradient(40deg , #e2e2e0, #dcde1bab)

}

.icon_bottom {

    font-size: 50px;

    color: cornflowerblue;

    opacity:0;

    animation: icon_animation 2s infinite;

}

@keyframes icon_animation {

    from {

        opacity:0

    }

    to {

        opacity:1

    }

}

.modal-header {

    background-color: #313131;

}

.modal-footer {

    background-color: #313131;

}

.form-control {

    border-radius:10px

}



#id_progress_bar .progressbar li {

    width: 33%;

}

.margin_top {

    margin-top:80px

}

.btn-etape {

    width: 240px;

    height: 45px;

    padding: 10px;

    font-size: 15px;

}

.comm_ligne {

    margin-top: 15px;

    display: inline-block;

    margin-left: 10px;

}

.dis_inline {

    display:inline-block

}

.compte_comm {

    padding-left: 5px;

    padding-right: 5px;

    border-radius: 5px;

    text-align: center;

    font-family:'Small Fonts'

}

.cde_cours {

    background-color:black;

    color:white

}

.cde_attente {

    background-color:#f2a255;

    color:white

}

.ca_jour {

    background-color:#a54e7f;

    color:white;

}

.ca_mois {

    background-color:#71bf49;

    color:white;

}