h1, h2, h3, h4, h5, h6 {
    text-transform: none;
}

.container {
    box-sizing: border-box;
}

a {
    color: rgb(43, 146, 206);
}

button {
    outline: none;
}

input {
    box-sizing: border-box;
}

form button, form .button {
    cursor: pointer;
}

[dir=ltr] b, [dir=ltr] strong {
    font-weight: 600;
}

.float-right {
    float: right;
}
.float-left {
    float: left;
}
.clearfix {
    clear: both;
}

.header {
    position: sticky;
}
.page-content {
    margin-top: 0 !important;
}

.container-fluid {
    box-sizing: border-box;
}

#backtotop {
    bottom: 48px;
}

.uk-notification {
    z-index: 10000;
}

.page-content {
    min-height: 80vh;
}

.uk-logo img {
    width: 160px;
}

.header .logo img {
    width: 170px;
}

.uk-navbar-left .searchbox {
    margin-left: 25px;
    min-width: 160px;
    max-width: 200px;
    padding: 6px 14px;
}

.blog-article-meta strong {
    border-right: none;
}

.hljs-ln-numbers {
    padding-right: 14px !important;
}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
    height: 0;
    margin-bottom: 25px;
}

.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.info-box {
    display: table;
    /* background: #fff; */
    margin-bottom: 22px;
    width: 100%;
    border: 1px solid #46A2D9;
}
.info-box .icon.fa-info {
    background: #46A2D9;
}
.info-box .icon {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0 8px;
    color: #fff;
    text-align: center;
    font-size: 1.3em;
}
.info-box .content {
    display: table-cell;
    padding: 10px 15px;
    vertical-align: middle;
}
.info-box .content p {
    margin: 0;
}

.searchbar-wrapper {
    position: fixed !important;
    top: 0;
    width: 100%;
    padding: 1rem !important;
    padding-right: 27px !important;
    box-sizing: border-box;
    background-color: #282828;
}

.button.grey, .button.grey:hover {
    color: #fff;
    border-color: #46A2D9;
    background-color: #46A2D9;
}

.button.loader {
    background-color: #4CAF50; /* Green background */
    border: none; /* Remove borders */
    color: white; /* White text */
    padding: 12px 16px; /* Some padding */
    font-size: 16px /* Set a font size */
}

.uk-notification-message {
    font-size: 1.1em;
}

.topic-msg-wrapper {
    /* max-width: 88%; */
    overflow: auto;
}


.info-banner {
    display: table;
    background: #fff;
    margin-bottom: 20px;
    width: 100%;
}

.info-banner .icon {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0 15px 0 17px;
    width: 19px;
    color: #fff;
}

.info-banner.info .icon {
    background: #46A2D9;
}
.info-banner.success .icon {
    background: #00C762;
}
.info-banner.warning .icon {
    background: #FF7448;
    padding: 0 10px 0 22px;
}

.info-banner.info {
    border-color: #46A2D9;
}
.info-banner.success {
    border-color: #00C762;
}
.info-banner.warning {
    border-color: #FF7448;
}

.info-banner .content {
    display: table-cell;
    padding: 10px 15px;
    word-break: break-word;
}

.info-banner .content p {
    margin: 0;
}


.modal.success .modal-header {
    background: #2ecc71;
}
.modal.warning .modal-header {
    background: #e67e22;
}
.modal.danger .modal-header {
    background: #e74c3c;
}
.modal.success .modal-header .modal-title,
.modal.warning .modal-header .modal-title,
.modal.danger .modal-header .modal-title {
    color: #FFFFFF;
}

.uk-navbar-left .searchbox {
    min-width: 220px;
    max-width: 260px;
}

/* .uk-tab > * {
    padding-left: 0;
} */

/* .uk-tab > * > a {
    border-bottom: 0;
} */

.overflow-auto-height {
    overflow-x: visible;
    height: auto;
}

[dir=ltr] .btn-success.disabled, [dir=ltr] .btn-success:disabled {
    color: #fff;
    background-color: #66bb6a;
    border-color: #66bb6a;
}

[dir="ltr"] pre code {
    color: rgb(197, 200, 198);
}

.header .header-profile-icon {
    width: 45px;
}

.uk-tab.profile-tabs {
    overflow-x: hidden !important;
}
.uk-tab.profile-tabs > * {
    padding-left: 0;
}
.uk-tab.profile-tabs > .uk-active > a {
    border-bottom: 0;
}

