@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');
.toastify {
  background: var(--background-error)!important;
  right: 360px;
}
p { position: relative; }
:root {
  --color: #a6acbc;
  --color_hover: #fff;
  --background: #006a37;
  --background-body: #006a37;
  --background-error: #0091ea;
  --background-menu-top: #4f5467;
  --bghover: #FF5722;
  --border-solid: 1px solid #0091ea;
  --border-solid-grey: 1px solid #f4f5f6;
  --while: #fff;
  --bggradient: #329cd9;
  --bggradient-web: #329cd9;
  --font-hel: 'Montserrat';
  --button-success: #4caf50;
  --btn-hover: #328f54;
      --color_1: #007508;
    --color_1_hover: #025f09;
    --color_2: #ff5157;
    --color_2_hover: #e04b4e;
    --color_3: #ff8b00;
    --color_3_hover: #e07b21;
    --color_4: #ffc000;
    --color_4_hover: #e5ad00;
    --color_5: #5255c5;
    --color_5_hover: #474aab;
    --color_6: #84c574;
    --color_6_hover: #46AA46;
}
.show-for-small-only {
    display: none;
}
.btn.m-btn--hover-accent:not(.btn-secondary):not(.btn-outline-light) {
    margin-bottom: 5px;
    font-weight: bold;
}
.m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text{
    white-space: nowrap;
}
h3, .h3 {
    font-size: 1.25rem;
}
.m-widget24 .m-widget24__item .m-widget24__title {
    margin-top: 1rem;
}
.m-widget24 .m-widget24__item .m-widget24__change, .m-widget24 .m-widget24__item .m-widget24__number {
    margin-bottom: 1rem;
}
label.upload-now {
  margin-left: 10px;
  padding: 10px 20px;
  background: var(--background);
  color: #fff;
  cursor: pointer;
}
.view-video {
    cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
    min-width: 200px;
}
.show_bien_the {
    top: 10%;
    width: 100vw;

    z-index: 6555555556;
    overflow-y: auto;
    display: block;
    margin: 0 auto;
    position: absolute;
}
a.close_product_same {
    padding: 15px 25px;
    background: #FFC107;
    line-height: 50px;
    color: #303030;
    font-weight: 500;
    cursor: pointer;
}
.show_flex_detail  img {
    padding: 3px !important;
}
.modal .modal-content .modal-body {
    padding: 15px;
}
.image_modal .m-portlet {
    margin-bottom: 10px;
}
.modal .modal-content .modal-footer {
    padding: 10px 25px;
}
img.b-lazy {
    display: block !important;
}
div.flex_2 img{
    width: 100% !important;
    max-width: 50%;
}
div.flex_3 img{
    width: 100% !important;
    max-width: 33.3%;
}
div.flex_4 img{
    width: 100% !important;
    max-width: 25%;
}
div.flex_5 img{
    width: 100% !important;
    max-width: 20%;
}
#list_lessons {
    width: 100%;
}
#list_lessons .parent {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    background: #ededed8f;
}
#list_lessons .parent .lesson-content {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}
#list_lessons .row {
    margin-right: 0;
    margin-left: 0;
}
#list_lessons .well {
    padding: 16px;
    border-bottom: 1px solid #f3f5f6;
    background: white;
}
#list_lessons .parent .parent-title {
    background: white;
    padding: 5px 0;
    cursor: move;
    display: flex;
    align-items: center;
}
.ui-sortable-handle {
    cursor: move;
}
#list_lessons .childs {
    min-height: 10px;
}
#list_lessons .text-bold {
    font-weight: 500;
    padding: 10px 0 !important;
}
 #list_lessons .lesson-content .text-bold, .parent-title .edit-name-chapter{
    font-weight: bold !important;
}
#list_lessons .parent .child-item {
    border-bottom: 1px dotted #6b6868;
    background: white;
    padding: 10px 0px;
}
#list_lessons .action a {
    margin-right: 7px;
    cursor: pointer;
}
i.fa.fa-eye {
    color: #000 !important;
}
.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    font-family: inherit;
    overflow: hidden;
}
.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2;
}
.jconfirm .jconfirm-scrollpane {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: table;
    width: 100%;
    height: 100%;
}
.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%;
}
.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle;
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0;
}

