@charset "UTF-8";
/* montserrat-300 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local("Montserrat Light"), local("Montserrat-Light"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-300.woff2") format("woff2"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* montserrat-300italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-300italic.woff2") format("woff2"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-300italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* montserrat-regular - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-regular.woff2") format("woff2"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* montserrat-italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-italic.woff2") format("woff2"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* montserrat-500 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-500.woff2") format("woff2"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* montserrat-500italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-500italic.woff2") format("woff2"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-500italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* montserrat-600 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-600.woff2") format("woff2"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* montserrat-600italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-600italic.woff2") format("woff2"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-600italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* montserrat-700 - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-700.woff2") format("woff2"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* montserrat-700italic - vietnamese_latin_latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-700italic.woff2") format("woff2"), url("../fonts/Montserrat/montserrat-v12-vietnamese_latin_latin-ext-700italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* nunito-700 - latin-ext_latin_vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: local("Nunito Bold"), local("Nunito-Bold"), url("../fonts/Nunito/nunito-v9-latin-ext_latin_vietnamese-700.woff2") format("woff2"), url("../fonts/Nunito/nunito-v9-latin-ext_latin_vietnamese-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
html {
  --theme-primary-color: #3452ff;
  --theme-secondary-color: #7c7a71;
  --theme-info-color: #0c9294;
  --theme-purple-color: #a23ce2;
  --theme-danger-color: #d3381a;
  --theme-success-color: #01a23c;
  --theme-warning-color: #F89101;
  --theme-orange-color: #fecd35;
  --theme-coban-color: #3cb9e2;
  --theme-head-title-color: #262626;
  --input-line-height: 2.375;
  --input-height: 3;
  font-size: 16px;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth; }

body {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", Arial, sans-serif;
  background-color: #f5f5fe !important; }

*,
*:before,
*:after {
  box-sizing: border-box; }

@media (max-width: 1199.99px) {
  html {
    font-size: 12px; } }
@media (max-width: 767.99px) {
  .hidden-md-down {
    display: none !important; } }
.row.no-gutter {
  margin-left: 0;
  margin-right: 0; }
  .row.no-gutter [class*=col] {
    padding-left: 0;
    padding-right: 0; }

.form-control, .custom-select {
  height: calc(var(--input-height) * 1rem + 2px);
  border-radius: 5px; }

.custom-select:not(:placeholder-shown) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"); }

.text-semibold {
  font-size: .875rem;
  font-weight: 600;
  color: #898989; }

.btn {
  line-height: calc(var(--input-line-height) * 1rem - 2px);
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  font-weight: 600;
  transition: all .3s linear .05s; }
  .btn:hover {
    box-shadow: 1px 1px 14px -4px rgba(0, 0, 0, 0.6); }

.btn-fab {
  height: calc(1.5em + 30px);
  width: calc(1.5em + 30px);
  overflow: hidden;
  border-radius: 50%;
  font-size: 1.5rem;
  line-height: 1.5;
  background-color: #ffffff;
  padding: 15px; }
  .btn-fab:hover {
    box-shadow: 1px 1px 14px -4px rgba(0, 0, 0, 0.6); }

.btn-brand {
  background-color: #ffffff;
  display: flex;
  padding: 0;
  font-family: Nunito, Arial, Sans-Serif;
  font-weight: bold;
  border-color: #cccccc;
  font-size: .875rem;
  line-height: calc(var(--input-height) * 1em - 2px); }
  .btn-brand span {
    display: block;
    flex-grow: 1;
    padding-left: 15px;
    padding-right: 15px;
    color: #262626; }
  .btn-brand i {
    flex: 0 0 calc(var(--input-line-height) * 1rem - 2px);
    background-color: #ebebeb;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    border-radius: .25rem 0 0 .25rem; }
    .btn-brand i:before {
      width: 2em;
      text-align: center; }
    .btn-brand i.fa-facebook-f {
      background-color: #155c91;
      color: #ffffff; }
      .btn-brand i.fa-facebook-f ~ span {
        color: #155c91; }
    .btn-brand i.fa-google:before {
      min-height: 1em;
      content: '';
      background: url("../image/google-logo.png") no-repeat center;
      background-size: 1em; }

#navbarResponsive {
  align-self: flex-start;
  align-items: self-start;
  padding-left: 1rem; }
  #navbarResponsive .tabs-register {
/*    background-color: #f9f5e5;*/
    padding: 1.2rem;
    border-bottom-left-radius: 15px; }
    #navbarResponsive .tabs-register a {
      padding: 0 10px 0 10px;
      font-size: 0.8rem;
      font-weight: 500; }
    #navbarResponsive .tabs-register .dropdown-menu {
      padding: 0;
      right: 0;
      left: unset; }
      #navbarResponsive .tabs-register .dropdown-menu .dropdown-item {
        padding: 15px; }
    #navbarResponsive .tabs-register .dropdown-toggle {
      color: #0a0a0a;
      box-shadow: none;
      border: 0; }
    #navbarResponsive .tabs-register .phone {
      font-size: 1rem;
      font-weight: 500;
      color: #000000; }
    #navbarResponsive .tabs-register .rules {
      font-size: 0.8rem;
      padding: 5px; }
    #navbarResponsive .tabs-register .btn-login,
    #navbarResponsive .tabs-register .btn-register {
      color: #fff;
    border: 1px solid #ffff;
    transition: color .5s;
    padding: 0.5rem 0.75rem;
    border-radius: 11px; }
      #navbarResponsive .tabs-register .btn-login:hover,
      #navbarResponsive .tabs-register .btn-register:hover {
        text-decoration: none;
        background-color: var(--theme-head-title-color);
        color: #fecd35; }
    #navbarResponsive .tabs-register .bell-log .bell_2 {
      width: 1em;
      position: relative;
      font-size: 20px; }
      #navbarResponsive .tabs-register .bell-log .bell_2 span {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.5em;
        font-weight: 600;
        padding-top: .3em; }
  #navbarResponsive ul.navbar-nav {
    flex-grow: 1; }
  #navbarResponsive ul li.nav-item.active a.nav-link, #navbarResponsive ul li.nav-item:focus a.nav-link, #navbarResponsive ul li.nav-item:hover a.nav-link {
    color: #98f42e;
     }
    @media (max-width: 767.98px) {
      #navbarResponsive ul li.nav-item.active a.nav-link, #navbarResponsive ul li.nav-item:focus a.nav-link, #navbarResponsive ul li.nav-item:hover a.nav-link {
        color: #82c832;
        border-top-color: #82c832; } }
  #navbarResponsive ul li a.nav-link {
/*    border-top: solid 2px transparent;*/
    padding-top: 20px;
    color: #fff;
    font-weight: 500;
    transition: color .3s linear, border .3s linear .2s; }
    #navbarResponsive ul li a.nav-link:hover {
      color: #ffffff;
      border-top: none; }

header {
  background-image: linear-gradient(to right top, #7ec52b, #71b82a, #64ab29, #589e28, #4c9126); 
  background-size: cover;
  background-repeat: no-repeat;
}
  @media (max-width: 991.99px) {
    header .logo img {
      max-width: 50px; }
    header .total-detail {
      padding-top: 0 !important; }
    header .navbar-collapse {
      padding: 0 15px !important; }
    header nav.navbar {
      position: relative; }
      header nav.navbar #navbarResponsive {
        top: 105%;
        z-index: 100000;
        position: absolute;
        right: 0;
        background-color: #f9f3de; }
        header nav.navbar #navbarResponsive .tabs-register {
          padding-left: 0 !important; } }
  header .navbar-homeheader {
    background-color: transparent !important; }
  header .custom-navbar {
    padding: 0;
    justify-content: space-between; }
    header .custom-navbar .navbar-brand {
      padding-top: 0; }
  header .content-header {
    padding: 50px 30px;
    text-align: center;}
    @media (max-width: 575.98px) {
      header .content-header {
        top: 1rem;
        width: 100%;
        left: 0;
        padding: 25px 0;
        transform: none; } }
    header .content-header .header-title-content {
      font-size: 2.4rem;
      font-weight: 700;
      color: #ffffff; }
    header .content-header .header-title {
      color: #2adaea;
    font-size: 4.2rem;
    font-weight: 600; }
    header .content-header .group-button {
      padding: 30px 0 30px 0;
      display: flex; }
      header .content-header .group-button .btn-more,
      header .content-header .group-button .btn-post {
        font-weight: 500;
        font-size: 1rem;
        color: var(--theme-head-title-color);
        text-decoration: underline;
        margin: 15px 0;
        padding: 15px 25px;
        border-radius: 30px;
        transition: color .5s; }
        header .content-header .group-button .btn-more:hover,
        header .content-header .group-button .btn-post:hover {
          text-decoration: none;
          color: #f9f5e5;
          background-color: var(--theme-head-title-color); }
        @media (max-width: 575.98px) {
          header .content-header .group-button .btn-more,
          header .content-header .group-button .btn-post {
            padding: 10px 15px; } }
    @media (max-width: 767.99px) {
      header .content-header .header-title-content {
        font-size: 1.4rem; }
      header .content-header .header-title {
        font-size: 2rem; } }
  header .animate-div {
    position: relative; }
    header .animate-div .background-animate {
      width: 100%;
      text-align: right; }
      header .animate-div .background-animate img {
        width: 80%; }
  header .logo {
    padding-bottom: 0;
    padding-left: 3rem; }
    @media (max-width: 575.98px) {
      header .logo {
        padding-left: 0; } }
    header .logo img {
      width: 100%; }
  header .social {
    position: relative; }
    header .social i {
      color: var(--theme-head-title-color); }
    header .social .text {
      position: absolute;
      right: -45px;
      top: 18rem;
      transform: rotate(-90deg); }
      header .social .text a {
        font-size: .75rem;
        color: #ffffff;
        text-decoration: none; }
    header .social .fb {
      margin-top: 7rem; }
    header .social .item {
      margin-bottom: .5rem; }

body {
  background-color: #f9f3de; }
  body.header-nopadding header {
    padding: 0; }
  body.header-orange header {
    background-image: linear-gradient(to right, #fdc22b, #fdc42d, #faa916, #f89101); }

.total-detail {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 992px) {
    .total-detail {
      padding-top: 0 !important; } }
  .total-detail .bold {
    font-size: .8rem;
    font-weight: bold;
    color: #fff; }
  .total-detail .white {
    color: #ffffff;
    font-size: .8rem; }
  .total-detail .article-comments, .total-detail .articles, .total-detail .members {
    padding: 0 20px 0 20px;
    margin: 0 10px;
    border-radius: 20px;
    background: rgb(0 0 0 / 40%); }

.tabs {
  overflow: hidden;
  margin-bottom: -1px; }
  .tabs ul, .tabs .nav-tabs {
    list-style-type: none;
    margin-left: 20px; }
  .tabs a, .tabs .nav-link {
    float: left;
    cursor: pointer;
    padding: 12px 24px;
    transition: background-color 0.2s;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    margin-right: 5px;
    color: #262626 !important;
    line-height: 26px; }
    .tabs a:last-child, .tabs .nav-link:last-child {
      border-right: 1px solid #ccc; }
    .tabs a.active, .tabs .nav-link.active {
      background-color: #f89101;
      color: #fff !important;
      border-bottom: 2px solid #fff;
      cursor: default;
      border-top: 3px solid #f89101; }

.tabcontent {
  padding: 30px;
  background-color: #ffffff;
  box-shadow: 3px 3px 6px #e1e1e1;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  display: none; }
  .tabcontent .caption-hide {
    font-size: 0.8rem;
    color: #b5b4af;
    padding-top: 15px; }
  .tabcontent .form-control {
    border-radius: 0;
    border: solid 1px #eeede7;
    background-color: #eeede7;
    transition: all 0.3s linear; }
    .tabcontent .form-control:focus {
      background-color: inherit;
      border: none;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.175); }
  .tabcontent .dropdown .btn {
    border-radius: 0; }
    .tabcontent .dropdown .btn:focus {
      box-shadow: inherit;
      background-color: inherit; }
  .tabcontent .dropdown .btn-grey {
    background-color: #eeede7;
    color: #b5b4af;
    font-size: 1rem; }
    .tabcontent .dropdown .btn-grey:focus {
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); }
  .tabcontent .btn-success {
    border-radius: 0 5px 5px 0; }

#wrap-search #tabs-homepage {
  z-index: 10;
  padding-left: 2rem;
  padding-right: 5rem;
  margin-top: -2rem; }
  #wrap-search #tabs-homepage .form-search {
    border-radius: 25px;
    padding-left: 20px;
    background-color: #fff; }
    #wrap-search #tabs-homepage .form-search .form-group {
      margin-bottom: 0; }
    #wrap-search #tabs-homepage .form-search .custom-select {
      background-color: #fff;
      font-weight: 500;
      color: #8d8d8d;
      border-radius: 0;
      border: 0;
      border-right: 1px solid #ddd;
      border-left: 0; }
      #wrap-search #tabs-homepage .form-search .custom-select:focus {
        border: 0;
        box-shadow: none; }
    #wrap-search #tabs-homepage .form-search .input-search {
      border: 0;
      font-weight: 500;
      color: #8d8d8d; }
      #wrap-search #tabs-homepage .form-search .input-search:focus {
        border: 0;
        outline: none;
        box-shadow: none; }
    #wrap-search #tabs-homepage .form-search .btn-search {
      background-color: transparent;
    height: 100%;
    color: #7fc42c;
    border: 0;
    border-radius: 0;
    margin-left: -3px; }
      #wrap-search #tabs-homepage .form-search .btn-search:last-child {
        border-radius: 0 25px 25px 0; }
      @media (max-width: 767.98px) {
        #wrap-search #tabs-homepage .form-search .btn-search {
          padding-left: 1rem;
          padding-right: 1rem; } }
      #wrap-search #tabs-homepage .form-search .btn-search:focus {
        box-shadow: none; }
  @media (max-width: 1499.98px) {
    #wrap-search #tabs-homepage {
      margin-top: 0; } }
  @media (max-width: 1199.98px) {
    #wrap-search #tabs-homepage {
      transform: none; }
      #wrap-search #tabs-homepage .total-detail span {
        color: #0a0a0a; } }
  @media (max-width: 991.99px) {
    #wrap-search #tabs-homepage {
      margin-top: 0;
      padding: 0 30px; }
      #wrap-search #tabs-homepage #tabs {
        margin-top: 2rem !important; } }
  @media (max-width: 575.98px) {
    #wrap-search #tabs-homepage {
      padding: 0 5px; } }

/* Style the tab content */
.content .active {
  display: block; }

.row.narrow-gutter {
  margin-left: -10px;
  margin-right: -10px; }
  .row.narrow-gutter [class*=col] {
    padding-left: 10px;
    padding-right: 10px; }

.narrow-gutters {
  padding-left: 15px;
  padding-right: 15px; }

.filter-checkbox .wrap-linking {
  display: inline-block;
  border-style: solid;
  vertical-align: middle;
  border-width: 2px;
  border-color: #b5b4af;
  width: 284px;
  height: 45px;
  border-radius: 25px;
  text-align: center;
  line-height: 40px;
  color: #7c7a71;
  text-decoration: none; }
  .filter-checkbox .wrap-linking .icon {
    margin-right: 15px;
    font-weight: bold; }
  .filter-checkbox .wrap-linking .text {
    font-size: .8rem; }
.filter-checkbox .custom-control {
  margin-right: 25px; }
.filter-checkbox .custom-control-label::after {
  top: 0; }
.filter-checkbox .custom-control-label::before {
  top: 0; }
.filter-checkbox .checkbox1 :checked + label {
  color: #01aad1 !important; }
.filter-checkbox .checkbox1 .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #01aad1 !important; }
.filter-checkbox .checkbox4 :checked + label {
  color: #3452ff !important; }
.filter-checkbox .checkbox4 .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3452ff !important; }
.filter-checkbox .checkbox3 :checked + label {
  color: #3452ff !important; }
.filter-checkbox .checkbox3 .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3452ff !important; }
.filter-checkbox .checkbox5 :checked + label {
  color: #3452ff !important; }
.filter-checkbox .checkbox5 .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3452ff !important; }
.filter-checkbox .checkbox2 :checked + label, .filter-checkbox .checkbox1 :checked + label, .filter-checkbox .checkbox4 :checked + label, .filter-checkbox .checkbox3 :checked + label, .filter-checkbox .checkbox5 :checked + label {
  color: #61b131; }
.filter-checkbox .checkbox2 .custom-control-input:checked ~ .custom-control-label::before, .filter-checkbox .checkbox1 .custom-control-input:checked ~ .custom-control-label::before, .filter-checkbox .checkbox4 .custom-control-input:checked ~ .custom-control-label::before, .filter-checkbox .checkbox3 .custom-control-input:checked ~ .custom-control-label::before, .filter-checkbox .checkbox5 .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #61b131; }
.filter-checkbox .checkbox2 label, .filter-checkbox .checkbox1 label, .filter-checkbox .checkbox4 label, .filter-checkbox .checkbox3 label, .filter-checkbox .checkbox5 label {
  font-size: 0.8rem;
  font-weight: 500;
  color: #7c7a71; }
  .filter-checkbox .checkbox2 label:before, .filter-checkbox .checkbox1 label:before, .filter-checkbox .checkbox4 label:before, .filter-checkbox .checkbox3 label:before, .filter-checkbox .checkbox5 label:before {
    background-color: #ffffff; }

.bg-theme-primary {
  background-color: var(--theme-primary-color); }

.text-theme-primary {
  color: var(--theme-primary-color); }

.bg-theme-info {
  background-color: var(--theme-info-color); }

.text-theme-info {
  color: var(--theme-info-color); }

.bg-theme-purple {
  background-color: var(--theme-purple-color); }

.text-theme-purple {
  color: var(--theme-purple-color); }

.bg-theme-danger {
  background-color: var(--theme-danger-color); }

.text-theme-danger {
  color: var(--theme-danger-color); }

.bg-theme-orange {
  background-color: var(--theme-orange-color); }

.text-theme-orange {
  color: var(--theme-orange-color); }

.bg-theme-coban {
  background-color: var(--theme-coban-color); }

.text-theme-coban {
  color: var(--theme-coban-color); }

section + section {
  margin-top: 30px; }

.card-panel {
  --card-panel-border-radius: 8px;
  border-radius: var(--card-panel-border-radius);
  border: none; }
  .card-panel .card-header {
    font-weight: 600;
    font-size: 1rem;
    line-height: 2.5; }
    .card-panel .card-header:first-child {
      border-radius: calc(var(--card-panel-border-radius) - 1px) calc(var(--card-panel-border-radius) - 1px) 0 0; }
  .card-panel > .card-body:last-child {
    border-radius: 0 0 var(--card-panel-border-radius) var(--card-panel-border-radius); }
    .card-panel > .card-body:last-child > .table-custom:last-child {
      margin-bottom: calc(var(--card-panel-border-radius) + 2px); }
  .card-panel > .table-custom:last-child {
    margin-bottom: calc(var(--card-panel-border-radius) + 2px); }

.head-title .text {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--theme-head-title-color); }
.head-title a.text {
  transition: all .2s linear .08s; }
  .head-title a.text:hover, .head-title a.text:active, .head-title a.text:focus {
    text-decoration: none;
    color: #4c9126; }

.content-body .badge {
  font-size: .625rem;
  color: white;
  line-height: 1.5;
  padding: 5px 24px 3px;
  text-transform: uppercase; }

.table-custom {
  margin-bottom: 0; }
  .table-custom .chude, .table-custom .Artiles, .table-custom .ArtilesTitle {
    color: var(--theme-head-title-color);
    font-size: 0.875rem;
    line-height: 1.85714;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .table-custom .chude, .table-custom .count, .table-custom .countArticles {
    white-space: nowrap;
    text-align: center; }
  .table-custom .count, .table-custom .countArticles, .table-custom .datesPosts {
    font-size: 0.8rem;
    line-height: 1.85714;
    color: var(--theme-secondary-color);
    white-space: nowrap; }
  .table-custom thead {
    background-color: #fecd35; }
    .table-custom thead th {
      padding-left: 30px;
      padding-right: 30px;
      font-weight: 600;
      color: #333; }
      .table-custom thead th:first-child {
        border-radius: 10px 0 0 0; }
      .table-custom thead th:last-child {
        border-radius: 0 10px 0 0; }
  .table-custom tbody {
    background-color: #ffffff; }
    .table-custom tbody tr:hover {
      background-color: inherit;
      box-shadow: 0 10px 30px 0 rgba(178, 178, 178, 0.2); }
    .table-custom tbody .title-light {
      position: relative;
      padding-left: 35px; }
      .table-custom tbody .title-light:before {
        content: " ";
        border-top: 50px solid #fecd35;
        border-right: 50px solid transparent;
        position: absolute;
        top: 0;
        left: 0; }
      .table-custom tbody .title-light:after {
        content: "\f0e7";
        position: absolute;
        top: 5%;
        left: 2%;
        font-family: "Font Awesome 5 Free";
        color: #ffffff; }
    .table-custom tbody td {
      font-size: 0.8rem;
      color: var(--theme-head-title-color);
      padding-left: 30px;
      padding-right: 30px; }
    .table-custom tbody .content-body .title .text, .table-custom tbody .content-body .faqInfomation .content .text, .faqInfomation .table-custom tbody .content-body .content .text {
      font-size: 0.9rem;
      font-weight: 500;
      color: var(--theme-head-title-color); }
    .table-custom tbody .content-body .title .closed, .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation .table-custom tbody .content-body .content .closed {
      font-weight: 600;
      font-size: 0.65rem;
      color: #ffffff;
      padding: 5px 25px 5px 25px;
      background-color: #fecd35;
      border-radius: 5px; }
    .table-custom tbody .content-body .mainTitle {
      font-size: 0.875rem;
      line-height: 1.85714;
      color: var(--theme-secondary-color); }
    .table-custom tbody .content-body .dates .members-seen {
      font-size: 0.8rem;
      color: #fecd35;
      font-weight: 500; }
    .table-custom tbody .content-body .dates .posted-by {
      font-size: 0.8rem;
      color: var(--theme-head-title-color);
      padding-left: 15px; }

article .news .articles .image img {
  width: 100%; }
article .news .articles .datepost .title-article, article .news .articles .datepost .date-post, article .news .articles .datepost #news-detail .content-left .title .date-post, #news-detail .content-left .title article .news .articles .datepost .date-post, article .news .articles .datepost #news-detail .content-left .faqInfomation .content .date-post, #news-detail .content-left .faqInfomation .content article .news .articles .datepost .date-post, article .news .articles .datepost .faqInfomation #news-detail .content-left .content .date-post, .faqInfomation #news-detail .content-left .content article .news .articles .datepost .date-post {
  font-size: 0.8rem;
  color: #fe9835; }
article .news .articles .datepost .date-post {
  color: #333333; }
article .news .articles .content .title, article .news .articles .content .faqInfomation .content, .faqInfomation article .news .articles .content .content {
  font-size: 1.2rem;
  color: #333333;
  padding: 10px 0 15px 0; }
  article .news .articles .content .title a, article .news .articles .content .faqInfomation .content a, .faqInfomation article .news .articles .content .content a {
    line-height: 2rem;
    font-size: 1.2rem;
    text-decoration: none;
    color: #333333; }
article .news .articles .content .content-body {
  font-size: 0.8rem;
  color: #333333; }
article .news .articles .content .list-artile-news ul {
  list-style-type: none;
  padding-left: 0; }
  article .news .articles .content .list-artile-news ul li a {
    font-size: 0.8rem;
    color: #333333; }
    article .news .articles .content .list-artile-news ul li a:hover {
      color: #fe9835;
      text-decoration: none; }
    article .news .articles .content .list-artile-news ul li a .icon {
      font-size: 1rem; }
article .news .a-article .image img {
  border-radius: .25rem .25rem 0 0;
  object-fit: cover;
  height: 215px; }
article .news .a-article .entry-body {
  padding: 15px 20px;
  }
article .news .a-article .datepost .title-article, article .news .a-article .articles .datepost .date-post, article .news .articles .a-article .datepost .date-post, article .news .a-article .datepost #news-detail .content-left .title .date-post, #news-detail .content-left .title article .news .a-article .datepost .date-post, article .news .a-article .datepost #news-detail .content-left .faqInfomation .content .date-post, #news-detail .content-left .faqInfomation .content article .news .a-article .datepost .date-post, article .news .a-article .datepost .faqInfomation #news-detail .content-left .content .date-post, .faqInfomation #news-detail .content-left .content article .news .a-article .datepost .date-post {
  font-size: .9rem !important;
  color: #757474; }
article .news .a-article .datepost .date-post {
  font-size: .7rem !important;
  color: #333333 !important; }
article .news .a-article .title-a-artile {
  color: #1d2751;
  line-height: 1.5rem;
  height: unset; }
  article .news .a-article .title-a-artile a {
    font-size: 1rem;
    font-weight: 500;
    color: #1d2751; }
    article .news .a-article .title-a-artile a:hover {
      text-decoration: none; }
article .news .a-article .description {
  margin-top: .5rem;
  font-size: .8rem;
  color: #333333;
  line-height: 1.5rem;
  height: 4.5rem;
  font-weight: 500; }
article .mainTitles th, article .mainTitles td {
  padding: 20px; }
article .mainTitles .paginate {
  background-color: #ffffff; }
  article .mainTitles .paginate .pagination {
    padding-left: 25px;
    padding-top: 10px; }
    article .mainTitles .paginate .pagination .page-item.active .page-link {
      background-color: #ffffff;
      color: #f89101;
      box-shadow: 1px 3px 3px #3333; }
    article .mainTitles .paginate .pagination .page-link {
      border: 0px;
      color: #7c7a71; }
      article .mainTitles .paginate .pagination .page-link:hover {
        background-color: #f89101;
        color: #ffffff; }
  article .mainTitles .paginate .currentpaginate {
    font-size: 0.8rem;
    color: #b5b4af; }
    article .mainTitles .paginate .currentpaginate .currentcolor {
      color: #f89101;
      font-size: 0.9rem;
      padding-top: 10px; }
article .forumStartup .table-custom, article .forumSupport .table-custom, article .forumStartupNew .table-custom, article .forumStartupIdea .table-custom, article .forumLuggage .table-custom {
  margin-bottom: 0; }
  article .forumStartup .table-custom thead, article .forumSupport .table-custom thead, article .forumStartupNew .table-custom thead, article .forumStartupIdea .table-custom thead, article .forumLuggage .table-custom thead {
    font-weight: 600;
    color: #ffffff;
    background-color: #3452ff; }
    article .forumStartup .table-custom thead th:first-child, article .forumSupport .table-custom thead th:first-child, article .forumStartupNew .table-custom thead th:first-child, article .forumStartupIdea .table-custom thead th:first-child, article .forumLuggage .table-custom thead th:first-child {
      border-radius: 10px 0 0 0; }
    article .forumStartup .table-custom thead th:last-child, article .forumSupport .table-custom thead th:last-child, article .forumStartupNew .table-custom thead th:last-child, article .forumStartupIdea .table-custom thead th:last-child, article .forumLuggage .table-custom thead th:last-child {
      border-radius: 0 10px 0 0; }
    article .forumStartup .table-custom thead th a, article .forumSupport .table-custom thead th a, article .forumStartupNew .table-custom thead th a, article .forumStartupIdea .table-custom thead th a, article .forumLuggage .table-custom thead th a {
      text-decoration: none;
      color: #ffffff;
      font-weight: 600; }
  article .forumStartup .table-custom tbody, article .forumSupport .table-custom tbody, article .forumStartupNew .table-custom tbody, article .forumStartupIdea .table-custom tbody, article .forumLuggage .table-custom tbody {
    background-color: #ffffff; }
    article .forumStartup .table-custom tbody tr:hover, article .forumSupport .table-custom tbody tr:hover, article .forumStartupNew .table-custom tbody tr:hover, article .forumStartupIdea .table-custom tbody tr:hover, article .forumLuggage .table-custom tbody tr:hover {
      background-color: inherit;
      box-shadow: 0px 10px 30px 0px rgba(178, 178, 178, 0.2); }
    article .forumStartup .table-custom tbody .chude, article .forumSupport .table-custom tbody .chude, article .forumStartupNew .table-custom tbody .chude, article .forumStartupIdea .table-custom tbody .chude, article .forumLuggage .table-custom tbody .chude, article .forumStartup .table-custom tbody .Artiles, article .forumSupport .table-custom tbody .Artiles, article .forumStartupNew .table-custom tbody .Artiles, article .forumStartupIdea .table-custom tbody .Artiles, article .forumLuggage .table-custom tbody .Artiles, article .forumStartup .table-custom tbody .ArtilesTitle, article .forumSupport .table-custom tbody .ArtilesTitle, article .forumStartupNew .table-custom tbody .ArtilesTitle, article .forumStartupIdea .table-custom tbody .ArtilesTitle, article .forumLuggage .table-custom tbody .ArtilesTitle {
      color: var(--theme-head-title-color);
      font-size: 0.8rem;
      font-weight: 600;
      white-space: nowrap;
      text-overflow: ellipsis; }
    article .forumStartup .table-custom tbody .chude, article .forumSupport .table-custom tbody .chude, article .forumStartupNew .table-custom tbody .chude, article .forumStartupIdea .table-custom tbody .chude, article .forumLuggage .table-custom tbody .chude, article .forumStartup .table-custom tbody .count, article .forumSupport .table-custom tbody .count, article .forumStartupNew .table-custom tbody .count, article .forumStartupIdea .table-custom tbody .count, article .forumLuggage .table-custom tbody .count {
      white-space: nowrap;
      text-align: center; }
    article .forumStartup .table-custom tbody .count, article .forumSupport .table-custom tbody .count, article .forumStartupNew .table-custom tbody .count, article .forumStartupIdea .table-custom tbody .count, article .forumLuggage .table-custom tbody .count, article .forumStartup .table-custom tbody .countArticles, article .forumSupport .table-custom tbody .countArticles, article .forumStartupNew .table-custom tbody .countArticles, article .forumStartupIdea .table-custom tbody .countArticles, article .forumLuggage .table-custom tbody .countArticles, article .forumStartup .table-custom tbody .datesPosts, article .forumSupport .table-custom tbody .datesPosts, article .forumStartupNew .table-custom tbody .datesPosts, article .forumStartupIdea .table-custom tbody .datesPosts, article .forumLuggage .table-custom tbody .datesPosts {
      font-size: 0.8rem;
      color: var(--theme-secondary-color);
      white-space: nowrap; }
      article .forumStartup .table-custom tbody .count .member, article .forumSupport .table-custom tbody .count .member, article .forumStartupNew .table-custom tbody .count .member, article .forumStartupIdea .table-custom tbody .count .member, article .forumLuggage .table-custom tbody .count .member, article .forumStartup .table-custom tbody .countArticles .member, article .forumSupport .table-custom tbody .countArticles .member, article .forumStartupNew .table-custom tbody .countArticles .member, article .forumStartupIdea .table-custom tbody .countArticles .member, article .forumLuggage .table-custom tbody .countArticles .member, article .forumStartup .table-custom tbody .datesPosts .member, article .forumSupport .table-custom tbody .datesPosts .member, article .forumStartupNew .table-custom tbody .datesPosts .member, article .forumStartupIdea .table-custom tbody .datesPosts .member, article .forumLuggage .table-custom tbody .datesPosts .member {
        color: #3472ff; }
    article .forumStartup .table-custom tbody .count, article .forumSupport .table-custom tbody .count, article .forumStartupNew .table-custom tbody .count, article .forumStartupIdea .table-custom tbody .count, article .forumLuggage .table-custom tbody .count, article .forumStartup .table-custom tbody .countArticles, article .forumSupport .table-custom tbody .countArticles, article .forumStartupNew .table-custom tbody .countArticles, article .forumStartupIdea .table-custom tbody .countArticles, article .forumLuggage .table-custom tbody .countArticles {
      text-align: center; }
    article .forumStartup .table-custom tbody .title-light, article .forumSupport .table-custom tbody .title-light, article .forumStartupNew .table-custom tbody .title-light, article .forumStartupIdea .table-custom tbody .title-light, article .forumLuggage .table-custom tbody .title-light {
      position: relative;
      padding-left: 35px; }
      article .forumStartup .table-custom tbody .title-light:before, article .forumSupport .table-custom tbody .title-light:before, article .forumStartupNew .table-custom tbody .title-light:before, article .forumStartupIdea .table-custom tbody .title-light:before, article .forumLuggage .table-custom tbody .title-light:before {
        content: " ";
        border-top: 50px solid #fecd35;
        border-right: 50px solid transparent;
        position: absolute;
        top: 0;
        left: 0; }
      article .forumStartup .table-custom tbody .title-light:after, article .forumSupport .table-custom tbody .title-light:after, article .forumStartupNew .table-custom tbody .title-light:after, article .forumStartupIdea .table-custom tbody .title-light:after, article .forumLuggage .table-custom tbody .title-light:after {
        content: "\f0e7";
        position: absolute;
        top: 5%;
        left: 2%;
        font-family: "Font Awesome 5 Free";
        color: #ffffff; }
    article .forumStartup .table-custom tbody td, article .forumSupport .table-custom tbody td, article .forumStartupNew .table-custom tbody td, article .forumStartupIdea .table-custom tbody td, article .forumLuggage .table-custom tbody td {
      font-size: 0.8rem;
      color: var(--theme-head-title-color);
      padding-left: 35px; }
      article .forumStartup .table-custom tbody td .chude, article .forumSupport .table-custom tbody td .chude, article .forumStartupNew .table-custom tbody td .chude, article .forumStartupIdea .table-custom tbody td .chude, article .forumLuggage .table-custom tbody td .chude,
      article .forumStartup .table-custom tbody td .count,
      article .forumSupport .table-custom tbody td .count,
      article .forumStartupNew .table-custom tbody td .count,
      article .forumStartupIdea .table-custom tbody td .count,
      article .forumLuggage .table-custom tbody td .count {
        white-space: nowrap;
        text-align: center; }
      article .forumStartup .table-custom tbody td .count .member, article .forumSupport .table-custom tbody td .count .member, article .forumStartupNew .table-custom tbody td .count .member, article .forumStartupIdea .table-custom tbody td .count .member, article .forumLuggage .table-custom tbody td .count .member,
      article .forumStartup .table-custom tbody td .countArticles .member,
      article .forumSupport .table-custom tbody td .countArticles .member,
      article .forumStartupNew .table-custom tbody td .countArticles .member,
      article .forumStartupIdea .table-custom tbody td .countArticles .member,
      article .forumLuggage .table-custom tbody td .countArticles .member,
      article .forumStartup .table-custom tbody td .datesPosts .member,
      article .forumSupport .table-custom tbody td .datesPosts .member,
      article .forumStartupNew .table-custom tbody td .datesPosts .member,
      article .forumStartupIdea .table-custom tbody td .datesPosts .member,
      article .forumLuggage .table-custom tbody td .datesPosts .member {
        color: #3472ff; }
    article .forumStartup .table-custom tbody .content-body .fixPadding, article .forumSupport .table-custom tbody .content-body .fixPadding, article .forumStartupNew .table-custom tbody .content-body .fixPadding, article .forumStartupIdea .table-custom tbody .content-body .fixPadding, article .forumLuggage .table-custom tbody .content-body .fixPadding {
      padding: 10px 0 5px 0; }
    article .forumStartup .table-custom tbody .content-body .title .text, article .forumSupport .table-custom tbody .content-body .title .text, article .forumStartupNew .table-custom tbody .content-body .title .text, article .forumStartupIdea .table-custom tbody .content-body .title .text, article .forumLuggage .table-custom tbody .content-body .title .text, article .forumStartup .table-custom tbody .content-body .faqInfomation .content .text, .faqInfomation article .forumStartup .table-custom tbody .content-body .content .text, article .forumSupport .table-custom tbody .content-body .faqInfomation .content .text, .faqInfomation article .forumSupport .table-custom tbody .content-body .content .text, article .forumStartupNew .table-custom tbody .content-body .faqInfomation .content .text, .faqInfomation article .forumStartupNew .table-custom tbody .content-body .content .text, article .forumStartupIdea .table-custom tbody .content-body .faqInfomation .content .text, .faqInfomation article .forumStartupIdea .table-custom tbody .content-body .content .text, article .forumLuggage .table-custom tbody .content-body .faqInfomation .content .text, .faqInfomation article .forumLuggage .table-custom tbody .content-body .content .text {
      font-size: 0.9rem;
      font-weight: 500;
      color: var(--theme-head-title-color); }
    article .forumStartup .table-custom tbody .content-body .title .closed, article .forumSupport .table-custom tbody .content-body .title .closed, article .forumStartupNew .table-custom tbody .content-body .title .closed, article .forumStartupIdea .table-custom tbody .content-body .title .closed, article .forumLuggage .table-custom tbody .content-body .title .closed, article .forumStartup .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation article .forumStartup .table-custom tbody .content-body .content .closed, article .forumSupport .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation article .forumSupport .table-custom tbody .content-body .content .closed, article .forumStartupNew .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation article .forumStartupNew .table-custom tbody .content-body .content .closed, article .forumStartupIdea .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation article .forumStartupIdea .table-custom tbody .content-body .content .closed, article .forumLuggage .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation article .forumLuggage .table-custom tbody .content-body .content .closed {
      font-weight: 600;
      font-size: 0.65rem;
      color: #ffffff;
      padding: 5px 25px 5px 25px;
      background-color: #3452FF;
      border-radius: 5px; }
    article .forumStartup .table-custom tbody .content-body .dates .members-seen, article .forumSupport .table-custom tbody .content-body .dates .members-seen, article .forumStartupNew .table-custom tbody .content-body .dates .members-seen, article .forumStartupIdea .table-custom tbody .content-body .dates .members-seen, article .forumLuggage .table-custom tbody .content-body .dates .members-seen {
      font-size: 0.8rem;
      color: #fecd35;
      font-weight: 500; }
    article .forumStartup .table-custom tbody .content-body .dates .posted-by, article .forumSupport .table-custom tbody .content-body .dates .posted-by, article .forumStartupNew .table-custom tbody .content-body .dates .posted-by, article .forumStartupIdea .table-custom tbody .content-body .dates .posted-by, article .forumLuggage .table-custom tbody .content-body .dates .posted-by {
      font-size: 0.8rem;
      color: var(--theme-head-title-color);
      padding-left: 15px; }
article .forumStartup .paginate, article .forumSupport .paginate, article .forumStartupNew .paginate, article .forumStartupIdea .paginate, article .forumLuggage .paginate {
  background-color: #ffffff; }
  article .forumStartup .paginate .pagination, article .forumSupport .paginate .pagination, article .forumStartupNew .paginate .pagination, article .forumStartupIdea .paginate .pagination, article .forumLuggage .paginate .pagination {
    padding-left: 25px;
    padding-top: 10px; }
    article .forumStartup .paginate .pagination .page-item.active .page-link, article .forumSupport .paginate .pagination .page-item.active .page-link, article .forumStartupNew .paginate .pagination .page-item.active .page-link, article .forumStartupIdea .paginate .pagination .page-item.active .page-link, article .forumLuggage .paginate .pagination .page-item.active .page-link {
      background-color: #ffffff;
      color: #f89101;
      box-shadow: 1px 3px 3px #3333; }
    article .forumStartup .paginate .pagination .page-link, article .forumSupport .paginate .pagination .page-link, article .forumStartupNew .paginate .pagination .page-link, article .forumStartupIdea .paginate .pagination .page-link, article .forumLuggage .paginate .pagination .page-link {
      border: 0px;
      color: #7c7a71; }
      article .forumStartup .paginate .pagination .page-link:hover, article .forumSupport .paginate .pagination .page-link:hover, article .forumStartupNew .paginate .pagination .page-link:hover, article .forumStartupIdea .paginate .pagination .page-link:hover, article .forumLuggage .paginate .pagination .page-link:hover {
        background-color: #f89101;
        color: #ffffff; }
  article .forumStartup .paginate .currentpaginate, article .forumSupport .paginate .currentpaginate, article .forumStartupNew .paginate .currentpaginate, article .forumStartupIdea .paginate .currentpaginate, article .forumLuggage .paginate .currentpaginate {
    font-size: 0.8rem;
    color: #b5b4af; }
    article .forumStartup .paginate .currentpaginate .currentcolor, article .forumSupport .paginate .currentpaginate .currentcolor, article .forumStartupNew .paginate .currentpaginate .currentcolor, article .forumStartupIdea .paginate .currentpaginate .currentcolor, article .forumLuggage .paginate .currentpaginate .currentcolor {
      color: #f89101;
      font-size: 0.9rem;
      padding-top: 10px; }
article .forumSupport .table-custom thead {
  background-color: #0C9294 !important; }
article .forumSupport .table-custom tbody td .count .member,
article .forumSupport .table-custom tbody td .countArticles .member,
article .forumSupport .table-custom tbody td .datesPosts .member,
article .forumSupport .table-custom tbody td .chude .member {
  color: #0C9294; }
article .forumSupport .table-custom tbody .content-body .title .closed, article .forumSupport .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation article .forumSupport .table-custom tbody .content-body .content .closed {
  background-color: #0C9294; }
article .forumStartupNew .table-custom thead {
  background-color: #A23CE2 !important; }
article .forumStartupNew .table-custom tbody td .count .member,
article .forumStartupNew .table-custom tbody td .countArticles .member,
article .forumStartupNew .table-custom tbody td .datesPosts .member {
  color: #A23CE2; }
article .forumStartupNew .table-custom tbody .content-body .title .closed, article .forumStartupNew .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation article .forumStartupNew .table-custom tbody .content-body .content .closed {
  background-color: #A23CE2; }
article .forumStartupIdea .table-custom thead {
  background-color: #D3381A !important; }
article .forumStartupIdea .table-custom tbody td .count .member,
article .forumStartupIdea .table-custom tbody td .countArticles .member,
article .forumStartupIdea .table-custom tbody td .datesPosts .member {
  color: #D3381A; }
article .forumStartupIdea .table-custom tbody .content-body .title .closed, article .forumStartupIdea .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation article .forumStartupIdea .table-custom tbody .content-body .content .closed {
  background-color: #D3381A; }
article .forumLuggage .table-custom thead {
  background-color: #3CB9E2 !important; }
article .forumLuggage .table-custom tbody td .count .member,
article .forumLuggage .table-custom tbody td .countArticles .member,
article .forumLuggage .table-custom tbody td .datesPosts .member {
  color: #3CB9E2; }
article .forumLuggage .table-custom tbody .content-body .title .closed, article .forumLuggage .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation article .forumLuggage .table-custom tbody .content-body .content .closed {
  background-color: #3CB9E2; }
article .events .events-first {
  background-image: url(../image/bg-2.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%; }
  article .events .events-first .title, article .events .events-first .faqInfomation .content, .faqInfomation article .events .events-first .content {
    font-size: 1.3rem;
    font-weight: 500;
    color: #fecd35;
    padding: 5px 30px 5px 30px; }
  article .events .events-first .mainTitle {
    word-break: break-all;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    padding: 5px 30px 5px 30px; }
  article .events .events-first .content {
    word-break: break-all;
    font-size: 0.8rem;
    color: #f5f5f5;
    padding: 5px 30px 5px 30px; }
  article .events .events-first .datePosts {
    font-size: 0.8rem;
    color: #f5f5f5;
    padding: 5px 30px 15px 30px; }
article .events .events-second {
  background-image: url(../image/bg-3.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%; }
  article .events .events-second .title, article .events .events-second .faqInfomation .content, .faqInfomation article .events .events-second .content {
    font-size: 1.3rem;
    font-weight: 500;
    color: #fecd35;
    padding: 5px 30px 5px 30px; }
  article .events .events-second .mainTitle {
    word-break: break-all;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    padding: 5px 30px 5px 30px; }
  article .events .events-second .content {
    word-break: break-all;
    font-size: 0.8rem;
    color: #f5f5f5;
    padding: 5px 30px 5px 30px; }
  article .events .events-second .datePosts {
    font-size: 0.8rem;
    color: #f5f5f5;
    padding: 5px 30px 15px 30px; }
article .openregister {
  padding: 40px 0 40px 0;
  background: #02A6BC;
  background: -webkit-linear-gradient(left, #01aad1, #01a685);
  background: -moz-linear-gradient(left, #01aad1, #01a685);
  background: linear-gradient(to right, #01aad1, #01a685); }
  article .openregister .memberegister h2,
  article .openregister .memberegister h5 {
    color: #ffffff; }
  article .openregister .memberegister .btn-custom {
    background-color: transparent;
    border: solid 2px #f9f5e5;
    border-radius: 50PX;
    padding: 15px 40px 15px 40px;
    color: #f9f5e5; }
    article .openregister .memberegister .btn-custom i {
      padding-right: 5px; }

footer {
  font-size: .9rem;
    background-color: #007236;
    color: #fff;
    padding-top: 50px; }
  @media (max-width: 992px) {
    footer .footer-top .phone,
    footer .footer-top .social,
    footer .footer-top .email {
      line-height: 1.5rem; }
    footer .footer-top .phone {
      margin-top: 2rem;
      padding-left: 0 !important; }
    footer .footer-top .social span:first-child {
      margin-left: 0; }
    footer .footer-top .logo img {
      width: 100px; }
    footer .footer-main .linking,
    footer .footer-main .rule,
    footer .footer-main .register,
    footer .footer-main #tabs-signin .tabcontent .introduce .register span,
    #tabs-signin .tabcontent .introduce .register footer .footer-main span,
    footer .footer-main #tabs-signin .tab-content .introduce .register span,
    #tabs-signin .tab-content .introduce .register footer .footer-main span {
      margin-top: 1.5rem; }
      footer .footer-main .linking .title, footer .footer-main .linking .faqInfomation .content, .faqInfomation footer .footer-main .linking .content,
      footer .footer-main .rule .title,
      footer .footer-main .rule .faqInfomation .content,
      .faqInfomation footer .footer-main .rule .content,
      footer .footer-main .register .title,
      footer .footer-main #tabs-signin .tabcontent .introduce .register span .title,
      #tabs-signin .tabcontent .introduce .register footer .footer-main span .title,
      footer .footer-main #tabs-signin .tab-content .introduce .register span .title,
      #tabs-signin .tab-content .introduce .register footer .footer-main span .title,
      footer .footer-main .register .faqInfomation .content,
      .faqInfomation footer .footer-main .register .content,
      footer .footer-main #tabs-signin .tabcontent .introduce .register span .faqInfomation .content,
      .faqInfomation footer .footer-main #tabs-signin .tabcontent .introduce .register span .content,
      #tabs-signin .tabcontent .introduce .register footer .footer-main span .faqInfomation .content,
      .faqInfomation #tabs-signin .tabcontent .introduce .register footer .footer-main span .content,
      footer .footer-main #tabs-signin .tab-content .introduce .register span .faqInfomation .content,
      .faqInfomation footer .footer-main #tabs-signin .tab-content .introduce .register span .content,
      #tabs-signin .tab-content .introduce .register footer .footer-main span .faqInfomation .content,
      .faqInfomation #tabs-signin .tab-content .introduce .register footer .footer-main span .content {
        margin-bottom: 0.5rem; }
      footer .footer-main .linking ul,
      footer .footer-main .rule ul,
      footer .footer-main .register ul,
      footer .footer-main #tabs-signin .tabcontent .introduce .register span ul,
      #tabs-signin .tabcontent .introduce .register footer .footer-main span ul,
      footer .footer-main #tabs-signin .tab-content .introduce .register span ul,
      #tabs-signin .tab-content .introduce .register footer .footer-main span ul {
        margin-bottom: 0; }
    footer .footer-main .register, footer .footer-main #tabs-signin .tabcontent .introduce .register span, #tabs-signin .tabcontent .introduce .register footer .footer-main span, footer .footer-main #tabs-signin .tab-content .introduce .register span, #tabs-signin .tab-content .introduce .register footer .footer-main span {
      margin-bottom: 1.5rem; }
    footer .footer-bottom .menu li {
      padding-right: 1rem !important; } }
  @media (max-width: 768px) {
    footer .footer-bottom .menu li {
      padding-right: .6rem !important; } }
  footer .footer-top .phone {
    padding-left: 45px; }
    footer .footer-top .phone .text-phone {
      color: #ffffff;
      font-weight: 700; }
    footer .footer-top .phone .text-provision {
      color: #6f6d65;
      margin-left: 5px; }
  footer .footer-top .email .text {
    font-size: .7rem;
    color: #82c832; }
  footer .footer-main .social span {
    margin-right: 15px; }
    footer .footer-main .social span i {
      color: #fff; }
  footer .footer-main {
    padding-bottom: 40px;
    font-size: .8rem; }
    footer .footer-main .content {
      line-height: 1.3rem;
      font-size: .9rem; }
      footer .footer-main .content .text-heading {font-weight: bold;}
      footer .footer-main .content .text-contact a {
        color: #82c832;
        position: relative;
        text-decoration: none; }
        footer .footer-main .content .text-contact a span {
          border-bottom: 1px solid #82c832; }
        footer .footer-main .content .text-contact a:after {
          position: absolute;
          right: -15px;
          top: -25%;
          font-size: 1.5rem;
          content: "›"; }
    footer .footer-main .title, footer .footer-main .faqInfomation .content, .faqInfomation footer .footer-main .content {
      color: #ffffff;
      font-size: .85rem;
      font-weight: 600;
      margin-bottom: 1.2rem; }
    footer .footer-main ul {
      list-style-type: none;
      padding-left: 1.2rem; }
      footer .footer-main ul li, footer .footer-main ul li a {
        color: #fff;
        position: relative;
        cursor: pointer;
        line-height: 2rem; }
        footer .footer-main ul li:hover, footer .footer-main ul li a:hover {
          transition: all .5s;
          color: #82c832; }
          footer .footer-main ul li:hover:before, footer .footer-main ul li a:hover:before {
            border-left-color: #82c832; }
        footer .footer-main ul li:before, footer .footer-main ul li a:before {
          top: 40%;
          left: -1.2rem;
          position: absolute;
          margin-right: 10px;
          content: "";
          border-top: 3px solid transparent;
          border-bottom: 3px solid transparent;
          border-left: 3px solid #fff; }
    footer .footer-main .register, footer .footer-main #tabs-signin .tabcontent .introduce .register span, #tabs-signin .tabcontent .introduce .register footer .footer-main span, footer .footer-main #tabs-signin .tab-content .introduce .register span, #tabs-signin .tab-content .introduce .register footer .footer-main span {
      font-size: .75rem;
      word-spacing: 1px; }
      footer .footer-main .register .input-group-text, footer .footer-main #tabs-signin .tabcontent .introduce .register span .input-group-text, #tabs-signin .tabcontent .introduce .register footer .footer-main span .input-group-text, footer .footer-main #tabs-signin .tab-content .introduce .register span .input-group-text, #tabs-signin .tab-content .introduce .register footer .footer-main span .input-group-text {
        background: #82c832;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
        footer .footer-main .register .input-group-text i, footer .footer-main #tabs-signin .tabcontent .introduce .register span .input-group-text i, #tabs-signin .tabcontent .introduce .register footer .footer-main span .input-group-text i, footer .footer-main #tabs-signin .tab-content .introduce .register span .input-group-text i, #tabs-signin .tab-content .introduce .register footer .footer-main span .input-group-text i {
          color: #ffffff; }
      footer .footer-main .register ::placeholder, footer .footer-main #tabs-signin .tabcontent .introduce .register span ::placeholder, #tabs-signin .tabcontent .introduce .register footer .footer-main span ::placeholder, footer .footer-main #tabs-signin .tab-content .introduce .register span ::placeholder, #tabs-signin .tab-content .introduce .register footer .footer-main span ::placeholder {
        font-size: 12px;
        color: #7c7a71; }
  footer .footer-bottom {
    background: #004320;
    padding: 20px 0;
    text-align: center; }
    footer .footer-bottom .menu ul {
      list-style-type: none;
      padding: 0;
      margin: -1px; }
    footer .footer-bottom .menu li {
      display: inline-block;
      padding: 0 30px 30px 0; }
      footer .footer-bottom .menu li a {
        text-decoration: none;
        display: inline-block;
        color: #6f6d65;
        font-weight: 500;
        padding-top: 30px;
        cursor: pointer;
        transition: color .5s;
        border-top: 3px solid transparent; }
        footer .footer-bottom .menu li a:hover {
          border-color: #82c832;
          color: #82c832; }
    footer .footer-bottom .highlight {
      color: #82c832; }
    footer .footer-bottom .right {
      font-size: .7rem; }

.celenderEvents {
  padding: 5px; }
  .celenderEvents .title, .celenderEvents .faqInfomation .content, .faqInfomation .celenderEvents .content {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0px 5px; }
    .celenderEvents .title .hours, .celenderEvents .faqInfomation .content .hours, .faqInfomation .celenderEvents .content .hours {
      color: #333333;
      font-size: 1.1rem;
      font-weight: 600; }
    .celenderEvents .title .dates, .celenderEvents .faqInfomation .content .dates, .faqInfomation .celenderEvents .content .dates {
      font-weight: 500;
      font-size: 0.6rem;
      color: #9d9d9d; }
  .celenderEvents .content {
    font-weight: 600;
    color: #333333;
    font-size: 0.8rem;
    word-break: break-word; }
  .celenderEvents .subContent {
    font-weight: 300;
    font-size: 0.8rem;
    color: #999999;
    word-break: break-word; }
  .celenderEvents .action .btn-calender {
    padding: 8px !important;
    border-radius: 15px;
    color: #ffffff;
    font-size: 0.7rem;
    line-height: 0.6rem; }
    .celenderEvents .action .btn-calender:hover {
      background: #f89101; }
  .celenderEvents .action .btn-calender-active {
    padding: 8px !important;
    border-radius: 15px;
    color: #ffffff;
    font-size: 0.7rem;
    background-color: #3AB9E2;
    border-color: #3AB9E2;
    line-height: 0.6rem; }
    .celenderEvents .action .btn-calender-active:hover {
      background: #1f6dbf; }

@media (max-width: 767.98px) {
  .celenderEvents .action .btn-calender, .celenderEvents .action .btn-calender-active {
    font-size: 0;
    width: 100%;
    height: 2.5rem; }

  .celenderEvents .title, .celenderEvents .faqInfomation .content, .faqInfomation .celenderEvents .content, .celenderEvents .content, .celenderEvents .subContent {
    display: none; }

  #room .celenderEvents .action .btn-calender, #room .celenderEvents .action .btn-calender-active {
    font-size: 0;
    width: 100%;
    height: 2.5rem; }
  #room .celenderEvents .title, #room .celenderEvents .faqInfomation .content, .faqInfomation #room .celenderEvents .content, #room .celenderEvents .content, #room .celenderEvents .subContent {
    display: block;
    font-size: 0;
    padding: 10px;
    border-radius: 50%; } }
.calenderSection .calendar .mainTable {
  overflow-x: auto; }
.calenderSection .calendar .calendar_header {
  display: flex;
  justify-content: center;
  align-items: center; }
  .calenderSection .calendar .calendar_header .btn-calender-next,
  .calenderSection .calendar .calendar_header .btn-calender-prev {
    color: #000000;
    background-color: #ffffff;
    margin-right: 30px;
    margin-left: 30px; }
    .calenderSection .calendar .calendar_header .btn-calender-next:hover,
    .calenderSection .calendar .calendar_header .btn-calender-prev:hover {
      background-color: var(--theme-success-color);
      color: #ffffff; }
  .calenderSection .calendar .calendar_header .clfulldays {
    font-weight: 600;
    font-size: 2rem;
    text-transform: uppercase;
    color: #000000; }
  .calenderSection .calendar .calendar_header .group-input-dates label {
    color: #333333;
    font-size: 1rem;
    font-weight: 300; }
  .calenderSection .calendar .calendar_header .group-input-dates .btn-pick-dates {
    background-color: transparent;
    border-radius: 50%;
    border: solid 1px #333333;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 5px; }
    .calenderSection .calendar .calendar_header .group-input-dates .btn-pick-dates:focus {
      box-shadow: 0 0 0 0.2rem rgba(249, 146, 1, 0.6); }
    .calenderSection .calendar .calendar_header .group-input-dates .btn-pick-dates:after {
      content: '\f107';
      position: absolute;
      font-weight: 900;
      font-family: "Font Awesome 5 Free";
      padding: 5px;
      transform: translate(-50%, -50%); }
  .calenderSection .calendar .calendar_header .group-input-dates .monthspicker {
    background: transparent;
    border: solid 2px #F89101;
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
    color: #333333;
    font-size: 1.8rem;
    font-weight: 500; }
    .calenderSection .calendar .calendar_header .group-input-dates .monthspicker:focus {
      border-color: #F89101;
      box-shadow: none; }
.calenderSection .calendar .fc-scroller {
  height: 100% !important; }
.calenderSection .calendar_header h1 {
  text-align: center;
  font-weight: bold; }
.calenderSection .calendar_content {
  background-color: #ffffff; }
.calenderSection table.calendar_content,
.calenderSection tr.calendar_week,
.calenderSection td.calendar_day {
  border-collapse: collapse;
  border: 1pt solid #eee; }
.calenderSection table.calendar_content {
  width: 100%;
  margin: 12pt auto; }
.calenderSection .calendar_week._header {
  line-height: 4.0 !important;
  background-color: #82c832;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 600; }
.calenderSection .calendar_day {
  text-align: center;
  border: 1px solid #111111; }
.calenderSection .calendar_day._week_monday {
  color: inherit; }
.calenderSection .calendar_day._week_tuesday {
  color: inherit; }
.calenderSection .calendar_day._week_wednesday {
  color: inherit; }
.calenderSection .calendar_day._week_thursday {
  color: inherit; }
.calenderSection .calendar_day._week_friday {
  color: inherit; }
.calenderSection .calendar_day._day_not {
  background-color: #EEEDE7; }

.newEventsOfCalender {
  background-color: #f6f6f6; }
  .newEventsOfCalender .title, .newEventsOfCalender .faqInfomation .content, .faqInfomation .newEventsOfCalender .content {
    font-weight: 700;
    font-size: 2rem;
    color: #000000; }
  .newEventsOfCalender .contentNewsEvents .wrapperEvents {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    background-color: #ffffff; }
    .newEventsOfCalender .contentNewsEvents .wrapperEvents .day, .newEventsOfCalender .contentNewsEvents .wrapperEvents .month {
      font-weight: 700;
      font-size: 3rem;
      color: #000000; }
    .newEventsOfCalender .contentNewsEvents .wrapperEvents .month {
      text-align: center;
      font-size: 1rem; }
    .newEventsOfCalender .contentNewsEvents .wrapperEvents:hover {
      background-color: #82c832;
      transition: ease-in-out 0.6s; }
      .newEventsOfCalender .contentNewsEvents .wrapperEvents:hover .day, .newEventsOfCalender .contentNewsEvents .wrapperEvents:hover .month {
        color: #ffffff; }
  .newEventsOfCalender .contentNewsEvents .wrapperContent .title, .newEventsOfCalender .contentNewsEvents .wrapperContent .faqInfomation .content, .faqInfomation .newEventsOfCalender .contentNewsEvents .wrapperContent .content {
    font-weight: 600;
    font-size: 1.1rem;
    color: #000000; }
  .newEventsOfCalender .contentNewsEvents .wrapperContent .content {
    font-weight: 300;
    font-size: 0.8rem;
    color: #000000;
    line-height: 20px;
    word-break: break-word; }
  .newEventsOfCalender .button-load-more .btn-load-more {
    font-weight: 700;
    font-size: 0.8rem;
    color: #ffffff;
    background-color: #000000;
    border-radius: 30px;
    padding: 17px 38px;
    line-height: 0.8rem; }

.contactInfomation .address .title, .contactInfomation .address .faqInfomation .content, .faqInfomation .contactInfomation .address .content {
  font-size: 1.8rem;
  font-weight: 600;
  color: #181818; }
.contactInfomation .address .infomation {
  font-size: 0.8rem;
  font-weight: 300;
  color: #7c7a71; }
.contactInfomation .address .contactMethod {
  font-size: 1rem;
  font-weight: 300;
  color: #2b2b2b; }
  .contactInfomation .address .contactMethod .active {
    color: #f89101; }
  .contactInfomation .address .contactMethod i {
    padding-right: 10px;
    padding-bottom: 25px; }
  .contactInfomation .address .contactMethod span {
    padding-left: 5px; }
.contactInfomation .formContact .title, .contactInfomation .formContact .faqInfomation .content, .faqInfomation .contactInfomation .formContact .content {
  font-size: 1.8rem;
  font-weight: 600;
  color: #181818; }
.contactInfomation .formContact .formSendInfo textarea.form-control {
  height: 120px;
  resize: none; }
.contactInfomation .formContact .formSendInfo .form-control {
  font-size: 0.8rem;
  border: none;
  background: #fff;
  border-radius: 5px; }
  .contactInfomation .formContact .formSendInfo .form-control:focus {
    box-shadow: 0px 10px 40px 0px rgba(34, 34, 34, 0.1); }
.contactInfomation .formContact .formSendInfo .input-group span {
  display: flex;
  position: absolute;
  right: 10px;
  z-index: 999;
  font-size: 5px;
  align-self: center;
  color: red; }
.contactInfomation .formContact .formSendInfo .warning {
  font-size: 0.7rem;
  color: #898989;
  padding-top: 15px; }
  .contactInfomation .formContact .formSendInfo .warning span {
    color: red;
    font-size: 5px; }
.contactInfomation .formContact .formSendInfo .btn-custom {
  font-weight: 700;
  font-size: 1rem;
  color: #ffffff;
  background-color: #000000;
  border-radius: 50px;
  padding: 14px 50px;
  line-height: 1rem;
  margin-top: 21px; }

.headerNotFound .social {
  position: relative; }
  .headerNotFound .social i {
    color: var(--theme-head-title-color); }
  .headerNotFound .social .text {
    width: 100px;
    position: absolute;
    right: -25px;
    top: 18rem;
    transform: rotate(-90deg); }
    .headerNotFound .social .text a {
      font-size: .75rem;
      color: #181818;
      text-decoration: none; }
  .headerNotFound .social .fb {
    margin-top: 7rem; }
  .headerNotFound .social .item {
    margin-bottom: .5rem; }
.headerNotFound .contentError .title, .headerNotFound .contentError .faqInfomation .content, .faqInfomation .headerNotFound .contentError .content {
  font-weight: 600;
  font-size: 2rem;
  color: #f89101; }
.headerNotFound .contentError .content {
  font-size: 1rem;
  color: #333333; }
.headerNotFound .buttonError .btn-custom {
  background-color: transparent !important;
  border-radius: 20px; }
  .headerNotFound .buttonError .btn-custom a {
    color: #000000;
    text-decoration: underline; }
  .headerNotFound .buttonError .btn-custom:hover {
    background-color: #000000 !important;
    color: #ffffff; }
    .headerNotFound .buttonError .btn-custom:hover a {
      color: #ffffff;
      text-decoration: none; }

.faqInfomation .title, .faqInfomation .content {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--theme-head-title-color); }
.faqInfomation .content {
  font-size: 0.8rem;
  padding: 1rem 6rem 3rem; }

.faqMain .list-group-item {
  padding: 0; }
  .faqMain .list-group-item:hover {
    box-shadow: 0px 10px 30px 0px rgba(178, 178, 178, 0.2); }
.faqMain .faqSubitem .boxAvatar {
  position: relative;
  /*Outer box of the fake checkbox*/
  /*Checkmark of the fake checkbox*/
  /*Hide the checkmark by default*/
  /*Unhide on the checked state*/
  /*Adding focus styles on the outer-box of the fake checkbox*/ }
  .faqMain .faqSubitem .boxAvatar .name {
    font-weight: 600;
    font-size: 0.8rem;
    color: #333333; }
  .faqMain .faqSubitem .boxAvatar .checkbox {
    position: absolute;
    bottom: 30px;
    right: -3px; }
  .faqMain .faqSubitem .boxAvatar .checkbox input[type="checkbox"] {
    opacity: 0; }
  .faqMain .faqSubitem .boxAvatar .checkbox label {
    position: relative;
    display: inline-block;
    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 22px; }
  .faqMain .faqSubitem .boxAvatar .checkbox label::before,
  .faqMain .faqSubitem .boxAvatar .checkbox label::after {
    position: absolute;
    content: "";
    /*Needed for the line-height to take effect*/
    display: inline-block; }
  .faqMain .faqSubitem .boxAvatar .checkbox label::before {
    height: 16px;
    width: 16px;
    border: 1px solid;
    left: 2px;
   /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
  *to vertically center it.
  */
    top: 3px; }
  .faqMain .faqSubitem .boxAvatar .checkbox label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: 6px;
    top: 7px; }
  .faqMain .faqSubitem .boxAvatar .checkbox input[type="checkbox"] + label::after {
    content: none; }
  .faqMain .faqSubitem .boxAvatar .checkbox input[type="checkbox"]:checked + label::after {
    content: "";
    color: #ffffff; }
  .faqMain .faqSubitem .boxAvatar .checkbox input[type="checkbox"]:checked + .notactive::after {
    content: "";
    color: #8F8F8F; }
  .faqMain .faqSubitem .boxAvatar .checkbox input[type="checkbox"]:focus + label::before {
    /* outline: rgb(59, 153, 252) auto 5px; */ }
  .faqMain .faqSubitem .boxAvatar .checkbox input[type="checkbox"]:checked + label::before {
    background: #F89101; }
  .faqMain .faqSubitem .boxAvatar .checkbox input[type="checkbox"]:checked + .notactive::before {
    background: #ffffff; }
  .faqMain .faqSubitem .boxAvatar .shape {
    position: absolute;
    top: 0;
    right: 0; }
.faqMain .faqSubitem .boxContent .wrapper .title, .faqMain .faqSubitem .boxContent .wrapper .faqInfomation .content, .faqInfomation .faqMain .faqSubitem .boxContent .wrapper .content {
  font-size: 1rem;
  font-weight: 600; }
.faqMain .faqSubitem .boxContent .wrapper .content {
  font-size: .8rem;
  font-weight: 300;
  font-style: italic; }
.faqMain .faqSubitem .boxContent .wrapper .wrapperbottom {
  font-size: .6rem;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  justify-content: space-between;
  left: 0; }
  .faqMain .faqSubitem .boxContent .wrapper .wrapperbottom .posted .username {
    color: #F89101;
    text-decoration: none; }
  .faqMain .faqSubitem .boxContent .wrapper .wrapperbottom .postedview span:not(:last-child) {
    border-right: solid 1px #333333; }
  .faqMain .faqSubitem .boxContent .wrapper .wrapperbottom .reviewseen img {
    width: 30px;
    height: 30px;
    border-radius: 50%; }
  .faqMain .faqSubitem .boxContent .wrapper .wrapperbottom .reviewseen .hasComment .btn-custom {
    font-size: 0.8rem;
    background-color: #F89101;
    font-weight: 500;
    color: #ffffff; }
  @media only screen and (max-width: 767.78px) {
    .faqMain .faqSubitem .boxContent .wrapper .wrapperbottom {
      padding: 5px !important;
      flex-direction: column;
      position: relative;
      padding: 0; }
      .faqMain .faqSubitem .boxContent .wrapper .wrapperbottom .posted {
        padding: 3px 0;
        text-align: right; }
      .faqMain .faqSubitem .boxContent .wrapper .wrapperbottom .postedview {
        text-align: right; }
        .faqMain .faqSubitem .boxContent .wrapper .wrapperbottom .postedview span {
          font-size: 0.5rem;
          padding: 0 5px 0 0; }
      .faqMain .faqSubitem .boxContent .wrapper .wrapperbottom .reviewseen {
        text-align: right;
        padding-top: 5px; } }

.btn-rounded {
  border-radius: 2rem; }

#inputpicker-wrapped-list {
  text-align: center;
  color: #181818;
  font-size: 1rem;
  box-shadow: 0 10px 30px 0 rgba(178, 178, 178, 0.2); }
  #inputpicker-wrapped-list table {
    border: none; }
    #inputpicker-wrapped-list table .inputpicker-active {
      background-color: #fff !important; }
    #inputpicker-wrapped-list table tr td {
      border: none; }

.custom-control {
  padding-left: 2em; }

.custom-control-label {
  line-height: 1.2857; }
  .custom-control-label:before {
    top: 0;
    left: -2em;
    width: 1.2857em;
    height: 1.2857em;
    border-radius: 0; }
  .custom-control-label:after {
    top: 0;
    left: -1.75em;
    width: 1.125em;
    height: 1.125em;
    line-height: 1;
    font-size: 1.142857em; }
  .custom-control-label a {
    color: var(--theme-success-color); }

.custom-checkbox .custom-control-label::before {
  border-radius: 0; }
.custom-checkbox .custom-control-input ~ .custom-control-label:before {
  box-shadow: none; }

input {
  font-size: .875rem; }

form .form-control-icon {
  width: calc(var(--input-height) * 1rem);
  line-height: calc(var(--input-height) * 1rem);
  text-align: center;
  right: 0;
  bottom: 0;
  color: #6c757d;
  background-color: #f8f8f8;
  transition: all .3s linear;
  border-radius: 0 5px 5px 0;
  border: none; }
  form .form-control-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: all .3s linear;
    color: inherit; }
form .input-group {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  border-radius: 5px; }
  form .input-group .input-group-append, form .input-group .input-group-prepend {
    align-items: stretch; }
  form .input-group .input-group-append {
    border-radius: 0 5px 5px 0;
    overflow: hidden; }
  form .input-group .form-control {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none; }
    form .input-group .form-control:focus {
      outline: none;
      box-shadow: none; }
  form .input-group:focus-within {
    background-color: #ffffff;
    box-shadow: 0 10px 36px -10px rgba(0, 0, 0, 0.39); }
    form .input-group:focus-within .form-control {
      color: #2b2b2b; }
    form .input-group:focus-within .form-control-icon {
      color: #2b2b2b;
      border-color: #fff;
      background-color: #fff; }
      form .input-group:focus-within .form-control-icon:before {
        content: "\f057"; }
  form .input-group .form-control-icon {
    background-color: transparent;
    color: inherit; }
form .form-group {
  transition: all .3s linear;
  position: relative; }
  form .form-group label {
    font-weight: 600;
    color: #515151;
    font-size: 1rem; }
    form .form-group label .custom-control-label {
      font-weight: 400; }
  form .form-group .form-control, form .form-group .custom-select {
    transition: all .3s linear; }
    form .form-group .form-control[required] ~ .form-control-icon, form .form-group .custom-select[required] ~ .form-control-icon {
      color: var(--theme-warning-color); }
      form .form-group .form-control[required] ~ .form-control-icon:before, form .form-group .custom-select[required] ~ .form-control-icon:before {
        content: "\f111"; }
  form .form-group.is-required .form-control-icon {
    color: var(--theme-warning-color); }
    form .form-group.is-required .form-control-icon:before {
      content: "\f111"; }
  form .form-group.is-valid .input-group {
    background-color: var(--theme-success-color);
    color: #fff; }
    form .form-group.is-valid .input-group .form-control {
      color: #FFFFFF; }
    form .form-group.is-valid .input-group .form-control-icon:before {
      content: "\f00c"; }
  form .form-group.is-valid > .form-control {
    background-color: var(--theme-success-color);
    color: #fff;
    font-size: 0.8rem; }
  form .form-group.is-valid > .custom-select {
    background-color: var(--theme-success-color);
    color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"); }
  form .form-group.is-valid > .form-control-icon {
    background-color: var(--theme-success-color);
    color: #fff; }
    form .form-group.is-valid > .form-control-icon:before {
      content: "\f00c"; }
  form .form-group.is-focus > .form-control {
    background-color: #ffffff;
    color: #2b2b2b; }
  form .form-group.is-focus > .custom-select {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #2b2b2b;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%232b2b2b' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"); }
  form .form-group.is-focus .input-group {
    background-color: #ffffff; }
    form .form-group.is-focus .input-group .form-control {
      color: #2b2b2b; }
    form .form-group.is-focus .input-group .form-control-icon {
      color: #2b2b2b; }
      form .form-group.is-focus .input-group .form-control-icon:before {
        content: "\f057"; }
    form .form-group.is-focus .input-group [type="password"] ~ .input-group-append .form-control-icon:before {
      content: "\f06e"; }
    form .form-group.is-focus .input-group [data-input-type="password"] ~ .input-group-append .form-control-icon:before {
      content: "\f070"; }
  form .form-group.is-error .input-group {
    background-color: #fff;
    color: var(--theme-danger-color);
    border: solid 1px var(--theme-danger-color); }
    form .form-group.is-error .input-group .form-control {
      font-size: 0.8rem; }
    form .form-group.is-error .input-group .form-control ~ .form-control-icon {
      color: var(--theme-danger-color); }
      form .form-group.is-error .input-group .form-control ~ .form-control-icon:before {
        content: "\f057"; }

.tooltip {
  padding-top: .875rem;
  transform: none !important;
  top: calc(100% - .9rem) !important;
  font-size: 16px; }
  .tooltip.show {
    opacity: .95; }
  .tooltip .arrow.arrow-left {
    left: 2rem !important;
    top: 0 !important;
    bottom: auto !important;
    height: .875rem;
    width: 1.9rem; }
    .tooltip .arrow.arrow-left:before {
      border-bottom-color: #f99e0c;
      border-bottom-width: 14px;
      border-top-width: 0;
      border-left-width: 14px;
      border-right-width: 14px;
      height: .875rem;
      width: 1.9rem; }
  .tooltip .tooltip-container {
    background-color: #f99e0c;
    color: #ffffff;
    border-radius: 5px;
    padding: 15px 20px; }
    .tooltip .tooltip-container .tooltip-inner {
      background-color: transparent; }

.form-login {
  margin: 6rem 0 3rem;
  padding: 15px 0;
  background-image: url("../image/Illustration_login.png");
  background-size: auto 100%;
  background-repeat: no-repeat; }
  .form-login form .header h1 {
    font-weight: 700;
    color: var(--theme-head-title-color);
    margin: 0; }
  .form-login form .header .forgot a {
    text-decoration: none;
    color: #F89101;
    font-size: 0.8rem; }
  .form-login form .form-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative; }
    .form-login form .form-group label {
      flex: 0 0 auto; }
    .form-login form .form-group .form-text {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
      text-align: right;
      margin-bottom: .5rem;
      margin-top: 0;
      color: #898989;
      font-size: .75rem; }
    .form-login form .form-group.has-error .form-text {
      color: var(--theme-danger-color); }
    .form-login form .form-group label {
      color: #898989;
      font-size: 0.875rem; }
  .form-login form .checkbox5 .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #F89101; }
  .form-login form .checkbox5 .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #F89101; }

#tabs-signin {
  position: relative; }
  #tabs-signin .tabs, #tabs-signin .nav-tabs {
    display: flex; }
    @media (max-width: 767.98px) {
      #tabs-signin .tabs, #tabs-signin .nav-tabs {
        overflow: auto; } }
    #tabs-signin .tabs a, #tabs-signin .tabs .nav-link, #tabs-signin .nav-tabs a, #tabs-signin .nav-tabs .nav-link {
      background-color: #E3E1D4;
      font-weight: 500;
      font-size: .8125rem;
      color: #333333 !important;
      padding: 12px 5px;
      margin-right: 0;
      flex-basis: 0;
      flex-grow: 1;
      text-align: center;
      border-radius: 7px 7px 0 0;
      border-right: .5px solid #c3c3c3;
      border-left: .5px solid #c3c3c3;
      position: relative;
      transition: all .4s linear; }
      #tabs-signin .tabs a:after, #tabs-signin .tabs .nav-link:after, #tabs-signin .nav-tabs a:after, #tabs-signin .nav-tabs .nav-link:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        background-color: transparent;
        transition: all .4s linear; }
      #tabs-signin .tabs a.active, #tabs-signin .tabs .nav-link.active, #tabs-signin .nav-tabs a.active, #tabs-signin .nav-tabs .nav-link.active {
        background-color: #ffffff;
        color: #7ec42d !important; }
        #tabs-signin .tabs a.active:after, #tabs-signin .tabs .nav-link.active:after, #tabs-signin .nav-tabs a.active:after, #tabs-signin .nav-tabs .nav-link.active:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 60%;
          height: 2px;
          background-color: #7ec42d; }
      #tabs-signin .tabs a:first-child, #tabs-signin .tabs .nav-link:first-child, #tabs-signin .nav-tabs a:first-child, #tabs-signin .nav-tabs .nav-link:first-child {
        border-left-width: 0; }
      #tabs-signin .tabs a:last-child, #tabs-signin .tabs .nav-link:last-child, #tabs-signin .nav-tabs a:last-child, #tabs-signin .nav-tabs .nav-link:last-child {
        border-right-width: 0; }
  #tabs-signin .tabcontent, #tabs-signin .tab-content {
    box-shadow: none; }
    #tabs-signin .tabcontent .introduce .register, #tabs-signin .tabcontent .introduce .register span, #tabs-signin .tab-content .introduce .register, #tabs-signin .tab-content .introduce .register span {
      font-weight: 600;
      font-size: 1.5rem;
      color: var(--theme-head-title-color); }
      #tabs-signin .tabcontent .introduce .register span, #tabs-signin .tab-content .introduce .register span {
        color: var(--theme-success-color); }
    #tabs-signin .tabcontent .introduce .content, #tabs-signin .tab-content .introduce .content {
      font-weight: 300;
      font-size: .8rem;
      color: #7c7a71; }
    #tabs-signin .tabcontent .valid, #tabs-signin .tab-content .valid {
      background-color: var(--theme-success-color);
      color: #fff; }
    #tabs-signin .tabcontent .required, #tabs-signin .tab-content .required {
      color: red;
      font-size: .8rem; }
    #tabs-signin .tabcontent .requiredhint, #tabs-signin .tab-content .requiredhint {
      font-size: 0.875rem;
      color: #898989; }
      #tabs-signin .tabcontent .requiredhint .accept label, #tabs-signin .tab-content .requiredhint .accept label {
        color: #898989;
        font-size: 0.8rem; }
      #tabs-signin .tabcontent .requiredhint .accept input:checked ~ .custom-control-label::before, #tabs-signin .tab-content .requiredhint .accept input:checked ~ .custom-control-label::before {
        background-color: var(--theme-success-color); }
      #tabs-signin .tabcontent .requiredhint .accept .custom-control-input:checked ~ .custom-control-label::before, #tabs-signin .tab-content .requiredhint .accept .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: var(--theme-success-color); }
  #tabs-signin .btn-close {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%); }

#modalRegister .modal-dialog {
  max-width: 1200px; }
  #modalRegister .modal-dialog .modal-content {
    background-color: transparent;
    border: 0; }
    #modalRegister .modal-dialog .modal-content .modal-body {
      background-color: #ffffff;
      border-radius: 0 0 10px 10px;
      padding: 30px 90px; }
      @media (max-width: 767.98px) {
        #modalRegister .modal-dialog .modal-content .modal-body {
          padding: 1rem; } }

table td.content-fit, table th.content-fit {
  width: 1%;
  white-space: nowrap; }

/* -- Ripple effect -------------------------------- */
.ripple-effect {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.ink {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  transform: scale(0);
  background: rgba(255, 255, 255, 0.8);
  opacity: 1; }
  .ink.animate {
    animation: ripple .5s linear; }

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5); } }
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
    transform: scale(2.5); } }
@-ms-keyframes ripple {
  100% {
    opacity: 0;
    -ms-transform: scale(2.5);
    transform: scale(2.5); } }
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
    transform: scale(2.5); } }
#btnGoUp {
  position: fixed;
  right: 0;
  bottom: 160px;
  transform: rotate(-90deg) translate(-50%, 50%);
  color: #ffffff;
  background: url("../image/icon-arrow-to-right.png") no-repeat right;
  background-size: 14px;
  padding-right: 20px;
  text-shadow: 0 0 2px #0a0a0a; }
  #btnGoUp:hover {
    text-decoration: none; }

/* news style */
body {
  background-color: #f9f5e5; }

header {
  padding-bottom: 7rem; }

@media (max-width: 992px) {
  .hidden-lg-down {
    display: none !important; } }
.profile {
  margin-top: -59px;
  margin-bottom: 7rem; }
  @media (max-width: 992px) {
    .profile .wrapper > .left {
      padding-right: 0 !important; } }
  @media (max-width: 768px) {
    .profile .wrapper > .left {
      padding-right: 15px !important; } }
  .profile .wrapper > .left .avata {
    margin-top: 7.5rem;
    background: transparent !important;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    background-color: white;
    border-radius: 4px;
    margin-bottom: 2.5rem; }
    .profile .wrapper > .left .avata .statistical {
      margin: 25px 0 51px; }
      .profile .wrapper > .left .avata .statistical .item {
        margin-left: 11px;
        width: 32.5%;
        text-align: center;
        border-radius: 10px;
        background: #f89101; }
        .profile .wrapper > .left .avata .statistical .item .number {
          line-height: 1.25rem;
          color: #f6f6f6;
          font-size: 1.25rem;
          font-weight: 600;
          padding-top: 11px; }
        .profile .wrapper > .left .avata .statistical .item .label {
          font-weight: 600;
          color: #f6f6f6;
          font-size: 0.625rem;
          padding-bottom: 7px; }
    .profile .wrapper > .left .avata .wrap-img {
      margin: auto;
      width: 180px;
      height: 180px;
      margin: auto;
      position: relative; }
      .profile .wrapper > .left .avata .wrap-img figure {
        overflow: hidden;
        width: 180px;
        height: 180px;
        margin: auto;
        border-radius: 50%; }
        .profile .wrapper > .left .avata .wrap-img figure img {
          width: 180px;
          height: 180px; }
    .profile .wrapper > .left .avata .name {
      margin-top: 1rem;
      font-weight: 700;
      font-size: 1.5rem; }
    .profile .wrapper > .left .avata .position {
      letter-spacing: 1px;
      color: #7c7a71;
      font-size: 1rem;
      font-weight: 500; }
    .profile .wrapper > .left .avata .social-link {
      margin-top: .5rem; }
      .profile .wrapper > .left .avata .social-link span a i {
        color: #7c7a71; }
      .profile .wrapper > .left .avata .social-link span.fb a i {
        color: #3b5a9a; }
      .profile .wrapper > .left .avata .social-link span .profile-edit {
        padding: 8px; }
        @media (max-width: 575.98px) {
          .profile .wrapper > .left .avata .social-link span .profile-edit {
            padding: 10px; } }
    .profile .wrapper > .left .avata .desc {
      margin-bottom: 2rem;
      position: relative; }
      .profile .wrapper > .left .avata .desc .text {
        position: relative;
        line-height: 1.5rem;
        font-size: .9rem;
        color: #7c7a71;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        .profile .wrapper > .left .avata .desc .text .edit {
          position: absolute;
          display: inline-block;
          z-index: 99999;
          bottom: -2px;
          right: 0; }
          .profile .wrapper > .left .avata .desc .text .edit i {
            color: #f89101;
            font-size: 1rem; }
      .profile .wrapper > .left .avata .desc label {
        position: absolute;
        top: 100%; }
      .profile .wrapper > .left .avata .desc input {
        display: none; }
      .profile .wrapper > .left .avata .desc label:before {
        content: "Xem thêm";
        color: #1eaaf1;
        font-size: .9rem; }
      .profile .wrapper > .left .avata .desc label:after {
        margin-left: 5px;
        content: "\005e";
        color: #1eaaf1;
        font-size: 1rem;
        font-weight: bold;
        display: inline-block;
        transform: rotate(180deg); }
      .profile .wrapper > .left .avata .desc input:checked + label:before {
        content: "Thu gọn"; }
      .profile .wrapper > .left .avata .desc input:checked + label:after {
        transform: rotate(0deg); }
      .profile .wrapper > .left .avata .desc input:checked ~ div {
        -webkit-line-clamp: 100; }
    .profile .wrapper > .left .avata .date {
      margin-top: 3rem;
      font-size: .8rem;
      color: #b5b4af; }
    .profile .wrapper > .left .avata .lb-img-avata {
      top: 0;
      left: 3rem;
      position: absolute; }
  .profile .wrapper > .left .fb a i {
    color: #3b5a9a; }
  .profile .wrapper > .left .achievements {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    background-color: white;
    border-radius: 4px;
    margin-bottom: 2.5rem; }
    .profile .wrapper > .left .achievements .title, .profile .wrapper > .left .achievements .faqInfomation .content, .faqInfomation .profile .wrapper > .left .achievements .content {
      color: #333333;
      font-weight: 600; }
      .profile .wrapper > .left .achievements .title small, .profile .wrapper > .left .achievements .faqInfomation .content small, .faqInfomation .profile .wrapper > .left .achievements .content small {
        color: #c3c1bd;
        font-size: .9rem; }
    .profile .wrapper > .left .achievements .progress-a .wrapper-pr .progress-bar {
      background-color: #f89101 !important; }
    .profile .wrapper > .left .achievements .progress-a .text-ps {
      font-weight: 500;
      font-size: .8rem; }
      .profile .wrapper > .left .achievements .progress-a .text-ps .left {
        color: #363839; }
      .profile .wrapper > .left .achievements .progress-a .text-ps .right {
        color: #7c7a71; }
    .profile .wrapper > .left .achievements .progress-a .rank .item .left .text {
      font-weight: 600;
      font-size: .9rem; }
    .profile .wrapper > .left .achievements .progress-a .rank .item .right .text {
      font-size: .9rem;
      color: #323536; }
      .profile .wrapper > .left .achievements .progress-a .rank .item .right .text b {
        font-weight: 600; }
    .profile .wrapper > .left .achievements .progress-a .rank .item .progress-bar {
      background-color: #859095; }
  .profile .wrapper > .left .skills {
    color: #333333;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    background-color: white;
    border-radius: 4px;
    margin-bottom: 2.5rem; }
    .profile .wrapper > .left .skills .title, .profile .wrapper > .left .skills .faqInfomation .content, .faqInfomation .profile .wrapper > .left .skills .content {
      font-weight: 600; }
      .profile .wrapper > .left .skills .title i, .profile .wrapper > .left .skills .faqInfomation .content i, .faqInfomation .profile .wrapper > .left .skills .content i {
        color: #c3c1bd; }
    .profile .wrapper > .left .skills .wrap-items .item {
      font-size: .9rem;
      cursor: pointer;
      text-align: center;
      margin-top: 1rem;
      margin-right: 1rem;
      padding: .3rem 1rem;
      border: 1px solid #c3c1bd;
      border-radius: 20px;
      transition: all .5s; }
      .profile .wrapper > .left .skills .wrap-items .item a {
        color: #333333;
        text-decoration: none; }
      .profile .wrapper > .left .skills .wrap-items .item:hover {
        border-color: #fed34e; }
    .profile .wrapper > .left .skills .wrap-items-skill .item {
      cursor: pointer;
      font-size: .9rem;
      margin-right: 1rem; }
      .profile .wrapper > .left .skills .wrap-items-skill .item a {
        color: #1f191b;
        text-decoration: none; }
  @media (max-width: 1200px) {
    .profile .wrapper > .right #tabs .tabs .tab {
      padding: 1rem 2rem !important; } }
  @media (max-width: 992px) {
    .profile .wrapper > .right #tabs {
      margin-top: 0 !important; }
      .profile .wrapper > .right #tabs .tabs .tab {
        padding: 1rem 1rem !important; } }
  @media (max-width: 768px) {
    .profile .wrapper > .right {
      padding-left: 15px !important; } }
  @media (max-width: 500px) {
    .profile .wrapper > .right #tabs {
      margin-top: 0 !important; }
      .profile .wrapper > .right #tabs .tabs .tab {
        padding: 1.5rem .5rem !important; } }
  .profile .wrapper > .right #tabs .tabs a {
    padding: 1rem 3rem !important; }
    .profile .wrapper > .right #tabs .tabs a:not(.active) {
      border-top: 3px solid #f89101; }
    .profile .wrapper > .right #tabs .tabs a.active {
      border-bottom-width: 0 !important; }
  .profile .wrapper > .right #tabs .content .tabcontent {
    padding: 2rem 0 0 0;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none; }
    .profile .wrapper > .right #tabs .content .tabcontent .statistical .item {
      border: 1px solid #fecd35;
      width: 32.5%;
      text-align: center;
      height: 5rem;
      border-radius: 10px;
      background: white; }
      .profile .wrapper > .right #tabs .content .tabcontent .statistical .item .number {
        line-height: 2rem;
        color: #333333;
        font-size: 2rem;
        font-weight: 600; }
      .profile .wrapper > .right #tabs .content .tabcontent .statistical .item .label {
        font-weight: 500;
        color: #7c7a71;
        font-size: .9rem; }
    .profile .wrapper > .right #tabs .content .tabcontent .table-custom {
      margin-bottom: 0;
      margin-top: 2rem; }
      .profile .wrapper > .right #tabs .content .tabcontent .table-custom thead {
        font-weight: 600;
        color: #ffffff;
        background-color: #3452ff; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom thead th:first-child {
          border-radius: 10px 0 0 0;
          padding-left: 35px; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom thead th:last-child {
          border-radius: 0 10px 0 0; }
      .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody {
        background-color: #ffffff; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody tr:hover {
          background-color: inherit;
          box-shadow: 0px 10px 30px 0px rgba(178, 178, 178, 0.2); }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .chude,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .Artiles,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .ArtilesTitle {
          color: #262626;
          font-size: 0.9rem;
          padding: 10px 0px 10px 0;
          text-align: center;
          white-space: nowrap; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .title-light {
          position: relative;
          padding-left: 35px; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .title-light:before {
            content: " ";
            border-top: 50px solid #fecd35;
            border-right: 50px solid transparent;
            position: absolute;
            top: 0;
            left: 0; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .title-light:after {
            content: "\f0e7";
            position: absolute;
            top: 5%;
            left: 2%;
            font-family: "Font Awesome 5 Free";
            color: #ffffff; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody td {
          font-size: 0.8rem;
          color: #262626;
          padding-left: 35px; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody td .chude,
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody td .count {
            white-space: nowrap;
            text-align: center; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody td .count,
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody td .countArticles,
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody td .datesPosts {
            font-size: 0.8rem;
            color: #7c7a71;
            text-align: center;
            white-space: nowrap; }
            .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody td .count .member,
            .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody td .countArticles .member,
            .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody td .datesPosts .member {
              color: #3472ff; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .fixPadding {
          padding: 10px 0 5px 0; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .mainTitle {
          font-size: 0.9rem;
          color: #7c7a71; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .count,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .countArticles,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .datesPosts {
          font-size: 0.8rem;
          color: #7c7a71;
          text-align: center; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .title .text, .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .faqInfomation .content .text, .faqInfomation .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .content .text {
          font-size: 1.1rem;
          font-weight: 500;
          color: #262626; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .title .closed, .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .faqInfomation .content .closed, .faqInfomation .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .content .closed {
          margin-left: 4.5rem;
          font-weight: 600;
          font-size: 0.65rem;
          color: #ffffff;
          padding: 5px 25px 5px 25px;
          background-color: #3452ff;
          border-radius: 5px; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .dates .members-seen {
          font-size: 0.8rem;
          color: #fecd35;
          font-weight: 500; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom tbody .content-body .dates .posted-by {
          font-size: 0.8rem;
          color: #262626;
          padding-left: 15px; }
    .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 {
      margin-bottom: 0;
      margin-top: 2rem; }
      .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 thead {
        font-weight: 600;
        color: #ffffff;
        background-color: #d3381a; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 thead th:first-child {
          border-radius: 10px 0 0 0;
          padding-left: 35px; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 thead th:last-child {
          border-radius: 0 10px 0 0; }
      .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody {
        background-color: #ffffff; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody tr:hover {
          background-color: inherit;
          box-shadow: 0px 10px 30px 0px rgba(178, 178, 178, 0.2); }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .chude,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .Artiles,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .ArtilesTitle {
          color: #262626;
          font-size: 0.9rem;
          padding: 10px 0px 10px 0;
          text-align: center;
          white-space: nowrap; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .title-light {
          position: relative;
          padding-left: 35px; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .title-light:before {
            content: " ";
            border-top: 50px solid #fecd35;
            border-right: 50px solid transparent;
            position: absolute;
            top: 0;
            left: 0; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .title-light:after {
            content: "\f0e7";
            position: absolute;
            top: 5%;
            left: 2%;
            font-family: "Font Awesome 5 Free";
            color: #ffffff; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody td {
          font-size: 0.8rem;
          color: #262626;
          padding-left: 35px; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody td .chude,
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody td .count {
            white-space: nowrap;
            text-align: center; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody td .count,
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody td .countArticles,
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody td .datesPosts {
            font-size: 0.8rem;
            color: #7c7a71;
            text-align: center;
            white-space: nowrap; }
            .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody td .count .member,
            .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody td .countArticles .member,
            .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody td .datesPosts .member {
              color: #3472ff; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .fixPadding {
          padding: 10px 0 5px 0; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .mainTitle {
          font-size: 0.9rem;
          color: #7c7a71; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .count,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .countArticles,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .datesPosts {
          font-size: 0.8rem;
          color: #7c7a71;
          text-align: center; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .title .text, .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .faqInfomation .content .text, .faqInfomation .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .content .text {
          font-size: 1.1rem;
          font-weight: 500;
          color: #262626; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .title .closed, .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .faqInfomation .content .closed, .faqInfomation .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .content .closed {
          margin-left: 4.5rem;
          font-weight: 600;
          font-size: 0.65rem;
          color: #ffffff;
          padding: 5px 25px 5px 25px;
          background-color: #d3381a;
          border-radius: 5px; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .dates .members-seen {
          font-size: 0.8rem;
          color: #fecd35;
          font-weight: 500; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-1 tbody .content-body .dates .posted-by {
          font-size: 0.8rem;
          color: #262626;
          padding-left: 15px; }
    .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 {
      margin-bottom: 0;
      margin-top: 2rem; }
      .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 thead {
        font-weight: 600;
        color: #ffffff;
        background-color: #01a68f; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 thead th:first-child {
          border-radius: 10px 0 0 0;
          padding-left: 35px; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 thead th:last-child {
          border-radius: 0 10px 0 0; }
      .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody {
        background-color: #ffffff; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody tr:hover {
          background-color: inherit;
          box-shadow: 0px 10px 30px 0px rgba(178, 178, 178, 0.2); }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .chude,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .Artiles,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .ArtilesTitle {
          color: #262626;
          font-size: 0.9rem;
          padding: 10px 0px 10px 0;
          text-align: center;
          white-space: nowrap; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .title-light {
          position: relative;
          padding-left: 35px; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .title-light:before {
            content: " ";
            border-top: 50px solid #fecd35;
            border-right: 50px solid transparent;
            position: absolute;
            top: 0;
            left: 0; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .title-light:after {
            content: "\f0e7";
            position: absolute;
            top: 5%;
            left: 2%;
            font-family: "Font Awesome 5 Free";
            color: #ffffff; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody td {
          font-size: 0.8rem;
          color: #262626;
          padding-left: 35px; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody td .chude,
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody td .count {
            white-space: nowrap;
            text-align: center; }
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody td .count,
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody td .countArticles,
          .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody td .datesPosts {
            font-size: 0.8rem;
            color: #7c7a71;
            text-align: center;
            white-space: nowrap; }
            .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody td .count .member,
            .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody td .countArticles .member,
            .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody td .datesPosts .member {
              color: #3472ff; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .fixPadding {
          padding: 10px 0 5px 0; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .mainTitle {
          font-size: 0.9rem;
          color: #7c7a71; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .count,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .countArticles,
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .datesPosts {
          font-size: 0.8rem;
          color: #7c7a71;
          text-align: center; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .title .text, .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .faqInfomation .content .text, .faqInfomation .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .content .text {
          font-size: 1.1rem;
          font-weight: 500;
          color: #262626; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .title .closed, .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .faqInfomation .content .closed, .faqInfomation .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .content .closed {
          margin-left: 4.5rem;
          font-weight: 600;
          font-size: 0.65rem;
          color: #ffffff;
          padding: 5px 25px 5px 25px;
          background-color: #01a68f;
          border-radius: 5px; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .dates .members-seen {
          font-size: 0.8rem;
          color: #fecd35;
          font-weight: 500; }
        .profile .wrapper > .right #tabs .content .tabcontent .table-custom-2 tbody .content-body .dates .posted-by {
          font-size: 0.8rem;
          color: #262626;
          padding-left: 15px; }

.profile .new-news {
  margin-top: 61px;
  background: #fff;
  border-radius: 10px; }
  .profile .new-news .title, .profile .new-news .faqInfomation .content, .faqInfomation .profile .new-news .content {
    border-radius: 10px 10px 0px 0px; }
.profile .a-article .cmt-view {
  color: #7e7e7e;
  font-weight: 500;
  font-size: 0.75rem; }
.profile .paginate {
  font-weight: 500;
  margin-top: 31px; }
  .profile .paginate li a {
    color: #7c7a71; }
  .profile .paginate .currentcolor {
    color: #f89101; }
  .profile .paginate .currentpaginate {
    padding-top: 6px; }
  .profile .paginate .pagination .page-item.pre {
    margin-right: 32px; }
  .profile .paginate .pagination .page-item.next {
    margin-left: 32px; }
  .profile .paginate .pagination .page-item {
    margin: 0 2px; }
  .profile .paginate .page-item.active .page-link {
    background-color: #f89101;
    color: #ffffff; }
    .profile .paginate .page-item.active .page-link:hover {
      background-color: #f89101 !important;
      color: #ffffff !important; }
  .profile .paginate .page-item .page-link:hover {
    background-color: #ffffff;
    color: #f89101;
    -webkit-box-shadow: 1px 3px 3px #3333;
    box-shadow: 1px 3px 3px #3333; }
  .profile .paginate .page-link {
    border: none;
    border-radius: 4px; }
.profile .a-article .title-a-artile {
  line-height: 1.5rem;
  font-size: 18px; }

#news-detail .padding-content {
  padding: 0 3rem;
  font-weight: 500;
  font-size: .9rem; }
#news-detail .content-left {
  padding-bottom: 5rem;
  margin-bottom: 2.5rem;
  background-color: #ffffff;
  border-radius: 4px; }
  #news-detail .content-left .title, #news-detail .content-left .faqInfomation .content, .faqInfomation #news-detail .content-left .content {
    padding: 2rem 3rem 0;
    font-weight: 500; }
    #news-detail .content-left .title .category-article, #news-detail .content-left .faqInfomation .content .category-article, .faqInfomation #news-detail .content-left .content .category-article {
      font-size: 0.9rem;
      color: #fe9835; }
    #news-detail .content-left .title .date-post, #news-detail .content-left .faqInfomation .content .date-post, .faqInfomation #news-detail .content-left .content .date-post {
      color: #333333; }
    #news-detail .content-left .title .name, #news-detail .content-left .faqInfomation .content .name, .faqInfomation #news-detail .content-left .content .name {
      padding-top: 1.5rem;
      font-size: 1.4rem;
      color: #333333;
      line-height: 2rem;
      font-weight: 500; }
  #news-detail .content-left .description {
    word-spacing: 1px;
    margin-top: .5rem;
    line-height: 1.8rem;
    color: #333333; }
    #news-detail .content-left .description .link {
      color: #fe9835; }
    #news-detail .content-left .description .short {
      font-weight: 500;
      font-size: .9rem;
      padding: 0 3rem; }
    #news-detail .content-left .description .object .title-img {
      margin-top: 1rem;
      font-style: italic; }
#news-detail .comment-frm {
  margin-bottom: 6rem;
  background-color: white;
  border-radius: 8px; }
  #news-detail .comment-frm .info {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #01a23c;
    font-size: .9rem;
    color: #ffffff;
    line-height: 1.5rem;
    padding: 2rem 3rem; }
  #news-detail .comment-frm .form-cmt {
    padding: 3rem 3rem; }
    #news-detail .comment-frm .form-cmt .title-frm {
      font-size: 1.2rem;
      font-weight: 600; }
#news-detail .relate-category-right .title, #news-detail .relate-category-right .faqInfomation .content, .faqInfomation #news-detail .relate-category-right .content {
  padding: 1rem 2rem;
  color: white;
  border-radius: 10px;
  background-color: #01a54e; }

#create-news-post {
  margin-top: 77px; }
  #create-news-post .news-post-title h1 {
    font-weight: 600;
    font-size: 1.5rem;
    color: #202020;
    margin-bottom: 30px; }
  #create-news-post .category-article {
    font-weight: 600;
    font-size: 0.875rem;
    color: #202020; }
    #create-news-post .category-article span {
      color: #f89101;
      font-weight: 500; }
  #create-news-post .tieu-de {
    margin-top: 62px; }
  #create-news-post h3 {
    font-weight: 500;
    font-size: 1.125rem;
    color: #202020;
    margin-top: 43px; }
  #create-news-post .doi-tuong .person-object {
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #cbcbcb;
    margin-top: 15px;
    width: 100%; }
    #create-news-post .doi-tuong .person-object .img-object {
      display: flex;
      justify-content: center;
      margin-top: 35px; }
    #create-news-post .doi-tuong .person-object h4 {
      text-align: center;
      margin-top: 15px;
      min-height: 50px;
      font-size: 1.125rem;
      font-weight: 500;
      margin-bottom: 35px;
      padding: 0 30px; }
  #create-news-post .noi-dung div#cke_ten {
    width: 100%; }
  #create-news-post .noi-dung span#cke_1_bottom {
    display: none; }
  #create-news-post .noi-dung .cke_toolbar_break {
    clear: none; }
  #create-news-post .dieu-khoan {
    margin-top: 45px; }
    #create-news-post .dieu-khoan .input-dk .your-ok {
      color: #898989;
      font-weight: 400;
      font-size: 0.875rem;
      padding-left: 17px; }
      #create-news-post .dieu-khoan .input-dk .your-ok span a {
        color: #01a23c;
        font-weight: 500;
        text-decoration: none; }
    #create-news-post .dieu-khoan .btn-post {
      float: right; }
      #create-news-post .dieu-khoan .btn-post .btn-custom {
        color: #ffffff;
        background-color: #000000;
        border-radius: 35px;
        padding: 20px 30px;
        font-size: 1rem;
        font-weight: 500;
        margin-left: 40px;
        line-height: 1rem;
        margin-bottom: 95px;
        margin-top: 63px; }
        #create-news-post .dieu-khoan .btn-post .btn-custom:hover {
          background-color: #01a23c; }
  #create-news-post .checkboxFive {
    width: 100%;
    position: relative; }
  #create-news-post .checkboxFive label {
    cursor: pointer;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    background: #01a23c;
    border-radius: 5px; }
  #create-news-post .checkboxFive label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 5px;
    left: 5px;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #create-news-post .checkboxFive input[type=checkbox]:checked + label:after {
    opacity: 1; }

.image-checkbox {
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 4px solid transparent;
  outline: 0; }

.image-checkbox input[type="checkbox"] {
  display: none; }

.image-checkbox-checked {
  border-color: #7ec42d !important;
  color: #7ec42d !important; }

#detail4rum {
  font-size: 0.875rem;
  background: #f6f6f6; }
  #detail4rum .hr-mt {
    margin: 40px 0; }
  #detail4rum .wrap-img {
    width: 80px;
    height: 80px; }
    #detail4rum .wrap-img figure {
      overflow: hidden;
      width: 80px;
      height: 80px;
      border-radius: 50%; }
      #detail4rum .wrap-img figure img {
        width: 80px;
        height: 80px; }
  #detail4rum .title .name, #detail4rum .faqInfomation .content .name, .faqInfomation #detail4rum .content .name {
    margin-top: 78px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #202020; }
  #detail4rum .title .date-post, #detail4rum .faqInfomation .content .date-post, .faqInfomation #detail4rum .content .date-post {
    margin: 20px 0 30px;
    color: #262626;
    font-weight: 400; }
    #detail4rum .title .date-post span, #detail4rum .faqInfomation .content .date-post span, .faqInfomation #detail4rum .content .date-post span {
      color: #7c7a71; }
  #detail4rum .title .view-comment, #detail4rum .faqInfomation .content .view-comment, .faqInfomation #detail4rum .content .view-comment {
    color: #f89101;
    font-weight: 500; }
    #detail4rum .title .view-comment span, #detail4rum .faqInfomation .content .view-comment span, .faqInfomation #detail4rum .content .view-comment span {
      margin: 0 5px; }
  #detail4rum .description {
    margin-top: 30px;
    color: #202020;
    font-weight: 300; }
    #detail4rum .description .avatar-cmt-head {
      margin-bottom: 40px; }
      #detail4rum .description .avatar-cmt-head .row-01 {
        align-items: center; }
      #detail4rum .description .avatar-cmt-head .cmt-0 {
        color: #202020;
        font-size: 1.125rem;
        font-weight: 500; }
        #detail4rum .description .avatar-cmt-head .cmt-0 .name-lv-date > div {
          color: #7c7a71;
          font-size: 0.875rem;
          font-weight: 400; }
        #detail4rum .description .avatar-cmt-head .cmt-0 .facebooker a {
          color: #f6f6f6;
          font-size: 1rem;
          background: #445592;
          padding: 10px 12px;
          border-radius: 8px;
          text-decoration: none; }
          #detail4rum .description .avatar-cmt-head .cmt-0 .facebooker a i {
            margin-right: 8px; }
    #detail4rum .description .card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, 0.125);
      border-radius: .25rem;
      margin: 40px 0; }
      #detail4rum .description .card .card-header {
        color: #202020;
        font-size: 1rem;
        font-weight: 600; }
      #detail4rum .description .card .card-header.bg-primary {
        background: #eeede7 !important; }
      #detail4rum .description .card .card-body .card-text {
        font-weight: 400; }
    #detail4rum .description .padding-content {
      line-height: 28px;
      font-weight: 300;
      color: #202020; }
    #detail4rum .description .title-content {
      font-weight: 600;
      margin: 45px 0; }
    #detail4rum .description .object {
      margin-top: 40px; }
      #detail4rum .description .object .title-img.text-center {
        margin-top: 15px;
        font-style: italic; }
    #detail4rum .description .watch-text-2 {
      font-size: 1rem;
      font-style: italic;
      font-weight: 500;
      line-height: 30px;
      color: #202020;
      display: flex;
      margin-top: 35px;
      margin-bottom: 35px; }
      #detail4rum .description .watch-text-2 .image {
        width: 50px;
        height: 50px;
        margin-right: 15px; }
    #detail4rum .description .padding-click {
      margin: 16px 0 40px; }
      #detail4rum .description .padding-click a {
        font-size: 0.875rem;
        color: #eeede7;
        font-weight: 500;
        background: #f89101;
        padding: 13px 16px;
        line-height: 28px;
        border: none; }
        #detail4rum .description .padding-click a:hover {
          background: #c1760d; }
    #detail4rum .description .padding-link {
      margin-top: 20px; }
      #detail4rum .description .padding-link a {
        border: 1px solid #d8e3cc;
        padding: 12px 40px;
        font-weight: 300;
        background: #eeede7;
        border-radius: 0.3rem;
        color: #202020;
        text-decoration: none; }
  #detail4rum .padding-complain {
    margin: 40px 0;
    text-align: right;
    text-decoration: underline; }
    #detail4rum .padding-complain a {
      color: #bfbfba;
      font-weight: 500; }
    #detail4rum .padding-complain i {
      margin-left: 12px; }
  #detail4rum .border-l {
    border-left: 1px solid #d8e3cc;
    margin-bottom: 30px; }
  #detail4rum .comment-feedback .article-cmt {
    font-weight: 700;
    font-size: 1rem; }
  #detail4rum .comment-feedback .post-feedback a {
    color: #f89101;
    font-weight: 500;
    text-decoration: underline; }
    #detail4rum .comment-feedback .post-feedback a i {
      margin-left: 12px; }
  #detail4rum .comment-feedback .wrap-img {
    width: 51px;
    height: 51px; }
    #detail4rum .comment-feedback .wrap-img figure {
      overflow: hidden;
      width: 51px;
      height: 51px;
      border-radius: 50%; }
      #detail4rum .comment-feedback .wrap-img figure img {
        width: 51px;
        height: 51px; }
  #detail4rum .row-02 {
    margin-top: 40px; }
  #detail4rum .cmt-1 {
    background: #fff;
    padding: 20px 38px;
    border-radius: 8px; }
    #detail4rum .cmt-1 .name-lv-date {
      color: #f89101;
      font-weight: 700;
      font-size: 1rem;
      padding-bottom: 20px; }
      #detail4rum .cmt-1 .name-lv-date span {
        padding-left: 18px;
        color: #7c7a71;
        font-size: 0.875rem;
        font-weight: 400; }
    #detail4rum .cmt-1 .date {
      color: #9a9a9a;
      font-size: 0.75rem;
      font-weight: 300;
      font-style: italic; }
    #detail4rum .cmt-1 .text-cmt {
      font-weight: 300;
      line-height: 28px; }
      #detail4rum .cmt-1 .text-cmt span {
        color: #3452ff;
        font-size: 0.875rem; }
    #detail4rum .cmt-1 .reply {
      padding-top: 15px;
      color: #9fa3a7;
      font-weight: 500;
      font-size: 0.8125rem; }
      #detail4rum .cmt-1 .reply img {
        padding-right: 10px; }
      #detail4rum .cmt-1 .reply span {
        padding-left: 34px; }
  #detail4rum .paginate {
    font-weight: 500; }
    #detail4rum .paginate li a {
      color: #7c7a71; }
    #detail4rum .paginate .currentcolor {
      color: #f89101; }
    #detail4rum .paginate .currentpaginate {
      padding-top: 6px; }
    #detail4rum .paginate .pagination .page-item.pre {
      margin-right: 32px; }
    #detail4rum .paginate .pagination .page-item.next {
      margin-left: 32px; }
    #detail4rum .paginate .pagination .page-item {
      margin: 0 2px; }
    #detail4rum .paginate .page-item.active .page-link {
      background-color: #f89101;
      color: #ffffff; }
      #detail4rum .paginate .page-item.active .page-link:hover {
        background-color: #f89101 !important;
        color: #ffffff !important; }
    #detail4rum .paginate .page-item .page-link:hover {
      background-color: #ffffff;
      color: #f89101;
      -webkit-box-shadow: 1px 3px 3px #3333;
      box-shadow: 1px 3px 3px #3333; }
    #detail4rum .paginate .page-link {
      border: none; }
  #detail4rum .form-group {
    margin: 35px 0 46px; }
    #detail4rum .form-group div#cke_ten {
      width: 100%; }
    #detail4rum .form-group span#cke_1_bottom {
      display: none; }
  #detail4rum .btn-post .btn-custom {
    color: #f6f6f6;
    background-color: #262626;
    border-radius: 35px;
    padding: 12px 46px;
    font-size: 1rem;
    font-weight: 500;
    margin-left: 40px; }
    #detail4rum .btn-post .btn-custom:hover {
      background-color: #01a23c; }
  #detail4rum .tags {
    display: flex;
    align-items: baseline;
    margin: 33px 0 82px; }
    #detail4rum .tags .name-tag {
      color: #262626;
      font-size: 1rem;
      font-weight: 500;
      margin-right: 25px; }
    #detail4rum .tags .category-tag {
      color: #f89101;
      font-weight: 300;
      background: #f9f5e5;
      margin-right: 15px;
      margin-top: .5rem;
      padding: 7px 15px;
      border-radius: 7px;
      border: 1px solid #f89101; }
      #detail4rum .tags .category-tag:hover {
        background: #f89101;
        color: #f6eae1; }
  #detail4rum .relate-category-right .title, #detail4rum .relate-category-right .faqInfomation .content, .faqInfomation #detail4rum .relate-category-right .content {
    padding: 1rem 2rem;
    color: white;
    border-radius: 10px;
    background-color: #f89101;
    margin: 95px 0 45px;
    font-weight: 600;
    font-size: 1rem; }
  #detail4rum .a-block {
    margin-bottom: 20px; }
    #detail4rum .a-block .a-article {
      display: flex; }
      #detail4rum .a-block .a-article .image img {
        border-radius: 6px; }
      #detail4rum .a-block .a-article .datepost {
        color: #7c7a71;
        font-size: 0.75rem;
        font-weight: 500;
        text-align: right;
        margin-bottom: 17px; }
      #detail4rum .a-block .a-article .title-a-artile {
        font-weight: 600;
        line-height: 24px;
        color: #333333;
        font-size: 1rem;
        padding-left: 18px; }

.news-list-title a {
  text-decoration: none;
  color: #fff; }

.comment-frm span {
  font-size: 5px; }
.comment-frm .form-group span {
  position: absolute;
  right: 20px;
  top: 22px; }
.comment-frm form .input-group {
  border: 1px solid #cdcdcd;
  background: #fff; }
.comment-frm .input-group > .form-control:not(:first-child) {
  padding-right: 35px; }
.comment-frm textarea {
  resize: none;
  height: 125px; }
.comment-frm .warning {
  font-style: italic;
  font-size: 0.75rem; }
  .comment-frm .warning i {
    padding-right: 6px; }
.comment-frm .btn {
  background: #01a23c;
  color: #ddeee1;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 52px; }

section#main-download thead {
  background: #82c832;
  color: #fff;
  text-transform: uppercase; }
  section#main-download thead tr th {
    font-weight: 600; }
section#main-download .paginate {
  font-weight: 500;
  margin-top: 80px; }
  section#main-download .paginate li a {
    color: #7c7a71; }
  section#main-download .paginate .currentcolor {
    color: #f89101; }
  section#main-download .paginate .currentpaginate {
    padding-top: 6px; }
  section#main-download .paginate .pagination .page-item.pre {
    margin-right: 32px; }
  section#main-download .paginate .pagination .page-item.next {
    margin-left: 32px; }
  section#main-download .paginate .pagination .page-item {
    margin: 0 2px; }
  section#main-download .paginate .page-item.active .page-link {
    background-color: #f89101;
    color: #ffffff; }
    section#main-download .paginate .page-item.active .page-link:hover {
      background-color: #f89101 !important;
      color: #ffffff !important; }
  section#main-download .paginate .page-item .page-link:hover {
    background-color: #ffffff;
    color: #f89101;
    -webkit-box-shadow: 1px 3px 3px #3333;
    box-shadow: 1px 3px 3px #3333; }
  section#main-download .paginate .page-link {
    border: none; }