.comments .avatar {
    position: absolute;
}
.comments .comment-wrapper p {
    word-wrap: break-word;
}

.comment-by span .edite-le-wrapper, .comment-by span .edite-le-wrapper .edite-le {
    display: inline;
}


.user-profile-photo .photo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: grey;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 3em;
    opacity: 0.8;
}
.user-profile-photo .photo-overlay i {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.user-profile-photo .photo-overlay .spinner-grow {
    margin: 0;
    position: relative;
    top: 14px;
}

input.text-edit {
    border: none;
    border-bottom: 4px solid #46A2D9;
    border-radius: 0;
    padding: 0;
    margin: 0;
    height: auto;
}

.btn-link-no-style {
    border: 0;
    outline: none;
    background: none;
    text-align: left;
}

#edit-profile-nickname {
    position: absolute;
    margin-left: 10px;
}
#nickname:hover #edit-profile-nickname {
    display: inline-block !important;
}
#nickname {
    overflow-wrap: break-word;
}

#edit-profile-networks {
    position: absolute;
    margin-top: -8px;
    margin-left: 10px;
    color: rgb(43, 146, 206);
    font-size: 22px;
}
#edit-profile-networks i {
    font-size: inherit;
    color: inherit;
    padding: 0;
}
.social-icons:hover #edit-profile-networks {
    display: inline-block !important;
}


#biographie:hover #edit-profile-bio {
    display: inline-block !important;
}
#edit-profile-bio-form textarea {
    display: block;
    width: 100%;
    min-height: 200px;
}

.blog-article-content-read {
    word-break: break-word;
}

.blog-article-content-read h1,
.blog-article-content-read h2,
.blog-article-content-read h3,
.blog-article-content-read h4,
.blog-article-content-read h5,
.blog-article-content-read h6 {
    text-transform: none;;
}

.show-on-hover-msg {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.1s linear;
}

.topic-msg-card:hover .show-on-hover-msg {
    visibility: visible;
    opacity: 1;
}

.topic-msg-card img {
    max-height: 75vh;
}

.topic-msg-card .mark-best-answer:hover {
    color: #00C762 !important;
}

.topic-msg-card.best-answer {
    border-left: 2px solid #00C762;
}
.topic-msg-card.best-answer .best-answer-text {
    color: #00C762;
}

[dir=ltr] .forum-thread.resolu .forum-thread-icon {
    color: #00C762;
    border-color: #00C762;
}


.cours-sommaire {
    position: absolute !important;
    left: -240px !important;
    border-radius: 16px;
}

@media screen and (max-width: 1384px) {
    .cours-sommaire {
        width: 100% !important;

        margin-top: -80px !important;
        margin-bottom: 100px !important;

        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }
}

.footer {
    padding: 25px 15px 50px 15px;
    margin-bottom: 0 !important;
}

.mm-page {
    top: 0;
}

.uk-notification-bottom-right {
    bottom: 45px;
}

.dropdown-notifications-content .notification-icon i {
    position: relative;
    top: -3px;
}

@media (max-width: 640px) {
    .header-widget .header-widget-icon i {
        top: -2px;
    }
}

[dir=ltr] .btn-sm {
    padding: 0.5rem .5rem;
    color: #535353 !important;
}

.header .header-widget-icon.profile-icon {
    color: #b0b2be;
    width: 45px;
    height: 45px;
    position: relative;
}

.header .header-profile-icon {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    width: 100% !important;
    height: 100%;
}

.dropdown-user-details {
    display: block;
    padding-bottom: 16px;
    overflow-wrap: break-word;
}

.dropdown-user-avatar {
    float: left;
    border-radius: 0;
    width: 47px;
    height: 47px;
}

.dropdown-user-avatar img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    width: 100%;
    height: 100%;
}

.dropdown-user-name {
    position: relative;
    top: 10px;
    left: 10px;
}

.mm-menu .mm-listview>li {
    padding: 0 !important;
}
.mm-menu .mm-listview>li a {
    display: block;
    padding: 15px 10px 15px 23px;
    color: #fff;
}

.uk-notification-bottom-right {
    top: auto;
    bottom: 34px !important;
}

.user-widget-mobile {
    position: relative;
    top: 2px;
}
.user-widget-mobile .notifs-nb {
    position: absolute !important;
    display: block;
    margin-left: -10px;
    font-weight: 700;
    height: 16px;
    width: 16px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    background-color: #ec5252;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    right: -10px;
    top: -8px;
}

