.features.feature-clean .icons i {
    background-color: rgba(47, 85, 212, 0.1) !important;
}

.features.feature-clean .icons i {
    height: 65px;
    width: 65px;
    line-height: 65px;
    background-color: rgba(47, 85, 212, 0.1);
}

.course-feature:hover {
    transform: translateY(-10px);
}

.course-feature {
    transition: all 0.5s ease;
}

[class^="uil-"]::before,
[class*=" uil-"]::before {
    margin: 0;
}

.uil-airplay::before {
    content: '\eb00';
}

[class^="uil-"]::before,
[class*=" uil-"]::before {
    font-family: unicons-line;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-header .user-info .user-role,
.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-header .user-info .user-status,
.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand>a,
.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li a,
.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-header .user-info .user-role,
.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-header .user-info .user-status,
.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand>a,
.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li a {
    color: #fff;
}

.page-wrapper .sidebar-wrapper.sidebar-dark {
    background-color: #3272b0;
}

#div_id_comment #id_comment_iframe {
    width: 650px;
}

#remove_btn_style form button,
.post-meta form button {
    background: transparent;
    border: transparent;
}

.page-wrapper .page-content .top-header {
    position: unset;
}

.page-wrapper .sidebar-wrapper {
    position: absolute;
    top: 236px;
}

.page_top_2 {
    background-image: url(/media/images/bg_navbar.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page_top_2 .header-1 {
    background-image: url(/media/images/navbar_left.png);
    min-height: 236px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: cover;
}

.page_top_2 .header-1.cpc {
    background-image: url(/media/images/docs.png);
}

.page_top_2 .header-1.blog {
    background-image: url(/media/images/blog.png);
}

.page_top_2 .header-1.smq {
    background-image: url(/media/images/smq.png);
}

.page_top_2 .header-1.veille {
    background-image: url(/media/images/viellee.png);
}

.page_top_2 .header-1.formation {
    background-image: url(/media/images/formation.png);
}

.page-wrapper .page-content .layout-specing {
    padding: 20px 14px 24px !important;
    min-height: calc(100vh - 59px) !important;
    position: relative;
}

.docu_img {
    height: 250px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.docu_count {
    position: absolute;
    top: 5px;
    width: auto;
    color: #ffffff !important;
    left: 10px;
}


/*********************
        BOOK
**********************/

.justify-content-between h5 {
    color: #161c2d;
}

.book-cover.cpc {
    background-color: #d1d900;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.book-cover.guide {
    background-color: #31a407;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.book-cover.manuel {
    background-color: #850000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.book-cover h5.author.cpc {
    color: #fff;
    padding: 5px;
    border-radius: 10px;
}

.book-cover h5.author.guide {
    color: #fff;
    padding: 5px;
    border-radius: 10px;
}

.book-cover h5.author.manuel {
    color: #fff;
    padding: 5px;
    border-radius: 10px;
}

.book {
    position: relative;
    width: 70%;
    height: 300px;
    left: 10%;
    top: 20px;
    z-index: 0;
}

.book-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    box-shadow: 0px 2px 4px #999;
    border-bottom-right-radius: 2px;
    background-color: #c4ca2c;
    font-family: Helvetica, Arial, sans-serif;
    z-index: 1;
}

.book-cover:before {
    border-left: 10px solid #000000;
    content: "";
    height: 300px;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
}

.book-cover h1,
.book-cover h2 {
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 30px;
}

.book-cover h1.title {
    font-size: 20px;
    position: absolute;
    top: 25px;
    left: 25px;
    color: #ffffff !important;
}

.book-cover h2.subtitle {
    font-size: .7em;
    text-shadow: 2px 1px 1px #EEEEEE;
    position: absolute;
    top: 55px;
    left: 40px;
}

.book-cover h5.author {
    bottom: 5px;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 12px;
    color: #fff;
}

.book-cover h5.author span {
    color: #eee;
}

.book-top {
    background-color: #EEEEEE;
    border-left: 5px solid #C4CA2C;
    border-top: 2px solid #C4CA2C;
    box-shadow: 1px 0px 2px #999;
    height: 8px;
    left: 5px;
    position: absolute;
    top: -10px;
    width: 100%;
    transform: skew(-45deg, 0deg);
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
}

.book-right {
    background-color: #EEEEEE;
    border-bottom: 1px solid #DDDDDD;
    border-right: 2px solid #C4CA2C;
    box-shadow: 1px 0px 1px #999;
    height: 296px;
    position: absolute;
    right: -10px;
    top: -4px;
    width: 11px;
    transform: skew(0deg, -45deg);
    -ms-transform: skew(0deg, -45deg);
    -webkit-transform: skew(0deg, -45deg);
}


/*********************
        /BOOK
**********************/

.post-0 svg g {
    fill: #f17425;
}

.post-1 svg g {
    fill: #2eca8b;
}

.commen-0 svg g {
    fill: #f17425;
}

.commen-1 svg g {
    fill: #2eca8b;
}

.petit.puces,
.puceeee,
.Puce {
    list-style: disc outside none;
    display: list-item;
    margin-left: 20px;
    line-height: 1.2;
}

.js-page .page-wrapper .page-content {
    overflow-x: unset;
}