section#main-download .rectangle .currentpaginate {
  font-size: 0.8rem;
  color: #b5b4af;
  font-weight: 500;
  margin-bottom: 40px; }
  section#main-download .rectangle .currentpaginate .currentcolor {
    color: #f89101;
    font-size: 0.9rem;
    padding-top: 10px; }
  section#main-download .rectangle .currentpaginate .sort-by {
    color: #959595;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 6px 14px; }
    section#main-download .rectangle .currentpaginate .sort-by select {
      border: none;
      background: none;
      color: #06272f;
      font-size: 0.75rem; }
      section#main-download .rectangle .currentpaginate .sort-by select:focus {
        outline: none; }
  section#main-download .rectangle .currentpaginate .list-item i {
    margin-left: 25px;
    font-size: 22px; }
    section#main-download .rectangle .currentpaginate .list-item i:hover {
      color: #f89101; }
section#main-download .table-responsive {
  border-radius: 12px; }
  section#main-download .table-responsive th.hidden-md-down.content-fit {
    padding-right: 40px; }
  section#main-download .table-responsive tbody .content-body .title, section#main-download .table-responsive tbody .content-body .faqInfomation .content, .faqInfomation section#main-download .table-responsive tbody .content-body .content {
    color: #262626;
    font-size: 1.125rem;
    font-weight: 500; }
  section#main-download .table-responsive tbody .content-body .dates {
    margin-top: 8px;
    color: #7c7a71;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 24px; }
  section#main-download .table-responsive tbody .content-fit a.btn.btn-dark {
    text-transform: uppercase;
    font-size: 0.8rem;
    color: #f9f5e5;
    background: #000;
    font-weight: 500;
    border-radius: 8px; }
  section#main-download .table-responsive tbody .content-fit .btn {
    width: 100%; }
  section#main-download .table-responsive tbody .content-fit .download {
    margin-top: 10px;
    color: #959595;
    font-weight: 500;
    font-size: 0.8rem; }
  section#main-download .table-responsive tbody .content-fit .view-down {
    padding-left: 27px; }

/* news style */
#tabs-search {
  margin-top: -52px !important;
  margin-bottom: 25px; }
  @media (max-width: 768px) {
    #tabs-search .tabcontent .keyword, #tabs-search .tabcontent .writer {
      width: 100% !important; } }
  #tabs-search .tabcontent {
    border-width: 0 !important;
    border-radius: 10px;
    box-shadow: none !important; }
    #tabs-search .tabcontent .form-control {
      font-size: .8rem;
      padding: .5rem 1rem; }
      #tabs-search .tabcontent .form-control:focus::placeholder {
        font-weight: 600;
        color: #000000; }
    #tabs-search .tabcontent .keyword {
      min-width: 265px; }
    #tabs-search .tabcontent .writer {
      position: relative;
      min-width: 340px; }
      #tabs-search .tabcontent .writer input {
        padding-right: 2.5rem; }
      #tabs-search .tabcontent .writer .icon {
        position: absolute;
        right: 15px;
        top: 6px; }
    #tabs-search .tabcontent .btn-search {
      font-weight: normal;
      font-size: .8rem;
      padding: .5rem 2.5rem; }
    #tabs-search .tabcontent .btn-search-2 {
      background-color: #F89101;
      color: #ffffff;
      font-weight: normal;
      font-size: .8rem;
      padding: .5rem 2.5rem; }

