/*
* @ Core CSS File
* @ Author: Uoc Nguyen
* @ Fontend Developer
* @ Website: http://lamnham.com
* @ Template: UBVNN
* @ Last Updated: 14h:58 08/08/2018;
*/
/* Fonts */
/* Fonts */
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype"), url("../fonts/roboto/Roboto-Bold.svg#SFUFutura") format("svg");
  font-weight: bold;
  font-style: bold; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"), url("../fonts/roboto/Roboto-Regular.svg#SFUFutura") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff") format("woff"), url("../fonts/roboto/Roboto-Light.ttf") format("truetype"), url("../fonts/roboto/Roboto-Light.svg#SFUFutura") format("svg");
  font-weight: 300;
  font-style: 300; }

@font-face {
  font-family: 'RobotoCondensed';
  src: url("../fonts/roboto_condesed/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto_condesed/RobotoCondensed-Bold.woff") format("woff"), url("../fonts/roboto_condesed/RobotoCondensed-Bold.ttf") format("truetype"), url("../fonts/roboto_condesed/RobotoCondensed-Bold.svg#SFUFutura") format("svg");
  font-weight: bold;
  font-style: bold; }

/*style home*/
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 0.0px;
  text-rendering: geometricPrecision; }

.launcher-chat {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 10px;
  z-index: 101;
  right: 10px;
  background: #185fca;
  font-size: 24px;
  cursor: pointer;
  color: white; }

.launcher-chat:hover {
  background: #134a9c; }

.aui body {
  font-family: 'Roboto';
  font-size: 13px;
  background: white;
  color: #1b1919;
  overflow-x: hidden; }

/* .aui img {
  max-width: 100%;
} */
.aui .top-banner {
  background: #08388f;
  color: #fcca4c; }

.aui a:hover,
.aui a:focus {
  text-decoration: none; }

.aui .top-banner .box-banner {
  padding: 10px 0px;
  padding-bottom: 20px; }

.aui .top-banner .box-banner:after {
  content: "";
  display: block;
  clear: both; }

.aui .top-banner .box-links {
  text-align: center;
  margin-top: 10px; }

.aui .top-banner .box-links > li {
  display: inline-block; }

.aui .top-banner .box-links > li > a {
  padding: 0px 10px;
  display: block;
  font-size: 15px;
  color: #fcca4c; }

.aui .top-banner .box-links > li > a:hover {
  color: white;
  text-decoration: none; }

.aui .top-banner .box-links > li > a:hover .icon {
  background: #fcca4c; }

.aui .top-banner .box-links .icon {
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px solid #fcca4c;
  display: inline-block;
  margin-bottom: 10px; }

.aui .top-banner .box-links .text {
  display: block; }

.aui .top-banner .logo {
  display: inline-block;
  padding-left: 100px;
  position: relative;
  text-transform: uppercase;
  padding-top: 15px; }

.aui .top-banner .logo .img {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px; }

.aui .top-banner .logo .img img {
  height: 75px; }

.aui .top-banner .title {
  margin-bottom: 7px;
  font-family: "RobotoCondensed", Arial;
  font-size: 24px;
  font-weight: bold;
  color: #fcca4c; }

.aui .top-banner .subtitle {
  font-size: 16px;
  color: white; }

.aui .top-banner:hover {
  color: #fcca4c; }

@media (max-width: 768px) {
  .aui .top-banner {
    height: auto;
    text-align: center;
    padding-top: 0px; }

  .aui .top-banner .logo {
    padding-left: 0px; }

  .aui .top-banner .logo .img {
    display: inline-block;
    position: relative;
    margin-bottom: 10px; }

  .aui .top-banner .title {
    font-size: 20px;
    line-height: 28px; }

  .aui .top-banner .subtitle {
    font-size: 14px;
    line-height: 20px; } }
.aui .menu-portlet .portlet-borderless-container {
  background: none; }

.aui .wrapper-content {
  padding: 20px 0px; }

.aui header.header {
  background: #08388f;
  margin-top: 0px; }

.aui header.header .topMenu {
  position: relative;
  z-index: 99;
  max-width: 1200px;
  margin: auto;
  background: #0c1337; }

.aui header.header .menus {
  margin: 0px;
  padding: 0px;
  margin-bottom: 0px; }

.aui header.header .menus:after {
  content: "";
  clear: both;
  display: block; }

.aui header.header:after {
  content: "";
  clear: both;
  display: block; }

.aui header.header .container {
  position: relative; }

.aui header.header .menus > li {
  display: inline-block;
  float: left;
  position: relative;
  margin-left: 30px; }

.aui header.header .menus > li > a {
  display: block;
  padding: 14px 0px;
  color: #fcca4c;
  font-size: 16px;
  position: relative; }

.aui header.header .menus > li > a:hover {
  text-decoration: none; }

.aui header.header .menus > li:hover > a:before,
.aui header.header .menus > li.active > a:before {
  height: 3px;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #fcca4c; }

.aui header.header .menus > li:hover > .dropdown-menu,
.aui header.header .menus > li.active > .dropdown-menu {
  margin: 0px;
  display: block; }

.aui header.header .menus .dropdown-menu {
  border-radius: 0px;
  background: #104078;
  margin: 0px;
  left: 0px;
  padding: 0px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
  border: none; }

.aui header.header .menus .dropdown-menu > li {
  border-bottom: 1px solid black; }

.aui header.header .menus .dropdown-menu > li:last-child {
  border-bottom: 0px; }

.aui header.header .menus .dropdown-menu > li > a {
  color: white;
  padding: 7px 10px; }

.aui header.header .menus .dropdown-menu > li:hover > a,
.aui header.header .menus .dropdown-menu > li.active > a {
  background: rgba(255, 255, 255, 0.1);
  color: white; }

.aui header.header .menus .dropdown-menu > li.active > a {
  font-weight: bold; }

.aui header.header .box-search {
  position: absolute;
  top: 5px;
  right: 10px;
  max-width: 200px;
  width: 100%; }

.aui header.header .box-search .input-search {
  padding-right: 0px;
  text-align: right; }

.aui header.header .box-search .input-search:hover .form-control {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease; }

.aui header.header .box-search .form-control {
  background: white;
  border-radius: 2px;
  border: 0px;
  box-shadow: none;
  display: inline-block;
  height: auto;
  padding: 5px 10px;
  width: 30px;
  color: #333333;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease; }

.aui header.header .box-search .form-control:focus {
  box-shadow: 0px 0px 0px 1px #2f6fb9; }

.aui header.header .box-search .btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 0px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 0px;
  border: 0px;
  color: #fcca4c;
  right: 0px; }

.aui header.header .box-search .btn:hover {
  color: #fcca4c; }

@media (max-width: 1200px) {
  .aui header.header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 260px;
    bottom: 0px;
    z-index: 99;
    margin-top: 0px;
    left: -100%;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease; }

  .aui header.header.opened {
    left: 0;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease; }

  .aui header.header .container {
    padding: 0px; }

  .aui header.header .menus > li {
    float: none;
    margin: 0px;
    width: 100%; }

  .aui header.header .menus > li > a {
    padding: 10px 10px; }

  .aui header.header .dropdown-menu {
    position: relative;
    width: 100%;
    display: block; }

  .aui header.header .box-search {
    position: relative;
    max-width: 100%;
    right: 0px;
    top: 0px;
    padding: 0px 10px; }

  .aui header.header .box-search .form-control {
    opacity: 1;
    visibility: visible;
    width: 100%; } }
.aui .nav-toggle {
  display: none;
  width: 40px;
  height: 35px;
  z-index: 10;
  position: fixed;
  background: #0b366a;
  color: white;
  top: 10px;
  text-align: center;
  line-height: 35px;
  font-size: 24px;
  right: 0px;
  z-index: 88;
  cursor: pointer;
  border-radius: 0px; }

@media (max-width: 1200px) {
  .aui .nav-toggle {
    display: block; } }
.aui .nav-toggle .bar {
  height: 2px;
  width: 25px;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: white;
  transition: all 0.3s 0.2s;
  -webkit-transition: all 0.3s 0.2s; }

.aui .nav-toggle .bar.first {
  bottom: 12px; }

.aui .nav-toggle .bar.last {
  top: 12px; }

.aui .nav-toggle.active .bar {
  transition: all 0.3s 0.2s;
  -webkit-transition: all 0.3s 0.2s; }

.aui .nav-toggle.active .bar.first {
  bottom: 0px;
  transform: rotate(45deg); }

.aui .nav-toggle.active .bar.last {
  top: 0px;
  transform: rotate(-45deg); }

.aui .nav-toggle.active .bar.mid {
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0; }

.aui .hero-banner {
  position: relative;
  top: -20px; }

.aui .hero-banner .content {
  position: relative; }

.aui .hero-banner img {
  display: block; }

.aui .hero-banner .slick-slide {
  position: relative; }

.aui .hero-banner .slick-slide.slick-active .title {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.aui .hero-banner .slick-slide.slick-active .subtitle {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.aui .hero-banner .hero-text {
  position: absolute;
  max-width: 700px;
  top: 15vw;
  z-index: 100;
  text-transform: uppercase;
  left: 60vw;
  color: #0a294e; }

.aui .hero-banner .hero-text.left {
  left: auto;
  right: 60vw; }

.aui .hero-banner .hero-text .subtitle {
  font-size: 18px;
  display: block;
  margin-bottom: 10px; }

.aui .hero-banner .hero-text .title {
  font-size: 24px;
  font-weight: bold; }

@media (max-width: 768px) {
  .aui .hero-banner .hero-text {
    top: 0px;
    left: 0px;
    padding: 20px;
    text-align: center;
    width: 100%; }

  .aui .hero-banner .hero-text .subtitle {
    font-size: 16px; }

  .aui .hero-banner .hero-text .title {
    font-size: 20px; } }
@media (max-width: 768px) {
  .aui .hero-banner .slick-dots {
    bottom: 5px; } }
@media (max-width: 1200px) {
  .aui .hero-banner {
    margin-top: 0px; } }
@media (max-width: 991px) {
  .aui .top-banner .logo {
    width: 100%;
    text-align: center;
    padding-left: 0px; }

  .aui .top-banner .logo .img {
    position: relative;
    margin-bottom: 10px; }

  .aui .top-banner .box-links {
    width: 100%; } }
.aui .box-social {
  position: relative;
  margin-top: -80px;
  color: white;
  z-index: 10;
  margin-bottom: 20px; }

.aui .box-social .li {
  margin-right: 30px; }

.aui .box-social .li:last-child {
  margin-right: 0px; }

.aui .box-social .li .number {
  color: #ffd777; }

.aui .box-social .icon {
  margin-right: 5px; }

.aui .box-social .btn {
  padding: 5px; }

.aui .box-social .btn:hover {
  border-color: white;
  color: white; }

@media (max-width: 768px) {
  .aui .box-social {
    margin-top: 0px;
    padding: 10px 20px;
    color: #232323;
    border-bottom: 1px solid #e1e2e3; }

  .aui .box-social .hotline,
  .aui .box-social .social {
    width: 100%; }

  .aui .box-social .li {
    display: block;
    margin-bottom: 10px; }

  .aui .box-social .li .number {
    color: #0b366a; } }
.aui .section-head {
  display: block;
  margin-bottom: 40px;
  text-align: center; }

.aui .section-head:after {
  content: "";
  display: block;
  clear: both; }

.aui .section-head .title-main {
  text-transform: uppercase;
  font-size: 24px;
  color: #313131;
  display: inline-block;
  position: relative;
  padding: 5px 0px; }

.aui .section-head .btn-readmore {
  display: block;
  margin-top: 20px; }

@media (max-width: 768px) {
  .aui .section-head .title-main {
    font-size: 18px; } }
.aui .section {
  padding: 40px 0px;
  display: block !important;
  position: relative; }

.aui .service-item {
  margin-bottom: 30px; }

.aui .service-item .viewmore {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fbbe3f;
  font-size: 18px;
  text-align: center;
  line-height: 46px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  z-index: 3;
  color: white;
  transform: translateY(-20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease; }

.aui .service-item .viewmore:hover {
  opacity: 0.8; }

.aui .service-item .viewmore .fa {
  line-height: 46px;
  color: white; }

.aui .service-item .wrap {
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden; }

.aui .service-item .wrap img {
  opacity: 0; }

.aui .scroll-top {
  width: 40px;
  height: 40px;
  border-radius: 0px;
  position: fixed;
  bottom: 0px;
  right: 60px;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.5);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, 0, endColorstr=#80000000, 0);
  color: white;
  line-height: 30px;
  z-index: 100;
  text-align: center;
  transform: translate(0px, 10px);
  -ms-transform: translate(0px, 10px);
  -webkit-transform: translate(0px, 10px);
  -moz-transition-transform: translate(0px, 10px);
  transition: all 0.5s ease;
  opacity: 0; }

.aui .scroll-top .fa {
  line-height: 40px;
  font-size: 18px; }

.aui .scroll-top:hover {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, 0, endColorstr=#cc000000, 0); }

.aui .scroll-top.show {
  opacity: 1;
  transition: all 0.5s ease;
  transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transition-transform: none; }

.aui .service-item .service-taxonomy {
  position: absolute;
  height: 50%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.65);
  color: white;
  padding: 30px 10px;
  text-align: center;
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease; }

.aui .service-item .service-taxonomy a:hover {
  color: #fbbe3f; }

.aui .service-item .service-taxonomy .title {
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px; }

.aui .service-item:hover .viewmore,
.aui .service-item:hover .service-taxonomy {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease; }

.aui .rating {
  color: #999999; }

.aui .rating .rate.-good {
  color: #eb972d; }

.aui .box-bg {
  background: white;
  border: 1px solid gainsboro;
  padding: 10px; }

.aui .section-showroom .showroom-img-box .row {
  margin: 0px -5px; }

.aui .section-showroom .showroom-img-box .col-sm-6 {
  padding: 0px 5px; }

.aui .section-showroom .img {
  background-position: center;
  background-size: cover;
  margin-bottom: 10px; }

.aui .section-showroom .img img {
  opacity: 0; }

.aui .section-showroom .showroom-desc {
  padding: 10px;
  background: #fafafa; }

.aui .section-showroom .showroom-desc .name {
  font-size: 16px;
  color: #3b5998;
  font-weight: bold;
  margin-bottom: 5px; }

.aui .section-showroom .showroom-desc .maps {
  margin-top: 5px; }

.aui .section-showroom .showroom-desc .info {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px dotted #dddddd; }

.aui .section-showroom .showroom-desc .value {
  line-height: 18px;
  margin-top: 5px; }

.aui .section-showroom .slick-dots {
  position: relative;
  left: 0px;
  text-align: center;
  margin-bottom: 0px;
  bottom: 0px; }

.aui .section-showroom .slick-dots button {
  font-size: 0px;
  width: 12px;
  height: 12px;
  background: #cccccc; }

.aui .section-showroom .slick-dots > li.slick-active button {
  background: #0b366a; }

/* .aui .section-business .item {
  padding: 0px 5px;
} */
.aui .section-business .wrap {
  border: 1px solid #dddddd;
  border-top: 2px solid #0b366a;
  padding: 20px;
  background: white;
  text-align: center;
  position: relative; }

.aui .section-business .wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  background: transparent;
  transition: all 0.3s ease; }

.aui .section-business .wrap:hover:before {
  transition: all 0.3s ease;
  background: rgba(26, 106, 169, 0.9); }

.aui .section-business .wrap:hover .more {
  transform: scaleY(1);
  transition: all 0.3s ease;
  -ms-transform: scaleY(1);
  opacity: 1;
  -webkit-transform: scaleY(1); }

.aui .section-business .wrap .logo {
  width: 120px;
  height: 100px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 5px; }

.aui .section-business .wrap .title {
  font-size: 15px;
  line-height: 20px;
  overflow: hidden;
  font-weight: bold;
  height: 40px;
  margin-bottom: 10px; }

.aui .section-business .wrap .post-cat {
  color: #fcca4c;
  display: block;
  margin-bottom: 5px; }

.aui .section-business .wrap .url {
  color: #0345a0;
  margin-bottom: 20px;
  display: block; }

.aui .section-business .wrap .more {
  border-radius: 20px;
  background: #fcca4c;
  color: black;
  text-transform: uppercase;
  opacity: 0;
  width: 100px;
  text-align: center;
  height: 26px;
  padding: 5px 10px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  position: absolute;
  transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  cursor: pointer;
  z-index: 3; }

.aui .section-business .wrap .more:hover {
  background: #fbbb1a;
  color: black; }

.aui .section-business .slick-arrow {
  position: absolute;
  top: 0px;
  background: #e0dfdf;
  font-size: 0px;
  font-family: ap;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 0px;
  color: white;
  right: 5px;
  top: -40px;
  padding: 0px; }

.aui .section-business .slick-arrow:hover {
  background: #fcca4c; }

.aui .section-business .slick-arrow:before {
  content: "";
  font-size: 24px; }

.aui .section-business .slick-arrow.slick-prev {
  right: 45px; }

.aui .section-business .slick-arrow.slick-prev:before {
  content: "\e110"; }

.aui .section-business .slick-arrow.slick-next:before {
  content: "\e111"; }

.aui .red {
  color: red !important; }

.aui .post-image {
  background-size: cover;
  display: block;
  margin-bottom: 10px;
  background-position: center; }

.aui .post-image img {
  opacity: 0; }

.aui .post-title {
  margin-top: 0px;
  margin-bottom: 10px;
  word-break: break-word; }

.aui .post-title > a {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  display: block;
  color: #232425; }

.aui .post-title > a:hover {
  color: #0b366a; }

.aui .post-date {
  opacity: .8;
  margin: 5px 0px; }

.aui .section-news .related-news {
  margin-bottom: 20px; }

.aui .section-news .related-news .item {
  padding: 12px 0px;
  border-bottom: 1px solid #e5e5e5; }

.aui .section-news .related-news .item a {
  font-size: 14px;
  color: #232425; }

.aui .section-news .related-news .item a:hover {
  color: #009ae5;
  text-decoration: none; }

.aui .section-news .related-news .item:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px; }

.aui .section-partners .item {
  padding: 0px 15px; }

.aui .section-partners .wrap {
  padding: 5px;
  border: 1px solid #dddddd;
  background: white; }

.aui .section-partners .post-image {
  background-size: contain;
  background-color: white;
  margin-bottom: 0px;
  background-repeat: no-repeat; }

.aui .section-partners .slick-arrow {
  position: absolute;
  font-size: 0px;
  background: white;
  border: 0px;
  width: 24px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  z-index: 2;
  height: 24px;
  line-height: 22px;
  padding: 0px;
  text-align: center;
  font-family: FontAwesome;
  border: 1px solid #dddddd;
  color: #999999; }

.aui .section-partners .slick-arrow:hover {
  background: #0b366a;
  border-color: rgba(0, 0, 0, 0.1);
  color: white; }

.aui .section-partners .slick-arrow:before {
  font-size: 18px; }

.aui .section-partners .slick-arrow.slick-prev {
  left: 0px; }

.aui .section-partners .slick-arrow.slick-prev:before {
  content: "\f104"; }

.aui .section-partners .slick-arrow.slick-next {
  right: 0px; }

.aui .section-partners .slick-arrow.slick-next:before {
  content: "\f105"; }

.aui .section-department {
  margin-top: 20px; }

.aui .canvas-department:after {
  content: "";
  display: block;
  clear: both; }

.aui .canvas-department a {
  display: block;
  padding: 15px;
  background-color: #0b366a;
  text-align: center;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1; }

.aui .canvas-department a:hover {
  transition: all 0.3s ease;
  transform: scale(1.1);
  z-index: 2; }

.aui .canvas-department .icon {
  width: 60px;
  height: 60px;
  padding: 15px;
  border-radius: 50%;
  border: 1px dashed #fcca4c;
  display: inline-block;
  margin-bottom: 20px;
  color: white; }

.aui .canvas-department .text {
  display: block;
  color: white;
  font-size: 16px; }

.aui .canvas-department .number {
  display: block;
  font-size: 24px;
  color: #fcca4c;
  font-weight: bold;
  margin-top: 10px; }

.aui .canvas-department .item {
  float: left;
  width: 16.66667%; }

.aui .canvas-department .item:nth-child(2n+2) > a {
  background-color: #dcaf3d;
  background-position: bottom center; }

.aui .canvas-department .item:nth-child(2n+2) .icon {
  border-color: #0b366a; }

.aui .canvas-department .item:nth-child(2n+2) .number {
  color: #0b366a; }

@media (max-width: 1200px) {
  .aui .canvas-department .item {
    width: 33.333%; } }
@media (max-width: 768px) {
  .aui .canvas-department .item {
    width: 50%;
    padding: 2px; } }
@media (max-width: 480px) {
  .aui .canvas-department .item {
    width: 100%; } }
.aui .breadcrumb {
  margin: 0px;
  background: none;
  margin-bottom: 20px; }

.aui .breadcrumb .icon-home {
  font-family: ap; }

.aui .breadcrumb .icon-home:before {
  content: "\e95d"; }

.aui .breadcrumb a {
  color: #333333; }

.aui .breadcrumb a:hover {
  color: #009ae5; }

.aui .steps {
  position: relative;
  margin: 20px 0px; }

.aui .steps:before {
  height: 1px;
  content: "";
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  margin: auto;
  position: absolute;
  background: #d2d2d3; }

.aui .steps .icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  line-height: 70px;
  text-align: center;
  border: 2px solid #d2d2d3;
  background: white;
  font-size: 20px;
  position: relative;
  color: #aaaaaa;
  margin-top: 10px; }

.aui .steps .text {
  padding-top: 10px; }

.aui .steps .item {
  width: 33.333%;
  float: left;
  text-align: center; }

.aui .steps .item.passed .icon,
.aui .steps .item:hover .icon {
  border-color: #2063b4;
  color: #2063b4; }

.aui .steps .item.passed .text,
.aui .steps .item:hover .text {
  font-weight: bold;
  color: #2063b4; }

.aui .section-gray {
  background: #f8f8f8; }

.aui .section-nganh-tieu-bieu {
  padding: 0px;
  padding-bottom: 20px; }

.aui .section-nganh-tieu-bieu .box-dntb {
  border: 1px solid #dddddd;
  padding: 20px;
  background: white;
  margin-top: 20px; }

.aui .section-nganh-tieu-bieu .box-dntb .title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin-bottom: 30px;
  text-align: center; }

.aui .section-nganh-tieu-bieu .box-dntb .title span {
  display: inline-block;
  position: relative;
  padding-bottom: 10px; }

.aui .section-nganh-tieu-bieu .box-dntb .title span:before {
  content: "";
  display: block;
  height: 1px;
  bottom: 0px;
  left: 20px;
  background: #dddddd;
  position: absolute;
  right: 20px; }

.aui .section-nganh-tieu-bieu .box-dn {
  margin: 0px -15px; }

.aui .section-nganh-tieu-bieu .box-dn:after {
  content: "";
  display: block;
  clear: both; }

.aui .section-nganh-tieu-bieu .box-dn .dn-item {
  width: 50%;
  float: left;
  padding: 10px 15px; }

.aui .section-nganh-tieu-bieu .box-dn .dn-item:nth-child(2n+3) {
  clear: both; }

@media (max-width: 768px) {
  .aui .section-nganh-tieu-bieu .box-dn .dn-item {
    width: 100%; } }
.aui .section-nganh-tieu-bieu .box-dn .wrap {
  position: relative;
  padding-left: 90px;
  min-height: 70px; }

.aui .section-nganh-tieu-bieu .box-dn .wrap .logo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #dddddd;
  position: absolute;
  top: 0px;
  left: 0px; }

.aui .section-nganh-tieu-bieu .box-dn .wrap .dn-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px; }

.aui .section-nganh-tieu-bieu .box-dn .wrap .desc {
  margin-top: 10px;
  padding-top: 10px;
  line-height: 20px; }

.aui .section-nganh-tieu-bieu .navslider {
  text-align: center;
  margin-bottom: 20px; }

.aui .section-nganh-tieu-bieu .navslider .btn {
  display: inline-block;
  color: #aaaaaa;
  border: 1px solid #aaaaaa;
  border-radius: 0px;
  cursor: pointer; }

.aui .section-nganh-tieu-bieu .navslider .btn:hover {
  color: white;
  background: #0b366a; }

.aui .section-nganh-tieu-bieu .text-result {
  margin: 20px 0px;
  padding-top: 10px;
  text-align: center;
  font-weight: bold;
  border-top: 1px solid #dddddd; }

.aui .section-nganh-tieu-bieu .company-relates .item {
  padding-left: 120px;
  position: relative;
  min-height: 70px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 20px; }

.aui .section-nganh-tieu-bieu .company-relates .item:last-child {
  border-bottom: 0px; }

.aui .section-nganh-tieu-bieu .company-relates .item .logo {
  position: absolute;
  /*top: 0px;*/
  left: 0px;
  width: 100px;
  height: 70px;
  margin: auto;
  /* Start anonymous added */
  /*   bottom: 0px; */
  /* End anonymous added */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.aui .section-nganh-tieu-bieu .company-relates .item .info {
  line-height: 20px; }

.aui .section-nganh-tieu-bieu .company-relates .item .info p {
  margin: 0px; }

@media (max-width: 480px) {
  .aui .section-nganh-tieu-bieu .company-relates .item {
    padding-left: 0px; }

  .aui .section-nganh-tieu-bieu .company-relates .item .logo {
    margin-bottom: 10px;
    position: relative;
    display: inline-block; } }
.aui .pagination-content {
  text-align: center; }

.aui .pagination {
  text-align: center; }

.aui .pagination > li {
  margin: 0px 2px;
  display: inline-block;
  float: none; }

.aui .pagination > li > a {
  height: 30px;
  line-height: 30px;
  padding: 0px;
  width: 30px;
  text-align: center;
  color: #555555;
  border-radius: 50% !important; }

.aui .pagination > li > a .fa {
  line-height: 30px; }

.aui .input-search {
  padding-right: 80px;
  position: relative; }

.aui .bold {
  font-weight: bold; }

.aui .input-search .btn-search {
  background: #37cc0f;
  color: white;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 80px;
  border: 0px;
  border-radius: 0px; }

.aui .box-form .form-control {
  border-radius: 0px; }

.aui .box-form .box-bg {
  background: #5c6274;
  padding: 10px;
  color: white; }

.aui .box-form .row {
  margin: 0px -5px; }

.aui .box-form .row .col-xs-12 {
  padding: 0px 5px; }

.aui .box-form .label-text {
  font-weight: bold;
  margin-bottom: 5px; }

.aui .template-item {
  max-width: 200px;
  margin: auto; }

.aui .template-item .actions {
  text-align: right;
  margin-top: 20px; }

.aui .template-item .actions .btn-select {
  background: #1389fd;
  border-radius: 0px;
  color: white;
  padding: 2px 20px; }

.aui .template-item .actions .btn-select:hover {
  background: #026fdb; }

.aui .post-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.aui .post-image img {
  opacity: 0; }

.aui .post-meta {
  font-size: 12px;
  margin: 5px 0px;
  word-break: break-word; }

.aui .post-cat {
  color: #1e88e5; }

.aui .post-cat:hover {
  text-decoration: underline; }

.aui .post-date {
  display: inline-block; }

.aui .post-date:before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #555555;
  display: inline-block;
  margin: 0px 5px; }

.aui .post-desc {
  line-height: 20px;
  word-break: break-word; }

.aui .box-detail:nth-child(2n+3) {
  clear: both; }

.aui .box-news-xx {
  margin-bottom: 30px;
  padding: 10px;
  background: white;
  border: 1px solid #eeeeee; }

.aui .box-news-xx .post-title > a {
  height: 40px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis; }

.aui .box-news-xx .post-desc {
  height: 60px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis; }

.aui .banner {
  margin-bottom: 5px;
  display: block; }

.aui .banner img {
  width: 100%; }

.aui .banners {
  margin-bottom: 20px; }

.aui .box-sidebar {
  margin-bottom: 30px; }

.aui .box-sidebar .title {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px; }

.aui .box-sidebar .features > li {
  padding: 7px 0px;
  border-bottom: 1px solid #d5d5d5; }

.aui .box-sidebar .features > li:last-child {
  border-bottom: 0px; }

.aui .box-sidebar .features .post-title > a {
  font-size: 16px;
  line-height: 22px;
  font-weight: normal; }

.aui .box-sidebar .menus {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.aui .box-sidebar .menus li.active > a {
  font-weight: bold; }

.aui .box-sidebar .menus > li {
  border-bottom: 1px dotted #d5d5d5; }

.aui .box-sidebar .menus > li:last-child {
  border-bottom: 0px; }

.aui .box-sidebar .menus > li > a {
  font-size: 16px;
  padding: 10px 0px;
  display: block;
  position: relative;
  color: #333333; }

.aui .box-sidebar .menus > li > a:hover {
  color: #23527c; }

.aui .box-sidebar .menus li > a:before {
  content: "\e111";
  position: absolute;
  font-family: ap;
  width: 30px;
  height: 30px;
  top: 5px;
  right: 0px;
  line-height: 30px;
  text-align: center; }

.aui .box-sidebar .menus li.active > ul {
  display: block; }

.aui .box-sidebar .menus li.active > a {
  color: #0b366a;
  font-weight: bold; }

.aui .box-sidebar .menus > li.active > a:before {
  content: "\e10f"; }

.aui .box-sidebar .menus ul {
  display: none;
  position: relative;
  width: 100%;
  float: none;
  top: 0px;
  margin: 0px;
  margin-bottom: 20px;
  left: 0px;
  right: 0px;
  border: 0px;
  background: none;
  padding: 0px;
  box-shadow: none; }

.aui .box-sidebar .menus ul > li {
  padding-left: 10px; }

.aui .box-sidebar .menus ul > li > a {
  position: relative; }

.aui .box-sidebar .menus ul > li a:hover,
.aui .box-sidebar .menus ul > li a:focus {
  background: none;
  color: #0f6aaf; }

.aui .box-sidebar .menus ul > li > a {
  padding: 7px 0px;
  padding-left: 15px;
  display: block;
  font-size: 14px;
  position: relative; }

.aui .box-sidebar .menus ul > li > a:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 5px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #555555; }

.aui .article {
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 30px; }

.aui .article .title-news h1 {
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 28px; }

.aui .article .title-news .date-post {
  color: #888888;
  font-size: 14px; }

.aui .article p,
.aui .article div,
.aui .article li {
  margin-bottom: 10px; }

.aui .article li {
  margin-left: 2em;
  list-style-type: disc; }

.aui .article img {
  max-width: 100%; }

.aui .article .news-meta {
  background: #f6f7f8;
  padding: 5px 10px;
  margin: 10px 0; }

.aui .article .news-meta div {
  margin: 0px; }

.aui .article .news-meta .action-cta-news {
  margin-top: 5px; }

.aui .article .news-meta .action-cta-news > a {
  padding: 2px 5px;
  line-height: 16px;
  font-weight: bold;
  background: #f4f5f6;
  font-size: 11px;
  border: 1px solid #d5d6d7;
  margin: 0px 1px;
  display: inline-block;
  color: #545657; }

.aui .article .news-meta .action-cta-news > a:hover {
  text-decoration: none;
  background: #0c69cc;
  color: white;
  border-color: rgba(0, 0, 0, 0.1); }

.aui .article .news-meta .share-button {
  margin-top: 10px;
  float: right; }

.aui .article .news-meta .share-button:after {
  content: "";
  display: block;
  clear: both; }

.aui .article .news-meta .share-button .text {
  float: left;
  margin-right: 10px; }

.aui .article .news-meta .share-button .btn {
  padding: 5px 7px;
  display: block;
  text-align: center;
  float: left;
  border-radius: 0px;
  color: white;
  margin: 0px 1px; }

.aui .article .news-meta .share-button .btn.-fb {
  background: #3b5999; }

.aui .article .news-meta .share-button .btn.-gg {
  background: #dd4b39; }

.aui .article .news-meta .share-button .btn.-tt {
  background: #55acee; }

.aui .article .news-meta .share-button .btn.-lk {
  background: #0077b5; }

.aui .article .news-meta .share-button .btn:hover {
  opacity: 0.8; }

.aui .container {
  /* max-width: 1200px;
  width: 100%; */
  padding: 0px; }

.aui #overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 98;
  background: rgba(255, 255, 255, 0.6);
  display: none; }

.aui #overlay.show {
  display: block; }

.aui .slick-slide {
  height: auto; }

.aui .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 10%; }

.aui .slick-dots > li {
  display: inline-block;
  margin: 0px 5px; }

.aui .slick-dots > li > button {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  line-height: 22px;
  padding: 0px;
  margin: 0px;
  text-align: center;
  color: white;
  background: none;
  border: 0px; }

.aui .slick-dots > li.slick-active > button {
  background: #020f26; }

.aui footer.footer {
  background: #08388f;
  padding: 30px 0px;
  position: relative;
  color: white;
  font-size: 13px;
  line-height: 20px; }

.aui footer.footer .box-statistic {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center; }

.aui footer.footer .box-statistic span {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.1); }

.aui footer.footer .title {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold; }

.aui footer.footer .description {
  line-height: 20px; }

.aui footer.footer .description p {
  margin-bottom: 10px; }

.aui footer.footer .add {
  width: 100%;
  position: relative;
  margin-bottom: 10px; }

.aui footer.footer .add:after {
  content: "";
  display: block;
  clear: both; }

.aui footer.footer .add .icon {
  width: 30px;
  height: 30px;
  float: left;
  display: block;
  border-radius: 50%;
  border: 1px solid #fcca4c;
  color: #fcca4c;
  line-height: 30px;
  text-align: center; }

.aui footer.footer .add .text {
  margin-left: 40px;
  display: block;
  padding-top: 5px; }

.aui footer.footer .social {
  display: inline-block; }

.aui footer.footer .social li {
  display: inline-block; }

.aui footer.footer .social .btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  padding: 0px;
  margin: 0px 5px; }

.aui footer.footer .social .btn .fa {
  line-height: 30px; }

.aui footer.footer .social .btn:hover {
  background: #0b366a;
  color: white; }

.aui footer.footer .bottom {
  margin-top: 30px; }

.aui footer.footer .menus {
  margin: 0px;
  padding: 0px; }

.aui footer.footer .menus li {
  display: block; }

.aui footer.footer .menus .icon {
  margin-right: 5px; }

.aui footer.footer .menus a {
  display: block;
  padding: 5px 0px;
  color: white; }

.aui footer.footer .menus a:hover {
  text-decoration: underline;
  opacity: 1; }

.aui footer.footer .list-image {
  margin: 0px -5px; }

.aui footer.footer .list-image:after {
  content: "";
  display: block;
  clear: both; }

.aui footer.footer .list-image > li {
  float: left;
  width: 25%;
  padding: 5px 5px; }

.aui footer.footer .subscribe {
  padding-left: 80px;
  position: relative;
  margin-top: 10px; }

.aui footer.footer .subscribe .title {
  position: absolute;
  top: 0px;
  left: 0px; }

.aui footer.footer .subscribe .form-control {
  padding-right: 40px;
  border-radius: 20px;
  border: 0px;
  box-shadow: none; }

.aui footer.footer .subscribe .form-control:focus {
  box-shadow: 0px 0px 0px 2px #fcca4c; }

.aui footer.footer .subscribe .icon {
  background: #fcca4c;
  border-radius: 50%;
  right: 2px;
  top: 2px;
  height: 30px;
  width: 30px;
  color: white;
  position: absolute;
  display: inline-block;
  text-align: center;
  padding: 0px;
  line-height: 30px; }

.aui footer.footer .col-xs-12 {
  margin-bottom: 20px; }

/*# sourceMappingURL=style.css.map */
.aui input[type="color"],
.aui input[type="date"],
.aui input[type="datetime"],
.aui input[type="datetime-local"],
.aui input[type="email"],
.aui input[type="month"],
.aui input[type="number"],
.aui input[type="password"],
.aui input[type="search"],
.aui input[type="tel"],
.aui input[type="text"],
.aui input[type="time"],
.aui input[type="url"],
.aui input[type="week"],
.aui select,
.aui textarea,
.aui .uneditable-input {
  font-weight: normal; }

.aui.ios input,
.aui.ios input.input-large,
.aui.ios textarea,
.aui.ios .uneditable-input {
  max-width: 100% !important; }

table.footable > tbody > tr.footable-empty > td {
  font-size: 16px; }

@media (max-width: 979px) {
  .aui input[type="color"],
  .aui input[type="date"],
  .aui input[type="datetime"],
  .aui input[type="datetime-local"],
  .aui input[type="email"],
  .aui input[type="month"],
  .aui input[type="number"],
  .aui input[type="password"],
  .aui input[type="search"],
  .aui input[type="tel"],
  .aui input[type="text"],
  .aui input[type="time"],
  .aui input[type="url"],
  .aui input[type="week"],
  .aui select,
  .aui textarea,
  .aui .input-prepend .add-on,
  .aui .navbar-search .search-query,
  .aui .uneditable-input {
    font-size: 14px;
    height: 34px; } }
@media (max-width: 768px) {
  .aui .portlet-column {
    width: 100%;
    padding: 0px; }

  .aui .row,
  .aui .row-fluid {
    margin: 0px; }

  /* .aui .col-xs-12 {
    padding: 0px;
  } */ }
.aui .article {
  line-height: 20px;
  margin-bottom: 30px; }

.aui .article .title-news h1 {
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 28px; }

.aui .article .title-news .date-post {
  color: #888888;
  font-size: 14px; }

.aui .article p,
.aui .article div,
.aui .article li {
  margin-bottom: 10px; }

.aui .article li {
  margin-left: 2em;
  list-style-type: disc; }

.aui .article img {
  max-width: 100%; }

.aui .article .news-meta {
  background: #f6f7f8;
  padding: 5px 10px;
  margin: 10px 0; }

.aui .article .news-meta div {
  margin: 0px; }

.aui .article .news-meta .action-cta-news {
  margin-top: 5px; }

.aui .article .news-meta .action-cta-news > a {
  padding: 2px 5px;
  line-height: 16px;
  font-weight: bold;
  background: #f4f5f6;
  font-size: 11px;
  border: 1px solid #d5d6d7;
  margin: 0px 1px;
  display: inline-block;
  color: #545657; }

.aui .article .news-meta .action-cta-news > a:hover {
  text-decoration: none;
  background: #0c69cc;
  color: white;
  border-color: rgba(0, 0, 0, 0.1); }

.aui .article .news-meta .share-button {
  margin-top: 10px;
  float: right; }

.aui .article .news-meta .share-button .btn {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0px;
  color: white; }

.aui .article .news-meta .share-button .btn.-fb {
  background: #3b5999; }

.aui .article .news-meta .share-button .btn.-gg {
  background: #dd4b39; }

.aui .article .news-meta .share-button .btn.-tt {
  background: #55acee; }

.aui .article .news-meta .share-button .btn.-lk {
  background: #0077b5; }

.aui .article .news-meta .share-button .btn:hover {
  opacity: 0.8; }

.box-news-cat .box-news-xx {
  background: none;
  padding: 0px;
  border: 0px; }

.box-news-cat .box-news-xx .image {
  width: 180px;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px; }

.box-news-cat .h2-title-xx > a {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  color: #333333; }

.box-news-cat .h2-title-xx > a:hover {
  color: #135d8c; }

.box-news-cat .hot-news-tol {
  margin: 5px 0px;
  display: block;
  color: #555555; }

.box-news-cat .hot-news-sapo-x {
  line-height: 20px;
  font-size: 14px;
  text-align: justify; }

.aui .lienhe-portlet .box-form {
  margin: 0px; }

.aui .lienhe-portlet .box-form .form-group {
  margin: 0px;
  margin-bottom: 7px; }

.aui .portlet-site-map ul {
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px; }

.aui .portlet-site-map ul:before {
  position: absolute;
  width: 2px;
  border-left: 1px solid #dddddd;
  content: "";
  left: 0;
  top: 20px;
  bottom: 0; }

.aui .portlet-site-map ul > li {
  position: relative;
  padding-left: 30px; }

.aui .portlet-site-map ul > li > a {
  color: #252626;
  display: block;
  position: relative;
  margin-bottom: 7px;
  padding: 10px 10px;
  width: 250px;
  background: #f3f3f3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dddddd; }

.aui .portlet-site-map ul > li > a:hover {
  color: #004682; }

.aui .portlet-site-map ul > li > a:before {
  content: "";
  position: absolute;
  left: -30px;
  width: 30px;
  height: 2px;
  top: 0;
  margin: auto;
  bottom: 0;
  border-bottom: 1px solid #dddddd; }

.aui .portlet-site-map .portlet-body > ul {
  margin-left: 50px; }

.aui .portlet-site-map .portlet-body > ul.sitemap:before {
  top: -20px;
  bottom: 18px; }

.aui .portlet-site-map .portlet-body > ul ul {
  margin-left: 20px; }

.aui .portlet-site-map .portlet-body > ul ul:before {
  border-left-style: dotted;
  bottom: -7px;
  top: -7px; }

.aui .portlet-site-map .portlet-body > ul ul > li > a {
  background: none;
  border: none;
  padding: 7px 10px; }

.aui .portlet-site-map .portlet-body > ul ul > li > a:before {
  border-bottom-style: dotted; }

.aui .portlet-site-map .portlet-body > ul > li > a {
  text-transform: uppercase;
  padding-left: 15px;
  font-weight: bold; }

.aui .portlet-site-map .portlet-body > ul > li > a:after {
  width: 5px;
  height: 5px;
  background: #f3f3f3;
  position: absolute;
  content: "";
  top: 0;
  left: -5px;
  bottom: 0;
  margin: auto;
  border: 1px solid #dddddd; }

.aui .news-related {
  border: 1px solid #dededf;
  padding: 0px;
  margin: 0px; }

.aui .news-related .title {
  background: #3b5997;
  color: white;
  display: block;
  padding: 10px;
  font-size: 18px; }

.aui .news-related ul li {
  border-bottom: 1px dotted #dededf;
  margin: 0px; }

.aui .news-related ul li > a {
  padding: 10px 10px;
  color: #212121;
  display: inline-block;
  word-break: break-word; }

.aui .news-related ul li > a:hover {
  color: #3b5997; }

.aui .news-related ul li small {
  font-size: 13px;
  font-style: italic;
  color: #888888; }

.aui .news-related ul li:last-child {
  border-bottom: 0px; }

.aui .hoi-dap-kien-nghi .form-control {
  border-radius: 2px;
  box-shadow: none; }

.aui .hoi-dap-kien-nghi .btn {
  border-radius: 2px; }

.aui .hoi-dap-kien-nghi .box-form {
  background: white;
  border: 1px solid #eeeeee;
  padding: 20px;
  position: relative;
  margin-bottom: 20px; }

.aui .hoi-dap-kien-nghi .box-form .body:after {
  content: "";
  display: block;
  clear: both; }

.aui .input.-search {
  position: relative; }

.aui .input.-search .form-control {
  padding-right: 40px; }

.aui .input.-search .btn {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 2px;
  right: 2px;
  text-align: center;
  padding: 5px 0px; }

.aui .hoi-dap-kien-nghi .form-horizontal .form-group {
  margin: 0px -5px;
  margin-bottom: 10px; }

.aui .hoi-dap-kien-nghi .bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  left: 0px; }

.aui .hoi-dap-kien-nghi .head {
  margin-bottom: 30px;
  text-align: left; }

.aui .hoi-dap-kien-nghi .head .btn-add {
  position: absolute;
  top: 20px;
  right: 20px; }

@media (max-width: 768px) {
  .aui .hoi-dap-kien-nghi .head .btn-add {
    position: relative;
    top: 0px;
    right: 0px;
    margin-top: 10px; } }
.aui .hoi-dap-kien-nghi .head .title {
  font-size: 18px;
  color: #086bb8;
  margin: 0px;
  font-weight: bold;
  margin-bottom: 5px; }

.aui .hoi-dap-kien-nghi .head .description {
  opacity: 0.9; }

.aui .hoi-dap-kien-nghi .label-text {
  font-weight: bold;
  display: block;
  margin-bottom: 5px; }

.aui .hoi-dap-kien-nghi .row {
  margin: 0px -5px; }

.aui .hoi-dap-kien-nghi .col-xs-12 {
  padding: 0px 5px; }

.aui .hoi-dap-kien-nghi .control-label {
  padding-top: 5px; }

.aui .hoi-dap-kien-nghi .btn-search {
  color: white;
  background-color: #e53935;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.aui .hoi-dap-kien-nghi .btn-search:hover {
  background-color: #cd1e1a; }

.aui .hoi-dap-kien-nghi .questions .item {
  padding: 10px 20px;
  box-shadow: 0 0 5px #dddddd;
  background: white;
  margin-bottom: 20px;
  border-left: 4px solid #eeeeee;
  cursor: pointer; }

.aui .hoi-dap-kien-nghi .questions .item:hover {
  border-left-color: #337ab7; }

.aui .hoi-dap-kien-nghi .questions .item:hover .ques-title {
  color: #0277bd; }

.aui .hoi-dap-kien-nghi .questions .ques-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  color: #1e5d8c; }

.aui .hoi-dap-kien-nghi .questions .ques-desc {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 40px;
  line-height: 20px;
  text-overflow: ellipsis; }

.aui .hoi-dap-kien-nghi .questions .user-info {
  margin-bottom: 5px;
  color: #555555; }

.aui .hoi-dap-kien-nghi .questions .user-info .info {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  text-transform: uppercase; }

.aui .hoi-dap-kien-nghi .questions .tags {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px; }

.aui .hoi-dap-kien-nghi .questions .tags > li {
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
  color: #555555; }

.aui .hoi-dap-kien-nghi .questions .tags > li > a {
  font-size: 13px;
  color: #555555;
  display: inline-block; }

.aui .hoi-dap-kien-nghi .questions .tags > li > a .icon {
  opacity: 0.8; }

.aui .hoi-dap-kien-nghi .questions .tags > li > a:hover {
  color: #0d47a1; }

.aui .hoi-dap-kien-nghi .questions .answer-content {
  padding: 15px;
  background: #f6f6f6;
  margin-top: 20px;
  display: none;
  line-height: 20px; }

.aui .hoi-dap-kien-nghi .questions .answer-content .answer-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #cc0000;
  display: block;
  margin-bottom: 10px; }

.aui .hoi-dap-kien-nghi .questions .answer-content .date {
  color: #555555;
  display: block;
  margin-bottom: 5px;
  font-size: 13px; }

.aui .hoi-dap-kien-nghi .questions .item.active .ques-desc {
  height: auto;
  text-overflow: unset;
  -webkit-line-clamp: unset; }

.aui .hoi-dap-kien-nghi .questions .item.active .answer-content {
  display: block; }

.aui .wrap-login {
  height: 100%;
  width: 100%;
  background: #012f67 !important;
  color: white; }

.aui .wrap-login .top {
  text-align: center;
  padding: 15px 10px; }

.aui .wrap-login .top .logo {
  display: inline-block;
  text-transform: uppercase; }

.aui .wrap-login .top .logo .img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

.aui .wrap-login .top .logo .img img {
  height: 70px; }

.aui .wrap-login .top .logo .text {
  display: inline-block;
  vertical-align: middle;
  text-align: left; }

.aui .wrap-login .top .logo .title {
  font-family: RobotoCondensed, Arial;
  font-size: 20px;
  margin-bottom: 10px;
  color: #fcca4c; }

.aui .wrap-login .top .logo .subtitle {
  font-size: 14px;
  color: white; }

.aui .wrap-login .box-form:before {
  content: "";
  position: absolute;
  width: 50%;
  left: 0px;
  top: 0px;
  bottom: 0px;
  background-image: url(../uploads/bg.jpg);
  background-size: cover;
  background-position: right center;
  opacity: 0.6;
  background-color: #0c3669; }

.aui .wrap-login .box-form:after {
  content: "";
  display: block;
  clear: both; }

.aui .wrap-login .box-form .box-form-left,
.aui .wrap-login .box-form .box-form-right {
  padding: 30px;
  width: 50%;
  float: left;
  position: relative;
  z-index: 2; }

.aui .wrap-login .box-form .box-form-left {
  text-align: center;
  padding-top: 120px; }

.aui .wrap-login .box-form .box-form-left .title {
  font-size: 16px;
  line-height: 24px; }

.aui .wrap-login .box-form .btn-register {
  border-radius: 2px;
  padding: 10px 20px;
  border-color: #de9f00;
  background: #de9f00;
  color: white;
  margin-top: 20px;
  font-weight: bold; }

.aui .wrap-login .box-form .btn-register:hover {
  background: #de9f00;
  border-color: #de9f00;
  opacity: 0.8;
  color: white; }

.aui .wrap-login .box-form .label-text {
  font-weight: bold;
  margin-bottom: 10px; }

.aui .wrap-login .box-form .label-text .forgetpass {
  font-weight: normal;
  font-size: 12px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
  margin-left: 10px; }

.aui .wrap-login .box-form .form-control {
  border-radius: 2px;
  border: 1px solid #28456b;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  color: white; }

.aui .wrap-login .box-form .form-control:focus,
.aui .wrap-login .box-form .form-control:hover {
  box-shadow: 0px 0px 0px 2px #28456b; }

.aui .wrap-login .box-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.3); }

.aui .wrap-login .box-form .form-group {
  margin-bottom: 20px; }

.aui .wrap-login .box-form .head {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase; }

.aui .wrap-login .box-form .note {
  font-style: italic;
  opacity: 0.8;
  line-height: 20px;
  margin-bottom: 20px; }

.aui .wrap-login .box-form .input .control-label {
  display: none; }

.aui .wrap-login .box-form .input-icon {
  position: relative; }

.aui .wrap-login .box-form .input-icon .field {
  padding-left: 30px; }

.aui .wrap-login .box-form .input-icon .icon {
  position: absolute;
  width: 30px;
  height: 30px;
  pointer-events: none;
  line-height: 30px;
  text-align: center;
  top: 0px;
  left: 0px;
  color: #344967;
  bottom: 0px;
  opacity: 0.6; }

.aui .wrap-login .box-form .btn-submit {
  width: 100%;
  text-align: center;
  border-radius: 2px;
  padding: 10px 20px;
  border: none;
  text-transform: uppercase;
  display: block;
  background: #63b726;
  color: white;
  font-weight: bold; }

.aui .wrap-login .box-form .btn-submit:hover {
  background: #4c8d1d; }

.aui .wrap-login .box-form .bottom-actions {
  margin-top: 10px; }

.aui .wrap-login .box-form .bottom-actions .btn {
  border-color: white;
  border-radius: 2px;
  width: 100%;
  background: none;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px; }

.aui .wrap-login .box-form .bottom-actions .btn:last-child {
  margin-right: 0px; }

.aui .wrap-login .box-form .bottom-actions .btn:hover {
  background: #fcca4c;
  border-color: #fcca4c;
  color: black; }

.aui .wrap-login .box-form .box-login {
  visibility: hidden;
  /* height: 380px; */
  transform: translateX(100px);
  transition: all 0.3s ease;
  opacity: 0;
  position: absolute; }

.aui .wrap-login .box-form .box-login.visible {
  transition: all 0.3s ease;
  visibility: visible;
  transform: translateX(0);
  opacity: 1;
  position: relative; }

.aui .wrap-login .box-form #login {
  display: block; }

.aui .wrap-login .red {
  color: red !important; }

.aui .wrap-login .inline {
  display: inline-block !important; }

.aui .wrap-login .dang-ky-doanh-nghiep {
  padding: 30px;
  background: white; }

.aui .wrap-login .dang-ky-doanh-nghiep .title {
  margin: 0px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
  color: #232425; }

.aui .wrap-login .dang-ky-doanh-nghiep:before {
  display: none; }

.aui .wrap-login .dang-ky-doanh-nghiep .steps {
  margin: 0px;
  margin-bottom: 30px;
  position: relative; }

.aui .wrap-login .dang-ky-doanh-nghiep .steps:before {
  content: "";
  height: 1px;
  background: #d5d5d5;
  top: 35px;
  left: 0px;
  right: 0px;
  bottom: auto;
  position: absolute; }

.aui .wrap-login .dang-ky-doanh-nghiep .steps:after {
  content: "";
  display: block;
  clear: both; }

.aui .wrap-login .dang-ky-doanh-nghiep .steps .item {
  float: left;
  width: 33.33333%;
  padding: 10px;
  text-align: center;
  position: relative; }

.aui .wrap-login .dang-ky-doanh-nghiep .steps .item:hover > a,
.aui .wrap-login .dang-ky-doanh-nghiep .steps .item.active > a {
  color: #0b366a;
  font-weight: bold; }

.aui .wrap-login .dang-ky-doanh-nghiep .steps .item:hover .icon,
.aui .wrap-login .dang-ky-doanh-nghiep .steps .item.active .icon {
  background: #0b366a;
  color: white;
  border-color: #0b366a; }

.aui .wrap-login .dang-ky-doanh-nghiep .steps .icon {
  width: 50px;
  height: 50px;
  margin: 0px;
  margin-bottom: 10px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #d5d5d5;
  line-height: 46px;
  font-size: 22px;
  color: #666666;
  background: white; }

.aui .wrap-login .dang-ky-doanh-nghiep .steps .text {
  display: block; }

.aui .wrap-login .dang-ky-doanh-nghiep .steps a {
  display: block;
  color: #333333; }

.aui .wrap-login .dang-ky-doanh-nghiep .label-text {
  color: #41464a;
  margin-bottom: 7px; }

.aui .wrap-login .dang-ky-doanh-nghiep .form-control {
  background: white;
  border: 1px solid #d1d1d1;
  color: #555555; }

.aui .wrap-login .dang-ky-doanh-nghiep .form-control:focus,
.aui .wrap-login .dang-ky-doanh-nghiep .form-control:hover {
  box-shadow: 0px 0px 0px 3px #f0f0f0; }

.aui .wrap-login .dang-ky-doanh-nghiep .form-control::placeholder {
  color: #999999; }

.aui .wrap-login .dang-ky-doanh-nghiep .row {
  margin: 0px -5px; }

.aui .wrap-login .dang-ky-doanh-nghiep .row .col-xs-12 {
  padding: 0px 5px; }

.aui .wrap-login .dang-ky-doanh-nghiep .box-legend {
  border: 1px solid #d9d9d9;
  padding: 10px 20px;
  padding-top: 30px;
  margin-top: 30px;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.05); }

.aui .wrap-login .dang-ky-doanh-nghiep .legend-title {
  font-size: 18px;
  font-weight: bold;
  color: #0058a5;
  position: absolute;
  top: -10px; }

.aui .wrap-login .dang-ky-doanh-nghiep .legend-title span {
  position: relative;
  z-index: 2;
  background: white;
  padding: 0px 10px; }

.aui .wrap-login .dang-ky-doanh-nghiep .actions {
  text-align: right;
  margin-top: 20px; }

.aui .wrap-login .dang-ky-doanh-nghiep .actions .btn {
  display: inline-block;
  width: 160px;
  padding: 10px 20px;
  border-radius: 2px; }

.aui .wrap-login .upload {
  position: relative;
  border: 2px dashed #e1e1e1;
  margin: 0px;
  padding: 5px;
  text-align: center;
  cursor: pointer; }

.aui .wrap-login .upload:hover > a {
  text-decoration: underline; }

.aui .wrap-login .upload {
  color: #333333;
  padding: 52px 10px; }

.aui .wrap-login .upload a {
  color: #337ab7;
  font-weight: bold;
  display: block;
  width: 100%;
  line-height: 1.2;
  border-radius: 0px;
  border: 0px; }

.aui .wrap-login .upload input[type="file"] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer; }

.aui .wrap-login .upload > .txt {
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  overflow-x: hidden;
  text-align: center;
  font-size: 12px;
  opacity: 0.7;
  vertical-align: middle; }

.aui .wrap-login .check-action {
  position: relative;
  min-height: 20px;
  color: #333333; }

.aui .wrap-login .check-action .check {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  cursor: pointer; }

.aui .wrap-login .check-action .text {
  padding-left: 25px; }

.aui .wrap-login .check-action .text:before {
  width: 16px;
  height: 16px;
  content: "";
  border: 1px solid #d1d1d1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 2px;
  font-family: ap;
  text-align: center;
  line-height: 14px;
  font-size: 9px; }

.aui .wrap-login .check-action input[type=radio] + .text:before {
  border-radius: 50%; }

.aui .wrap-login .check-action:hover .text:before {
  border-color: #1976d2; }

.aui .wrap-login .check-action .check:checked + .text:before {
  content: "\e94d";
  border-color: rgba(0, 0, 0, 0.1);
  background: #28bb5c;
  color: white; }

.aui a {
  cursor: pointer; }

.aui .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.06;
  background-size: cover;
  background-position: center; }

.aui .list-company .wrap {
  display: block;
  position: relative;
  padding: 10px 0px;
  padding-left: 70px;
  min-height: 60px;
  margin-bottom: 10px;
  color: #333333; }

.aui .list-company .wrap:hover {
  color: #009ae5; }

.aui .list-company .wrap .logo {
  height: 60px;
  width: 60px;
  background: white;
  border-radius: 5px;
  position: absolute;
  left: 0px;
  border: 5px solid white;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block; }

.aui .list-company .wrap .text {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 5px; }

.aui .list-company .wrap .cat {
  opacity: 0.6;
  display: block; }

.aui .post-title,
.aui .post-title > a {
  font-size: 16px;
  display: block;
  line-height: 20px;
  font-weight: bold; }

.aui .product-item {
  margin-bottom: 30px;
  text-align: center; }

.aui .product-item .btn-more {
  padding: 4px 20px;
  border-color: #0b366a;
  color: #0b366a;
  border-radius: 20px; }

.aui .product-item .btn-more:hover {
  background: #0b366a;
  color: white; }

.aui .login-portlet .wrap-login .box-form {
  width: 100%;
  max-width: 100%;
  margin: 0px;
  background: none;
  border: 0px;
  padding: 0px;
  margin-top: 15px; }

.aui .box-form {
  border: 1px solid #d5d6d7;
  background: #f7f7f7;
  padding: 20px;
  margin-bottom: 20px; }

.aui .hero-search {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(1, 43, 93, 0.4); }

.aui .hero-search .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.15;
  background-size: cover;
  background-position: center; }

.aui .hero-search.-nopos {
  position: relative;
  background-color: #00326d; }

.aui .hero-search .box-form {
  padding: 20px;
  max-width: 991px;
  font-size: 15px;
  background: none;
  border: none;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  margin: auto;
  position: relative; }

.aui .hero-search .box-form.collapse {
  display: none; }

.aui .hero-search .box-form .form-control {
  border-color: transparent;
  border-radius: 3px;
  height: auto;
  padding-bottom: 6px;
  padding-top: 6px;
  font-size: 15px;
  height: 34px; }

.aui .hero-search .box-form .form-control:focus,
.aui .hero-search .box-form .form-control:hover {
  box-shadow: none !important; }

.aui .hero-search .box-form .label-text {
  color: white;
  opacity: 0.8;
  margin-bottom: 7px;
  font-weight: normal; }

.aui .hero-search .check-action {
  display: inline-block;
  margin-top: 7px;
  margin-right: 10px; }

.aui .hero-search .check-action .name {
  color: white; }

.aui .hero-search .check-action .name:before {
  border-color: #fcca4c;
  background: rgba(0, 0, 0, 0.1); }

.aui .hero-search .actions {
  text-align: center; }

.aui .hero-search .btn-submit {
  max-width: 300px;
  width: 100%;
  display: inline-block;
  padding: 7px 20px;
  height: 34px;
  background: #fcca4c;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: black; }

.aui .hero-search .btn-submit:hover {
  color: black;
  background: #fbbb1a; }

.aui .hero-search .adv-search {
  text-align: right;
  color: white;
  cursor: pointer; }

.aui .hero-search .adv-search:hover {
  text-decoration: underline; }

.aui .hero-search .adv-search:before {
  content: "\f0d7";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 5px; }

.aui .hero-search .adv-search.show:before {
  content: "\f0d8"; }

.aui .hero-search .box-adv {
  position: absolute;
  top: 0;
  margin: auto;
  left: 0px;
  right: 0px;
  padding: 20px;
  text-shadow: none;
  background: white;
  border-radius: 5px;
  z-index: 100;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.3);
  color: #232629;
  font-size: 14px;
  display: none; }

.aui .hero-search .box-adv.show {
  display: block; }

.aui .hero-search .box-adv .title {
  font-size: 18px;
  display: block;
  margin-bottom: 20px;
  color: #0b366a;
  font-weight: bold;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px; }

.aui .hero-search .box-adv .label-text {
  color: #081a33;
  font-weight: bold;
  font-size: 14px;
  opacity: 1;
  margin-bottom: 5px; }

.aui .hero-search .box-adv .form-control {
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: none;
  border: 1px solid #c5cacc; }

.aui .hero-search .box-adv .form-control:focus {
  border-color: #0b366a; }

.aui .hero-search .box-adv .actions {
  margin-top: 20px;
  text-align: center; }

.aui .hero-search .box-adv .actions .btn {
  max-width: 160px;
  padding: 10px 20px;
  width: 100%;
  font-size: 15px;
  font-weight: bold; }

.aui .hero-search .box-adv .actions .btn-submit {
  background: #43a047;
  color: white; }

.aui .hero-search .box-adv .actions .btn-submit:hover {
  background: #347c37; }

.aui .hero-search .box-adv .actions .btn-cancel:hover {
  background: #999999; }

.aui .collapse-show {
  width: 60px;
  height: 26px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  position: absolute;
  top: -24px;
  left: 0px;
  background: #dcaf3d;
  font-size: 20px;
  color: white;
  cursor: pointer;
  line-height: 24px;
  text-align: center;
  right: 0px;
  margin: auto; }

.aui .collapse-show .icon {
  font-family: FontAwesome; }

.aui .collapse-show .icon:before {
  content: "\f107"; }

.aui .collapse-show.active .icon:before {
  content: "\f106"; }

.aui .text-result {
  margin-bottom: 20px;
  display: block;
  font-size: 15px;
  color: #555555;
  font-style: italic; }

.aui .company-item {
  margin-bottom: 20px;
  position: relative;
  padding-left: 130px;
  font-size: 14px;
  min-height: 90px; }

.aui .company-item .description {
  line-height: 22px;
  opacity: 0.9; }

.aui .company-item:after {
  content: "";
  display: block;
  clear: both; }

.aui .company-item .post-title > a {
  text-align: left; }

.aui .company-item .post-image {
  width: 120px;
  margin-right: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: contain; }

.aui .company-item .post-info {
  margin-top: 10px; }

.aui .company-item .post-info .icon {
  margin-right: 7px;
  opacity: 0.8; }

.aui .check-action {
  display: block;
  position: relative;
  margin-bottom: 5px;
  min-height: 20px; }

.aui .check-action input {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  height: 100%;
  width: 100%;
  margin: 0px; }

.aui .check-action .name {
  padding-left: 30px;
  padding-top: 2px;
  position: relative; }

.aui .check-action .name:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #dddddd;
  background: white;
  line-height: 18px;
  font-size: 9px;
  text-align: center;
  font-family: FontAwesome; }

.aui .check-action input[type="radio"] + .name:before {
  border-radius: 50%; }

.aui .check-action input:checked + .name:before {
  content: "\f00c";
  background: #43a047;
  color: white;
  border-color: rgba(0, 0, 0, 0.1); }

.aui .box {
  background: rgba(0, 0, 0, 0.2);
  padding: 20px; }

.aui .box-notifies {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }

.aui .box-notifies .box-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase; }

.aui .pagination {
  margin-bottom: 0px;
  text-align: center;
  display: block; }

.aui .pagination > li {
  display: inline-block; }

.aui .pagination > li > a {
  padding: 0px;
  background: none;
  border: 0px;
  color: white;
  border-radius: 50% !important;
  width: 26px;
  line-height: 26px;
  height: 26px; }

.aui .marr10 {
  margin-right: 10px !important; }

.aui .mart10 {
  margin-top: 10px !important; }

.aui .control-label {
  font-weight: bold;
  color: #41464a;
  font-size: 13px; }

.aui .toggle-check {
  position: relative;
  display: inline-block; }

.aui .toggle-check .check {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer; }

.aui .toggle-check .text {
  width: 32px;
  height: 16px;
  border-radius: 20px;
  display: block;
  position: relative;
  border: 1px solid #e1e1e1;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); }

.aui .toggle-check .text:before {
  content: attr(text-off);
  position: absolute;
  top: 0px;
  right: -30px;
  font-weight: normal;
  color: #555555; }

.aui .toggle-check .text:after {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: -1px;
  background: white;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); }

.aui .toggle-check .check:checked + .text {
  background: #28bb5c;
  border-color: rgba(0, 0, 0, 0.1); }

.aui .toggle-check .check:checked + .text:after {
  right: -1px;
  left: auto; }

.aui .toggle-check .check:checked + .text:before {
  content: attr(text-on); }

.aui .note {
  font-size: 12px;
  font-style: italic;
  opacity: 0.6;
  margin-top: 5px; }

.aui .upload {
  position: relative;
  border: 2px dashed #e1e1e1;
  margin: 0px;
  padding: 5px;
  text-align: center;
  cursor: pointer; }

.aui .upload:hover > a {
  text-decoration: underline; }

.aui .upload a {
  color: #337ab7;
  font-weight: bold;
  display: block;
  padding: 2px 10px;
  width: 100%;
  line-height: 1.2;
  border-radius: 0px;
  border: 0px; }

.aui .upload input[type=file] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer; }

.aui .upload > .txt {
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  overflow-x: hidden;
  text-align: center;
  font-size: 12px;
  opacity: 0.7;
  vertical-align: middle; }

.aui .search-content {
  position: relative; }

.aui .search-content.-nocat .search-control {
  padding-left: 10px; }

.aui .search-content .search-control {
  padding-left: 130px;
  padding-right: 110px;
  border-radius: 3px; }

.aui .search-content .select-custom {
  position: absolute;
  width: 120px;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  top: 0px;
  left: 0px; }

.aui .search-content .select-custom .form-control {
  border-radius: 3px 0px 0px 3px;
  padding: 3px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.aui .search-content .select-custom .form-control:hover,
.aui .search-content .select-custom .form-control:focus {
  box-shadow: none; }

.aui .search-content .btn-search {
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 0px 3px 3px 0px;
  width: 100px;
  text-align: center;
  padding: 6px 10px; }

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

.aui .check-action {
  position: relative;
  min-height: 20px; }

.aui .check-action .check {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  cursor: pointer; }

.aui .check-action .text {
  padding-left: 25px; }

.aui .check-action .text:before {
  width: 16px;
  height: 16px;
  content: "";
  border: 1px solid #e1e1e1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 2px;
  font-family: ap;
  text-align: center;
  line-height: 14px;
  font-size: 9px; }

.aui .check-action input[type=radio] + .text:before {
  border-radius: 50%; }

.aui .check-action:hover .text:before {
  border-color: #1976d2; }

.aui .check-action .check:checked + .text:before {
  content: "??";
  border-color: rgba(0, 0, 0, 0.1);
  background: #28bb5c;
  color: white; }

.aui .btn {
  border-radius: 3px;
  background: white;
  padding: 6px 20px;
  color: #676869;
  position: relative;
  border: 1px solid #c5c8cc; }

.aui .btn.btn-confirm {
  background-color: #1e88e5;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.aui .btn:hover {
  background-color: #1976d2;
  /* color: white; */
  border: 1px solid rgba(0, 0, 0, 0.1); }

.aui .form-control,
.aui input[type="text"] {
  border: 1px solid #e1e1e1 !important;
  box-shadow: none !important; }

.aui .form-control:focus,
.aui .form-control:hover,
.aui input[type="text"]:focus,
.aui input[type="text"]:hover {
  border: 1px solid #e1e1e1 !important;
  box-shadow: 0px 0px 0px 3px #f0f0f0 !important; }

.aui .dropdown-menu {
  border: 1px solid #d5d6d7;
  box-shadow: none;
  padding: 0px; }

.aui .dropdown-menu > li {
  border-bottom: 1px solid #e7e8e9; }

.aui .dropdown-menu > li:last-child {
  border-bottom: 0px; }

.aui .dropdown-menu > li > a {
  padding: 5px 10px; }

.aui .dropdown-menu > li .icon {
  margin-right: 5px; }

.aui .control-label {
  margin-bottom: 3px; }

.aui .marr10 {
  margin-right: 10px !important; }

.aui .page-content {
  padding: 20px;
  max-width: 1200px;
  margin: auto; }

.aui .box-form .form-horizontal .form-group {
  margin-left: -5px;
  margin-right: -5px; }

.aui .box-form .control-group {
  margin: 0px; }

.aui .box-form .box-title {
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 5px;
  line-height: 24px;
  color: #23487b; }

.aui .box-form .form-head {
  margin-bottom: 20px; }

.aui .box-form .box-subtitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 20px;
  color: #565758; }

.aui .box-form .grid-actions {
  text-align: right; }

.aui .box-form .row {
  margin: 0px -5px; }

.aui .box-form .col-xs-12 {
  padding: 0px 5px; }

.aui .table-custom .table td {
  padding: 5px 10px;
  border-color: #eeeeee; }

.aui .table-custom .table thead th {
  background: #f3f4f5;
  padding: 7px 10px !important;
  border-bottom-width: 0px;
  color: #565758; }

.aui .table-custom .table tr:nth-child(2n+2) td {
  background: #f6f7f8; }

.aui .table-custom .table tr:hover td {
  background: #fffeef; }

.aui .table-custom .table .btn {
  padding: 1px 5px; }

.aui .btn-add {
  background: #24b328;
  padding-right: 60px;
  overflow: hidden;
  border-color: transparent;
  color: white; }

.aui .btn-add:hover,
.aui .btn-add:focus {
  color: white;
  background: #179a1b; }

.aui .btn-add .down {
  position: absolute;
  width: 30px;
  height: 34px;
  border-radius: 0px 3px 3px 0px;
  text-align: center;
  line-height: 34px;
  right: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.1);
  bottom: 0px;
  margin: auto;
  color: white; }

.aui .box-upload {
  margin-top: 10px; }

.aui .box-upload .img {
  width: 64px;
  height: 64px;
  display: inline-block;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
  vertical-align: middle;
  background-repeat: no-repeat; }

.aui .box-upload .upload-img {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle; }

.aui .box-upload .upload-file {
  position: relative;
  display: inline-block; }

.aui .box-upload .upload-file .btn {
  padding: 2px 20px;
  height: auto; }

.aui .box-upload .upload-file .file {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  opacity: 0; }

.aui .box-upload .noted {
  margin-top: 5px;
  font-size: 12px;
  font-style: italic;
  opacity: 0.6; }

.aui .input-icon {
  position: relative; }

.aui .input-icon .form-control {
  padding-right: 30px; }

.aui .input-icon .icon {
  position: absolute;
  top: 8px;
  right: 8px;
  pointer-events: none;
  opacity: 0.6; }

.aui .input-text-left {
  padding-left: 60px;
  position: relative; }

.aui .input-text-left .text {
  position: absolute;
  top: 7px;
  display: inline-block;
  left: 0px;
  width: 50px;
  text-align: right; }

.aui .sidebar-cat .title {
  font-size: 18px;
  margin: 0px;
  margin-bottom: 15px;
  display: block; }

.aui .sidebar-cat .list > li {
  display: block;
  border-top: 1px solid #e8e8e8; }

.aui .sidebar-cat .list > li .icon {
  position: absolute;
  top: 12px;
  left: 5px;
  width: 16px; }

.aui .sidebar-cat .list > li .icon img {
  width: 100%; }

.aui .sidebar-cat .list > li > a {
  display: block;
  padding: 10px 0px;
  color: #212529;
  position: relative;
  padding-right: 30px;
  padding-left: 40px; }

.aui .sidebar-cat .list > li > a:before {
  content: "?";
  position: absolute;
  top: 5px;
  right: 10px;
  font-family: FontAwesome; }

.aui .sidebar-cat .list > li:hover > a,
.aui .sidebar-cat .list > li.active > a {
  background: #f6f7f8;
  color: #004b85; }

.aui .form-head {
  position: relative;
  padding-right: 60px; }

.aui .form-head .btn-add {
  position: absolute;
  top: 0px;
  right: 0px; }

.aui .result-text {
  font-style: italic;
  opacity: 0.6;
  margin-bottom: 20px; }

.aui .avatar {
  width: 32px;
  height: 32px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%; }

.aui .btn-qldm {
  border: 1px solid #004b85;
  color: #004b85;
  margin-top: 10px;
  cursor: pointer;
  display: block;
  border-radius: 3px;
  text-align: center;
  padding: 5px 10px; }

.aui .btn-qldm:hover {
  background: #004b85;
  color: white; }

.aui .course-item {
  margin-bottom: 30px;
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 4px; }

.aui .course-item .post-image {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.aui .course-item .post-title {
  padding: 0px 8px; }

.aui .course-item .post-author {
  padding: 9px 8px;
  padding-left: 55px;
  white-space: nowrap; }

.aui .course-item .post-author .avatar {
  left: 10px; }

.aui .course-item .post-author .username {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.aui .course-item:hover .box-info-hover {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease; }

.aui .post-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 5px; }

.aui .post-image img {
  display: block;
  opacity: 0;
  width: 100%; }

.aui .post-title {
  /* IT360-399609 */
  /*  height: 40px;
   overflow: hidden; */
  /* end IT360-399609 */
  margin-bottom: 10px; }

.aui .post-title > a {
  color: #222222;
  font-weight: bold;
  line-height: 20px; }

.aui .post-title > a:hover {
  color: #004b85; }

.aui .post-author {
  padding-left: 45px;
  position: relative;
  min-height: 32px; }

.aui .post-author .avatar {
  position: absolute;
  top: 0px;
  left: 0px; }

.aui .post-author .username {
  margin-bottom: 0px; }

.aui .post-author .position {
  font-size: 12px;
  opacity: 0.6; }

.aui .box-info-hover {
  position: absolute;
  background: white;
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  right: 0px;
  border: 1px solid #dddddd;
  padding: 10px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 20;
  min-height: 100%;
  overflow: auto; }

.aui .box-info-hover:before,
.aui .box-info-hover:after {
  content: "";
  position: absolute;
  top: 20px;
  left: -5px;
  width: 0px;
  height: 0px;
  z-index: 2;
  display: none; }

.aui .box-info-hover:after {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #dddddd;
  left: -7px; }

.aui .box-info-hover:before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid white;
  left: -5px;
  z-index: 3;
  top: 21px; }

.aui .box-info-hover.-right {
  right: 100%;
  left: auto;
  margin-left: 0px;
  margin-right: 10px; }

.aui .box-info-hover.-right:before {
  border-right: 0px;
  left: auto;
  right: -5px;
  border-left: 5px solid white; }

.aui .box-info-hover.-right:after {
  border-right: 0px;
  left: auto;
  right: -7px;
  border-left: 7px solid #dddddd; }

.aui .box-info-hover .post-title {
  font-weight: bold;
  margin-bottom: 5px; }

.aui .box-info-hover .post-desc {
  padding: 10px;
  opacity: 0.9;
  background: #f6f6f6;
  margin-top: 20px; }

.aui .box-info-hover .training-time,
.aui .box-info-hover .training-pricing,
.aui .box-info-hover .training-location {
  margin-top: 5px;
  font-size: 13px;
  color: #666666; }

.aui .box-info-hover .training-time .icon,
.aui .box-info-hover .training-pricing .icon,
.aui .box-info-hover .training-location .icon {
  margin-right: 5px;
  opacity: 0.7;
  color: #666666;
  font-size: 13px; }

.aui .box-info-hover .training-pricing {
  color: #d32f2f;
  font-size: 16px;
  font-weight: bold; }

.aui .box-info-hover .actions {
  margin-top: 20px;
  text-align: center; }

.aui .box-info-hover .actions .btn {
  padding: 5px 8px;
  background: #d60e2d;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.aui .box-info-hover .actions .btn .icon {
  margin-right: 5px; }

.aui .box-info-hover .actions .btn:hover {
  background: #004b85; }

.aui .box-course-detail .top {
  background: white;
  padding: 20px 0px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  position: relative; }

.aui .box-course-detail .top .title {
  font-size: 24px;
  font-weight: bold;
  color: #004b85;
  display: block;
  margin-bottom: 10px;
  line-height: 1.4; }

.aui .box-course-detail .top .info .item {
  display: inline-block;
  margin-right: 10px; }

.aui .box-course-detail .box-info {
  padding: 20px 0px;
  background: #f2f3f4; }

.aui .box-course-detail .tabs {
  background: white;
  border-radius: 5px;
  margin-bottom: 10px;
  overflow: hidden; }

.aui .box-course-detail .tabs:after {
  content: "";
  display: block;
  clear: both; }

.aui .box-course-detail .tabs > li {
  float: left; }

.aui .box-course-detail .tabs > li > a {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding: 12px 20px;
  color: black; }

.aui .box-course-detail .tabs > li:hover > a {
  background: #f6f6f6; }

.aui .box-course-detail .tabs > li.active > a {
  background: #004b85;
  color: white; }

.aui .box-course-detail .box {
  background: white;
  margin-bottom: 20px;
  border-radius: 5px; }

.aui .box-course-detail h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 20px; }

.aui .box-course-detail .part h4 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #004b85; }

.aui .box-course-detail .part ul > li {
  margin-bottom: 20px;
  font-size: 15px; }

.aui .box-course-detail .part ul .icon {
  font-size: 16px;
  color: #d60e2d;
  margin-right: 5px; }

.aui .box-course-detail .tran-info {
  font-size: 15px;
  margin-bottom: 10px; }

.aui .box-course-detail .tran-info .icon {
  margin-right: 5px; }

.aui .box-user {
  position: relative;
  padding-left: 180px; }

.aui .box-user .user {
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
  max-width: 170px; }

.aui .box-user .avatar {
  width: 128px;
  height: 128px; }

.aui .box-user .name {
  font-size: 16px;
  color: #004b85;
  font-weight: bold;
  margin-bottom: 5px; }

.aui .box-user .pos {
  font-size: 13px;
  opacity: 0.7; }

.aui .box-user .article {
  margin-top: 10px; }

.aui .grid-header {
  margin-bottom: 10px; }

.aui .modal-header {
  font-size: 18px;
  color: #104677;
  padding: 10px 15px; }

.aui .box-form-register-training {
  max-width: 991px;
  margin: 20px auto;
  padding: 20px;
  border: 1px solid #dddddd; }

.aui .box-form-register-training .title {
  font-size: 24px;
  margin-bottom: 20px; }

.aui .box-form-register-training p {
  margin-bottom: 10px; }

.aui .box-form-register-training .label-text {
  display: block;
  opacity: 1;
  color: #212529; }

.aui .box-form-register-training .control-custom-bottom {
  border: 0px;
  display: block;
  width: 100%;
  border-bottom: 1px dotted #999999; }

.aui .box-form-register-training .control-custom-bottom:focus {
  border-bottom-color: #004b85; }

.aui .box-form-register-training .table td,
.aui .box-form-register-training .table th {
  border: 1px solid #212529 !important; }

.aui .box-form-register-training .table a {
  display: inline-block;
  padding: 2px 5px; }

.aui .box-form-register-training .bt-add {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 2px;
  background: #24b328;
  text-align: center;
  padding: 0px;
  line-height: 26px;
  cursor: pointer;
  color: white; }

.aui .box-form-register-training .bt-add:hover {
  opacity: 0.7; }

.aui .tim-kiem-dvht-portlet {
  /* padding: 20px 0px; */ }

.aui .box-hotrodn {
  font-size: 14px; }

.aui .box-hotrodn .item {
  padding: 20px 0px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0px; }

.aui .box-hotrodn .item .product-image {
  width: 180px;
  float: left;
  margin-right: 10px; }

.aui .box-hotrodn .title {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  font-size: 18px; }

.aui .box-hotrodn .icon {
  margin-right: 7px; }

.aui .box-hotrodn .post-info {
  margin-bottom: 10px; }

.aui .box-hotrodn .location {
  color: #1976d2;
  display: block;
  margin: 5px 0px; }

.aui .box-hotrodn .location:hover {
  text-decoration: underline; }

.aui .box-hotrodn a:hover {
  text-decoration: underline; }

.aui .box-hotrodn .url {
  display: block;
  color: #d32f2f;
  font-style: italic;
  margin-top: 20px; }

.aui .box-showroom .showroom-item {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd; }

.aui .box-showroom .showroom-item:after {
  content: "";
  display: block;
  clear: both; }

.aui .box-showroom .showroom-item:last-child {
  border-bottom: 0px; }

.aui .box-showroom .image {
  width: 180px;
  float: left; }

.aui .box-showroom .showroom-content {
  margin-left: 200px;
  position: relative;
  padding-right: 80px; }

.aui .box-showroom .post-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  display: block;
  margin-bottom: 10px;
  color: #082c63; }

.aui .box-showroom .navigation {
  position: absolute;
  bottom: 20px;
  right: 0px;
  width: 50px; }

.aui .box-showroom .post-info .li {
  margin-bottom: 5px; }

.aui .box-showroom .post-info .icon {
  margin-right: 7px;
  color: #777777; }

.aui .box-showroom .btn-view-map {
  display: block;
  color: #d32f2f;
  margin-top: 10px;
  font-style: italic;
  text-decoration: underline; }

.aui .box-showroom .openhours {
  display: block;
  margin-top: 15px;
  color: #1565c0; }

.aui .box-showroom-detail .showroom-header {
  margin-bottom: 30px;
  position: relative; }

.aui .box-showroom-detail .showroom-header .post-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 20px; }

.aui .box-showroom-detail .showroom-header .image {
  max-width: 200px; }

.aui .box-showroom-detail .showroom-header .post-info .li {
  margin-bottom: 10px; }

.aui .box-showroom-detail .search {
  position: relative; }

.aui .box-showroom-detail .search .form-control {
  padding-right: 40px;
  box-shadow: none; }

.aui .box-showroom-detail .search .btn-search {
  position: absolute;
  width: 34px;
  height: 34px;
  padding: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  background: #0b366a;
  color: white;
  top: 0px;
  right: 0px; }

.aui .box-showroom-detail .note {
  margin-top: 10px;
  font-style: italic;
  color: #555555; }

.aui .box-showroom-detail .sidebar {
  border: 1px solid #dddddd;
  background: white; }

.aui .box-showroom-detail .sidebar > li {
  border-bottom: 1px solid #dddddd; }

.aui .box-showroom-detail .sidebar > li:last-child {
  border-bottom: 0px; }

.aui .box-showroom-detail .sidebar > li > a {
  display: block;
  padding: 15px 10px;
  font-size: 16px;
  position: relative;
  padding-left: 40px; }

.aui .box-showroom-detail .sidebar > li .icon {
  width: 20px;
  position: absolute;
  top: 13px;
  left: 10px;
  font-size: 20px;
  color: #0b366a; }

.aui .box-showroom-detail .sidebar > li:hover > a,
.aui .box-showroom-detail .sidebar > li.active > a {
  background: whitesmoke; }

.aui .box-showroom-detail .sidebar > li.active > a:after {
  content: "";
  display: block;
  width: 3px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  background: #0b366a;
  position: absolute; }

.aui .box-showroom-detail .box-list-category .head {
  margin-bottom: 20px;
  padding-top: 11px; }

.aui .box-showroom-detail .box-list-category .head .title {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase; }

.aui .box-showroom-detail .box-list-category .post-title > a {
  /* IT360-399609 */
  /* height: 40px; */
  /* overflow: hidden; */
  /* end IT360-399609 */
  font-size: 11pt;
  font-weight: 400;
  text-transform: uppercase; }

.aui .box-showroom-detail .actions {
  text-align: center;
  margin-top: 30px; }

.aui .box-showroom-detail .actions .btn {
  max-width: 200px;
  border-radius: 30px;
  padding: 10px 20px;
  width: 100%;
  border: 2px solid #0b366a;
  color: #0b366a;
  text-transform: uppercase;
  font-weight: bold; }

.aui .box-showroom-detail .actions .btn:hover {
  background: #0b366a;
  color: white; }

.aui .slider-banner {
  overflow: hidden; }

.aui .slider-banner img {
  width: 100%; }

.aui .slider-banner .slick-arrow {
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  font-size: 0px;
  background: none;
  border: 0px;
  margin: auto;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease; }

.aui .slider-banner .slick-arrow:hover {
  background: rgba(0, 0, 0, 0.8); }

.aui .slider-banner .slick-arrow:before {
  font-size: 16px;
  font-family: FontAwesome;
  content: ""; }

.aui .slider-banner .slick-arrow.slick-prev {
  left: -20px; }

.aui .slider-banner .slick-arrow.slick-prev:before {
  content: "\f104"; }

.aui .slider-banner .slick-arrow.slick-next {
  right: -20px; }

.aui .slider-banner .slick-arrow.slick-next:before {
  content: "\f105"; }

.aui .slider-banner:hover .slick-arrow {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease; }

.aui .slider-banner:hover .slick-arrow.slick-prev {
  left: 0px; }

.aui .slider-banner:hover .slick-arrow.slick-next {
  right: 0px; }

.aui .slider-thumb img,
.aui .slider-gallery img {
  width: 100%; }

.aui .view-full-size {
  border: 1px solid #dddddd;
  background: white;
  padding: 10px; }

.aui .slick-arrow {
  background: none;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 0px;
  border: 0px;
  position: absolute;
  top: 0;
  bottom: 0px;
  margin: auto;
  padding: 0px;
  z-index: 3;
  border-radius: 0px;
  font-family: FontAwesome;
  background: #0b743c;
  color: white; }

.aui .slick-arrow:before {
  content: "";
  font-size: 24px; }

.aui .slick-arrow.slick-prev {
  left: 0px; }

.aui .slick-arrow.slick-prev:before {
  content: "\f104"; }

.aui .slick-arrow.slick-next {
  right: 0px; }

.aui .slick-arrow.slick-next:before {
  content: "\f105"; }

.aui .thumbs-list {
  margin-top: 20px; }

.aui .thumbs-list .item {
  padding: 10px;
  text-align: center; }

.aui .thumbs-list .item img {
  height: 80px;
  width: 80px;
  padding: 5px;
  border: 1px solid #dddddd;
  display: inline-block;
  object-fit: cover; }

.aui .thumbs-list .item.slick-current {
  outline: none; }

.aui .thumbs-list .item.slick-current img {
  border: 1px solid #f44336; }

.aui .product-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 20px; }

.aui .product-code {
  font-size: 14px;
  color: #666666; }

.aui .product-info {
  background: white;
  border: 1px solid #dddddd;
  margin-top: 20px;
  padding: 0px;
  font-size: 14px;
  line-height: 20px; }

.aui .product-info .li {
  padding: 10px 10px;
  position: relative;
  padding-left: 40px;
  border-bottom: 1px solid #eeeeee; }

.aui .product-info .li .icon {
  color: #c62828;
  position: absolute;
  top: 10px;
  left: 10px; }

.aui .product-actions {
  margin-top: 20px;
  text-align: center; }

.aui .product-actions .btn {
  border: 1px solid #0b366a;
  padding: 10px 30px;
  margin: 0px 5px;
  font-weight: bold;
  color: #0b366a;
  text-transform: uppercase; }

.aui .product-actions .btn .icon {
  margin-right: 10px; }

.aui .product-actions .btn:hover {
  background: #0b366a;
  color: white; }

.aui .product__detail__content .tab-content {
  border: 1px solid #dddddd;
  padding: 20px;
  border-top: 0px;
  background: white; }

.aui .product-sidebar {
  background: white; }

.aui .product-sidebar .head {
  background: #0b366a;
  color: white;
  padding: 10px 10px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase; }

.aui .product-sidebar .body {
  padding: 10px;
  border: 1px solid #dddddd; }

.aui .post-info .icon {
  color: #c62828;
  margin-right: 5px;
  font-size: 16px; }

/* Start NghiepPV added */
.aui .box-showroom .showroom-content {
  margin-left: 210px; }

.aui .box-showroom .post-name {
  font-size: 18px; }

.aui .box-showroom .navigation {
  width: 100px;
  margin-right: 35px; }

.aui .box-adv .btn-submit {
  height: 43px; }

.aui .slider-business .slick-prev {
  margin: auto 0; }

.aui .tim-kiem-nang-cao-portlet .col-sm-4:nth-child(3n+1) {
  clear: left; }

.aui .box-showroom-detail .showroom-header .image {
  max-width: 100%; }

.aui .section-nganh-tieu-bieu .company-relates .item {
  padding-bottom: 0px; }

.aui .section-nganh-tieu-bieu .company-relates .item .info a {
  margin-top: 10px; }

.aui .section-nganh-tieu-bieu .input-search .btn-search {
  height: 34px;
  padding: 6px 12px; }

.aui .dndskhoadaotao-portlet .col-sm-3:nth-child(4n+1),
.aui .khoahocdadangky-portlet .col-sm-3:nth-child(4n+1) {
  clear: left; }

.aui .section-business-chuluc .slick-track .item:nth-child(even) .wrap {
  border: 1px solid #dddddd;
  border-top: 2px solid #dcaf3d; }

.aui .section-showroom .showroom-desc {
  border: 1px solid #cccccc; }

.aui .wrap-login .box-form .head {
  font-size: 22px;
  margin-bottom: 22px; }

.aui .section-nganh-tieu-bieu .banner img {
  height: unset !important; }

/* End NghiepPV added */
/* Start DucDo added */
.aui .container {
  /*width: 1263px;
  max-width: 1263px;*/ }

.aui .top-banner {
  background: #093890;
  color: #ebe2c4; }

.aui .top-banner .box-banner {
  padding: 5px 0 28px; }

.aui .top-banner .logo {
  padding-left: 130px;
  padding-top: 30px; }

.aui .top-banner .logo .img img {
  height: 100px; }

.aui .top-banner .title {
  color: #ebe2c4; }

.aui .top-banner .box-links {
  margin-top: 40px; }

.aui .top-banner .box-links > li > a {
  color: #ebe2c4;
  font-size: 12px;
  font-weight: bold; }

.aui .top-banner .box-links .icon {
  width: inherit;
  height: inherit;
  border: 0 none;
  line-height: 1;
  font-size: 2em;
  vertical-align: middle;
  margin: 0 0.2em 0 0; }

.aui .top-banner .box-links .text {
  display: inline; }

.aui header.header {
  background: #f6ef9c; }

.aui header.header .topMenu {
  background: transparent; }

.aui header.header .menus {
  text-align: center; }

.aui header.header .menus > li {
  float: none;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 1; }

.aui header.header .menus > li:before {
  content: "|";
  display: inline;
  font-weight: bold;
  font-size: 1.2em;
  margin-right: 5px; }

.aui header.header .menus > li:first-child:before {
  display: none; }

.aui header.header .menus > li > a {
  color: #003366;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  padding: 20px 0 17px; }

.aui header.header .menus > li:first-child > a {
  color: transparent;
  font-size: 0px;
  padding: 0;
  height: 32px;
  vertical-align: middle; }

.aui header.header .menus > li:first-child > a > .icon {
  font-size: 25px;
  color: red; }

.aui header.header .menus > li:hover > a,
.aui header.header .menus > li.active > a {
  color: #FF0000; }

.aui header.header .menus > li:hover > a:before,
.aui header.header .menus > li.active > a:before {
  display: none; }

.aui .hero-banner {
  top: 0; }

.canvas-department {
  max-width: 1200px;
  margin: auto; }

.aui .canvas-department a {
  background: transparent !important;
  /* padding: 9px; */
  padding: 15px;
  font-size: 14px;
  font-weight: bold; }

.aui .canvas-department .icon {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 100%;
  border: 0 none !important; }

.aui .canvas-department .icon > img {
  width: 100%;
  height: auto; }

.aui .canvas-department .text {
  color: #000;
  display: inline;
  font-size: inherit;
  margin: 0; }

.aui .canvas-department .number {
  display: inline;
  color: #CC3300 !important;
  font-size: inherit; }

.aui .portlet-body > .section-business > .container,
.aui .portlet-body .section-showroom > .container,
.aui .portlet-body .section-partners > .container,
.aui .ds-news-portlet .portlet-body > .container {
  max-width: none; }

.aui .section-head {
  background: #F4F4F4;
  margin-bottom: 20px; }

.aui .section-head .title-main {
  color: #FF0000;
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 12px; }

.aui .portlet-body > .section-business > .container > .row,
.aui .portlet-body .section-showroom > .container > .box-bg,
.aui .portlet-body .section-partners > .container > .row,
.aui .ds-news-portlet .portlet-body > .container .box-bg {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto !important;
  padding: 0 10px; }

/* .aui .section-business .item {
  padding-top: 12px; }
 */
.aui .section-business .wrap {
  border: 1px solid #dddddd !important; }

.aui .section-business-chuluc .wrap:after {
  content: " ";
  display: block;
  position: absolute;
  top: -13px;
  left: 0;
  right: 0;
  height: 8px;
  background: #0b366a; }

.aui .section-business-chuluc .slick-track .item:nth-child(even) .wrap:after {
  background: #dcaf3d; }

.aui .section-business .slick-arrow {
  top: 0; }

/* .aui .section-business-tieubieu .item {
  padding: 0 15px; } */
.aui .section-business-tieubieu .wrap {
  padding: 20px 10px; }

.aui .section-business-tieubieu .wrap .title {
  color: #0b366a; }

.aui .section-showroom .box-bg,
.aui .ds-news-portlet .portlet-body .box-bg {
  border: 0 none; }

.aui .section-news .post-date:before {
  display: none; }

.aui .section-news .related-news {
  padding-left: 2em; }

.aui .section-news .related-news .item {
  display: list-item;
  list-style-position: outside;
  list-style-type: square;
  border: 0 none;
  padding: 12px 0 0; }

@media (max-width: 1200px) {
  .aui header.header .menus > li:before {
    display: none; }

  .aui header.header .menus > li > a {
    display: block;
    padding: 10px 10px 10px;
    text-align: left; }

  .aui header.header .menus > li:first-child > a {
    font-size: inherit;
    width: auto;
    padding: 12px 10px 10px 40px;
    background-position: 10px 25%;
    height: auto; }

  .aui header.header .menus > li:first-child > a > .icon {
    position: absolute;
    left: 10px;
    top: 5px; } }
/* End DucDo added */
/* Start NghiepPV added */
.aui .canvas-department .number {
  font-size: 18px; }

.aui .canvas-department a {
  padding: 15px;
  background-color: #c8ebf94f !important; }

.aui .section-department {
  margin-bottom: -20px; }

.aui .box-form .box-bg {
  background: #ffffff;
  color: black; }

.aui .section-nganh-tieu-bieu .input-search .btn-search {
  background: #0D1337; }

.aui .section-nganh-tieu-bieu .company-relates .item .logo {
  border: 1px solid;
  border-radius: 5px; }

.aui .input-search {
  border-bottom: 1px dotted #777777;
  margin-bottom: 15px; }

/* set padding form-control lam anh huong den css cac cho khac => remove*/
/* .aui .box-form .form-control{
    margin-bottom: 15px;
} */
.aui .box-form {
  background: #ffffff; }

.aui .section-nganh-tieu-bieu .company-relates .row:nth-child(n+2) .item {
  border-top: 1px dotted #777777 !important;
  padding-top: 25px; }

@media (max-width: 767px) and (max-width: 979px) {
  .aui .section-nganh-tieu-bieu .input-search .btn {
    margin-top: 0px;
    width: 92px; } }
@media (max-width: 979px) {
  .aui .section-nganh-tieu-bieu .btn {
    font-size: 14px; } }
@media (max-width: 992px) {
  .aui .section-nganh-tieu-bieu .company-relates .row:nth-child(1) .col-md-6:nth-child(2) .item {
    border-top: 1px dotted #777777 !important;
    padding-top: 25px; } }
/* End NghiepPV added */
/* Start DucDo added 2 */
.aui body {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-family: 'Inter'; }

.aui .section {
  padding: 40px 0 0; }

.aui .wrapper-content {
  padding: 0; }

.aui .view-full-size .item {
  border: 0 none;
  padding: 0; }

.aui .view-full-size .item img {
  margin: 0 auto; }

.aui .product-img {
  border: 0 none; }

@media (min-width: 769px) {
  .aui .thumbs-list .item {
    text-align: right;
    padding: 10px 0; } }
.aui .box-news-xx {
  border: 0 none;
  border-bottom: 1px dotted #d5d5d5;
  padding: 15px 0;
  margin: 0;
  font-size: 14px; }

.aui .box-news-xx .h2-title-xx {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px; }

.aui .box-news-xx .h2-title-xx a {
  color: #222222; }

.aui .box-news-xx .image {
  float: left;
  width: 200px;
  margin: 0 12px 0 0; }

/* End DucDo added 2 */
/* Start NghiepPV added */
.aui .box-form .form-horizontal .form-group {
  padding-left: 5px; }

.box-showroom-detail .sidebar li.active {
  border-bottom: 1px solid #0b366a; }

.box-showroom-detail .sidebar li.active a:after {
  width: 0; }

.box-showroom-detail .sidebar > li.active > a {
  background-color: #f6ef9c !important; }

.box-showroom-detail .sidebar {
  background-color: #f4f4f4; }

.box-showroom-detail .box-list-category .head {
  background-color: #f4f4f4;
  vertical-align: middle;
  /*display: flow-root;
  padding: 6px 0px;*/ }

.box-showroom-detail .box-list-category .square {
  height: 45px;
  width: 45px;
  background-color: #008dd0; }

.box-showroom-detail .box-list-category .head .title {
  margin-left: 10px; }

.aui .box-showroom-detail .sidebar > li.active > a:after {
  background: none; }

.box-showroom-detail .sidebar li a {
  font-family: Roboto; }

.box-showroom-detail ul.sidebar {
  list-style-type: none;
  padding: 0; }

.aui .box-showroom-detail .sidebar > li {
  line-height: 14px; }

.box-list-category .head .select-custom select {
  margin-bottom: 0; }

.box-list-category .head .control-group {
  margin-bottom: 0; }

/* End NghiepPV added */
/* Start DucDo added 3 */
.aui .slick-slide {
  outline: none; }

.aui .top-banner > .container,
.aui .footer > .container {
  padding-left: 15px;
  padding-right: 15px; }

@media (max-width: 991px) {
  .aui .top-banner .logo,
  .aui .top-banner .box-links {
    padding-left: 0; }

  .showroom-home-page {
    padding-left: 15px;
    padding-right: 15px; }

  .showroom-home-page .showroom-slider {
    margin-left: -15px;
    margin-right: -15px; } }
/* End DucDo added 3 */
.aui .course-item .post-author .username {
  height: 22px; }

/* Start NghiepPV added */
.showroom-home-page .title {
  font-size: 18px; }

div.showroom-list-item .showroom-doanhnghiep-info {
  padding: 2px; }

.showroom-home-page .text-overflow {
  font-size: 11pt;
  padding-top: 15px; }

.showroom-home-page .showroom-list {
  margin-top: 20px; }

.showroom-client-portlet .portlet-body .location .post-info {
  font-size: 16px; }

.showroom-client-portlet .portlet-body .box-showroom-detail .post-name a {
  color: #003366; }

.showroom-client-portlet .portlet-body .box-showroom-detail .header-right .row a {
  font-size: 16px; }

.showroom-client-portlet .portlet-body .box-showroom-detail .header-right .note {
  font-size: 14px; }

.showroom-client-portlet .portlet-body .box-showroom-detail .header-right .search {
  width: 75%; }

.showroom-client-portlet .portlet-body .box-showroom-detail .top-category {
  padding: 20px 0 0; }

.showroom-client-portlet .portlet-body .box-showroom-detail .box-list-category {
  padding: 20px 0 0; }

.showroom-client-portlet .portlet-body .box-showroom-detail .box-list-category .post-name {
  font-size: 13pt;
  font-weight: 700;
  margin-top: 20px; }

.showroom-client-portlet .portlet-body .box-showroom-detail .box-list-category .detail-product-tabs {
  margin-top: 25px; }

.showroom-client-portlet .portlet-body .box-showroom-detail .box-list-category .row .header-right .row:last-child {
  margin-top: 25px;
  padding-left: 0px; }

.showroom-client-portlet .portlet-body .box-showroom-detail .box-list-category .row .header-right .row {
  padding-left: 25px;
  padding-top: 5px;
  font-size: 15px;
  line-height: 25px; }

.showroom-client-portlet .portlet-body .box-showroom-detail .box-list-category .head select.select-custom {
  height: 33px; }

.showroom-client-portlet .portlet-body .box-showroom-detail .box-list-category .product-item h3.post-code {
  font-size: 15px;
  text-transform: uppercase; }

.showroom-client-portlet .portlet-body .box-showroom-detail .top-category ul.sidebar li a {
  color: #003366; }

.showroom-client-portlet .portlet-body .box-showroom-detail .showroom-header {
  margin-bottom: 10px; }

.showroom-client-portlet .portlet-body .box-showroom-detail .showroom-header .row .image {
  text-align: center; }

.showroom-client-portlet .showroom-home-page .showroom-career {
  margin-top: 15px; }

.showroom-client-portlet .showroom-home-page .showroom-career .row {
  margin-top: 20px; }

/* End NghiepPV added */
.aui footer.footer .box-statistic2 {
  margin-top: 20px;
  text-align: center; }

.aui footer.footer .box-statistic2 span {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.1); }

.aui .course-item .training-time {
  padding: 9px 8px;
  white-space: nowrap; }

.aui .wrap-login .box-form .btn-register,
.aui .wrap-login .box-form .btn-submit,
.aui .wrap-login .box-form .bottom-actions .btn {
  white-space: break-spaces; }

@media only screen and (max-width: 640px) {
  /* For mobile phones: */
  .aui .wrap-login .box-form .box-form-left,
  .aui .wrap-login .box-form .box-form-right,
  .aui .wrap-login .box-form:before {
    width: 100%; } }
.aui .hero-search .btn-cancel {
  display: inline-block; }

.aui .section.section-nganh-tieu-bieu {
  padding: 0px; }

.aui .post-image {
  background-size: contain; }

.aui .input-icon .form-control {
  padding-left: 12px; }

/* CTTDT-859 */
.aui footer.footer .col-xs-12 {
  margin-bottom: 0px; }

.aui .scroll-top {
  bottom: 110px;
  right: 30px; }

/* combobox with search */
.selec-custom > .bootstrap-select > .dropdown-toggle {
  line-height: 1.42857143;
  font-size: 14px;
  color: #555;
  padding: 6px 12px; }

.bootstrap-select .dropdown-menu li a span.text {
  white-space: break-spaces; }

/* end combobox with search */
/* IT360-399740 */
.aui .post-title2 {
  margin-top: 0px;
  margin-bottom: 10px;
  max-height: 40px;
  overflow: hidden;
  margin-bottom: 10px; }

.aui .post-title2,
.aui .post-title2 > a {
  font-size: 16px;
  display: block;
  line-height: 20px;
  font-weight: bold;
  color: #009ae5;
  /* color: #072d75; */
  text-transform: uppercase; }

.aui .post-title2 > a:hover {
  color: #0b366a; }

/* end IT360-399740 */
/* IT360-399715 */
.aui .box-sidebar .title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #0066e5;
  color: white;
  line-height: 2.3;
  padding: 5px 10px;
  margin-bottom: 0px; }

.aui .box-sidebar .menus {
  border: 1px solid #ddd;
  padding: 0px 10px; }

.aui .box-sidebar .menus li.active > a {
  white-space: normal;
  padding-right: 20px; }

.aui .box-sidebar .menus ul > li > a {
  white-space: normal; }

.aui .box-sidebar .menus > li > a {
  padding-right: 20px; }

/* end IT360-399715 */
/* IT360-425277 */
.aui .company-item .post-title > a {
  color: #0277BD;
  font-size: 15px; }

.aui .text-result h4 {
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  color: red; }

.aui .text-result h5 {
  text-align: center;
  text-transform: uppercase;
  font-size: 19px;
  font-style: normal;
  font-weight: bold;
  color: #5480bc; }

.aui .text-result h5 span {
  color: red; }

.section-company .row:nth-child(n+2) {
  border-top: 1px solid #ddd;
  padding-top: 5px; }

.section-company .row [class*="col"]:first-child {
  border-right: 1px solid #ddd; }

.section-company .company-item {
  margin-top: 5px; }

@media only screen and (min-width: 768px) {
  .section-company .row:nth-child(n+2) {
    border-top: 1px solid #ddd;
    padding-top: 0px; } }
/* end IT360-425277 */
/* IT360-425748 */
.aui .box-course-detail .top .title {
  text-transform: uppercase;
  font-size: 15px;
  color: #0277BD; }

.aui .box-course-detail h2 {
  text-transform: uppercase;
  font-size: 15px;
  color: #0277BD; }

/* end IT360-425748 */
/* IT360-399609 */
/* .section-company2 .row:nth-child(n+2) {
    border-top: 1px solid #ddd;
    padding-top: 5px;
} */
.section-company2 .row .company-item {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-bottom: 20px;
  padding-left: 210px;
  min-height: 135px; }

.section-company2 .row .company-item .post-image {
  width: 200px; }

@media only screen and (min-width: 768px) {
  .section-company2 .row [class*="col"]:first-child .company-item {
    border-right: 1px solid #ddd; }

  .section-company2 .row:nth-child(n+2) {
    border-top: 1px solid #ddd;
    padding-top: 0px; } }
@media only screen and (max-width: 767px) {
  .section-company2 .row:first-child [class*="col"]:nth-child(n+2) {
    border-top: 1px solid #ddd;
    padding-top: 5px; }

  .section-company2 .row:not(:first-child) [class*="col"] {
    border-top: 1px solid #ddd;
    padding-top: 5px; } }
/* end IT360-399609 */
/* chat */
.chat-app .modal {
  display: none; }

.launcher-chat {
  bottom: 38px; }

/* end chat */
/* SCT-30 */
.aui .box-course-detail .box {
  box-shadow: -1px -1px 0px grey; }

.aui .box-course-detail .tran-info .icon {
  color: #FED543;
  font-weight: bold; }

/* end SCT-30 */
/* SCT-26 */
.aui .product-item {
  margin: 20px 0px;
  text-align: center; }

@media only screen and (min-width: 768px) {
  .sanpham-box .row [class*="col"]:not(:last-child) .product-item {
    border-right: 1px solid #ddd; }

  .sanpham-box .row:nth-child(n+2) {
    border-top: 1px solid #ddd;
    /* padding-top: 0px; */ } }
@media only screen and (max-width: 767px) {
  .sanpham-box .row:first-child [class*="col"]:nth-child(n+2) {
    border-top: 1px solid #ddd;
    /* padding-top: 5px; */ }

  .sanpham-box .row:not(:first-child) [class*="col"] {
    border-top: 1px solid #ddd;
    /* padding-top: 5px; */ } }
/* end SCT-26 */
.chat-div .live-hd .visitor-name {
  overflow: unset !important;
  text-overflow: unset !important; }

.chat-div .live-hd .visitor-name .box-name {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.aui .article .title-news {
  word-break: break-word; }

.aui .top-banner .logo .img img {
  margin-top: 22px; }

.aui .top-banner .title {
  color: #ebe2c4;
  text-decoration: underline;
  text-underline-offset: 5px;
  padding-bottom: 8px; }

/* css moi theo yeu cau 20240617 */
/* :root {
    --brand1-color: #1C98D8;
    --brand2-color: #123060;
    --brand3-color: #F2B945;
    --neutral2-color: #2B2D3B;
} */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

a:hover {
  text-decoration: none;
  cursor: pointer; }

.brand1 {
  color: #1C98D8 !important; }

.brand2 {
  color: #123060 !important; }

.px-110 {
  padding-left: 110px;
  padding-right: 70px; }

.header-logo {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  /* margin-bottom: 10px; */
  margin-bottom: 15px; }

.header-image {
  width: 120px;
  height: 120px; }

.header-right {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.header-name {
  /* font-family: "Lora"; */
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
  color: #123060;
  /* text-decoration: underline; */ }

.header-description {
  /* font-family: "Lora"; */
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  color: #C79027;
  text-transform: uppercase; }

.header-btn {
  background-color: #DBE2F6 !important;
  color: #1363B9 !important;
  font-family: "Inter";
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-right: 10px;
  margin-top: 0 !important;
  padding: 8px 10px !important;
  width: 105px !important;
  border: none !important; }

.header-btn:hover {
  color: #1363B9; }

/* .navbar-nav>li>a {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
} */
.dropdown-language {
  position: relative;
  display: inline-block; }

.dropdown-btn {
  border: none;
  background-color: transparent; }

.dropdown-menu-language {
  display: none;
  position: absolute;
  margin-top: 2px; }

.dropdown-menu-language .show {
  display: block; }

.navbar-nav {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center;
  column-gap: 5px; }

.navbar-background {
  background-color: #1C98D8 !important;
  border-radius: 0 !important; }

.nav-item {
  margin-right: 20px; }

.nav-item.dropdown:hover > .dropdown-menu.menu-data {
  display: block;
  width: 375px; }

.nav-item.dropdown:hover > .dropdown-menu {
  display: block;
  width: 280px; }

.dropdown-item__title {
  font-family: "Inter";
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase; }

.dropdown-item__content {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  width: 340px;
  row-gap: 8px;
  column-gap: 20px; }

.dropdown-item__content-tag {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  width: 360px; }

.dropdown-item__content > .content-link {
  width: 45%;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #2B2D3B;
  text-transform: none; }

.dropdown-item__content-tag > .content-link {
  color: #000;
  display: flex;
  white-space: normal;
  align-items: center;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  align-items: flex-start;
  column-gap: 4px;
  text-transform: none; }

.btn-toggle {
  position: fixed;
  width: 28px;
  height: 29px;
  top: 25px;
  right: 15px;
  z-index: 20;
  border: none;
  background-color: #1C98D8;
  color: #fff;
  padding: 6px 8px;
  display: none;
  border-radius: 9px; }

.btn-toggle:hover {
  cursor: pointer; }

.nav-sidebar {
  display: none;
  position: fixed;
  /* top: 58px;
  right: 10px; */
  top: 85px;
  right: 5px;
  /* width: 385px; */
  width: 40%;
  min-height: 385px;
  background-color: #fff;
  transition: left 0.3s ease;
  z-index: 20;
  border-radius: 4px; }

.nav-sidebar-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  box-shadow: 0px 4px 20px 0px #00000026;
  text-transform: uppercase; }

.nav-sidebar-item {
  min-height: 46px;
  padding: 5px 16px 5px 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 14px;
  margin-bottom: 0 !important; }

.nav-sidebar-item::after {
  content: "";
  border: 1px solid rgba(115, 115, 115, 0.2);
  position: absolute;
  bottom: 0;
  left: 10px;
  width: 94%; }

.nav-sidebar-item.no-border::after {
  border: none; }

.nav-sidebar-item:last-child::after {
  display: none; }

.topMenu .nav-sidebar-link,
.nav-sidebar-link {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  color: #000;
  display: flex;
  justify-content: space-between; }

li.open .nav-sidebar-link {
  color: #000; }

.nav-sidebar-link:hover {
  color: #000 !important; }

.nav-sidebar-link > i {
  color: #817D82; }

.nav-sidebar-link:hover {
  cursor: pointer;
  text-emphasis: none;
  color: #000; }

.sidebar-dropdown {
  display: none; }

.sidebar-dropdown > .dropdown-item {
  padding: 0; }

.nav-sidebar-item.open > .sidebar-dropdown {
  display: block; }

.btn-toggle > i {
  font-size: 15px; }

.nav-sidebar.active {
  display: block; }

.sidebar-btn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px; }

.content-link:hover {
  text-decoration: none;
  cursor: pointer; }

.dropdown-divider {
  border-top: 1px solid #D9D9D9;
  /* margin: 8px 10px; */
  list-style-type: none; }

.dropdown-menu > li > a {
  display: flex !important;
  padding: 3px 0 !important;
  white-space: normal !important;
  font-family: "Inter";
  font-size: 14px;
  line-height: 20px !important;
  font-weight: 400 !important;
  column-gap: 10px;
  align-items: center; }

.dropdown-menu > li > a > svg {
  width: 13%; }

#banner {
  position: relative; }

.banner-item {
  position: relative;
  height: 470px;
  background-size: cover;
  background-position: center; }

.banner-item-title {
  position: absolute;
  font-family: "Lora";
  font-size: 64px;
  font-weight: 700;
  line-height: 96px;
  text-align: left;
  color: #fff;
  width: 60%;
  height: 292px;
  top: 69px;
  left: 10%; }

.carousel-indicators-banner > button {
  width: 30px;
  height: 6px;
  top: 404px;
  left: 684px;
  gap: 0px;
  border-radius: 3px;
  border: 1px solid #1C98D8;
  background-color: #1C98D8; }

.carousel-indicators-banner {
  bottom: 70px; }

.carousel-indicators-banner .active {
  box-sizing: content-box;
  width: 30px !important;
  height: 6px !important;
  flex: 0 1 auto;
  margin: 0;
  opacity: 1;
  background-color: #F2B945 !important;
  border: 0; }

#search {
  position: absolute;
  background-image: url("/eportal-sct-hcm-theme/images/background_search.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 82%;
  /* top: 410px; */
  bottom: -80px;
  left: 9%;
  right: 9%;
  border-radius: 8px; }

.btn-search {
  width: 100%;
  background-color: #1C98D8;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  height: 48px;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
  display: flex;
  align-items: center;
  column-gap: 10px; }

.btn-search > i {
  font-size: 32px; }

.input-group {
  height: 48px; }

.form-control {
  height: 48px; }

/* @media (max-width: 979px) {
    #search .input-group .form-control {
	    height: 48px;
	}
} */
.search-link {
  font-family: "Inter";
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline; }

.modal-dialog {
  margin: 60px 10%;
  width: 80%;
  position: absolute;
  top: 30%; }

.modal-content {
  /* background-image: url("/eportal-sct-hcm-theme/images/background_search.jpg"); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%; }

.title-modal {
  font-family: "Inter";
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-position: under;
  margin-top: 20px; }

.modal-title {
  font-family: "Inter";
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #fff; }

.form-label {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  color: #fff; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  row-gap: 18px; }

.btn-modal {
  width: 100%;
  background-color: #1C98D8 !important;
  color: #fff !important;
  border-radius: 6px !important;
  height: 48px;
  font-family: "Inter" !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 28px !important;
  text-align: center !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  column-gap: 10px; }

.btn-modal > i {
  font-size: 32px; }

.product {
  background-image: url("/eportal-cttdt-scthcm-apps-portlet/images/_x33_.png");
  background-size: cover;
  background-position: center;
  padding-top: 130px;
  padding-bottom: 30px; }

.product-title,
.products-title,
.supply-title,
.training-title,
.enterprise-title,
.library-title {
  font-family: "Inter";
  font-size: 26px;
  font-weight: 700;
  line-height: 48px;
  text-align: left;
  color: #123060;
  text-transform: uppercase; }

.product-subtitle,
.products-subtitle {
  font-family: "Inter";
  font-size: 22px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
  color: #1C98D8;
  text-transform: uppercase; }

.product-divider,
.products-divider,
.supply-divider,
.training-divider,
.library-divider,
.enterprise-divider {
  border-top: 4px solid #1C98D8;
  width: 18%;
  margin: 8px 0; }

.product-img {
  width: 68px;
  height: 68px;
  margin-bottom: 6px; }

.product-name,
.grid-product .product-name {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  color: #2B2D3B; }

.products {
  /* padding-top: 5rem; */
  background-image: url("/eportal-cttdt-scthcm-apps-portlet/images/MaskGroup.png");
  background-size: cover;
  background-position: center; }

.products-img {
  width: 95%;
  /* margin-top: 164px; */
  position: absolute;
  bottom: 0; }

.products-link {
  margin-top: 10px;
  padding: 6px 12px 6px 12px;
  border-radius: 21px;
  border: 1px;
  color: #fff !important;
  background-color: #F2B945 !important;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 600; }

.products-link:hover {
  color: rgba(255, 255, 255, 0.7); }

.products-image {
  width: 65%;
  margin-top: 2px; }

.card-product {
  background: var(--Blue-Blue-04, #f5f9fe);
  box-shadow: -10px 10px 20px 0px #00000014;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 222px;
  border-radius: 4px; }

.card-product:hover {
  text-decoration: none; }

.card-product-title {
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: #123060;
  width: 70%;
  text-decoration: none;
  text-transform: capitalize;
  height: 72px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.card-product-online {
  border-radius: 8px;
  box-shadow: -10px 10px 20px 0px #00000026;
  background: #F5F6FB;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  height: 195px; }

.card-product-online-img,
.supply-card-img {
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 150px; }

.card-product-online-img {
  height: 138px; }

.card-product-online-title {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  color: #454545;
  align-content: center; }

.supply-card-title {
  font-family: "Inter";
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  color: #454545;
  padding: 0 16px;
  height: 33px;
  position: relative; }

.card-product-online-name,
.supply-card-name {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #454545;
  padding: 0 16px;
  height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }

.card-product-online-divider,
.supply-card-divider {
  border: 1px solid #E8E8E8;
  margin: 0 16px; }

.system-img {
  background-color: #F2B945;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  align-content: center;
  text-align: center;
  color: #123060; }

.system-img > img {
  width: 45px;
  height: 45px; }

.system-name {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  color: #2B2D3B;
  margin-top: 6px; }

.system-divider {
  border-top: 2px solid #F2B945;
  width: 15%;
  margin: 6px 0; }

.system-number {
  font-family: "Inter";
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #2B2D3B; }

#data {
  background-image: linear-gradient(254.34deg, rgba(28, 152, 216, 0.9), rgba(12, 65, 136, 0.9)), url("/eportal-sct-hcm-theme/images/newhomepage/image140.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 18px;
  background-size: cover;
  background-position: center; }

.data-title {
  font-family: "Inter";
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
  color: #fff;
  white-space: normal;
  padding: 30px 0; }

.data-group {
  padding: 10px 0 10px 16px;
  height: 130px; }

.data-group::before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  border-left: 4px solid #53B7FF;
  /* ?????ng g?ch n?m th?ng */
  top: 0;
  left: 0; }

.data-number {
  font-family: "Inter";
  font-size: 42px;
  font-weight: 700;
  line-height: 63px;
  text-align: left;
  color: #53B7FF; }

.data-name {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  color: #fff; }

.data-body__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px; }

.data-body {
  padding-bottom: 30px; }

.body__header__left {
  font-family: "Inter";
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  color: #fff;
  font-weight: 600; }

.body__header__right {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-align: right;
  color: #fff; }

.data-body__chart {
  border-radius: 8px;
  border: 1px solid #56B8FF;
  background-color: rgba(255, 255, 255, 0.2);
  /* height: 257px; */
  display: flex;
  flex-wrap: wrap; }

#chart {
  width: 70%;
  height: 300px;
  z-index: 2; }

.body__content_note {
  width: 30%; }

.note_list {
  margin-top: 40px !important;
  display: flex;
  flex-direction: column;
  row-gap: 12px; }

.note_item {
  display: flex;
  gap: 10px; }

.note_divider {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 40px;
  border-radius: 50px; }

.note_label {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #FFFFFF; }

#supply {
  padding-top: 65px; }

.supply-header {
  display: flex;
  justify-content: space-between;
  padding: 0 15px; }

.btn-buy {
  font-family: "Inter";
  font-size: 16px;
  width: 141px;
  height: 46px;
  background-color: #1C98D8;
  color: #fff;
  border-radius: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.btn-sell {
  font-family: "Inter";
  font-size: 16px !important;
  width: 141px;
  height: 43px;
  border: 1px solid #0000001A !important;
  border-radius: 0px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  color: #2B2D3B !important; }

.btn-sell.active {
  background-color: #1c98d8 !important;
  color: white !important; }

.btn-sell.active:hover {
  background-color: #1c98d8 !important;
  color: white !important; }

#supply .btn-sell.active:hover {
  background-color: #1c98d8 !important;
  color: white !important; }

#supply .btn-sell:hover,
.btn-sell:hover {
  background-color: #fff !important;
  color: #1b1919 !important; }

.grid-supply,
.grid-products,
.grid-system {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  padding-bottom: 16px; }

.grid-product {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px; }

/* .grid-products {
    column-gap: 10px;
    align-item: stretch;
    justify-content: space-around;
} */
.supply-card {
  box-shadow: -10px 10px 20px 0px #00000014;
  border-radius: 8px;
  background: #F5F6FB;
  display: flex;
  flex-direction: column;
  gap: 8px;
  /* max-height: 360px; */
  max-height: 380px;
  padding-bottom: 20px; }

.supply-card-footer {
  display: flex;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 20px;
  align-items: center; }

.supply-card-price {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #1C98D8; }

.supply-card-icon {
  width: 30px;
  height: 30px;
  background: #1C98D8;
  border-radius: 50%;
  color: #fff;
  padding: 6px; }

#training {
  margin-top: 65px; }

.training-header_right,
.enterprise-header_right {
  display: flex;
  column-gap: 14px; }

.btn-prev {
  width: 36px;
  height: 36px;
  background: #1C98D8;
  color: #fff;
  border: 1.5px solid #FFFFFF;
  border-radius: 50%; }

.btn-next {
  width: 36px;
  height: 36px;
  background: #F2B945;
  color: #fff;
  border: 1.5px solid #FFFFFF;
  border-radius: 50%; }

.grid-training {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px; }

.training-item {
  display: flex;
  align-items: center;
  column-gap: 8px;
  height: 135px;
  position: relative; }

.training-item::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  border: 1px solid #E8E8E8;
  left: 0;
  bottom: 0; }

.training-item-date {
  width: 100px; }

.training-item-day {
  font-family: "Inter";
  font-size: 28px;
  font-weight: 800;
  line-height: 40px;
  text-align: left;
  color: #273266; }

.training-item-month {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #636B90; }

.training-item-img {
  width: 108px;
  height: 108px;
  border-radius: 4px; }

.training-item-info {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  width: 342px; }

.training-item-name {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #273266;
  max-height: 72px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.training-item-price {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  color: #1C98D8; }

.training-item-description {
  display: flex;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #636B90;
  column-gap: 4px; }

#enterprise {
  margin-top: 65px;
  padding-bottom: 60px; }

#carouselEnterpriseMobile {
  display: none; }

.carousel-enterprise-item {
  display: flex;
  flex-direction: row;
  column-gap: 16px; }

.enterprise-card {
  width: 20%;
  height: 168px;
  border-radius: 8px;
  box-shadow: -10px 10px 20px 0px #00000014;
  background: #fff;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center; }

.enterprise-card-img {
  width: 100%;
  height: auto; }

#enterprise .carousel-item.item {
  padding-bottom: 18px;
  padding-left: 18px; }

#news {
  background-image: url("/eportal-sct-hcm-theme/images/newhomepage/Group 20961.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.news-content {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.news-filter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* height: 390px; */
  height: 350px;
  align-items: start; }

.filter-title {
  font-family: "Inter";
  font-size: 26px;
  font-weight: 700;
  line-height: 48px;
  text-align: left;
  color: #fff; }

.filter-divider {
  border-top: 4px solid #fff;
  width: 40%;
  border-radius: 4px; }

.filter-list {
  margin-top: 24px !important;
  margin-left: 18px;
  display: flex;
  flex-direction: column;
  row-gap: 10px; }

.filter-item {
  color: white;
  font-size: 20px; }

.filter-item > a {
  color: #fff;
  font-family: 'Inter';
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left; }

.filter-item.active {
  color: #F2B945; }

.filter-item.active > a {
  color: #F2B945; }

.filter-item-divider {
  border-top: 1px solid #fff;
  width: 100%;
  list-style: none;
  left: -20px;
  position: relative;
  opacity: 0.3; }

.btn-link {
  width: 140px;
  height: 30px;
  border-radius: 20px !important;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 24px;
  text-align: center;
  align-content: center;
  /* color: #2B2D3B !important; */
  color: #fff !important;
  background-color: #F2B945 !important; }

.btn-link:hover {
  background-color: #F2B945;
  text-decoration: none; }

.card-news {
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  display: flex;
  padding: 3px; }

.card-news-body {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.8);
  row-gap: 10px;
  /* height: 390px; */
  width: 100%;
  border-radius: 12px; }

.card-news__img {
  height: 170px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.card-news__title {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* text-align: justify; */
  text-align: -webkit-auto;
  color: #123060;
  padding: 0 12px;
  letter-spacing: -1px;
  height: 70px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.card-news__date {
  font-family: "Inter";
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: justify;
  color: #2B2D3B;
  padding-left: 12px; }

.card-news__date > i {
  width: 16px;
  height: 16px; }

.card-news__content {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* text-align: justify; */
  text-align: -webkit-auto;
  color: #2B2D3B;
  height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  padding: 0 12px;
  margin-bottom: 10px; }

.library-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.library-left > img {
  width: 100%;
  height: 420px; }

.library-image > img {
  width: 100%;
  height: 200px; }

.grid-images {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px; }

#footer,
#footer-login {
  background-color: #123060; }

.footer-left-heading {
  font-family: "Inter";
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  color: #F5F9FE;
  margin-top: 34px;
  margin-bottom: 15px; }

.footer-left-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 15px; }

.footer-left-item {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: #fff;
  display: flex;
  column-gap: 8px;
  /* align-items: first baseline; */
  align-items: flex-start;
  white-space: nowrap; }

.footer-left-item > a,
.footer-center-item > a {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: #fff; }

.footer-center-item > a:hover {
  text-decoration: none; }

.footer-center,
.footer-right {
  padding-top: 48px; }

.footer-center {
  padding-left: 32px; }

.footer-center-heading {
  font-family: "Inter";
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  color: #fff; }

.footer-center-list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  list-style: none;
  margin-top: 10px; }

.footer-center-heading,
.footer-right-heading {
  font-family: "Inter";
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  color: #fff;
  margin-bottom: 10px; }

.footer-right-social {
  display: flex;
  column-gap: 10px;
  margin-top: 20px; }

.footer-right-social > a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #454545;
  color: #fff;
  padding-left: 8px;
  padding-top: 6px; }

.footer-right-social > a:first-child {
  padding-left: 11px; }

.footer-right-social > a > i {
  width: 100%; }

.footer-right-img {
  margin-top: 20px;
  width: 152px;
  height: 57px; }

.footer-info {
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px; }

.footer-info::before {
  content: "";
  border-top: 1px solid #3D4B8F;
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.footer-info-left {
  font-family: "Inter";
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  color: #A1A5BA;
  /* padding-left: 15px; */ }

.footer-info-left,
.footer-info-right {
  font-family: "Inter";
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  color: #A1A5BA;
  /* padding-right: 15px; */ }

/* doanh nghiep dong hanh */
.business-header {
  font-family: "Inter";
  /* font-size: 32px; */
  font-size: 22px;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
  color: #123060;
  position: relative;
  padding-bottom: 10px; }

.business-header::after {
  content: "";
  position: absolute;
  border-radius: 4px;
  border: 2px solid #1C98D8;
  width: 6%;
  bottom: 0;
  left: 47%; }

.carousel-bussiness {
  margin-top: 50px;
  display: flex;
  overflow: hidden;
  column-gap: 16px; }

.card-bussiness {
  width: 160px;
  height: 82px;
  border-radius: 12px;
  border: 1px solid #E1E1EA;
  align-content: center;
  /* animation: moveRight 6s linear infinite; */
  text-align: center; }

@keyframes moveRight {
  0% {
    transform: translateX(100%);
    /* B?t ??u t? v? trí ngoài cùng bên trái */ }

  100% {
    transform: translateX(-100%);
    /* K?t thúc ? v? trí ngoài cùng bên ph?i */ } }

.card-bussiness > img {
  width: 80%;
  height: auto; }

/* end doanh nghiep dong hanh */
/* end css moi theo yeu cau 20240617 */
@media (min-width: 1440px) {
  .container {
    width: 1200px;
    padding-left: 0;
    padding-right: 0; }

  /* #search {
      width: 1200px;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
  } */ }
@media (min-width: 1200px) {
  .aui .container {
    width: 1070px; } }
.aui .form-control, .aui input[type="text"] {
  border: 1px solid #e1e1e1 !important;
  box-shadow: none !important;
  border-radius: 8px; }

.aui .input-group-addon, .aui .add-on {
  border-radius: 8px; }

.aui .btn {
  border-radius: 8px; }

.mt-5rem {
  margin-top: 5rem !important; }

.card-product-img {
  /* width: 164px; */
  width: 60%;
  height: auto; }

.supply-group-btn {
  text-align: end; }

.supply-card-header {
  display: flex;
  padding: 0 16px;
  column-gap: 10px;
  align-items: center; }

.supply-card-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%; }

.supply-card-user {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  color: #454545; }

.supply-card-date {
  font-family: "Inter";
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #454545;
  padding: 0 16px; }

/* .supply-card-name{
    height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
} */
.d-mobile {
  display: block; }

.card-product-image {
  width: auto;
  text-align: center;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center; }

.nav-sidebar-link {
  font-size: 14px;
  line-height: 14px; }

.mt-65 {
  margin-top: 65px; }

.btn-mobile {
  display: none; }

.product-name > a {
  color: #2b2d3b; }

.products-left-row {
  position: relative;
  height: 464px; }

.products-img-mobile {
  width: 100%;
  margin-top: 25px; }

.products-mobile-link {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.products-link-mobile {
  margin-top: 10px;
  padding: 6px 12px 6px 12px;
  border-radius: 21px;
  border: 1px;
  color: #fff !important;
  background-color: #F2B945 !important;
  font-family: "Inter";
  font-size: 12px;
  font-weight: 600; }

.products-image-mobile {
  width: 50%; }

.training-header {
  padding: 0 15px; }

.btn-link > i {
  margin-right: 10px !important; }

.portlet-borderless-container {
  min-height: 0px; }

.btn-products-next {
  background: #f2b945; }

#header.header-main {
  background-color: #F3F5F8; }

.no-break {
  word-break: keep-all;
  white-space: nowrap; }

.navbar {
  border: none !important; }

.dropdown-item-mobile {
  text-transform: none;
  display: flex;
  align-items: center;
  white-space: break-spaces;
  color: #000 !important;
  column-gap: 10px;
  height: 38px; }

.nav-toggle {
  display: none !important; }