.blog-article-single {
    padding-bottom: 80px;
    min-height: 430px;
    height: auto !important;
    background-color: rgba(0, 0, 0, 0.6);
    background-position: center;
    border-radius: 0;
}

.blog-article-content-read .info-banner {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}

.blog-article-content-read img {
    display: block;
    margin: 24px auto;
    /* margin: 16px auto; */
}

.blog-article-content-read a {
    color: rgb(43, 146, 206);
}

.blog-article-content-read img.emoji {
    margin: 0;
}

.blog-article-content-read h2 {
    margin-top: 32px;
}

.editormd-preview-close-btn {
    display: none !important;
}
/* .editormd {
    min-height: 200px;
} */
.editormd-dialog {
    max-width: 100%;
    height: auto !important;
    position: fixed;
    top: 160px;
}

.topic-msg-edit-view {
    max-width: 99%;
}

.topic-msg-content img {
    display: block;
}

img.emoji {
    display: inline-block;
    width: 16px;
}

/*****************/
/* MD CHECKBOXES */
/*****************/

.md-checkbox {
    position: relative;
    margin: 1em 0;
    text-align: left;
}
.md-checkbox input[type="checkbox"] {
    outline: 0;
    visibility: hidden;
    width: 1.25em;
    margin: 0;
    display: block;
    float: left;
    font-size: inherit;
}
.md-checkbox label:not(:empty) {
    padding-left: 0.75em;
}
.md-checkbox label {
    cursor: pointer;
    display: inline;
    line-height: 1.5em;
    vertical-align: top;
    clear: both;
    padding-left: 1px;
}
.md-checkbox label::before, .md-checkbox label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}
.md-checkbox label::before {
    box-sizing: border-box;
    width: 1.32em;
    height: 1.32em;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 0.125em;
    cursor: pointer;
    transition: background .3s;
}
.md-checkbox input[type="checkbox"]:checked + label::before {
    background: #46A2D9;
    border: none;
}
.md-checkbox input[type="checkbox"]:checked + label::after {
    transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
    width: 0.75em;
    height: 0.375em;
    border: 0.125em solid #fff;
    border-top-style: none;
    border-right-style: none;
}

input.a-completer {
    background: transparent;
    border: none;
    border-bottom: 2px solid #46A2D9;
    color: #fff;
    width: 64px;
    outline: none;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-weight: 400;
    font-size: 12px;
}

.btn.save-question {
    float: right;
    margin-top: -15px;
    border-color: #cecece;
    font-size: 14px;
    color: #5b5b5b;
}

.comments .avatar {
    border-radius: 0;
    width: 47px;
    height: 47px;
    padding: 0;
    margin-left: 10px;
}

.comments .avatar img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    width: 100%;
    height: 100%;
}


/****************/
/** NIGHT MODE **/
/****************/
html.night-mode, .night-mode body #wrapper {
    background-color: #131313 !important;
}

.night-mode .uk-pagination a.uk-active {
    border: 1px solid #c7c7c7;
}

.night-mode .profile-cards, .night-mode .profile-cards-footer {
    background-color: #201f23;
    box-shadow: 0px 2px 10px 0px #0000001a;
}

.night-mode .modal-content {
    background-color: #201f23;
}

.night-mode .input-group-text {
    background-color: #201f23;
    color: #c7c7c7;
    border-color: #4a4a4a;
}

.night-mode input.form-control,
.night-mode input.form-control:focus,
.night-mode select.form-control,
.night-mode select.form-control:focus {
    background-color: #201f23;
    border-color: #4a4a4a;
    color: #c7c7c7;
}

.night-mode .list-group-item,
.night-mode .card,
.night-mode .card .card-header,
.night-mode textarea {
    background-color: #201f23;
    border-color: #4a4a4a;
    color: #c7c7c7;
}
.night-mode .list-group-item a,
.night-mode .list-group-item .text-body {
    color: #c7c7c7 !important;
}
.night-mode .card {
    border-color: #4a4a4a;
}

.night-mode .btn-white {
    color: #c7c7c7;
    background-color: #201f23;
    border-color: #4a4a4a;
} 

.night-mode .btn-primary {
    background-color: #1c5e92;
    border-color: #1c5e92;
}
.night-mode .btn-success {
    color: #fff !important;
}

.night-mode .uk-tab>.uk-active>a {
    border-color: #c7c7c7 !important;
}

.night-mode .search-form {
    display: flex;
    align-items: center;
    color: #c7c7c7;
    background-color: #201f23;
    border: 1px solid #4a4a4a;
}
.night-mode .search-form--light .btn {
    color: #c7c7c7;
}

.night-mode .info-banner {
    background-color: #201f23;
}
.night-mode .info-banner .icon {
    color: #fff;
}
.night-mode .info-banner .content {
    color: #c7c7c7;
}

.night-mode .topic-msg-card .text-body strong {
    color: #fff;
}

.night-mode form .form-label {
    color: #c7c7c7;
}

/* Sans night-mode */
.logo-light-mode {
    display: block;
}
.logo-dark-mode {
    display: none;
}

/* Avec night-mode */
.night-mode .logo-light-mode {
    display: none;
}
.night-mode .logo-dark-mode {
    display: block;
}


.night-mode .is-active.header-widget .header-widget-icon {
    color: #c7c7c7 !important;
}

.night-mode blockquote {
    color: #7d7d7d;
}

.night-mode .search-form.form-control-rounded input.form-control:focus {
    background-color: transparent !important;
}
.night-mode .search-form.form-control-rounded button {
    color: #c7c7c7 !important;
}

.night-mode .blog-article-single {
    background-color: rgba(0, 0, 0, 0.8);
}

.user-details-card-avatar {
    padding: 2px 0 0 15px;
}
.user-details-card-bio {
    padding: 20px 0 10px 20px;
}

/* Share buttons */
@media screen and (min-width: 640px) {
    .share-buttons .newsletter-wrapper {
        text-align: right;
    }
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  /* margin: 0.2em; */
  margin: 0.2em 0.2em 0 0.2em;
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  /* padding: 0.5em 0.75em; */
  padding: 0.3em 0.75em 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none;
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none;
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.resp-sharing-button--reddit {
  background-color: #5f99cf;
  border-color: #5f99cf;
}

.resp-sharing-button--reddit:hover,
.resp-sharing-button--reddit:active {
  background-color: #3a80c1;
  border-color: #3a80c1;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}

/** FORMATIONS **/

.star-rating .star.half:after, .star-rating .star:before {
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    font-weight: 900;
}

.sidebar-filter-list .uk-accordion-title::before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
}

.sidebar-filter-list .uk-open>.uk-accordion-title::before {
    position: relative;
    top: -5px;
}

.course-card h4 {
    white-space: normal;
}

.course-card-list.course-card p {
    margin-bottom: 10px !important;
}

.course-card-list.course-card {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

.sidebar-filter h4 {
    text-transform: none;
}

.course-card-body .tag {
    background: #00C762;
    color: #fff;
    padding: 6px 8px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1.1em;
    position: relative;
    top: -2px;
}

.course-card-body .strike {
    text-decoration: line-through;
    font-weight: 900;
    color: #FF3D00;
}
.course-card-body .strike span {
    color: grey;
    font-weight: 400;
}
.course-card-body .promo-price {
    font-weight: bold;
}

#navigation .promo-tag {
    background: #00C762;
    color: #fff;
    padding: 4px 4px 2px 4px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.55em;
    position: absolute;
    top: 10px;
    right: -4px;
    line-height: 12px;
}

.live-card {
    max-width:100%;width:300px;position:fixed;right:20px;bottom:20px;z-index:1000;padding: 0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.live-card .live-card-badge {
    position:absolute;top:-15px;left:-20px;background:#FF3D00;color:#FFFFFF;border-radius:10px;padding:0 10px;z-index:10000;
}
.live-card .live-card-badge a {
    color:#FFFFFF;
}
.live-card .videowrapper {
    margin-bottom: 0;
}
.live-card .live-card-mobile {
    display: none;
}

@media screen and (max-width: 900px) {
    .live-card .live-card-badge,
    .live-card .videowrapper {
        display: none;
    }
    .live-card {
        width: 100%;
        right: 0;
        bottom: 0;
    }
    .live-card .live-card-mobile {
        display: block;
        padding-top: 10px;padding-bottom: 10px;
    }
}


.cookies-consent {
    max-width:90%;width:800px;padding:10px 12px;position:fixed;bottom:50px;margin: 0 auto;left:0;right:0;font-size:0.8em;z-index:10000;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.cookies-consent div,
.cookies-consent p {
    margin: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
}
.cookies-consent .cookies-consent-btn .button {
    background: #46A2D9;color: #FFF;
}

@media screen and (max-width: 960px) {
    .cookies-consent .cookies-consent-btn .button {
        display: block;
        margin: 0 auto;
    }
}