#breadcrumb .breadcrumb {
  background: none;
  padding: 0; }
  #breadcrumb .breadcrumb li {
    font-size: .9rem;
    color: #333333;
    font-weight: 500; }
    #breadcrumb .breadcrumb li.active {
      font-weight: 600; }
    #breadcrumb .breadcrumb li a {
      color: #333333;
      text-decoration: none; }

.faqInfomation .title h1, .faqInfomation .content h1 {
  font-size: 1.125rem;
  color: #262626;
  font-weight: 600; }

.a-article .image img {
  height: 215px; }
.a-article .datepost .title-article, .a-article article .news .articles .datepost .date-post, article .news .articles .a-article .datepost .date-post, .a-article .datepost #news-detail .content-left .title .date-post, #news-detail .content-left .title .a-article .datepost .date-post, .a-article .datepost #news-detail .content-left .faqInfomation .content .date-post, #news-detail .content-left .faqInfomation .content .a-article .datepost .date-post, .a-article .datepost .faqInfomation #news-detail .content-left .content .date-post, .faqInfomation #news-detail .content-left .content .a-article .datepost .date-post {
  font-size: .7rem !important;
  color: #fe9835; }
.a-article .datepost .date-post {
  font-size: .7rem !important;
  color: #333333 !important; }
.a-article .title-a-artile {
  line-height: 2rem;
  height: 4rem; }
  .a-article .title-a-artile a {
    font-size: 1rem;
    font-weight: 500;
    color: #333333; }
    .a-article .title-a-artile a:hover {
      text-decoration: none; }
.a-article .description {
  margin-top: .5rem;
  font-size: .8rem;
  color: #333333;
  line-height: 1.5rem;
  height: 4.5rem;
  font-weight: 500; }

article#news-page .news {
  padding-top: 0;
  margin-bottom: 3rem; }
  article#news-page .news .list-artile-news ul {
    list-style-type: none;
    padding-left: 0; }
    article#news-page .news .list-artile-news ul li a {
      font-size: 0.8rem;
      color: #333333; }
      article#news-page .news .list-artile-news ul li a:hover {
        color: #fe9835;
        text-decoration: none; }
      article#news-page .news .list-artile-news ul li a .icon {
        font-size: 1rem; }
  article#news-page .news .extensive-direct .wrap-linking {
    display: inline-block;
    border-style: solid;
    vertical-align: middle;
    border-width: 2px;
    border-color: #b5b4af;
    width: 284px;
    height: 45px;
    border-radius: 25px;
    text-align: center;
    line-height: 40px;
    color: #7c7a71;
    text-decoration: none; }
    article#news-page .news .extensive-direct .wrap-linking .icon {
      margin-right: 15px;
      font-weight: bold; }
    article#news-page .news .extensive-direct .wrap-linking .text {
      font-size: .8rem; }
  article#news-page .news .paginate .pagination {
    padding-top: 10px; }
    article#news-page .news .paginate .pagination .page-item {
      margin: 0 2px; }
      article#news-page .news .paginate .pagination .page-item.active .page-link {
        background-color: #f89101;
        color: #ffffff; }
        article#news-page .news .paginate .pagination .page-item.active .page-link:hover {
          background-color: #f89101 !important;
          color: #ffffff !important; }
      article#news-page .news .paginate .pagination .page-item.next {
        margin-left: 32px; }
      article#news-page .news .paginate .pagination .page-item.pre {
        margin-right: 32px; }
      article#news-page .news .paginate .pagination .page-item .page-link {
        border: 0px;
        color: #7c7a71; }
        article#news-page .news .paginate .pagination .page-item .page-link:hover {
          background-color: #ffffff;
          color: #f89101;
          box-shadow: 1px 3px 3px #3333; }
  article#news-page .news .paginate .currentpaginate {
    font-size: 0.8rem;
    color: #b5b4af; }
    article#news-page .news .paginate .currentpaginate .currentcolor {
      color: #f89101;
      font-size: 0.9rem;
      padding-top: 10px; }

