/*
 * Generate Margin Class
 * margin, margin-top, margin-bottom, margin-left, margin-right
 */

.m-auto {
    margin: auto !important;
}

.m-0 {
    margin: 0px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-b-100 {
    margin-bottom: 50px !important;
}

.m-t-50 {
    margin-top: 100px !important;
}

.m-b-100 {
    margin-bottom: 100px !important;
}
/*
 * Generate Padding Class
 * padding, padding-top, padding-bottom, padding-left, padding-right
 */

.p-0 {
    padding: 0px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-t-90 {
    padding-top: 90px !important;
}

.p-t-80{
    padding-top: 80px !important;
}
.p-b-0 {
    padding-bottom: 0px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

/*
 * Generate Font-Size Classes (8px - 20px)
 */
.f-8 {
    font-size: 8px !important;
}

.f-9 {
    font-size: 9px !important;
}

.f-10 {
    font-size: 10px !important;
}

.f-11 {
    font-size: 11px !important;
}

.f-12 {
    font-size: 12px !important;
}

.f-13 {
    font-size: 13px !important;
}

.f-14 {
    font-size: 14px !important;
}

.f-15 {
    font-size: 15px !important;
}

.f-16 {
    font-size: 16px !important;
}

.f-17 {
    font-size: 17px !important;
}

.f-18 {
    font-size: 18px !important;
}

.f-19 {
    font-size: 19px !important;
}

.f-20 {
    font-size: 20px !important;
}

.f-22 {
    font-size: 22px !important;
}

.f-24 {
    font-size: 24px !important;
}

.f-26 {
    font-size: 26px !important;
}

.f-28 {
    font-size: 28px !important;
}

.f-30 {
    font-size: 30px !important;
}

/*
 * Font Weight
 */

.f-300 {
    font-weight: 300 !important;
}

.f-400 {
    font-weight: 400 !important;
}

.f-500 {
    font-weight: 500 !important;
}

.f-700 {
    font-weight: 700 !important;
}

/*
 * Position Classes
 */

.p-relative {
    position: relative !important;
}

.p-absolute {
    position: absolute !important;
}

.p-fixed {
    position: fixed !important;
}

.p-static {
    position: static !important;
}

/*
 * Overflow
 */

.o-hidden {
    overflow: hidden !important;
}

.o-visible {
    overflow: visible !important;
}

.o-auto {
    overflow: auto !important;
}

/*
 * Display
 */

.d-block {
    display: block !important;
}

.di-block {
    display: inline-block !important;
}

/*
 * Material Background Colors
 */

.bgm-white {
    background-color: #ffffff !important;
}

.c-white {
    color: #ffffff !important;
}

.bgm-black {
    background-color: #000000 !important;
}

.bgm-opacity {
    background: rgba(0, 0, 0, 0.12)!important;
}

.bgm-brown {
    background-color: #795548 !important;
}

.c-brown {
    color: #795548 !important;
}

.bgm-pink {
    background-color: #e91e63 !important;
}

.c-pink {
    color: #e91e63 !important;
}

.bgm-red {
    background-color: #f44336 !important;
    color : #fff;

}

.c-red {
    color: #f44336 !important;
}

.bgm-blue {
    background-color: #2196f3 !important;
    color : #fff;
}

.c-blue {
    color: #2196f3 !important;
}

.bgm-purple {
    background-color: #9c27b0 !important;
}

.c-purple {
    color: #9c27b0 !important;
}

.bgm-deeppurple {
    background-color: #673ab7 !important;
}

.c-deeppurple {
    color: #673ab7 !important;
}

.bgm-lightblue {
    background-color: #03a9f4 !important;
}

.c-lightblue {
    color: #03a9f4 !important;
}

.bgm-cyan {
    background-color: #00bcd4 !important;
}

.c-cyan {
    color: #00bcd4 !important;
}

.bgm-teal {
    background-color: #009688 !important;
}

.c-teal {
    color: #009688 !important;
}

.bgm-green {
    background-color: #4caf50 !important;
}

.c-green {
    color: #4caf50 !important;
}

.bgm-lightgreen {
    background-color: #8bc34a !important;
}

.c-lightgreen {
    color: #8bc34a !important;
}

.bgm-lime {
    background-color: #cddc39 !important;
}

.c-lime {
    color: #cddc39 !important;
}

.bgm-yellow {
    background-color: #ffeb3b !important;
}

.c-yellow {
    color: #ffeb3b !important;
}

.bgm-amber {
    background-color: #ffc107 !important;
}

.c-amber {
    color: #ffc107 !important;
}

.bgm-orange {
    background-color: #ff9800 !important;
}

.c-orange {
    color: #ff9800 !important;
}

.bgm-deeporange {
    background-color: #ff5722 !important;
}

.c-deeporange {
    color: #ff5722 !important;
}

.bgm-gray {
    background-color: #9e9e9e !important;
}

.bgm-grey {
    background-color: #9e9e9e !important;
}


.c-gray {
    color: #9e9e9e !important;
}

.c-grey {
    color: #9e9e9e !important;
}

.bgm-bluegray {
    background-color: #607d8b !important;
    color: #fff;
}

.bgm-bluegrey {
    background-color: #607d8b !important;
    color: #fff;
}

.c-bluegrey {
    color: #607d8b !important;
}

.c-bluegray {
    color: #607d8b !important;
}

.bgm-indigo {
    background-color: #3f51b5 !important;
}

.c-indigo {
    color: #3f51b5 !important;
}

.bgb-white {
    border-color: #ffffff !important;
}

.c-white {
    color: #ffffff !important;
}

.bgb-black {
    border-color: #000000 !important;
}

.bgb-opacity {
    border: rgba(0, 0, 0, 0.12)!important;
}

.bgb-brown {
    border-color: #795548 !important;
}

.c-brown {
    color: #795548 !important;
}

.bgb-pink {
    border-color: #e91e63 !important;
}

.c-pink {
    color: #e91e63 !important;
}

.bgb-red {
    border-color: #f44336 !important;
}

.c-red {
    color: #f44336 !important;
}

.bgb-blue {
    border-color: #2196f3 !important;
}

.c-blue {
    color: #2196f3 !important;
}

.bgb-purple {
    border-color: #9c27b0 !important;
}

.c-purple {
    color: #9c27b0 !important;
}

.bgb-deeppurple {
    border-color: #673ab7 !important;
}

.c-deeppurple {
    color: #673ab7 !important;
}

.bgb-lightblue {
    border-color: #03a9f4 !important;
}

.c-lightblue {
    color: #03a9f4 !important;
}

.bgb-cyan {
    border-color: #00bcd4 !important;
}

.c-cyan {
    color: #00bcd4 !important;
}

.bgb-teal {
    border-color: #009688 !important;
}

.c-teal {
    color: #009688 !important;
}

.bgb-green {
    border-color: #4caf50 !important;
}

.c-green {
    color: #4caf50 !important;
}

.bgb-lightgreen {
    border-color: #8bc34a !important;
}

.c-lightgreen {
    color: #8bc34a !important;
}

.bgb-lime {
    border-color: #cddc39 !important;
}

.c-lime {
    color: #cddc39 !important;
}

.bgb-yellow {
    border-color: #ffeb3b !important;
}

.c-yellow {
    color: #ffeb3b !important;
}

.bgb-amber {
    border-color: #ffc107 !important;
}

.c-amber {
    color: #ffc107 !important;
}

.bgb-orange {
    border-color: #ff9800 !important;
}

.c-orange {
    color: #ff9800 !important;
}

.bgb-deeporange {
    border-color: #ff5722 !important;
}

.c-deeporange {
    color: #ff5722 !important;
}

.bgb-gray {
    border-color: #9e9e9e !important;
}

.c-gray {
    color: #9e9e9e !important;
}

.bgb-bluegray {
    border-color: #607d8b !important;
}

.c-bluegray {
    color: #607d8b !important;
}

.bgb-bluegray {
    border-color: #607d8b !important;
}

.c-bluegray {
    color: #607d8b !important;
}

.bgb-indigo {
    border-color: #3f51b5 !important;
}

.c-indigo {
    color: #3f51b5 !important;
}

.header-white {
    background-image: -webkit-linear-gradient( 180deg, #ffffff 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #ffffff 328px, #f3f3f3 0%);
}

.header-black {
    background-image: -webkit-linear-gradient( 180deg, #000000 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #000000 328px, #f3f3f3 0%);
}

.header-opacity {
    background-image: -webkit-linear-gradient( 180deg, 0, 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, 0,#0caf50 328px, #f3f3f3 0%);
}

.header-brown {
    background-image: -webkit-linear-gradient( 180deg, #795548 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #795548 328px, #f3f3f3 0%);
}

.header-pink {
    background-image: -webkit-linear-gradient( 180deg, #e91e63 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #e91e63 328px, #f3f3f3 0%);
}

.header-red {
    background-image: -webkit-linear-gradient( 180deg, #f44336 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #f44336 328px, #f3f3f3 0%);
}

.header-blue {
    background-image: -webkit-linear-gradient( 180deg, #2196f3 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #2196f3 328px, #f3f3f3 0%);
}

.header-purple {
    background-image: -webkit-linear-gradient( 180deg, #9c27b0 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #9c27b0 328px, #f3f3f3 0%);
}

.header-deeppurple {
    background-image: -webkit-linear-gradient( 180deg, #673ab7 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #673ab7 328px, #f3f3f3 0%);
}

.header-lightblue {
    background-image: -webkit-linear-gradient( 180deg, #03a9f4 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #03a9f4 328px, #f3f3f3 0%);
}

.header-cyan {
    background-image: -webkit-linear-gradient( 180deg, #00bcd4 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #00bcd4 328px, #f3f3f3 0%);
}

.header-teal {
    background-image: -webkit-linear-gradient( 180deg, #009688 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #009688 328px, #f3f3f3 0%);
}

.header-green {
    background-image: -webkit-linear-gradient( 180deg, #4caf50 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #4caf50 328px, #f3f3f3 0%);
}

.header-lightgreen {
    background-image: -webkit-linear-gradient( 180deg, #8bc34a 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #8bc34a 328px, #f3f3f3 0%);
}

.header-lime {
    background-image: -webkit-linear-gradient( 180deg, #cddc39 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #cddc39 328px, #f3f3f3 0%);
}

.header-yellow {
    background-image: -webkit-linear-gradient( 180deg, #ffeb3b 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #ffeb3b 328px, #f3f3f3 0%);
}

.header-amber {
    background-image: -webkit-linear-gradient( 180deg, #ffc107 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #ffc107 328px, #f3f3f3 0%);
}

.header-orange {
    background-image: -webkit-linear-gradient( 180deg, #ff9800 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #ff9800 328px, #f3f3f3 0%);
}

.header-deeporange {
    background-image: -webkit-linear-gradient( 180deg, #ff5722 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #ff5722 328px, #f3f3f3 0%);
}

.header-gray {
    background-image: -webkit-linear-gradient( 180deg, #9e9e9e 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #9e9e9e 328px, #f3f3f3 0%);
}

.header-grey {
    background-image: -webkit-linear-gradient( 180deg, #9e9e9e 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #9e9e9e 328px, #f3f3f3 0%);
}

.header-bluegray {
    background-image: -webkit-linear-gradient( 180deg, #607d8b 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #607d8b 328px, #f3f3f3 0%);
}

.header-bluegrey {
    background-image: -webkit-linear-gradient( 180deg, #607d8b 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #607d8b 328px, #f3f3f3 0%);
}

.header-indigo {
    background-image: -webkit-linear-gradient( 180deg, #3f51b5 328px, #f3f3f3 0%);
    background-image: linear-gradient( 180deg, #3f51b5 328px, #f3f3f3 0%);
}

/*
 * Background Colors
 */

.bg-black-trp {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.overlay-white {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

/*
 * Border
 */

.b-0 {
    border: 0 !important;
}

/*
 * width
 */

.w-100 {
    width: 100% !important;
}

.w100px {
    width: 100px !important;
}
.w120px {
    width: 120px !important;
}

/***/
.fs-14{
    font-size: 14px!important;
}

.fs-16{
    font-size: 16px!important;
}

.fs-18{
    font-size: 18px!important;
}

.fs-20{
    font-size: 20px!important;
}

.fs-34{
    font-size: 34px!important;
}

.fw-b{
    font-weight: bold;
}

.fw-700{
    font-weight: 700px!important;
}

.dir-ar{
    direction: rtl;
}

.t-j-ar{
    text-align: inter-word;

}

.strong{
    font-weight: bold;
}

.v-a-m{
    vertical-align:middle;
}

.v-a-b{
    vertical-align:bottom;
}

.v-a-sub{
    vertical-align:sub;
}

.v-a-t{
    vertical-align:top;
}

.w10p{
    width: 10%;
}


.w20p{
    width: 20%;
}

.w30p{
    width: 30%;
}

.w40p{
    width: 40%;
}
.w50p{
    width: 50%;
}

.w60p{
    width: 60%;
}
.w70p{
    width: 70%;
}

.w80p{
    width: 80%;
}

.w90p{
    width: 90%;
}
.w100p{
    width: 100%;
}

.w20{
    width: 20px;
    max-width: 20;
}

.w30{
    width: 30px;
    max-width: 30;
}

.w40{
    width: 40px;
    max-width: 40;
}
.w-auto{
    width: auto!important;
}

.h-auto{
    height: auto!important;
}

.h8{
    height: 8px;
    max-height: 8px;
}

.h10{
    height: 10px;
    max-height: 10px;
}

.h20{
    height: 20px;
    max-height: 20px;
}

.h30{
    height: 30px;
    max-height: 30px;
}

.h40{
    height: 40px;
    max-height: 40px;
}

.h100{
    height: 100px;
    max-height: 100px;
}

.h450{
    height: 450px;
    max-height: 450px;
}

.d-b{
    display: block;
}

.d-ib{
    display: inline-block;
}
.d-if{
    display: inline-flex;
}
.p-fixed{
    position: fixed;
}

.r-10{
    right: 10px;
}

.t-10{
    top: 10px;
}

.of-h{
    overflow: hidden;
}

.img-circle {
    border-radius: 50%;
}


.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-flex {
    position: absolute!important;
    right: 10px;
    top: 10px;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none!important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.show {
    display: block!important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.dropdown+.show{
    display: inline-block!important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}


.horizontal-banner { margin: auto auto; overflow: hidden; }
.horizontal-menu-banner { width: 728px; height: 15px; overflow: hidden; }
.horizontal-menu-half-banner { width: 468px; height: 15px; }
.rectangle-banner { margin: auto auto; }
.vertical-banner { margin: auto auto; }

@media(max-width: 500px) {
    .horizontal-menu-half-banner {
        width: 100%!important; height: 15px; overflow: hidden;
    }
    .no-padding{
        padding-left: 0px!important;
        padding-right: 0px!important;

    }

    .pull-flex{
        position: inherit!important;
    }

}

@media(max-width: 500px) { .horizontal-menu-banner { width: 234px; height: 15px; } }
@media(max-width: 940px) { .horizontal-menu-banner { width: 468px; height: 15px; } }
@media(min-width: 940px) { .horizontal-menu-banner { width: 728px; height: 15px; } }


@media(min-width: 400px) { .horizontal-banner { width: 234px; height: 60px; } }
@media(min-width: 500px) { .horizontal-banner { width: 468px; height: 60px; } }
@media(min-width: 800px) { .horizontal-banner { width: 728px; height: 90px; } }

@media(min-width: 200px) { .rectangle-banner { width: 150px; height: 150px; } }
@media(min-width: 320px) { .rectangle-banner { width: 200px; height: 200px; } }
@media(min-width: 500px) { .rectangle-banner { width: 250px; height: 250px; } }
@media(min-width: 800px) { .rectangle-banner { width: 300px; height: 250px; } }

@media(min-width: 400px) { .vertical-banner { width: auto; height: 240px; } }
@media(min-width: 500px) { .vertical-banner { width: 120px; height: 600px; } }
@media(min-width: 800px) { .vertical-banner { width: 300px; height: 600px; } }



.pubfixedbox {
    position: fixed;
    bottom: 0px;
    max-height: 60px;
    width: 234px;
    margin-left: auto;
    margin-right: auto;
    left: calc(50% - 117px);
    z-index: 999999999;
}

@media(max-width: 420px) { .pubfixedbox { position: inherit; width: 234px; overflow: hidden; max-height: 60px; height: 60px; margin-bottom: 20px;  } }

@media(min-width: 600px) { .pubfixedbox { width: 234px; overflow: hidden; max-height: 60px; height: 60px;left: calc(50% - 117px); } }
@media(min-width: 1150px) { .pubfixedbox { width: 234px; overflow: hidden; max-height: 60px; height: 60px;left: calc(50% - 117px); } }
@media(min-width: 1250px) { .pubfixedbox { width: 468px; overflow: hidden; max-height: 60px; height: 60px;left: calc(50% - 264px); } }


/* added by HZ */

.social-share-container{
    align-content: center;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.share-item {
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: white;
    display: inline-block;
    float: left;
    line-height: initial;
    height: 27px;
    margin-right: 5px;
    min-width: 100%;
    width: auto;
    margin-bottom: 10px;
}
.social-share-container .share-item .social-icon {
    line-height: 28px;
    float: left;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    width: 28px;
}

.social-share-container .share-item .share-count-container .share-count {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 10px;
    line-height: 14px;
    margin: 2px 0;
    padding: 0 7px;
    padding-top: 4px;
    min-width: 40px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
}
.social-share-container{
    color: #ffffff;
}
.social-share-container:hover,.social-share-container:visited{
    color: #ffffff;
}
#sv-facebook-share {
    background: #3b5998;
}
#sv-twitter-share {
    background: #00aced;
}
#sv-google-share {
    background: #dd4b39;
}



/*
 * Border Radius
 */

.brd-2 {
    border-radius: 2px;
}

.br-1 {
    border: 1px solid;
}

.br-t-1 {
    border-top: 1px solid;
}


.br-2 {
    border: 2px solid;
}
/*
 * Text Overflow
 */

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/*
 * Best Selling Item
 */

#best-selling {
    background-color: #fff;
}

#best-selling .dash-widget-header > img {
    height: 200px;
    width: auto;
    margin: auto;
    display: block;
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('www.devoir.tn/resources/img/cover.jpg');
}
.card #best-selling .dash-widget-header > img {
    width: 100%;
    height: auto;
    /*min-height: 660px;*/
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('www.devoir.tnn/resources/img/cover.jpg');
}

#best-selling .dash-widget-header .dash-widget-title {
    padding: 30px;
    top: 0;
    color: #fff;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=0);
     height: 90px;
     position: absolute;
     right: 0px;
     left: 0px;
     z-index: 5;
}

.downloadOnFrame{
    position: relative;
    bottom: -80px;
    left: 20px;
}
#best-selling .dash-widget-header .main-item {
    padding: 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}

#best-selling .dash-widget-header .main-item > h2 {
    font-weight: 400;
    font-size: 20px;
    margin: 5px 0 0 0;
    line-height: 100%;
    color: #fff;
}


.pmo-contact ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pmo-contact ul li {
    position: relative;
    padding: 8px 0 8px 35px;
}

.pmo-contact ul li i {
    font-size: 18px;
    vertical-align: top;
    line-height: 100%;
    position: absolute;
    left: 0;
    width: 18px;
    text-align: center;
}

.pmo-map {
    margin: 20px -28px -25px;
    display: block;
}

.pmo-map img {
    width: 100%;
}


.btn{
    color: #fff;
}

.btn:hover{
    color: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.16), 0 3px 12px rgba(0, 0, 0, 0.12);
}
.btn-default{
    color : #000;
}

.btn-default:hover{
    color : #000;
    font-weight: bold;
}

.wpcf7-form .btn-link{
    color: #000000;
}


.listview.lv-lg .lv-item:hover {
    background-color: #FFFFDB;
}

.listview .lv-item {
    position: relative;
    display: block;
    -webkit-transition: background-color;
    -o-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.listview .lv-item .lv-small {
    font-size: 12px;
    color: #A9A9A9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
}

.listview .lv-item .checkbox,
.listview .lv-item.media {
    margin: 0;
}

.listview .lv-item .lv-actions {
    position: absolute;
    right: 15px;
    top: 10px;
}


.text-placeholder{
    letter-spacing: -3px;
    margin: 0px;
    display: inline-block;
    color: #dddddd;
}

.ads-placeholder{
    background: #f2f2f2;
}

.ads-p728{
    width: 728px!important;
    height: 90px;
    display: block;
}

@media all and (max-width: 768px) {
    .ads-p728{
        width: 100%!important;
        height: 100%!important;
        display: block;
    }
}


.header_event {
    /*background-image: url(https://ssl.gstatic.com/trends_tpt/340b37856b4124ddee24fa64e826e313f076299b758914932c63fa061d4eb901.jpg);*/
    /*background-image: url(https://www.devoir.tn/resources/themes/mae/img/headers/4.png);*/
    /*background-color: rgb(66, 133, 244);*/
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 270px;
}

.desc-video{
    font-size: 18px;
    line-height: 30px;
}

.partager_doc_btn {
    margin-top:60px!important;
    margin: 20px;
    padding: 10px;
}

.AppBar{
    position: fixed!important;
    width: 100%;
    right: 0px!important;
    left: 0px!important;
    top: -75px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    display: block;
    transition: all  0.3s ease-in-out;
}


.likeTop{
    height: 30px!important;
    background: #ffffff!important;
    display: inline-block;
    max-height: 60px;
}

.m-20-not-flex{
    margin: 20px;
}
.FixElemOver{
    margin: 20px;
}

@media all and (max-width: 767px) {
    .ha-menu {
        width: 200px;
        position: absolute;
        top: 65px;
        left: 8px;
        box-shadow: 0 0 10px;
        z-index: 10;
        padding: 0 10px;
    }

    .ha-menu:not(.toggled) {
        display: none;
    }

    .main .col-sm-4{
        padding: 0px;
    }
    .main .col-sm-8{
        padding: 0px;
    }

    .FixElemOver{
        position: relative;
        left: -10px;
        right: 0px;
        margin: 0px!important;
        background: #fdfdfd;
        overflow: hidden;
        display: inline-block;
        min-width: 350px;
        width: 100%;
    }
    .m-20-not-flex{
        margin: 0px!important;
        margin-bottom: 20px!important;
    }

    .likeTop{
        height: 560px!important;
        background: rgba(38, 38, 38, 0.81)!important;
        padding: 15px;
        display: hidden;
        overflow: hidden;
        position: fixed!important;
        bottom: -60px;
        left: 15px;
        right: 15px;
        z-index:9999;
        border-radius: 5px;
        text-align: center;
        transition: all  0.3s ease-in-out;
    }
    .likeTopFixed{
        height: 60px!important;
        padding: 15px!important;
        display: block;
        bottom: 70px;
        z-index:9999;
        text-align: center;
        transition: all  0.3s ease-in-out;
    }

    .w-auto{
        width: auto!important;
    }
    .alert {
        width: 100%;
        left: 0px!important;
        right: 0px!important;
    }

    .AppBar{
        position: fixed!important;
        width: 100%;
        right: 0px!important;
        left: 0px!important;
        top: 0px;
        padding: 5px!important;
        display: block;
        transition: all  0.3s ease-in-out;
    }

    .breadcrumb > li{
        display: block!important;
        padding: 7px!important;
        border-top: 1px solid #ddd ;
    }
    .breadcrumb > li:first-child{
        border-top: none;
    }
    .breadcrumb > li + li:before{
        display: none!important;
    }
}


.AppBarFixed{
    position: fixed!important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    top: 0px!important;
    transition: position 0.3s ease-in-out;
    transition: all  0.3s ease-in-out;
}

.AppBarDefault{
    position: absolute!important;
    top: 20px;
    width: 100%;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    display: block;
    transition: all  0.3s ease-in-out;
}



@media all and (max-width: 350px) {
    .FixElemOver{
        margin: 0px!important;
        overflow: hidden;
        display: inline-block;
        min-width: 320px;
        width: 100%;
    }
    .ads-pub{
        float: none!important;
    }
    .header-all{
        padding: 0px!important;
    }
}

@media (min-width: 1320px) {
    .main .col-sm-4{
        width: 300px!important;
        max-width: 300px!important;
    }
    .main .col-sm-8{
        width: 730px!important;
        max-width: 730px!important;
        margin-right: 15px;
        padding: 0px;
    }

    .hs-input{
        width: 730px!important;
    }
}



/*----------------------------------
    Profile
-----------------------------------*/

.profile-view {
    color: #fff;
}

.profile-view .list-group-item {
    border-bottom: 1px solid #fff;
}



.pv-header {
    background-color: rgba(255, 255, 255, 0.1);
    text-align: center;
    padding: 30px 30px 25px;
}

.pv-header h2 {
    color: #fff;
    margin: 10px 0 0px;
    font-size: 20px;
    line-height: 100%;
}

.pv-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid rgba(0, 0, 0, 0.21);
}
.pv-img-60px {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 4px solid rgba(0, 0, 0, 0.21);
}

.pv-pub{
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.pvb-list {
    margin: 0;
    padding: 30px;
}

.pvb-icon {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}

/* btn add*/


.btn-float {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 45px !important;
}

.btn-float:not(.m-btn) {
    position: absolute !important;
}

.btn-float i {
    font-size: 23px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.btn-float:hover i {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}


/* color palettes*/

/**
 * google-material-color v1.2.6
 * https://github.com/danlevan/google-material-color
 */
.palette-Red.bg {
    background-color: #F44336;
}
.palette-Red.text {
    color: #F44336;
}
.palette-Red-50.bg {
    background-color: #FFEBEE;
}
.palette-Red-50.text {
    color: #FFEBEE;
}
.palette-Red-100.bg {
    background-color: #FFCDD2;
}
.palette-Red-100.text {
    color: #FFCDD2;
}
.palette-Red-200.bg {
    background-color: #EF9A9A;
}
.palette-Red-200.text {
    color: #EF9A9A;
}
.palette-Red-300.bg {
    background-color: #E57373;
}
.palette-Red-300.text {
    color: #E57373;
}
.palette-Red-400.bg {
    background-color: #EF5350;
}
.palette-Red-400.text {
    color: #EF5350;
}
.palette-Red-500.bg {
    background-color: #F44336;
}
.palette-Red-500.text {
    color: #F44336;
}
.palette-Red-600.bg {
    background-color: #E53935;
}
.palette-Red-600.text {
    color: #E53935;
}
.palette-Red-700.bg {
    background-color: #D32F2F;
}
.palette-Red-700.text {
    color: #D32F2F;
}
.palette-Red-800.bg {
    background-color: #C62828;
}
.palette-Red-800.text {
    color: #C62828;
}
.palette-Red-900.bg {
    background-color: #B71C1C;
}
.palette-Red-900.text {
    color: #B71C1C;
}
.palette-Red-A100.bg {
    background-color: #FF8A80;
}
.palette-Red-A100.text {
    color: #FF8A80;
}
.palette-Red-A200.bg {
    background-color: #FF5252;
}
.palette-Red-A200.text {
    color: #FF5252;
}
.palette-Red-A400.bg {
    background-color: #FF1744;
}
.palette-Red-A400.text {
    color: #FF1744;
}
.palette-Red-A700.bg {
    background-color: #D50000;
}
.palette-Red-A700.text {
    color: #D50000;
}

.palette-Pink.bg {
    background-color: #E91E63;
}
.palette-Pink.text {
    color: #E91E63;
}
.palette-Pink-50.bg {
    background-color: #FCE4EC;
}
.palette-Pink-50.text {
    color: #FCE4EC;
}
.palette-Pink-100.bg {
    background-color: #F8BBD0;
}
.palette-Pink-100.text {
    color: #F8BBD0;
}
.palette-Pink-200.bg {
    background-color: #F48FB1;
}
.palette-Pink-200.text {
    color: #F48FB1;
}
.palette-Pink-300.bg {
    background-color: #F06292;
}
.palette-Pink-300.text {
    color: #F06292;
}
.palette-Pink-400.bg {
    background-color: #EC407A;
}
.palette-Pink-400.text {
    color: #EC407A;
}
.palette-Pink-500.bg {
    background-color: #E91E63;
}
.palette-Pink-500.text {
    color: #E91E63;
}
.palette-Pink-600.bg {
    background-color: #D81B60;
}
.palette-Pink-600.text {
    color: #D81B60;
}
.palette-Pink-700.bg {
    background-color: #C2185B;
}
.palette-Pink-700.text {
    color: #C2185B;
}
.palette-Pink-800.bg {
    background-color: #AD1457;
}
.palette-Pink-800.text {
    color: #AD1457;
}
.palette-Pink-900.bg {
    background-color: #880E4F;
}
.palette-Pink-900.text {
    color: #880E4F;
}
.palette-Pink-A100.bg {
    background-color: #FF80AB;
}
.palette-Pink-A100.text {
    color: #FF80AB;
}
.palette-Pink-A200.bg {
    background-color: #FF4081;
}
.palette-Pink-A200.text {
    color: #FF4081;
}
.palette-Pink-A400.bg {
    background-color: #F50057;
}
.palette-Pink-A400.text {
    color: #F50057;
}
.palette-Pink-A700.bg {
    background-color: #C51162;
}
.palette-Pink-A700.text {
    color: #C51162;
}

.palette-Purple.bg {
    background-color: #9C27B0;
}
.palette-Purple.text {
    color: #9C27B0;
}
.palette-Purple-50.bg {
    background-color: #F3E5F5;
}
.palette-Purple-50.text {
    color: #F3E5F5;
}
.palette-Purple-100.bg {
    background-color: #E1BEE7;
}
.palette-Purple-100.text {
    color: #E1BEE7;
}
.palette-Purple-200.bg {
    background-color: #CE93D8;
}
.palette-Purple-200.text {
    color: #CE93D8;
}
.palette-Purple-300.bg {
    background-color: #BA68C8;
}
.palette-Purple-300.text {
    color: #BA68C8;
}
.palette-Purple-400.bg {
    background-color: #AB47BC;
}
.palette-Purple-400.text {
    color: #AB47BC;
}
.palette-Purple-500.bg {
    background-color: #9C27B0;
}
.palette-Purple-500.text {
    color: #9C27B0;
}
.palette-Purple-600.bg {
    background-color: #8E24AA;
}
.palette-Purple-600.text {
    color: #8E24AA;
}
.palette-Purple-700.bg {
    background-color: #7B1FA2;
}
.palette-Purple-700.text {
    color: #7B1FA2;
}
.palette-Purple-800.bg {
    background-color: #6A1B9A;
}
.palette-Purple-800.text {
    color: #6A1B9A;
}
.palette-Purple-900.bg {
    background-color: #4A148C;
}
.palette-Purple-900.text {
    color: #4A148C;
}
.palette-Purple-A100.bg {
    background-color: #EA80FC;
}
.palette-Purple-A100.text {
    color: #EA80FC;
}
.palette-Purple-A200.bg {
    background-color: #E040FB;
}
.palette-Purple-A200.text {
    color: #E040FB;
}
.palette-Purple-A400.bg {
    background-color: #D500F9;
}
.palette-Purple-A400.text {
    color: #D500F9;
}
.palette-Purple-A700.bg {
    background-color: #AA00FF;
}
.palette-Purple-A700.text {
    color: #AA00FF;
}

.palette-Deep-Purple.bg {
    background-color: #673AB7;
}
.palette-Deep-Purple.text {
    color: #673AB7;
}
.palette-Deep-Purple-50.bg {
    background-color: #EDE7F6;
}
.palette-Deep-Purple-50.text {
    color: #EDE7F6;
}
.palette-Deep-Purple-100.bg {
    background-color: #D1C4E9;
}
.palette-Deep-Purple-100.text {
    color: #D1C4E9;
}
.palette-Deep-Purple-200.bg {
    background-color: #B39DDB;
}
.palette-Deep-Purple-200.text {
    color: #B39DDB;
}
.palette-Deep-Purple-300.bg {
    background-color: #9575CD;
}
.palette-Deep-Purple-300.text {
    color: #9575CD;
}
.palette-Deep-Purple-400.bg {
    background-color: #7E57C2;
}
.palette-Deep-Purple-400.text {
    color: #7E57C2;
}
.palette-Deep-Purple-500.bg {
    background-color: #673AB7;
}
.palette-Deep-Purple-500.text {
    color: #673AB7;
}
.palette-Deep-Purple-600.bg {
    background-color: #5E35B1;
}
.palette-Deep-Purple-600.text {
    color: #5E35B1;
}
.palette-Deep-Purple-700.bg {
    background-color: #512DA8;
}
.palette-Deep-Purple-700.text {
    color: #512DA8;
}
.palette-Deep-Purple-800.bg {
    background-color: #4527A0;
}
.palette-Deep-Purple-800.text {
    color: #4527A0;
}
.palette-Deep-Purple-900.bg {
    background-color: #311B92;
}
.palette-Deep-Purple-900.text {
    color: #311B92;
}
.palette-Deep-Purple-A100.bg {
    background-color: #B388FF;
}
.palette-Deep-Purple-A100.text {
    color: #B388FF;
}
.palette-Deep-Purple-A200.bg {
    background-color: #7C4DFF;
}
.palette-Deep-Purple-A200.text {
    color: #7C4DFF;
}
.palette-Deep-Purple-A400.bg {
    background-color: #651FFF;
}
.palette-Deep-Purple-A400.text {
    color: #651FFF;
}
.palette-Deep-Purple-A700.bg {
    background-color: #6200EA;
}
.palette-Deep-Purple-A700.text {
    color: #6200EA;
}

.palette-Indigo.bg {
    background-color: #3F51B5;
}
.palette-Indigo.text {
    color: #3F51B5;
}
.palette-Indigo-50.bg {
    background-color: #E8EAF6;
}
.palette-Indigo-50.text {
    color: #E8EAF6;
}
.palette-Indigo-100.bg {
    background-color: #C5CAE9;
}
.palette-Indigo-100.text {
    color: #C5CAE9;
}
.palette-Indigo-200.bg {
    background-color: #9FA8DA;
}
.palette-Indigo-200.text {
    color: #9FA8DA;
}
.palette-Indigo-300.bg {
    background-color: #7986CB;
}
.palette-Indigo-300.text {
    color: #7986CB;
}
.palette-Indigo-400.bg {
    background-color: #5C6BC0;
}
.palette-Indigo-400.text {
    color: #5C6BC0;
}
.palette-Indigo-500.bg {
    background-color: #3F51B5;
}
.palette-Indigo-500.text {
    color: #3F51B5;
}
.palette-Indigo-600.bg {
    background-color: #3949AB;
}
.palette-Indigo-600.text {
    color: #3949AB;
}
.palette-Indigo-700.bg {
    background-color: #303F9F;
}
.palette-Indigo-700.text {
    color: #303F9F;
}
.palette-Indigo-800.bg {
    background-color: #283593;
}
.palette-Indigo-800.text {
    color: #283593;
}
.palette-Indigo-900.bg {
    background-color: #1A237E;
}
.palette-Indigo-900.text {
    color: #1A237E;
}
.palette-Indigo-A100.bg {
    background-color: #8C9EFF;
}
.palette-Indigo-A100.text {
    color: #8C9EFF;
}
.palette-Indigo-A200.bg {
    background-color: #536DFE;
}
.palette-Indigo-A200.text {
    color: #536DFE;
}
.palette-Indigo-A400.bg {
    background-color: #3D5AFE;
}
.palette-Indigo-A400.text {
    color: #3D5AFE;
}
.palette-Indigo-A700.bg {
    background-color: #304FFE;
}
.palette-Indigo-A700.text {
    color: #304FFE;
}

.palette-Blue.bg {
    background-color: #2196F3;
}
.palette-Blue.text {
    color: #2196F3;
}
.palette-Blue-50.bg {
    background-color: #E3F2FD;
}
.palette-Blue-50.text {
    color: #E3F2FD;
}
.palette-Blue-100.bg {
    background-color: #BBDEFB;
}
.palette-Blue-100.text {
    color: #BBDEFB;
}
.palette-Blue-200.bg {
    background-color: #90CAF9;
}
.palette-Blue-200.text {
    color: #90CAF9;
}
.palette-Blue-300.bg {
    background-color: #64B5F6;
}
.palette-Blue-300.text {
    color: #64B5F6;
}
.palette-Blue-400.bg {
    background-color: #42A5F5;
}
.palette-Blue-400.text {
    color: #42A5F5;
}
.palette-Blue-500.bg {
    background-color: #2196F3;
}
.palette-Blue-500.text {
    color: #2196F3;
}
.palette-Blue-600.bg {
    background-color: #1E88E5;
}
.palette-Blue-600.text {
    color: #1E88E5;
}
.palette-Blue-700.bg {
    background-color: #1976D2;
}
.palette-Blue-700.text {
    color: #1976D2;
}
.palette-Blue-800.bg {
    background-color: #1565C0;
}
.palette-Blue-800.text {
    color: #1565C0;
}
.palette-Blue-900.bg {
    background-color: #0D47A1;
}
.palette-Blue-900.text {
    color: #0D47A1;
}
.palette-Blue-A100.bg {
    background-color: #82B1FF;
}
.palette-Blue-A100.text {
    color: #82B1FF;
}
.palette-Blue-A200.bg {
    background-color: #448AFF;
}
.palette-Blue-A200.text {
    color: #448AFF;
}
.palette-Blue-A400.bg {
    background-color: #2979FF;
}
.palette-Blue-A400.text {
    color: #2979FF;
}
.palette-Blue-A700.bg {
    background-color: #2962FF;
}
.palette-Blue-A700.text {
    color: #2962FF;
}

.palette-Light-Blue.bg {
    background-color: #03A9F4;
}
.palette-Light-Blue.text {
    color: #03A9F4;
}
.palette-Light-Blue-50.bg {
    background-color: #E1F5FE;
}
.palette-Light-Blue-50.text {
    color: #E1F5FE;
}
.palette-Light-Blue-100.bg {
    background-color: #B3E5FC;
}
.palette-Light-Blue-100.text {
    color: #B3E5FC;
}
.palette-Light-Blue-200.bg {
    background-color: #81D4FA;
}
.palette-Light-Blue-200.text {
    color: #81D4FA;
}
.palette-Light-Blue-300.bg {
    background-color: #4FC3F7;
}
.palette-Light-Blue-300.text {
    color: #4FC3F7;
}
.palette-Light-Blue-400.bg {
    background-color: #29B6F6;
}
.palette-Light-Blue-400.text {
    color: #29B6F6;
}
.palette-Light-Blue-500.bg {
    background-color: #03A9F4;
}
.palette-Light-Blue-500.text {
    color: #03A9F4;
}
.palette-Light-Blue-600.bg {
    background-color: #039BE5;
}
.palette-Light-Blue-600.text {
    color: #039BE5;
}
.palette-Light-Blue-700.bg {
    background-color: #0288D1;
}
.palette-Light-Blue-700.text {
    color: #0288D1;
}
.palette-Light-Blue-800.bg {
    background-color: #0277BD;
}
.palette-Light-Blue-800.text {
    color: #0277BD;
}
.palette-Light-Blue-900.bg {
    background-color: #01579B;
}
.palette-Light-Blue-900.text {
    color: #01579B;
}
.palette-Light-Blue-A100.bg {
    background-color: #80D8FF;
}
.palette-Light-Blue-A100.text {
    color: #80D8FF;
}
.palette-Light-Blue-A200.bg {
    background-color: #40C4FF;
}
.palette-Light-Blue-A200.text {
    color: #40C4FF;
}
.palette-Light-Blue-A400.bg {
    background-color: #00B0FF;
}
.palette-Light-Blue-A400.text {
    color: #00B0FF;
}
.palette-Light-Blue-A700.bg {
    background-color: #0091EA;
}
.palette-Light-Blue-A700.text {
    color: #0091EA;
}

.palette-Cyan.bg {
    background-color: #00BCD4;
}
.palette-Cyan.text {
    color: #00BCD4;
}
.palette-Cyan-50.bg {
    background-color: #E0F7FA;
}
.palette-Cyan-50.text {
    color: #E0F7FA;
}
.palette-Cyan-100.bg {
    background-color: #B2EBF2;
}
.palette-Cyan-100.text {
    color: #B2EBF2;
}
.palette-Cyan-200.bg {
    background-color: #80DEEA;
}
.palette-Cyan-200.text {
    color: #80DEEA;
}
.palette-Cyan-300.bg {
    background-color: #4DD0E1;
}
.palette-Cyan-300.text {
    color: #4DD0E1;
}
.palette-Cyan-400.bg {
    background-color: #26C6DA;
}
.palette-Cyan-400.text {
    color: #26C6DA;
}
.palette-Cyan-500.bg {
    background-color: #00BCD4;
}
.palette-Cyan-500.text {
    color: #00BCD4;
}
.palette-Cyan-600.bg {
    background-color: #00ACC1;
}
.palette-Cyan-600.text {
    color: #00ACC1;
}
.palette-Cyan-700.bg {
    background-color: #0097A7;
}
.palette-Cyan-700.text {
    color: #0097A7;
}
.palette-Cyan-800.bg {
    background-color: #00838F;
}
.palette-Cyan-800.text {
    color: #00838F;
}
.palette-Cyan-900.bg {
    background-color: #006064;
}
.palette-Cyan-900.text {
    color: #006064;
}
.palette-Cyan-A100.bg {
    background-color: #84FFFF;
}
.palette-Cyan-A100.text {
    color: #84FFFF;
}
.palette-Cyan-A200.bg {
    background-color: #18FFFF;
}
.palette-Cyan-A200.text {
    color: #18FFFF;
}
.palette-Cyan-A400.bg {
    background-color: #00E5FF;
}
.palette-Cyan-A400.text {
    color: #00E5FF;
}
.palette-Cyan-A700.bg {
    background-color: #00B8D4;
}
.palette-Cyan-A700.text {
    color: #00B8D4;
}

.palette-Teal.bg {
    background-color: #009688;
}
.palette-Teal.text {
    color: #009688;
}
.palette-Teal-50.bg {
    background-color: #E0F2F1;
}
.palette-Teal-50.text {
    color: #E0F2F1;
}
.palette-Teal-100.bg {
    background-color: #B2DFDB;
}
.palette-Teal-100.text {
    color: #B2DFDB;
}
.palette-Teal-200.bg {
    background-color: #80CBC4;
}
.palette-Teal-200.text {
    color: #80CBC4;
}
.palette-Teal-300.bg {
    background-color: #4DB6AC;
}
.palette-Teal-300.text {
    color: #4DB6AC;
}
.palette-Teal-400.bg {
    background-color: #26A69A;
}
.palette-Teal-400.text {
    color: #26A69A;
}
.palette-Teal-500.bg {
    background-color: #009688;
}
.palette-Teal-500.text {
    color: #009688;
}
.palette-Teal-600.bg {
    background-color: #00897B;
}
.palette-Teal-600.text {
    color: #00897B;
}
.palette-Teal-700.bg {
    background-color: #00796B;
}
.palette-Teal-700.text {
    color: #00796B;
}
.palette-Teal-800.bg {
    background-color: #00695C;
}
.palette-Teal-800.text {
    color: #00695C;
}
.palette-Teal-900.bg {
    background-color: #004D40;
}
.palette-Teal-900.text {
    color: #004D40;
}
.palette-Teal-A100.bg {
    background-color: #A7FFEB;
}
.palette-Teal-A100.text {
    color: #A7FFEB;
}
.palette-Teal-A200.bg {
    background-color: #64FFDA;
}
.palette-Teal-A200.text {
    color: #64FFDA;
}
.palette-Teal-A400.bg {
    background-color: #1DE9B6;
}
.palette-Teal-A400.text {
    color: #1DE9B6;
}
.palette-Teal-A700.bg {
    background-color: #00BFA5;
}
.palette-Teal-A700.text {
    color: #00BFA5;
}

.palette-Green.bg {
    background-color: #4CAF50;
}
.palette-Green.text {
    color: #4CAF50;
}
.palette-Green-50.bg {
    background-color: #E8F5E9;
}
.palette-Green-50.text {
    color: #E8F5E9;
}
.palette-Green-100.bg {
    background-color: #C8E6C9;
}
.palette-Green-100.text {
    color: #C8E6C9;
}
.palette-Green-200.bg {
    background-color: #A5D6A7;
}
.palette-Green-200.text {
    color: #A5D6A7;
}
.palette-Green-300.bg {
    background-color: #81C784;
}
.palette-Green-300.text {
    color: #81C784;
}
.palette-Green-400.bg {
    background-color: #66BB6A;
}
.palette-Green-400.text {
    color: #66BB6A;
}
.palette-Green-500.bg {
    background-color: #4CAF50;
}
.palette-Green-500.text {
    color: #4CAF50;
}
.palette-Green-600.bg {
    background-color: #43A047;
}
.palette-Green-600.text {
    color: #43A047;
}
.palette-Green-700.bg {
    background-color: #388E3C;
}
.palette-Green-700.text {
    color: #388E3C;
}
.palette-Green-800.bg {
    background-color: #2E7D32;
}
.palette-Green-800.text {
    color: #2E7D32;
}
.palette-Green-900.bg {
    background-color: #1B5E20;
}
.palette-Green-900.text {
    color: #1B5E20;
}
.palette-Green-A100.bg {
    background-color: #B9F6CA;
}
.palette-Green-A100.text {
    color: #B9F6CA;
}
.palette-Green-A200.bg {
    background-color: #69F0AE;
}
.palette-Green-A200.text {
    color: #69F0AE;
}
.palette-Green-A400.bg {
    background-color: #00E676;
}
.palette-Green-A400.text {
    color: #00E676;
}
.palette-Green-A700.bg {
    background-color: #00C853;
}
.palette-Green-A700.text {
    color: #00C853;
}

.palette-Light-Green.bg {
    background-color: #8BC34A;
}
.palette-Light-Green.text {
    color: #8BC34A;
}
.palette-Light-Green-50.bg {
    background-color: #F1F8E9;
}
.palette-Light-Green-50.text {
    color: #F1F8E9;
}
.palette-Light-Green-100.bg {
    background-color: #DCEDC8;
}
.palette-Light-Green-100.text {
    color: #DCEDC8;
}
.palette-Light-Green-200.bg {
    background-color: #C5E1A5;
}
.palette-Light-Green-200.text {
    color: #C5E1A5;
}
.palette-Light-Green-300.bg {
    background-color: #AED581;
}
.palette-Light-Green-300.text {
    color: #AED581;
}
.palette-Light-Green-400.bg {
    background-color: #9CCC65;
}
.palette-Light-Green-400.text {
    color: #9CCC65;
}
.palette-Light-Green-500.bg {
    background-color: #8BC34A;
}
.palette-Light-Green-500.text {
    color: #8BC34A;
}
.palette-Light-Green-600.bg {
    background-color: #7CB342;
}
.palette-Light-Green-600.text {
    color: #7CB342;
}
.palette-Light-Green-700.bg {
    background-color: #689F38;
}
.palette-Light-Green-700.text {
    color: #689F38;
}
.palette-Light-Green-800.bg {
    background-color: #558B2F;
}
.palette-Light-Green-800.text {
    color: #558B2F;
}
.palette-Light-Green-900.bg {
    background-color: #33691E;
}
.palette-Light-Green-900.text {
    color: #33691E;
}
.palette-Light-Green-A100.bg {
    background-color: #CCFF90;
}
.palette-Light-Green-A100.text {
    color: #CCFF90;
}
.palette-Light-Green-A200.bg {
    background-color: #B2FF59;
}
.palette-Light-Green-A200.text {
    color: #B2FF59;
}
.palette-Light-Green-A400.bg {
    background-color: #76FF03;
}
.palette-Light-Green-A400.text {
    color: #76FF03;
}
.palette-Light-Green-A700.bg {
    background-color: #64DD17;
}
.palette-Light-Green-A700.text {
    color: #64DD17;
}

.palette-Lime.bg {
    background-color: #CDDC39;
}
.palette-Lime.text {
    color: #CDDC39;
}
.palette-Lime-50.bg {
    background-color: #F9FBE7;
}
.palette-Lime-50.text {
    color: #F9FBE7;
}
.palette-Lime-100.bg {
    background-color: #F0F4C3;
}
.palette-Lime-100.text {
    color: #F0F4C3;
}
.palette-Lime-200.bg {
    background-color: #E6EE9C;
}
.palette-Lime-200.text {
    color: #E6EE9C;
}
.palette-Lime-300.bg {
    background-color: #DCE775;
}
.palette-Lime-300.text {
    color: #DCE775;
}
.palette-Lime-400.bg {
    background-color: #D4E157;
}
.palette-Lime-400.text {
    color: #D4E157;
}
.palette-Lime-500.bg {
    background-color: #CDDC39;
}
.palette-Lime-500.text {
    color: #CDDC39;
}
.palette-Lime-600.bg {
    background-color: #C0CA33;
}
.palette-Lime-600.text {
    color: #C0CA33;
}
.palette-Lime-700.bg {
    background-color: #AFB42B;
}
.palette-Lime-700.text {
    color: #AFB42B;
}
.palette-Lime-800.bg {
    background-color: #9E9D24;
}
.palette-Lime-800.text {
    color: #9E9D24;
}
.palette-Lime-900.bg {
    background-color: #827717;
}
.palette-Lime-900.text {
    color: #827717;
}
.palette-Lime-A100.bg {
    background-color: #F4FF81;
}
.palette-Lime-A100.text {
    color: #F4FF81;
}
.palette-Lime-A200.bg {
    background-color: #EEFF41;
}
.palette-Lime-A200.text {
    color: #EEFF41;
}
.palette-Lime-A400.bg {
    background-color: #C6FF00;
}
.palette-Lime-A400.text {
    color: #C6FF00;
}
.palette-Lime-A700.bg {
    background-color: #AEEA00;
}
.palette-Lime-A700.text {
    color: #AEEA00;
}

.palette-Yellow.bg {
    background-color: #FFEB3B;
}
.palette-Yellow.text {
    color: #FFEB3B;
}
.palette-Yellow-50.bg {
    background-color: #FFFDE7;
}
.palette-Yellow-50.text {
    color: #FFFDE7;
}
.palette-Yellow-100.bg {
    background-color: #FFF9C4;
}
.palette-Yellow-100.text {
    color: #FFF9C4;
}
.palette-Yellow-200.bg {
    background-color: #FFF59D;
}
.palette-Yellow-200.text {
    color: #FFF59D;
}
.palette-Yellow-300.bg {
    background-color: #FFF176;
}
.palette-Yellow-300.text {
    color: #FFF176;
}
.palette-Yellow-400.bg {
    background-color: #FFEE58;
}
.palette-Yellow-400.text {
    color: #FFEE58;
}
.palette-Yellow-500.bg {
    background-color: #FFEB3B;
}
.palette-Yellow-500.text {
    color: #FFEB3B;
}
.palette-Yellow-600.bg {
    background-color: #FDD835;
}
.palette-Yellow-600.text {
    color: #FDD835;
}
.palette-Yellow-700.bg {
    background-color: #FBC02D;
}
.palette-Yellow-700.text {
    color: #FBC02D;
}
.palette-Yellow-800.bg {
    background-color: #F9A825;
}
.palette-Yellow-800.text {
    color: #F9A825;
}
.palette-Yellow-900.bg {
    background-color: #F57F17;
}
.palette-Yellow-900.text {
    color: #F57F17;
}
.palette-Yellow-A100.bg {
    background-color: #FFFF8D;
}
.palette-Yellow-A100.text {
    color: #FFFF8D;
}
.palette-Yellow-A200.bg {
    background-color: #FFFF00;
}
.palette-Yellow-A200.text {
    color: #FFFF00;
}
.palette-Yellow-A400.bg {
    background-color: #FFEA00;
}
.palette-Yellow-A400.text {
    color: #FFEA00;
}
.palette-Yellow-A700.bg {
    background-color: #FFD600;
}
.palette-Yellow-A700.text {
    color: #FFD600;
}

.palette-Amber.bg {
    background-color: #FFC107;
}
.palette-Amber.text {
    color: #FFC107;
}
.palette-Amber-50.bg {
    background-color: #FFF8E1;
}
.palette-Amber-50.text {
    color: #FFF8E1;
}
.palette-Amber-100.bg {
    background-color: #FFECB3;
}
.palette-Amber-100.text {
    color: #FFECB3;
}
.palette-Amber-200.bg {
    background-color: #FFE082;
}
.palette-Amber-200.text {
    color: #FFE082;
}
.palette-Amber-300.bg {
    background-color: #FFD54F;
}
.palette-Amber-300.text {
    color: #FFD54F;
}
.palette-Amber-400.bg {
    background-color: #FFCA28;
}
.palette-Amber-400.text {
    color: #FFCA28;
}
.palette-Amber-500.bg {
    background-color: #FFC107;
}
.palette-Amber-500.text {
    color: #FFC107;
}
.palette-Amber-600.bg {
    background-color: #FFB300;
}
.palette-Amber-600.text {
    color: #FFB300;
}
.palette-Amber-700.bg {
    background-color: #FFA000;
}
.palette-Amber-700.text {
    color: #FFA000;
}
.palette-Amber-800.bg {
    background-color: #FF8F00;
}
.palette-Amber-800.text {
    color: #FF8F00;
}
.palette-Amber-900.bg {
    background-color: #FF6F00;
}
.palette-Amber-900.text {
    color: #FF6F00;
}
.palette-Amber-A100.bg {
    background-color: #FFE57F;
}
.palette-Amber-A100.text {
    color: #FFE57F;
}
.palette-Amber-A200.bg {
    background-color: #FFD740;
}
.palette-Amber-A200.text {
    color: #FFD740;
}
.palette-Amber-A400.bg {
    background-color: #FFC400;
}
.palette-Amber-A400.text {
    color: #FFC400;
}
.palette-Amber-A700.bg {
    background-color: #FFAB00;
}
.palette-Amber-A700.text {
    color: #FFAB00;
}

.palette-Orange.bg {
    background-color: #FF9800;
}
.palette-Orange.text {
    color: #FF9800;
}
.palette-Orange-50.bg {
    background-color: #FFF3E0;
}
.palette-Orange-50.text {
    color: #FFF3E0;
}
.palette-Orange-100.bg {
    background-color: #FFE0B2;
}
.palette-Orange-100.text {
    color: #FFE0B2;
}
.palette-Orange-200.bg {
    background-color: #FFCC80;
}
.palette-Orange-200.text {
    color: #FFCC80;
}
.palette-Orange-300.bg {
    background-color: #FFB74D;
}
.palette-Orange-300.text {
    color: #FFB74D;
}
.palette-Orange-400.bg {
    background-color: #FFA726;
}
.palette-Orange-400.text {
    color: #FFA726;
}
.palette-Orange-500.bg {
    background-color: #FF9800;
}
.palette-Orange-500.text {
    color: #FF9800;
}
.palette-Orange-600.bg {
    background-color: #FB8C00;
}
.palette-Orange-600.text {
    color: #FB8C00;
}
.palette-Orange-700.bg {
    background-color: #F57C00;
}
.palette-Orange-700.text {
    color: #F57C00;
}
.palette-Orange-800.bg {
    background-color: #EF6C00;
}
.palette-Orange-800.text {
    color: #EF6C00;
}
.palette-Orange-900.bg {
    background-color: #E65100;
}
.palette-Orange-900.text {
    color: #E65100;
}
.palette-Orange-A100.bg {
    background-color: #FFD180;
}
.palette-Orange-A100.text {
    color: #FFD180;
}
.palette-Orange-A200.bg {
    background-color: #FFAB40;
}
.palette-Orange-A200.text {
    color: #FFAB40;
}
.palette-Orange-A400.bg {
    background-color: #FF9100;
}
.palette-Orange-A400.text {
    color: #FF9100;
}
.palette-Orange-A700.bg {
    background-color: #FF6D00;
}
.palette-Orange-A700.text {
    color: #FF6D00;
}

.palette-Deep-Orange.bg {
    background-color: #FF5722;
}
.palette-Deep-Orange.text {
    color: #FF5722;
}
.palette-Deep-Orange-50.bg {
    background-color: #FBE9E7;
}
.palette-Deep-Orange-50.text {
    color: #FBE9E7;
}
.palette-Deep-Orange-100.bg {
    background-color: #FFCCBC;
}
.palette-Deep-Orange-100.text {
    color: #FFCCBC;
}
.palette-Deep-Orange-200.bg {
    background-color: #FFAB91;
}
.palette-Deep-Orange-200.text {
    color: #FFAB91;
}
.palette-Deep-Orange-300.bg {
    background-color: #FF8A65;
}
.palette-Deep-Orange-300.text {
    color: #FF8A65;
}
.palette-Deep-Orange-400.bg {
    background-color: #FF7043;
}
.palette-Deep-Orange-400.text {
    color: #FF7043;
}
.palette-Deep-Orange-500.bg {
    background-color: #FF5722;
}
.palette-Deep-Orange-500.text {
    color: #FF5722;
}
.palette-Deep-Orange-600.bg {
    background-color: #F4511E;
}
.palette-Deep-Orange-600.text {
    color: #F4511E;
}
.palette-Deep-Orange-700.bg {
    background-color: #E64A19;
}
.palette-Deep-Orange-700.text {
    color: #E64A19;
}
.palette-Deep-Orange-800.bg {
    background-color: #D84315;
}
.palette-Deep-Orange-800.text {
    color: #D84315;
}
.palette-Deep-Orange-900.bg {
    background-color: #BF360C;
}
.palette-Deep-Orange-900.text {
    color: #BF360C;
}
.palette-Deep-Orange-A100.bg {
    background-color: #FF9E80;
}
.palette-Deep-Orange-A100.text {
    color: #FF9E80;
}
.palette-Deep-Orange-A200.bg {
    background-color: #FF6E40;
}
.palette-Deep-Orange-A200.text {
    color: #FF6E40;
}
.palette-Deep-Orange-A400.bg {
    background-color: #FF3D00;
}
.palette-Deep-Orange-A400.text {
    color: #FF3D00;
}
.palette-Deep-Orange-A700.bg {
    background-color: #DD2C00;
}
.palette-Deep-Orange-A700.text {
    color: #DD2C00;
}

.palette-Brown.bg {
    background-color: #795548;
}
.palette-Brown.text {
    color: #795548;
}
.palette-Brown-50.bg {
    background-color: #EFEBE9;
}
.palette-Brown-50.text {
    color: #EFEBE9;
}
.palette-Brown-100.bg {
    background-color: #D7CCC8;
}
.palette-Brown-100.text {
    color: #D7CCC8;
}
.palette-Brown-200.bg {
    background-color: #BCAAA4;
}
.palette-Brown-200.text {
    color: #BCAAA4;
}
.palette-Brown-300.bg {
    background-color: #A1887F;
}
.palette-Brown-300.text {
    color: #A1887F;
}
.palette-Brown-400.bg {
    background-color: #8D6E63;
}
.palette-Brown-400.text {
    color: #8D6E63;
}
.palette-Brown-500.bg {
    background-color: #795548;
}
.palette-Brown-500.text {
    color: #795548;
}
.palette-Brown-600.bg {
    background-color: #6D4C41;
}
.palette-Brown-600.text {
    color: #6D4C41;
}
.palette-Brown-700.bg {
    background-color: #5D4037;
}
.palette-Brown-700.text {
    color: #5D4037;
}
.palette-Brown-800.bg {
    background-color: #4E342E;
}
.palette-Brown-800.text {
    color: #4E342E;
}
.palette-Brown-900.bg {
    background-color: #3E2723;
}
.palette-Brown-900.text {
    color: #3E2723;
}

.palette-Grey.bg {
    background-color: #9E9E9E;
}
.palette-Grey.text {
    color: #9E9E9E;
}
.palette-Grey-50.bg {
    background-color: #FAFAFA;
}
.palette-Grey-50.text {
    color: #FAFAFA;
}
.palette-Grey-100.bg {
    background-color: #F5F5F5;
}
.palette-Grey-100.text {
    color: #F5F5F5;
}
.palette-Grey-200.bg {
    background-color: #EEEEEE;
}
.palette-Grey-200.text {
    color: #EEEEEE;
}
.palette-Grey-300.bg {
    background-color: #E0E0E0;
}
.palette-Grey-300.text {
    color: #E0E0E0;
}
.palette-Grey-400.bg {
    background-color: #BDBDBD;
}
.palette-Grey-400.text {
    color: #BDBDBD;
}
.palette-Grey-500.bg {
    background-color: #9E9E9E;
}
.palette-Grey-500.text {
    color: #9E9E9E;
}
.palette-Grey-600.bg {
    background-color: #757575;
}
.palette-Grey-600.text {
    color: #757575;
}
.palette-Grey-700.bg {
    background-color: #616161;
}
.palette-Grey-700.text {
    color: #616161;
}
.palette-Grey-800.bg {
    background-color: #424242;
}
.palette-Grey-800.text {
    color: #424242;
}
.palette-Grey-900.bg {
    background-color: #212121;
}
.palette-Grey-900.text {
    color: #212121;
}

.palette-Blue-Grey.bg {
    background-color: #607D8B;
}
.palette-Blue-Grey.text {
    color: #607D8B;
}
.palette-Blue-Grey-50.bg {
    background-color: #ECEFF1;
}
.palette-Blue-Grey-50.text {
    color: #ECEFF1;
}
.palette-Blue-Grey-100.bg {
    background-color: #CFD8DC;
}
.palette-Blue-Grey-100.text {
    color: #CFD8DC;
}
.palette-Blue-Grey-200.bg {
    background-color: #B0BEC5;
}
.palette-Blue-Grey-200.text {
    color: #B0BEC5;
}
.palette-Blue-Grey-300.bg {
    background-color: #90A4AE;
}
.palette-Blue-Grey-300.text {
    color: #90A4AE;
}
.palette-Blue-Grey-400.bg {
    background-color: #78909C;
}
.palette-Blue-Grey-400.text {
    color: #78909C;
}
.palette-Blue-Grey-500.bg {
    background-color: #607D8B;
}
.palette-Blue-Grey-500.text {
    color: #607D8B;
}
.palette-Blue-Grey-600.bg {
    background-color: #546E7A;
}
.palette-Blue-Grey-600.text {
    color: #546E7A;
}
.palette-Blue-Grey-700.bg {
    background-color: #455A64;
}
.palette-Blue-Grey-700.text {
    color: #455A64;
}
.palette-Blue-Grey-800.bg {
    background-color: #37474F;
}
.palette-Blue-Grey-800.text {
    color: #37474F;
}
.palette-Blue-Grey-900.bg {
    background-color: #263238;
}
.palette-Blue-Grey-900.text {
    color: #263238;
}

.palette-Bluegrey.bg {
    background-color: #607D8B;
}
.palette-Bluegrey.text {
    color: #607D8B;
}
.palette-Bluegrey-50.bg {
    background-color: #ECEFF1;
}
.palette-Bluegrey-50.text {
    color: #ECEFF1;
}
.palette-Bluegrey-100.bg {
    background-color: #CFD8DC;
}
.palette-Bluegrey-100.text {
    color: #CFD8DC;
}
.palette-Bluegrey-200.bg {
    background-color: #B0BEC5;
}
.palette-Bluegrey-200.text {
    color: #B0BEC5;
}
.palette-Bluegrey-300.bg {
    background-color: #90A4AE;
}
.palette-Bluegrey-300.text {
    color: #90A4AE;
}
.palette-Bluegrey-400.bg {
    background-color: #78909C;
}
.palette-Bluegrey-400.text {
    color: #78909C;
}
.palette-Bluegrey-500.bg {
    background-color: #607D8B;
}
.palette-Bluegrey-500.text {
    color: #607D8B;
}
.palette-Bluegrey-600.bg {
    background-color: #546E7A;
}
.palette-Bluegrey-600.text {
    color: #546E7A;
}
.palette-Bluegrey-700.bg {
    background-color: #455A64;
}
.palette-Bluegrey-700.text {
    color: #455A64;
}
.palette-Bluegrey-800.bg {
    background-color: #37474F;
}
.palette-Bluegrey-800.text {
    color: #37474F;
}
.palette-Bluegrey-900.bg {
    background-color: #263238;
}
.palette-Bluegrey-900.text {
    color: #263238;
}

.palette-Black.bg {
    background-color: #000000;
}
.palette-Black.text {
    color: #000000;
}
.palette-Black-500.bg {
    background-color: #000000;
}
.palette-Black-500.text {
    color: #000000;
}
.palette-Black-Text.bg {
    background-color: rgba(0,0,0,0.87);
}
.palette-Black-Text.text {
    color: rgba(0,0,0,0.87);
}
.palette-Black-Secondary-Text.bg {
    background-color: rgba(0,0,0,0.54);
}
.palette-Black-Secondary-Text.text {
    color: rgba(0,0,0,0.54);
}
.palette-Black-Icons.bg {
    background-color: rgba(0,0,0,0.54);
}
.palette-Black-Icons.text {
    color: rgba(0,0,0,0.54);
}
.palette-Black-Disabled.bg {
    background-color: rgba(0,0,0,0.26);
}
.palette-Black-Disabled.text {
    color: rgba(0,0,0,0.26);
}
.palette-Black-Hint-Text.bg {
    background-color: rgba(0,0,0,0.26);
}
.palette-Black-Hint-Text.text {
    color: rgba(0,0,0,0.26);
}
.palette-Black-Dividers.bg {
    background-color: rgba(0,0,0,0.12);
}
.palette-Black-Dividers.text {
    color: rgba(0,0,0,0.12);
}

.palette-White.bg {
    background-color: #ffffff;
}
.palette-White.text {
    color: #ffffff;
}
.palette-White-500.bg {
    background-color: #ffffff;
}
.palette-White-500.text {
    color: #ffffff;
}
.palette-White-Text.bg {
    background-color: #ffffff;
}
.palette-White-Text.text {
    color: #ffffff;
}
.palette-White-Secondary-Text.bg {
    background-color: rgba(255,255,255,0.7);
}
.palette-White-Secondary-Text.text {
    color: rgba(255,255,255,0.7);
}
.palette-White-Icons.bg {
    background-color: #ffffff;
}
.palette-White-Icons.text {
    color: #ffffff;
}
.palette-White-Disabled.bg {
    background-color: rgba(255,255,255,0.3);
}
.palette-White-Disabled.text {
    color: rgba(255,255,255,0.3);
}
.palette-White-Hint-Text.bg {
    background-color: rgba(255,255,255,0.3);
}
.palette-White-Hint-Text.text {
    color: rgba(255,255,255,0.3);
}
.palette-White-Dividers.bg {
    background-color: rgba(255,255,255,0.12);
}
.palette-White-Dividers.text {
    color: rgba(255,255,255,0.12);
}


/* add header section for sub level*/

.header-all{
    padding: 20px;
    margin-top: 50px;
    border-radius: 2px;
    /* border: 1px solid #2196f3; */
    float: initial;
    max-width: 1100px;
    display: flow-root;
    margin: auto;
    margin-top: 20px;
    overflow: hidden;
}



.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 2px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-block {
    display: block;
    width: 100%;
}

/* Modal color */


.modal .modal-content {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31);
    border-radius: 3px;
    border: 0;
}

.modal .modal-header {
    padding: 23px 26px;
}

.modal .modal-body {
    padding: 0 26px 10px;
}

.modal .modal-footer .btn-link {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.modal .modal-footer .btn-link:hover {
    background-color: #eee;
}

.modal:not([data-modal-color]) .modal-footer .btn-link {
    font-weight: 500;
}

.modal:not([data-modal-color]) .modal-footer .btn-link:hover {
    background-color: #eee;
}

.modal[data-modal-color] {
    color: #fff;
}

.modal[data-modal-color] .modal-title,
.modal[data-modal-color] .modal-footer .btn-link {
    color: #fff;
}

.modal[data-modal-color] .modal-footer {
    background: rgba(0, 0, 0, 0.1);
}

.modal[data-modal-color] .modal-backdrop {
    background: #fff;
}

.modal[data-modal-color] .modal-footer .btn-link {
    font-weight: 400;
}

.modal[data-modal-color] .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.modal[data-modal-color="blue"] .modal-content {
    background: #2196f3;
}

.modal[data-modal-color="cyan"] .modal-content {
    background: #00bcd4;
}

.modal[data-modal-color="green"] .modal-content {
    background: #4caf50;
}

.modal[data-modal-color="lightgreen"] .modal-content {
    background: #8bc34a;
}

.modal[data-modal-color="lightblue"] .modal-content {
    background: #03a9f4;
}

.modal[data-modal-color="amber"] .modal-content {
    background: #ffc107;
}

.modal[data-modal-color="teal"] .modal-content {
    background: #009688;
}

.modal[data-modal-color="orange"] .modal-content {
    background: #ff9800;
}

.modal[data-modal-color="bluegray"] .modal-content {
    background: #607d8b;
}

.modal[data-modal-color="bluegrey"] .modal-content {
    background: #607d8b;
}


.modal[data-modal-color="red"] .modal-content {
    background: #f44336;
}



.lgi-heading {
    color: #333;
    margin-bottom: 4px;
}

.lgi-heading > small {
    font-size: 11px;
    color: #C5C5C5;
    margin-left: 10px;
}

.lgi-heading,
.lgi-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.blog-post .bp-header {
    position: relative;
}

.blog-post .bp-header > img {
    width: 100%;
}

.blog-post .bp-header .bp-title {
    background: #3f51b5;
    width: 100%;
    padding: 20px;
    color: #FFF;
    display: block;
}

.blog-post .bp-header .bp-title > h2 {
    color: #FFF;
    font-weight: 400;
    margin: 0 0 2px;
    line-height: 100%;
    font-size: 21px;
}

.col-4-all{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    width: 100%;
    min-height: 1px;
}

.preview-page{
    max-height: 300px;
    overflow: hidden;
}

/* ----------------- */
.listings-grid__item h4{
    height: 65px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0;
    padding: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}

.player{
    background: black;
    margin-top: 40px;
    margin-bottom: 40px;
}

.player .plyr{
    width: 854px;
    max-height: 480px;
    left: 0px;
    top: 0px;
    margin: auto;
}

.player .jwplayer:not(.jw-flag-fullscreen){
    width: 854px;
    max-height: 480px;
    margin: auto;
}


.mesCours .progress{
    height: 8px;
}

.w-200{
    width: 200px;
}

.subject__frame .main__title {
    margin-bottom: 30px;
    padding: 0 70px;
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.subject__frame .main__title h2 {
    font-size: 28px;
    font-weight: 100;
    color: #676767;
    margin: 0;
}

.subject__img {
    width: 150px;
    height: 150px;
    margin: auto;
    padding: 10px;
}
.subject__item {
    position: relative;
    display: block;
     padding-top: 0px;
    text-align: center;
}

.subject__item:not([class*=mdc-bg-]) {
    background: #fff;
}

.subject__social {
    margin: 15px 0 30px;
    display: inline-block;
}

.subject__info{
    padding: 0px;
}

.subject__info h3{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    overflow: hidden;
    font-size: 18px;
    padding: 0 10px;
}

.subject__info>small {
    display: block;
    color: #9c9c9c;
    margin-bottom: 15px;
}


.subject__list .slick-arrow {
    position: absolute;
    font-size: 0;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border: 0;
    background: rgba(0, 0, 0, .1);
    top: 50%;
    margin-top: -20px;
    text-align: center
}
.subject__list .slick-arrow, .subject__list .slick-arrow:before {
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.subject__list .slick-arrow:not(.slick-disabled):hover {
    background: rgba(0, 0, 0, .2)
}
.subject__list .slick-arrow:not(.slick-disabled):hover:before {
    color: #fff
}
.subject__list .slick-arrow:before {
    font-family: Material-Design-Iconic-Font;
    font-size: 25px;
    color: rgba(255, 255, 255, .8);
    line-height: 37px
}
.subject__list .slick-prev {
    left: 22px
}
.subject__list .slick-prev:before {
    content: '\f2fa'
}
.subject__list .slick-next {
    right: 22px
}
.subject__list .slick-next:before {
    content: '\f2fb';
    margin-right: -3px
}
.subject__list .slick-disabled {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.subject__list .slick-dots.slick-dots-light>li button {
    background-color: rgba(76, 175, 80,0.5);
}

.slick-dots.slick-dots-light>li button:before {
    background-color: rgba(0, 0, 0, .7);
}

.subject__list {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-alt__profile  .pic__profile{
    margin: 0px;
    padding: 5px 13px 0px !important;;
}

@media (min-width:768px) and (max-width:1279px) {
    .subject__list {
        padding-right: 30px;
        padding-left: 30px
    }
}
@media (max-width:767px) {
    .subject__list {
        padding-top: 10px;
        padding-bottom: 30px
    }
}
.subject__list .listings-grid {
    margin: 0 auto;
    max-width: 1300px
}
@media (min-width:700px) {
    .subject__list {
        padding-left: 75px;
        padding-right: 75px;
    }
}
.subject__list .listings-grid__item {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    margin: 0 12px 0 13px
}
.subject__list .listings-grid__main {
    border: 3px solid #fff
}



.select2-container .select2-search__field {
    width: 100% !important;
}

.preloader {
    position: relative;
    margin: 0px auto;
    display: inline-block;
}

.preloader:not([class*="pl-"]) {
    width: 40px;
}

.preloader:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.preloader.pl-xs {
    width: 20px;
}

.preloader.pl-sm {
    width: 30px;
}

.preloader.pl-lg {
    width: 50px;
}

.preloader.pl-xl {
    width: 80px;
}

.preloader.pl-xxl {
    width: 100px;
}

.preloader:not([class*="pls-"]) .plc-path {
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}

.preloader[class*="pls-"] .plc-path {
    animation: dash 1.5s ease-in-out infinite;
}

.preloader.pls-red .plc-path {
    stroke: #f44336;
}

.preloader.pls-blue .plc-path {
    stroke: #2196f3;
}

.preloader.pls-green .plc-path {
    stroke: #4caf50;
}

.preloader.pls-yellow .plc-path {
    stroke: #ffeb3b;
}

.preloader.pls-bluegray .plc-path {
    stroke: #607d8b;
}

.preloader.pls-amber .plc-path {
    stroke: #ffc107;
}


.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 23px;
    height: 100%;
    width: 100%;
    direction: ltr;
    cursor: pointer;
}
.rotate{
animation: rotate 1s infinite linear;
}

a:disabled,a.disabled{
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

.disabled-lock{
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

.video-time {
    margin-top: 0;
    margin-right: 0;
    padding: 0 4px;
    font-weight: 500;
    font-size: 11px;
    background-color: #000;
    color: #fff!important;
    height: 14px;
    line-height: 14px;
    opacity: .75;
    filter: alpha(opacity=75);
    display: -moz-inline-stack;
    vertical-align: top;
    display: inline-block;
    position: absolute;
}


.list-group-item .list-group__img{
     background: rgba(0, 0, 0, .1);
 }

.preview{
    width: 854px;
    max-height: 480px;
    margin: auto;
    height: 480px;
    display: block;
    border: 0px solid transparent;
}

.annotation{
    width: 854px;
    margin: auto;

}

.teaser-box {
    position: absolute;
    top: 0;
    right: 18px;
    border-radius: 2px;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    -moz-transition: -moz-transform .33s cubic-bezier(0.4,0.0,1,1);
    -webkit-transition: -webkit-transform .33s cubic-bezier(0.4,0.0,1,1);
    -ms-transition: -ms-transform .33s cubic-bezier(0.4,0.0,1,1);
    transition: transform .33s cubic-bezier(0.4,0.0,1,1);
    -moz-transform: scaleX(0) translateX(0);
    -ms-transform: scaleX(0) translateX(0);
    -webkit-transform: scaleX(0) translateX(0);
    transform: scaleX(0) translateX(0);
    -moz-transform-origin: right 0;
    -ms-transform-origin: right 0;
    -webkit-transform-origin: right 0;
    transform-origin: right 0;
}

.desc__inline{
    margin: 0px!important;
}


#achat-matiere [data-toggle=buttons]:not(.btn-group--light) {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid #ffeb3b!important;
}

#achat-matiere [data-toggle=buttons]:not(.btn-group--light) .btn.active {
    background-color: #ffeb3b;
    color: #fff;
}

#achat-matiere [data-toggle=buttons]:not(.btn-group--light) .btn:not(.active):hover {
    color: #fff!important;
    box-shadow: none!important;
    background-color: rgba(0, 0, 0, .05);
}

#achat-matiere [data-toggle=buttons] .btn {
    border: 1px solid transparent !important;
}

.codeSMS{
    padding: 20px;
    border: 1px solid #ffeb3b;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0);
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

pre {
    background-color: #333;
    border-radius: 2px;
    padding: 1.5rem;
}
pre code {
    font-size: inherit;
    background-color: transparent;
    border-radius: 0;
}

a>code, pre code {
    padding: 0;
    color: inherit;
}


.invoice,
.login__block {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.price-table__action:focus,
.price-table__action:hover {
    opacity: .9;
    color: #FFF
}
.invoice {
    min-width: 800px;
    max-width: 100%;
    padding: 2.5rem;
    background-color: #FFF;
    border-radius: 2px;
}


.invoice__header {
    padding: 1.5rem;
    text-align: left;
    border-radius: 2px 2px 0 0;
    margin-bottom: 1.5rem;
}

.invoice__address {
    margin-bottom: 4rem
}
.invoice__address h4 {
    font-weight: 400;
    margin-bottom: 1rem
}
.invoice__attrs {
    margin-bottom: 2.5rem
}
.invoice__attrs__item {
    padding: 1.5rem 2rem;
    border-radius: 2px;
    text-align: center;
    background-color: #f6f6f6!important;
}
.invoice__attrs__item small {
    margin-bottom: .2rem;
    display: block;
    font-size: 1rem
}
.invoice__attrs__item h3 {
    margin: 0;
    line-height: 100%;
    font-weight: 400
}
.invoice__table {
    margin-bottom: 4rem
}
.invoice__footer {
    text-align: center;
    margin: 4rem 0 1.5rem
}
.invoice__footer>a {
    color: #707070
}
.invoice .col-sm-6 {
    width: 50%!important;
    float: left;
}

.invoice .col-sm-3 {
    width: 25%!important;
    float: left;
}

.invoice .col-sm-4 {
    width: 33.33333333%!important;
    float: left;
}

.invoice .delete-row {margin: 5px;}
.invoice textarea { border: 0; overflow: hidden; resize: none; width: 100%;outline: none;background: none;padding-left: 25px; font-weight: bold; }
.invoice textarea:hover, .invoice textarea:focus{ color:#2196F3; }

.invoice input { border: 0 solid transparent; overflow: hidden; resize: none; width: 80%;background: none;font-weight: bold; padding: 5px;}
.invoice input:hover, .invoice input:focus{ border: 1px solid #2196F3; color:#2196F3; }


.invoice th{
    background: #f6f6f6!important;
}

@media print {
    @page {
        margin: 0;
        size: auto
    }
    body {
        margin: 0!important;
        padding: 0!important
    }

    .invoice {
        color:#000;
    }

    #main{
        padding: 0px!important;
    }

    #main__sidebar{
        display: none;
    }

    .invoice__attrs__item {
        border: 1px solid #000;
    }

    .invoice td,.invoice th,.invoice table{
        border-color: #000!important;
    }


    .main__container{
        padding: 0px!important;
    }
    .show-print{
        display: block!important;
    }

    .show-inline-print{
        display: inline-block!important;
    }

    .hide-print{
        display: none!important
    }

    .actions,
    .btn--action,
    .chat,
    .content__title,
    .footer,
    .growl-animated,
    .header,
    .navigation,
    .list-group__label a,
    #header-alt,
    #footer-alt,
    .notifications {
        display: none!important
    }
    .invoice {
        padding: 10px!important;
        -webkit-print-color-adjust: exact!important;
        display: block; page-break-after: always;
    }
    .list-group-item { margin:auto; margin-top:20px!important; page-break-inside: avoid !important; page-break-after: auto; display: block!important;}

    .invoice__footer {
        position: fixed;
        bottom: 50px;
        left: 0px;
        padding: 10px;
        width: 100%;
        border-top: 1px solid #000;
    }

}

.btn--fixed {
    position: fixed!important;
    bottom: 30px;
    right: 30px;
}


.btn--action {
    z-index: 2;
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 3px 7px rgba(0,0,0,.15);
}

.btn--action, .btn--icon {
    padding: 0;
    border-radius: 50%;
}


@media all {
    .page-break	{ display: none; }
    .invoice .page-break { display: block!important; }
}

@media print {
    .page-break	{ display: block; page-break-before: always; }
}


@media screen {
    header.onlyprint, footer.onlyprint{
        display: none; /* Hide from screen */
    }
}

@media print {
    header.onlyprint {
        position: fixed; /* Display only on print page (each) */
        top: 0; /* Because it's header */
    }
    footer.onlyprint {
        position: fixed;
        bottom: 0; /* Because it's footer */
    }
}