.justify-content-lg-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition: none!important;
    transition: none!important;
}
.jconfirm .jconfirm-box-container {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform,-webkit-transform;
}
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    border-radius: 5px;
}
.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue;
}
.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all;
}

.jconfirm .jconfirm-box {
    background: white;
    border-radius: 4px;
    position: relative;
    outline: 0;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px!important;
    line-height: 14px!important;
    display: none;
    z-index: 1;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0;
}
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db!important;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height .4s ease-in;
    transition: height .4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px;
}
.jconfirm .jconfirm-clear {
    clear: both;
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    min-height: 1em;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    -webkit-tap-highlight-color: transparent;
    border: 0;
    background-image: none;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons>button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd;
}

#uploader .nav-link {
    color: black !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav-link {
    padding: 0.5rem;
}
.nav-link {
    color: rgba(0, 0, 0, .5);
}

.nav-tabs {
    border-bottom: none;
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#uploader .tab-content {
    padding: 15px;
}
div#uploader .tab-pane {
    text-align: center;
}
.tab-content>.active {
    display: block;
}
.fade.show {
    opacity: 1;
}
#uploader .input-form .up-description {
    margin: 10px 0;
}
#uploader .zone-upload {
    border: 4px dashed #ccc;
    width: 70%;
    margin: 0 auto;
    padding: 30px;
}



















@media screen and (max-width: 40em) {
    .show_flex_detail {
        display: block !important;
    }
    div.flex_2 img, div.flex_3 img, div.flex_4 img, div.flex_5 img, div.flex_6 img{
        max-width: 100% !important;
    }
    img.fancybox-image {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    div.content-item div.image-crop{
        width: 35% !important;
      }
      div.content-item div.name {
          width: 65% !important;
      }
}
#bien_the {
    background: #fff;
}
#bien_the thead tr{
    height: 40px !important;
    background: #5867dd;
    color: #fff;
    font-weight: 500;
}
#bien_the tbody tr {
    height: 50px !important;
    background: #f4f3fb;
    color: #303030;
    font-weight: 500;
}
#bien_the tbody {
    max-height: 300px;
    overflow-y: auto;
}
#bien_the tbody tr td:first-child, #bien_the thead tr th:first-child {
    padding-left: 15px;
}
.m--margin-bottom-30 {
    margin-bottom: 10px !important;
}
.m--margin-top-20 {
    margin-top: 5px !important;
}
.progress {
  height: 5px;
}
.meter {
  background: red;
}
.check_vat {
    display: none;
}
label.upload-now:hover {
  background: var(--bghover);
}
td.m-datatable__cell img{
    width: 80px;
    height: 80px;
}
ul.list_subs_products {
    display: block;
    margin-left: 0px;
    padding-left: 0px;
}
ul.list_subs_products li {
    list-style-type: none;
}
ul.list_subs_products li{
    display: flex;
    padding: 5px;
    border: 1px dashed #c5c5c5;
    margin-bottom: 5px;
}
.delete_variant:hover {
    background: red;
    color: #fff !important;
}
.toast-top-center {
    top: calc(50% - 150px);
}
.btn_xac_nhan:hover {
    background: red;
    color: #fff !important;
}
.toastr-close-button:hover {
    background: #ffc107;
    color: #fff !important;
}
.preloader-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #fff
}
.dash {
    margin: 0 15px;
    width: 35px;
    height: 15px;
    border-radius: 8px;
    background: var(--color_5)
}
li.m-menu__item-one.m-menu__item--active {
    background: #006a37;
}
li.m-menu__item-one.m-menu__item--active span.m-menu__link-text, li.m-menu__item-one.m-menu__item--active i {
    color: #fff !important;
}




.dash-one {
    margin-right: -18px;
    background: var(--color_5);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}
.custom-file-control:lang(en):empty::after{
        content: "Chọn file cần upload"
    }
    .custom-file-control:lang(en):empty::before{
        content: "Tìm File";
    }