.new-news .title, .new-news .faqInfomation .content, .faqInfomation .new-news .content {
  padding: 1rem 2rem;
  color: white;
  border-radius: 10px;
  background-color: default; }

.feature-articles {
  margin-top: 2.5rem;
  margin-bottom: 4rem; }
  .feature-articles .item {
    background-color: white; }
    .feature-articles .item .content {
      padding: 1.5rem 30px 1.5rem 0;
      margin-left: 3rem;
      border-bottom: 3px solid transparent; }
      .feature-articles .item .content .title, .feature-articles .item .content .faqInfomation .content, .faqInfomation .feature-articles .item .content .content {
        font-weight: 500;
        line-height: 2rem;
        color: #333333; }
      .feature-articles .item .content .description {
        margin-top: .5rem;
        color: #7c7a71;
        font-size: .8rem;
        line-height: 1.5rem; }
      .feature-articles .item .content .time {
        margin-top: .7rem;
        font-size: .8rem; }
        .feature-articles .item .content .time .date {
          color: #f89101; }
        .feature-articles .item .content .time .day, .feature-articles .item .content .time .newEventsOfCalender .contentNewsEvents .wrapperEvents .month, .newEventsOfCalender .contentNewsEvents .wrapperEvents .feature-articles .item .content .time .month {
          font-weight: 500;
          color: #000000; }
    .feature-articles .item:hover .content {
      border-bottom-color: #f89101; }
  .feature-articles .wrap {
    background-color: white;
    margin: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
    .feature-articles .wrap .wrap-item:nth-child(even) .wrap-img {
      padding-right: 0; }

.kt-kq-main .name-avatar {
  font-size: 0.8rem;
  font-weight: 600;
  color: #333333; }
.kt-kq-main .posted {
  color: #7c7a71;
  font-size: 0.75rem;
  font-weight: 500; }
  .kt-kq-main .posted a {
    font-weight: 600; }
.kt-kq-main .posted.postedview span:not(:last-child) {
  border-right: solid 1px #7c7a71 !important; }
.kt-kq-main li.list-group-item {
  border: none; }
.kt-kq-main .hasComment .btn {
  border-radius: inherit;
  font-size: 0.75rem; }
.kt-kq-main .content-text {
  margin-top: 20px; }

#qa-detail {
  font-size: 0.875rem;
  background: #f6f6f6;
  margin-bottom: 137px; }
  #qa-detail .add-reply a:hover {
    text-decoration: none; }
  #qa-detail .hr-mt {
    margin: 40px 0; }
  #qa-detail .wrap-img {
    width: 80px;
    height: 80px;
    margin-left: 40px;
    margin-bottom: 16px; }
    #qa-detail .wrap-img figure {
      overflow: hidden;
      width: 80px;
      height: 80px;
      border-radius: 50%; }
      #qa-detail .wrap-img figure img {
        width: 80px;
        height: 80px; }
  #qa-detail .name-avarta {
    color: #333333;
    font-size: 1rem;
    font-weight: 600; }
  #qa-detail .cmt-1 {
    background: #fff;
    padding: 0 60px 0 40px;
    border-radius: 8px 8px 0px 8px; }
    #qa-detail .cmt-1 .day-calendar, #qa-detail .cmt-1 .text-cmt {
      color: #7c7a71;
      font-weight: 500;
      font-size: 0.8rem; }
    #qa-detail .cmt-1 .day-calendar {
      padding: 26px 0; }
    #qa-detail .cmt-1 .text-cmt {
      line-height: 24px;
      padding-bottom: 45px; }
    #qa-detail .cmt-1 .reply {
      padding-top: 15px;
      color: #9fa3a7;
      font-weight: 500;
      font-size: 0.8125rem; }
      #qa-detail .cmt-1 .reply img {
        padding-right: 10px; }
      #qa-detail .cmt-1 .reply span {
        padding-left: 34px; }
  #qa-detail .add-reply a {
    display: inline-block;
    border-radius: 0px 0px 10px 10px;
    background: #f89101;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 500;
    float: right;
    padding: 15px 20px; }
    #qa-detail .add-reply a i {
      padding-right: 13px; }
  #qa-detail .comment-top {
    margin-bottom: 15px; }
  #qa-detail .reply-commet {
    margin-left: 50px;
    margin-bottom: 15px; }

.qa-detail .faqSubitem .boxAvatar .checkbox {
  position: absolute;
  bottom: 70px;
  right: -4px; }
.qa-detail .add-reply a {
  display: inline-block;
  border-radius: 0px 0px 10px 10px;
  background: #f89101;
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 500;
  float: right;
  padding: 15px 20px; }
  .qa-detail .add-reply a:hover {
    text-decoration: none; }
  .qa-detail .add-reply a i {
    padding-right: 13px; }
.qa-detail .q-a-title {
  color: #7c7a71;
  font-weight: 500; }
  .qa-detail .q-a-title .title, .qa-detail .q-a-title .faqInfomation .content, .faqInfomation .qa-detail .q-a-title .content {
    color: #333333; }
  .qa-detail .q-a-title .content {
    font-style: normal !important; }
.qa-detail .wrap-img {
  width: 80px;
  height: 80px;
  margin: auto; }
  .qa-detail .wrap-img figure {
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: auto; }
    .qa-detail .wrap-img figure img {
      width: 80px;
      height: 80px; }

@media (min-width: 992px) {
  .page-post .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 100%; } }

#qa-frompost .list-group-item {
  position: relative;
  padding: 25px 60px 52px;
  border: 0; }
  #qa-frompost .list-group-item .wrap-img {
    width: 80px;
    height: 80px; }
    #qa-frompost .list-group-item .wrap-img figure {
      overflow: hidden;
      width: 80px;
      height: 80px;
      border-radius: 50%; }
      #qa-frompost .list-group-item .wrap-img figure img {
        width: 80px;
        height: 80px; }
  #qa-frompost .list-group-item .exits {
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 15px; }
    #qa-frompost .list-group-item .exits i {
      color: #000000; }
#qa-frompost .name-avete {
  color: #333333;
  font-weight: 600;
  font-size: 1rem; }
  #qa-frompost .name-avete figure {
    margin: 0; }
  #qa-frompost .name-avete span {
    padding-left: 30px; }
#qa-frompost .send-mail {
  padding-left: 15px;
  color: #7c7a71;
  font-weight: 500;
  font-size: 0.8rem;
  padding-right: 45px; }
#qa-frompost .faqSubitem .boxAvatar .checkbox {
  position: absolute;
  bottom: 70px;
  right: -4px; }
#qa-frompost .add-reply a {
  display: inline-block;
  border-radius: 0px 0px 10px 10px;
  background: #f89101;
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 500;
  float: right;
  padding: 15px 20px; }
  #qa-frompost .add-reply a:hover {
    text-decoration: none; }
  #qa-frompost .add-reply a i {
    padding-right: 13px; }
#qa-frompost .q-a-title {
  color: #7c7a71;
  font-weight: 500; }
  #qa-frompost .q-a-title .title, #qa-frompost .q-a-title .faqInfomation .content, .faqInfomation #qa-frompost .q-a-title .content {
    color: #333333; }
  #qa-frompost .q-a-title .content {
    font-style: normal !important; }
#qa-frompost .body-texts .title-question {
  font-size: 0.8rem;
  color: #333;
  font-weight: 600; }
#qa-frompost .body-texts .content-text {
  color: #333;
  font-weight: 500;
  font-size: 0.8rem; }
#qa-frompost .body-texts .form-group label {
  color: #333;
  font-weight: 600;
  font-size: 1rem; }
#qa-frompost .body-texts .form-group label {
  padding-bottom: 16px; }
#qa-frompost .body-texts .form-group textarea {
  resize: none;
  border-radius: 0;
  padding: 30px 40px;
  border: 1px solid  #eaeaea; }
#qa-frompost .list-question .select-question select {
  width: 100%;
  font-weight: 500;
  font-size: 0.8rem;
  padding: 15px 0 16px 40px;
  background: #e6e6e6;
  border: none; }
#qa-frompost .list-question .btn-search-question button.btn {
  background: #01a23c;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0; }
#qa-frompost .posted-btn .btn {
  text-transform: uppercase;
  border-radius: 0; }
#qa-frompost .checkboxFive {
  width: 100%;
  position: relative; }
#qa-frompost .checkboxFive label {
  cursor: pointer;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #878787; }
#qa-frompost .checkboxFive label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 10px;
  height: 5px;
  background: transparent;
  top: 5px;
  left: 4px;
  border: 1px solid #717171;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }
#qa-frompost .checkboxFive input[type=checkbox]:checked + label:after {
  opacity: 1; }

.tab-logged {
  padding: 12px 56px !important; }
  .tab-logged .bell-log {
    position: relative; }
    .tab-logged .bell-log .bell_2 {
      position: absolute;
      top: -4px;
      right: -5px; }
  .tab-logged .wrap-img {
    padding-left: 22px; }
    .tab-logged .wrap-img figure {
      margin: 0; }
  .tab-logged .show-logged {
    padding: 12px; }
    .tab-logged .show-logged .btn {
      border: none;
      background: none;
      color: #8e8c82;
      font-size: 0.875rem;
      font-weight: 600;
      transition: none; }
      .tab-logged .show-logged .btn:focus {
        box-shadow: none; }
  .tab-logged .text-log {
    position: absolute;
    z-index: 999;
    top: 7px;
    font-size: 10px;
    right: 0px;
    background: red;
    font-weight: 400;
    border: 1px solid red;
    width: 12px;
    height: 12px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    line-height: 12px; }

.wrap-img {
  width: 30px;
  height: 30px; }
  .wrap-img figure {
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 50%; }
    .wrap-img figure img {
      width: 30px;
      height: 30px; }

.popover-body {
  padding: 0; }

.popover {
  max-width: 300px; }

.thong-bao .muc-thongbao {
  height: 300px;
  overflow-x: hidden; }
  .thong-bao .muc-thongbao .chi-tiet-tb {
    margin: 0;
    padding: 10px;
    border: 1px solid #dddfe2;
    border-right: transparent;
    border-left: transparent;
    border-top: transparent; }
    .thong-bao .muc-thongbao .chi-tiet-tb a {
      text-decoration: none;
      color: #333; }
      .thong-bao .muc-thongbao .chi-tiet-tb a span {
        font-weight: 700; }
    .thong-bao .muc-thongbao .chi-tiet-tb:hover {
      background: #f6f6f6; }
    .thong-bao .muc-thongbao .chi-tiet-tb .wrap-img {
      width: 51px;
      height: 51px; }
      .thong-bao .muc-thongbao .chi-tiet-tb .wrap-img figure {
        overflow: hidden;
        width: 51px;
        height: 51px;
        border-radius: 50%; }
        .thong-bao .muc-thongbao .chi-tiet-tb .wrap-img figure img {
          width: 51px;
          height: 51px; }
    .thong-bao .muc-thongbao .chi-tiet-tb .time-tb {
      color: #90949c;
      font-size: 12px;
      font-weight: 400; }
  .thong-bao .muc-thongbao .not-seen {
    background: #edf2fa; }
.thong-bao .all-seen {
  text-align: center;
  padding: 6px 0; }
  .thong-bao .all-seen a {
    text-decoration: none;
    color: #365899;
    font-weight: 600; }
    .thong-bao .all-seen a:hover {
      text-decoration: underline; }

#room {
  margin-bottom: 125px; }
  #room .calendar_week._header {
    background: #82c832; }
  #room .mainTable .calendar_week .dates {
    color: #9d9d9d;
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 10px; }
  #room .mainTable .calendar_week .content {
    background: #fecd35;
    margin-bottom: 7px;
    padding: 5px 10px;
    color: #fff; }
    #room .mainTable .calendar_week .content:hover {
      background: #f89101; }
  #room .mainTable .calendar_week .blue {
    background: #3cb9e2; }
    #room .mainTable .calendar_week .blue:hover {
      background: #3452ff; }

span.inputpicker-arrow {
  display: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0; }

.info-calender {
  position: relative; }
  .info-calender .close-calender {
    position: absolute;
    right: 15px;
    top: 12px; }
    .info-calender .close-calender img:hover {
      color: #f89101; }
  .info-calender .modal-calender {
    padding-left: 36px;
    padding-right: 36px;
    word-break: break-word; }
  .info-calender .time-calender {
    margin-top: 36px; }
  .info-calender .day-cale {
    background: #f89101;
    border-radius: 8px;
    color: #fff;
    font-size: 1.75rem;
    padding: 24px 12px 21px 12px;
    font-weight: 600; }
    .info-calender .day-cale .day-full {
      font-size: 1rem; }
  .info-calender .text-day-cale {
    color: #6c6c6a;
    font-size: 0.875rem;
    font-weight: 500;
    padding-left: 37px; }
    .info-calender .text-day-cale span {
      color: #181818;
      font-size: 1.125rem;
      font-weight: 600; }
  .info-calender .title-cale {
    margin-top: 35px;
    line-height: 30px;
    font-size: 1.125rem;
    font-weight: 600; }
  .info-calender .text-cale {
    line-height: 24px;
    font-size: 1rem;
    font-weight: 400;
    padding: 14px 0 35px; }
  @media (max-width: 767.98px) {
    .info-calender .text-day-cale {
      margin-top: 15px;
      padding-left: 15px !important; }
    .info-calender .day-cale {
      margin-left: 15px; } }

#tabs-homepage .tab-content.tab-room {
  background: transparent;
  box-shadow: none; }

#tabs-homepage .tab-content .form-control {
  padding: 5px;
  border: solid 2px #F89101;
  background-color: transparent;
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  color: #333333;
  font-size: 1.8rem;
  font-weight: 500; }

.tabs-room-home {
  margin-top: -3.3rem !important; }

#tabs-homepage nav .nav-tabs {
  border-bottom: 1px solid #dee2e6; }

.title-h {
  font-size: 1rem;
  font-weight: 400;
  color: #262626; }

.introduce .title-introduce {
  text-align: center;
  font-size: 1.875rem;
  font-weight: 700;
  color: #262626; }
  .introduce .title-introduce p {
    font-size: 0.875rem;
    margin-top: 20px;
    font-weight: 400;
    line-height: 30px; }
.introduce .borde-up {
  border: 1px solid #cccccc;
  border-radius: 8px;
  height: 100%; }
  .introduce .borde-up:hover {
    background: #fff;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    transition: all .6s ease;
    border: transparent; }
.introduce .start-up-intro {
  text-align: center; }
  .introduce .start-up-intro .img-object {
    padding-top: 57px;
    padding-bottom: 39px; }
  .introduce .start-up-intro .text-start-up {
    color: #262626; }
    .introduce .start-up-intro .text-start-up h4 {
      font-size: 1.375rem;
      font-weight: 500; }
    .introduce .start-up-intro .text-start-up p {
      font-size: 0.875rem;
      font-weight: 300;
      line-height: 30px;
      padding: 25px 10px 35px;
      margin-bottom: 0; }
      .introduce .start-up-intro .text-start-up p span {
        color: #82c832; }

.event-intro {
  color: #262626; }
  .event-intro .title, .event-intro .faqInfomation .content, .faqInfomation .event-intro .content {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px; }
  .event-intro .text {
    margin-top: 33px;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    text-align: justify; }
  .event-intro button.btn {
    margin-top: 28px;
    background-color: #262626;
    color: #fff;
    padding: 12px 28px;
    border-radius: 40px; }
  .event-intro img {
    max-width: 100%; }

#setting .left {
  padding-right: 40px; }
  #setting .left .title, #setting .left .faqInfomation .content, .faqInfomation #setting .left .content {
    color: #fff;
    background: #01a23c;
    padding: 22px 58px 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 11px;
    text-align: center; }
  #setting .left .text, #setting .left a {
    color: #7c7a71;
    text-decoration: none;
    font-weight: 400; }
    #setting .left .text p:hover, #setting .left .text a:hover, #setting .left a p:hover, #setting .left a a:hover {
      color: #f89101;
      font-weight: 600;
      transition: all .3s; }
    #setting .left .text p .active, #setting .left .text a .active, #setting .left a p .active, #setting .left a a .active {
      color: #f89101;
      font-weight: 600; }
#setting .right {
  background: #fff;
  border-radius: 11px; }
  #setting .right .title, #setting .right .faqInfomation .content, .faqInfomation #setting .right .content {
    color: #515151;
    font-size: 0.875rem;
    font-weight: 600; }
  #setting .right .avatar img {
    height: 111px;
    width: 111px;
    margin: 0 25px 0 18px; }
  #setting .right .avatar .text {
    color: #7c7a71;
    font-size: 0.75rem;
    font-weight: 400; }
  #setting .right .sex .text {
    margin-left: 53px; }
    #setting .right .sex .text .container {
      display: block;
      position: relative;
      padding-left: 35px;
      font-size: 14px;
      margin-bottom: 12px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    #setting .right .sex .text .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    #setting .right .sex .text .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 16px;
      width: 16px;
      background-color: #eee;
      border-radius: 50%; }
    #setting .right .sex .text .container:hover input ~ .checkmark {
      background-color: #ccc; }
    #setting .right .sex .text .container input:checked ~ .checkmark {
      background-color: #f89101; }
    #setting .right .sex .text .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    #setting .right .sex .text .container input:checked ~ .checkmark:after {
      display: block; }
    #setting .right .sex .text .container .checkmark:after {
      top: 4px;
      left: 4px;
      width: 9px;
      height: 5px;
      background: transparent;
      border: 2px solid #fff;
      border-top: none;
      border-right: none;
      transform: rotate(-45deg); }
  #setting .right .birthday {
    align-items: baseline; }
    #setting .right .birthday .title, #setting .right .birthday .faqInfomation .content, .faqInfomation #setting .right .birthday .content {
      margin-right: 42px; }
    #setting .right .birthday .form-group #exampleFormControlSelect1 {
      width: 100px; }
    #setting .right .birthday .form-group .d-m-y {
      display: flex;
      align-items: center;
      margin: 0 12px;
      color: #7c7a71;
      font-size: 0.75rem;
      font-weight: 300; }
  #setting .right .birthday-text {
    margin-left: 142px; }
    #setting .right .birthday-text .container {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      font-size: 14px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      #setting .right .birthday-text .container p {
        color: #7c7a71;
        font-size: 12px;
        font-weight: 300; }
    #setting .right .birthday-text .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    #setting .right .birthday-text .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 16px;
      width: 16px;
      background-color: #eee;
      border-radius: 3px; }
    #setting .right .birthday-text .container:hover input ~ .checkmark {
      background-color: #ccc;
      border-radius: 3px; }
    #setting .right .birthday-text .container input:checked ~ .checkmark {
      background-color: #f89101;
      border-radius: 3px; }
    #setting .right .birthday-text .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    #setting .right .birthday-text .container input:checked ~ .checkmark:after {
      display: block; }
    #setting .right .birthday-text .container .checkmark:after {
      left: 5px;
      top: 2px;
      width: 6px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  #setting .right .object .text {
    margin-left: 42px;
    color: #262626;
    font-size: 14px;
    font-weight: 400; }
    #setting .right .object .text p {
      margin-top: 11px;
      color: #7c7a71;
      font-size: 12px;
      font-weight: 300; }
  #setting .right .about-you .title, #setting .right .about-you .faqInfomation .content, .faqInfomation #setting .right .about-you .content {
    margin-bottom: 20px; }
  #setting .right .about-you #cke_ten {
    width: 100%; }
  #setting .right .btn-setting .btn {
    background: #01a23c;
    color: #eef0dc;
    border-radius: 35px; }
    #setting .right .btn-setting .btn:hover {
      background: #0c6d22; }

.category-setting {
  margin-left: 0px !important; }

#setting .right h2 {
  color: #181818;
  font-size: 1rem;
  font-weight: 600; }
#setting .right .setting-option {
  color: #515151;
  font-size: 14px;
  font-weight: 400; }

.post-projectdeas .avatar-pro .title, .post-projectdeas .avatar-pro .faqInfomation .content, .faqInfomation .post-projectdeas .avatar-pro .content {
  margin-right: 40px !important; }
.post-projectdeas .avatar-pro .img img {
  width: 111px;
  height: 111px; }
.post-projectdeas .tieu-de .form-group input {
  background: #fff; }
.post-projectdeas .tieu-de .form-group.is-valid .input-group .form-control {
  color: #333; }
.post-projectdeas .mo-ta textarea#comment {
  resize: none; }
.post-projectdeas .d-m-y {
  margin: 0 10px; }
.post-projectdeas .group .form-group input {
  background: #fff; }

.setting-xacthuc .right .text-xacthuc .t-xt {
  color: #515151;
  font-size: 14px;
  font-weight: 300; }
.setting-xacthuc .right .xt-email {
  color: #262626;
  font-size: 14px;
  font-weight: 400; }
.setting-xacthuc .right .xt-mail-sp {
  color: #7c7a71;
  font-size: 12px;
  font-weight: 300; }
.setting-xacthuc .right .switch-xt .switch {
  font-size: 1rem;
  position: relative; }
  .setting-xacthuc .right .switch-xt .switch input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0; }
    .setting-xacthuc .right .switch-xt .switch input + label {
      position: relative;
      min-width: calc(calc(2.375rem * .8) * 2);
      border-radius: calc(2.375rem * .8);
      height: calc(2.375rem * .8);
      line-height: calc(2.375rem * .8);
      display: inline-block;
      cursor: pointer;
      outline: none;
      user-select: none;
      vertical-align: middle;
      text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem); }
    .setting-xacthuc .right .switch-xt .switch input + label::before,
    .setting-xacthuc .right .switch-xt .switch input + label::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: calc(calc(2.375rem * .8) * 2);
      bottom: 0;
      display: block; }
    .setting-xacthuc .right .switch-xt .switch input + label::before {
      right: 0;
      background-color: #dee2e6;
      border-radius: calc(2.375rem * .8);
      transition: 0.2s all; }
    .setting-xacthuc .right .switch-xt .switch input + label::after {
      top: 2px;
      left: 2px;
      width: calc(calc(2.375rem * .8) - calc(2px * 2));
      height: calc(calc(2.375rem * .8) - calc(2px * 2));
      border-radius: 50%;
      background-color: white;
      transition: 0.2s all; }
    .setting-xacthuc .right .switch-xt .switch input:checked + label::before {
      background-color: #f89101; }
    .setting-xacthuc .right .switch-xt .switch input:checked + label::after {
      margin-left: calc(2.375rem * .8); }
    .setting-xacthuc .right .switch-xt .switch input:focus + label::before {
      outline: none;
      box-shadow: 0 0 0 0.2rem rgba(248, 145, 1, 0.25); }
    .setting-xacthuc .right .switch-xt .switch input:disabled + label {
      color: #868e96;
      cursor: not-allowed; }
    .setting-xacthuc .right .switch-xt .switch input:disabled + label::before {
      background-color: #e9ecef; }
  .setting-xacthuc .right .switch-xt .switch.switch-sm {
    font-size: 0.875rem; }
    .setting-xacthuc .right .switch-xt .switch.switch-sm input + label {
      min-width: calc(calc(1.9375rem * .8) * 2);
      height: calc(1.9375rem * .8);
      line-height: calc(1.9375rem * .8);
      text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem); }
    .setting-xacthuc .right .switch-xt .switch.switch-sm input + label::before {
      width: calc(calc(1.9375rem * .8) * 2); }
    .setting-xacthuc .right .switch-xt .switch.switch-sm input + label::after {
      width: calc(calc(1.9375rem * .8) - calc(2px * 2));
      height: calc(calc(1.9375rem * .8) - calc(2px * 2)); }
    .setting-xacthuc .right .switch-xt .switch.switch-sm input:checked + label::after {
      margin-left: calc(1.9375rem * .8); }
  .setting-xacthuc .right .switch-xt .switch.switch-lg {
    font-size: 1.25rem; }
    .setting-xacthuc .right .switch-xt .switch.switch-lg input + label {
      min-width: calc(calc(3rem * .8) * 2);
      height: calc(3rem * .8);
      line-height: calc(3rem * .8);
      text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem); }
    .setting-xacthuc .right .switch-xt .switch.switch-lg input + label::before {
      width: calc(calc(3rem * .8) * 2); }
    .setting-xacthuc .right .switch-xt .switch.switch-lg input + label::after {
      width: calc(calc(3rem * .8) - calc(2px * 2));
      height: calc(calc(3rem * .8) - calc(2px * 2)); }
    .setting-xacthuc .right .switch-xt .switch.switch-lg input:checked + label::after {
      margin-left: calc(3rem * .8); }
  .setting-xacthuc .right .switch-xt .switch + .switch {
    margin-left: 1rem; }

.all-bell .title-bell-al {
  font-size: 24px;
  font-weight: 600;
  text-decoration: underline;
  margin-top: 25px; }
.all-bell .all-seen {
  margin-top: 20px; }
.all-bell .muc-thongbao .chi-tiet-tb:hover {
  background: #e8e8e8; }

/*# sourceMappingURL=style.css.map */


/*Config*/
.row.row-sm {
    margin-left: -7px;
    margin-right: -7px;
}
.row.row-sm [class*="col-"] {
    padding-left: 7px;
    padding-right: 7px;
}
.headers-box {
  position: relative;
  padding: 60px 25px 40px 25px;
  border-radius: 15px 15px 0 0;
  color: #fff;
  background-image: url(../image/bg-4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.headers-box .btn {
  font-size: .8rem;
  padding: 0 0.8rem;
  position: absolute;
  right: 15px;
  top: 15px;
  color: #333;
  background-color: rgb(255 255 255 / 70%);
}
.group_forumStartup .forumStartup:nth-child(2n+0) .headers-box{
  background-image: url(../image/bg-5.png);
}
.group_forumStartup .forumStartup:nth-child(3n+0) .headers-box{
  background-image: url(../image/bg-6.png);
}
.group_forumStartup .bottom-box {
  background-color: #fff;
  padding: 15px 20px;
  margin: 0 0 10px;
  border-radius: 0 0 10px 10px;
}
.group_forumStartup .content-box {
  background-color: #fff;
  padding: 15px 20px;
  margin: 10px 0;
  border-radius: 10px;
}
.content-box .ArtilesTitle {
  font-weight: bold;
}
.content-box .ArtilesTitle a {
  color: #1d2751;
}
.content-box .title {
  font-size: .9rem;
}
.content-box .title a, .content-box .member {
  color: #212529;
}
.content-box .countArticles {
  font-size: .9rem;
}
.content-box .datesPosts {
  font-size: .9rem;
  color: #5e70c1;
}
.footer-register .title {
  font-weight: bold;
}
.btn.btn-register {
  color: #fff;
  background-color: #0fb85f;
  padding: 0.2rem 1.5rem;
}
.btn.btn-register:hover {
  background-color: #f48714;
}
@media screen and (max-width: 767px) {
  .group_forumStartup .content-box {
    padding: 12px 8px;
  }
  .group_forumStartup .content-box .row {
    align-items: center;
  }
  .group_forumStartup .content-box .mainTitle {
    margin-bottom: 10px;
  }
}
/*End config*/