.dash-two {
    background: var(--color_1);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-animation: spin2 3s linear infinite;
    animation: spin2 3s linear infinite;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.dash-three {
    background: var(--color_3);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-animation: spin3 3s linear infinite;
    animation: spin3 3s linear infinite;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.row_flex_fix {
    width: 320px;
    padding: 10px;
    display: flex;
    position: fixed;
    top: 10px;
    right: 10px;
    background: #4CAF50;
    z-index: 55555555;
}
.dash-four {
    background: var(--color_2);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-animation: spin4 3s linear infinite;
    animation: spin4 3s linear infinite;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    25% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    30% {
        -webkit-transform: rotate(370deg);
        transform: rotate(370deg)
    }
    35% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
div.en_theme div.item {
        width: 25% !important;
        max-width: 25% !important;
    }
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    25% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    30% {
        -webkit-transform: rotate(370deg);
        transform: rotate(370deg)
    }
    35% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    35% {
        -webkit-transform: rotate(-190deg);
        transform: rotate(-190deg)
    }
    40% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    78% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    95% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
    98% {
        -webkit-transform: rotate(-370deg);
        transform: rotate(-370deg)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.m-widget24 .m-widget24__item .m-widget24__stats {
    font-size: 1.45rem;
    font-weight: 500;
}

@keyframes spin2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    35% {
        -webkit-transform: rotate(-190deg);
        transform: rotate(-190deg)
    }
    40% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    78% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    95% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
    98% {
        -webkit-transform: rotate(-370deg);
        transform: rotate(-370deg)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes spin3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    27% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    40% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    45% {
        -webkit-transform: rotate(190deg);
        transform: rotate(190deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    62% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    80% {
        -webkit-transform: rotate(370deg);
        transform: rotate(370deg)
    }
    85% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    27% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    40% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    45% {
        -webkit-transform: rotate(190deg);
        transform: rotate(190deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    62% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    80% {
        -webkit-transform: rotate(370deg);
        transform: rotate(370deg)
    }
    85% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    38% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    60% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
    65% {
        -webkit-transform: rotate(-370deg);
        transform: rotate(-370deg)
    }
    75% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes spin4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    38% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    60% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
    65% {
        -webkit-transform: rotate(-370deg);
        transform: rotate(-370deg)
    }
    75% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}
html, body{
  overflow-x: hidden;
  overflow-y: auto;
}
.m-body .m-content {
  padding: 20px;
  border-radius: 0px;
  padding-bottom: 30px;
}
div.cke_chrome  {
  max-width: 100vw !important;
  max-height: 100vh;
}
div.cke_inner {
  top: 0px !important;
}
div.hidden {
  display: none;
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link:hover {
    background: var(--bghover);
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon {
    font-weight: normal;
    padding: 5px 15px;
    line-height: 30px;
}
body::-webkit-scrollbar-track, .tab-content > .tab-pane::-webkit-scrollbar-track, #m_aside_left::-webkit-scrollbar-track, ul.list_thuoctinh::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
    background-color: #fff;
    border-radius: 10px;
}

body::-webkit-scrollbar, .tab-content > .tab-pane::-webkit-scrollbar, ul.list_thuoctinh::-webkit-scrollbar
{
    width: 8px;
    background-color: #fff;
}

ul::-webkit-scrollbar, #m_aside_left::-webkit-scrollbar
{
    width: 8px !important;
    background-color: #fff;
}
body::-webkit-scrollbar-thumb, .tab-content > .tab-pane::-webkit-scrollbar-thumb, #m_aside_left::-webkit-scrollbar-thumb, ul.list_thuoctinh::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(top,
                                              var(--background) 0%,
                                              var(--bghover) 50%,
                                              var(--background) 51%,
                                              var(--bghover) 100%);
}
ul.list_thuoctinh li input, ul.list_thuoctinh li label { cursor: pointer; }
ul.list_thuoctinh li label {
    width: calc(100% - 20px);
}
#record_selection > #m-datatable-list > .m-datatable__body{ min-height: 300px;}
.m-aside-left.m-aside-left--skin-dark {
    background-color: #ffffff;
}
.select2-container { width: 100% !important; }
@media only screen and (min-width: 40em) { 
.m-aside-menu .m-menu__nav .m-menu__item.m-menu__item--open > .m-menu__submenu, .m-aside-menu .m-menu__nav .m-menu__item.m-menu__item--open > .m-menu__inner {
    display: block;
    background: #fff;
}
.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item.m-menu__item--hover > .m-menu__submenu > .m-menu__subnav, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item.m-menu__item--hover > .m-menu__submenu > .m-menu__subnav{
  background: var(--background);
  color: #fff;
}
.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item.m-menu__item--hover > .m-menu__submenu > .m-menu__subnav .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item.m-menu__item--hover > .m-menu__submenu > .m-menu__subnav .m-menu__item > .m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item.m-menu__item--hover > .m-menu__submenu > .m-menu__subnav .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item.m-menu__item--hover > .m-menu__submenu > .m-menu__subnav .m-menu__item > .m-menu__link .m-menu__link-text{
  color: #fff;
}
.m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text{
  color: #fff;
  font-weight: 500 !important;
}
.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav.m-menu__nav--dropdown-submenu-arrow .m-menu__item.m-menu__item--hover > .m-menu__submenu > .m-menu__arrow, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav.m-menu__nav--dropdown-submenu-arrow .m-menu__item.m-menu__item--hover > .m-menu__submenu > .m-menu__arrow{
  color: var(--background);
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:hover > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:hover > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text{
 color: #fff;
  font-weight: 500 !important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:hover > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__ver-arrow {
  color: #fff !important;
  background: transparent;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
  color: #000;
  font-weight: 500 !important;
}
.m-menu__item--active a.m-menu__link.m-menu__toggle, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:hover {
    background: var(--background) !important;
    
}
.m-menu__item--active a.m-menu__link.m-menu__toggle span{
    color: #fff !important;
}
.m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot > span, .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot > span {
    background-color: #ffffff;
}
.m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:hover > .m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot > span, .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:hover > .m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot > span {
    background-color: var(--background);
}
#m_aside_left {
  position: fixed;
  left: 0;
  top: 71px;
  width: 270px;
  height: calc(100vh - 71px);
  z-index: 500;
  overflow-y: auto;
}
body.m-aside-left--minimize #m_aside_left {
  width: 70px;
  overflow: visible;
}
#body_code {
  padding-left:  270px;
}
body.m-aside-left--minimize #body_code {
  padding-left: 70px;
}
.m-aside-menu .m-menu__nav .m-menu__inner, .m-aside-menu .m-menu__nav .m-menu__submenu {
  /*display: block !important;*/
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:hover {
  background: transparent;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open, .m-aside-menu .m-menu__nav > .m-menu__item:hover > .m-menu__link, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
  /*background: transparent;*/
  color: #fff
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:hover {
  background: #eeeff7; }
i.m-menu__ver-arrow {
  display: none !important;
}
#m_aside_left ul.m-menu__subnav li.m-menu__item.m-menu__item--submenu:hover,.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open {
  background: var(--background);
}
#m_aside_left ul.m-menu__subnav li.m-menu__item.m-menu__item--submenu:hover span.m-menu__link-text {
  color: #fff;
}
li.m-menu__item.m-menu__item--submenu.m-menu__item--active {
    background: var(--background);

}
.m-dropdown .m-dropdown__wrapper {
  width: 350px;
}
.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text {
    font-weight: 500 !important;
}
.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item {
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-weight: 500 !important;
}
.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading, .m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link {
    height: 30px;
}
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    padding: 10px 15px;
}
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    height: 30px;
}


 }
 /*      medium-up     */
 @media (min-width: 993px) {
.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-aside-right, .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-wrapper {
    margin-bottom: 0px;
}
}
div.show_for {
  text-align: center;
  margin: 0 auto;
  padding: 30px 0px;
}
div.show_for img {
  display: block;
  margin: 10px auto;
  width: 100%;
}
a.nut_add {
  padding: 8px 15px;
  border-radius: 4px;
  background: #006a37;
  color: #fff;
}
.m-portlet__foot.m-portlet__no-border.m-portlet__foot--fit {
    padding: 15px 0px;
}
.m-stack__item.m-brand.m-brand--skin-dark{
  background: #006a37;
  border-bottom: 1px solid var(--background);
}
.m-blockui{
  margin: 0px !important;
}
.m-portlet {
  border-radius: 0px;
  overflow: hidden;
      box-shadow: 3px 3px 5px #e5e5e5;
    border-radius: 10px;
}
[onclick], [data-href] {
  cursor: pointer;
}
div .m-dropdown--align-push > .m-portlet__nav-link--icon {
  border-radius: 1000px;
  border: 1px solid #c2cbd4;
  width: 40px;
  height: 40px;
  line-height: 40px;
  box-shadow: 2px 3px 1px #333;
}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--even > .m-datatable__cell, .btn.m-btn--hover-danger:not(.btn-secondary):not(.btn-outline-light){
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.m-datatable__cell--sort, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell.m-datatable__cell--sort, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell.m-datatable__cell--sort{
  width: 100%;
}
.m-portlet .m-portlet__body, .form-group.m-form__group.row {
  padding: 10px;
}
.m-form .m-form__group label{
  font-weight: 500;
}
label {
  font-weight: 500 !important;
}
.m-btn--icon.m-btn--icon-only{
  width: auto !important;
  height: auto !important;
  padding: 5px 10px !important;
  font-size: 12px;
  border: 1px solid #bfbfbf;
}
.m-btn--icon.m-btn--icon-only > i{
    line-height: 0;
    display: inline-block;
     position: relative; 
     top: 0%; 
     left: 0px; 
     margin-right: 2px; 
     -webkit-transform: translate(0%, 0%); 
      font-size: 15px !important;
     line-height: 20px;
}
.m-input-icon.m-input-icon--right .form-control{
  padding-right: 15px;
  font-size: 16px !important;
}
.form-control {
    font-size: 16px !important;
}
.modal .modal-content .modal-header{
  padding: 10px 25px;
}
textarea {
    resize: vertical !important;
}
/*#m_aside_left { 
  position: fixed;
  height: 100%;
  width: 270px;
  overflow-x: hidden;
  overflow-y: auto;
}
#content-wp { padding-left: 270px; }*/
.product_price { text-align: right; }
.m-brand__logo-wrapper:hover { text-decoration: none; }
.modal-open .modal { z-index: 11000; }

*:not(i):not(span), .btn {
  font-family: var(--font-hel) !important;
  font-weight: 400;
}
.btn{
  font-size: 13px;
}
a.edit_google {
    padding: 5px 20px;
    background: #34bfa3;
    color: #fff !important;
    font-size: 13px;
    border-radius: 20px;
    cursor: pointer;
}
a.edit_google:hover {
  background: #ffb822;
}
/*.show-edit-google {
  display: none;
}
.show-edit-google.active {
  display: block;
}*/
a.btn_tags {
    padding: 4px 10px;
    background: var(--background);
    color: #fff !important;
    border-radius: 5px;
    cursor: pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 3px 5px;
}
div.product_select, div.news_select, div.cauhoi_select {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: calc(100vh);
  overflow-y: auto;
  padding: 0px;
  z-index: 5000;
  background: #fff;
  padding: 50px 0px;
  /*padding-left: 270px;*/
}
div.product_select.active, div.news_select.active, div.cauhoi_select.active {
  display: block;
}
div.product_select div.product , div.news_select div.news, div.cauhoi_select div.cauhoi{
    background: #fff;
    width: 100vw;
    height: calc( 100% - 100px );
    z-index: 6555555555;
    overflow-y: auto;
    display: block;
    max-width: 75rem;
    margin: 0 auto;
    position: relative;
}
div.product_select div.product div.product_list, div.news_select div.news div.news_list, div.cauhoi_select div.cauhoi div.cauhoi_list {
  display: block;
  padding: 20px;
}

div.product h3, div.news h3{
  padding: 15px 20px;
  font-weight: 500;
  font-size: 20px;
}
.btn.m-btn--hover-accent:hover, .btn.m-btn--hover-accent.active, .btn.m-btn--hover-accent:active, .btn.m-btn--hover-accent:focus, .show > .btn.m-btn--hover-accent.dropdown-toggle{
  background: var(--background) !important;
  border-color: var(--background) !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot{
  visibility: visible;
}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell {
  width: 100%;
}

.hide { display: none; }
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class^="la-"], .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class*=" la-"]{
  cursor: pointer;
}
#show_image_editor {
  padding: 50px;
  background: #fff;
}
.m-datatable__row_level_1 {
  background: #34bfa226;
}
.m-datatable__row_level_2 {
  background: #ff980045;
}
.disable { pointer-events: none; }
.m-brand__logo-wrapper {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.select2-container { }
.dropdown-item {text-transform: capitalize;}
.show_image_list,.choose_image_list{width:100px;overflow:hidden;max-height:100px;padding:5px;border:1px solid #f2f3f4;margin:10px;position:relative;margin-left:0px!important; min-height: 100px; line-height: 88px;}
.picture_youtube { cursor: pointer; }
.show_image_list {
  border:3px solid #fff;
}
.show_image_list.actived{
  border:3px solid var(--background);
}
.show_image_list.actived::before, .choose_image_list.actived::before  {
  display: block;
}
.icon_form {
    width: 23%;
    text-align: center;
    padding: 20px;
    color: #fff;
    float: left;
    margin: 10px;
    box-shadow: 3px 4px 3px rgba(85, 92, 93, 0.27);
}
.m-datatable__head {
  border-bottom: 1px solid #c4c6c6;
}
.title_seo { font-weight: 500; color:#1a0dab; }
.url_seo { color: #006621; }
.icon_form .icon { width: 20%; }
.icon_form .value { width: 80%; }
.white-box {
    background: #fff;
    padding: 25px;
    margin-bottom: 15px;
}
.r-icon-stats i {
    width: 66px;
    height: 66px;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: top;
}
.r-icon-stats .bodystate {
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
}
.r-icon-stats .bodystate h4 {
    margin-bottom: 0;
}
.text-muted {
    color: #8d9ea7!important;
}

.show_image_list,.choose_image_list{cursor: pointer; float: left; width:100px;overflow:hidden;max-height:100px;padding:5px;border:1px solid #f2f3f4;margin:10px;position:relative;margin-left:0px!important;}
.choose_image_list.actived{border:2px solid var(--background);}

.red{background-color:red!important;margin-left:2px;}
.delete_all,.check_all,.check_none{margin-bottom:1rem;float:left;margin-left:3px;}
.delete_all,.check_none{display:none;}
.delete_all:hover{color:#fff;background-color:red;border:1px solid red;}
.check_all:hover{color:#fff;background-color:var(--button-success);border:1px solid var(--button-success);}
.check_none:hover{color:#fff;background-color:#9e9e9e;border:1px solid #9e9e9e;}
#images-list div{ position: relative;float: left; overflow: hidden;}
.image_ytb{
  cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.video-s:hover {
  background-position: 0 -73px;
}
.image_show_test {
    max-height: 97px;
    overflow: hidden;
}
.image_show {     
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px; 
  }
.disable {
    pointer-events: none;
    cursor: no-drop !important;
}
#mainImage {background: #f2f3f4; overflow: hidden; width: 150px; height: 150px; text-align: center; vertical-align: middle; border: 2px solid var(--color);line-height: 150px;}
#mainImage img {
    max-width: 190px;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}
.post_youtube, .get_friend, .get_all_page, .get_all_group{
    color: #fff;
    width: 100%;
    border-radius: 40px;
    background-color: #3b5998;
}
.video-s {
  background-image: url('../img/video.png');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
  border-radius: 50% !important;
  cursor: pointer;
  height: 72px !important;
  left: 50% !important;
  margin: -36px 0 0 -36px;
  position: absolute !important;
  top: 50% !important;
  width: 72px !important;
}
.show_image_list {
    cursor: pointer;
    max-width: 100px;
    position: relative;
    float: left;
    background: #f2f3f4;
}
.show_image_list::before, .choose_image_list::before {
  content: "\f046";
      display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 555;
    display: none;
    color: var(--background);
}
.show_image_list:hover::before, .show_image_list.active::before, .choose_image_list:hover::before, .choose_image_list.active::before {
  display: block;
}
.delete_ee {
  position: absolute !important;
  top: 1px;
  left: 1px;
}
.show_image_list:hover , .choose_image_list:hover{
    transition: all 400ms ease-out;
    border:3px solid var(--background);
}
#list_images { max-height: 250px; overflow-y: scroll;  }
#list_images .show_image_list.active{
    display: block;
    border: 1px solid var(--background);
}
#list_images  .show_image_list.active .choose,#list_images  .show_image_list.active .fa-check-circle-o{
    display: block !important;
}
#list_images  .show_image_list .choose {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: none;
}
#list_images  .show_image_list .choose i,#list_images  .show_image_list i{
    color: var(--background);
    border: 1px solid #fff;
    font-size: 20px;
}
.images_images img {
    max-height: 100px;
    max-width: 100px;
    text-align: center;
}
.xoa_hinh_anh_:hover, .upload_image_url:hover, .upload_image_urls:hover, .click_load_images:hover, .click_load_image:hover {
    background: var(--background);
    color: #fff !important;
    font-weight: 500;
}
.upload_image_url, .upload_image_urls {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    color: var(--background);
}
#list_image_from_web{
    max-height: 300px;
    overflow-y: scroll;
    padding: 10px 20px;
    margin: 2px;
}

#list_image_from_web li{

}
[data-field="name"] span a{
  font-weight: 500 !important;
}
.click_image_from_web{
    cursor: pointer;
}
.click_image_from_web.actives{
    border:  2px solid var(--background);
}

.nutcontrol {padding: 5px 15px;
    background-color: var(--background) !important;
    color:  #fff !important;
    margin-right: 2px;
}
a.close_product, a.close_cauhoi {
    background: var(--background);
    color: #fff !important;
    height: 30px;
    line-height: 32px;
    margin-top: 10px;
    width: 150px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}
a.close_product.fixright, a.close_cauhoi.fixright {
        position: absolute;
    left: calc( 50vw - 75px);
    bottom: 90px;
}
a.close_product::before, a.close_cauhoi::before {
  content: "\f00d";
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a.btn_add_same::before {
      content: "\f2c2";
      display: inline-block;
    font: normal normal normal 16px/1 "LineAwesome";
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

div.en_theme div.image{
  position: relative;
  overflow: hidden;
  height: 350px;
  max-height: 350px;

}
div.en_theme div.image img{
  position: absolute;
  top: 0px;
  left: 0px;
  transition: 0.5s;
  width: 100%;
}
div.en_theme div.image img:hover {
  transition: 2s all;
  top: 100%;
  transform: translateY(-100%);
}
div.en_theme div.item {
  margin-bottom: 20px;

}
div.en_theme div.item-theme {
  padding: 15px;
  background: #f7f7f7;
  border: 1px dashed #303030;
}
div.en_theme p {
  text-align: center;
}
div.en_theme p a{
      text-align: center;
    padding: 5px 20px;
    background: var(--background);
    color: #fff !important;
    border-radius: 1000px;
    box-shadow: 2px 2px 2px #303030;
    cursor: pointer;
}
div.en_theme p a:hover {
  background: red !important;
}
.toast-top-right {
    top: 75px !important;
}
div.en_theme div.item.active div.item-theme{
    border: 1px solid var(--background-body);
    background: var(--background-body);
    color: #fff;
}
@media only screen and (max-width: 50em) {
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    display: none;
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon {
    float: left;
}
.row_flex_fix {
    top: auto;
    bottom: 0px;
    right: 0px;
    width: 100%;
}
.row_flex_fix button{
    width: calc(49%) !important;
}
.row_flex_fix button:last-child {
    margin-left: 2%;
}
    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open {
        background: transparent;
    }
    div.en_theme div.item {
        width: 50% !important;
        max-width: 50% !important;
    }
input, textarea, select, .m-input-icon.m-input-icon--left .form-control, .m-input-icon.m-input-icon--right .form-control {
    font-size: 16px !important;
}
div.product_select, div.news_selectm, div.cauhoi_select {
  padding-left: 0px;
}
#content-wp { padding-left: 0px; }
.icon_form {
    width: 47%;
}
.show-for-small-only {
    display: block;
}
.show-for-medium-up {
    display: none !important;
}



} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (min-width: 40.063em) and (max-width: 50em){ 
#content-wp { padding-left: 0px; }
} /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 63em) { 

}

@media only screen and (min-width: 63.063em) { 


  } /* min-width 1025px, large screens */
@media only screen and (min-width: 63.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */