@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&Open+Sans:wght@300&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Lato|Open+Sans:wght@300&display=swap');*/
@import url('./common.css');
html,
body {
  height: 100%;
  font-family: 'ntd gilroy';
  color: #000;
}
@font-face {
  font-family: 'ntd gilroy_b';
  src: url(../file/font/85_NTD_GILROY_BOLD.ttf);
}

@font-face {
  font-family: 'ntd gilroy';
  src: url(../file/font/85-NTD-GILROY-REGULAR.ttf);
}

.flex-container {
  display: flex;
}

.flex-container .flex-item {
  flex: 1;
  width: 100%;
}

.c-menu-top {
  background-color: #000000a0;
}
.c-menu-top .nav-item {
  height: 80px !important;
}
.c-menu-top {
  padding-top: 20px !important;
  padding-bottom: 20px !;
}
.c-menu-top .navbar-nav {
  align-items: center;
}
.c-menu-top .nav-item {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.c-menu-top .dropdown-menu {
  position: absolute !important;
  background-color: var(--menu-bg-hover);
}
.c-menu-top .dropdown-menu .dropdown-item {
  padding: 0.8rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.c-menu-top .dropdown-menu .dropdown-item:hover {
  background-color: #7c0c19 !important;
}
.c-menu-top li.nav-item {
  /* padding: 10px 8px 10px 8px; */
}

/*#region BOX SILDE*/
.box-slide {
  padding: 0 20px;
  height: 400px;
  color: white !important;
}
.box-slide-left {
  width: 78%;
}
.title-summary-slide {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}
.detail-summary-slide {
  text-decoration: none;
  color: inherit;
  text-decoration: none;
  color: inherit;
  font-size: 18px;
  line-height: 1.4;
}
.img-box-slide {
  object-fit: cover;
  width: 100%;
  height: 400px;
}
.box-slide-right {
  width: 20% !important;
}
.icon-silde {
  font-size: 25px;
}
.box-slide-left ol a {
  position: static !important;
}
.box-slide-left .carousel-inner {
  height: 400px;
}
a.title-summary-slide:hover {
  color: white !important;
  text-decoration: underline;
}
a.detail-summary-slide:hover {
  color: white !important;
  text-decoration: dotted;
}
.box-slide-left {
  height: 400px;
}
.box-slide-right {
  width: 20% !important;
  height: 400px;
}
.summary_news1 a {
  display: -webkit-box;

  /* max-width: 250px; */
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.box-slide-left ol li {
  background-color: white !important;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

/*#endregion*/

/*#region BOX TÌM KIẾM */
.box-search {
  background-image: url(../images/bg-search.png);
  /* height: 400px !important; */
  padding: 90px 0;
  background-size: cover;
}
.title-box-search {
  text-align: center;
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
}
.s-text {
  text-align: center;
  text-transform: uppercase;
  color: #000000;
}
.s-text a {
  color: #000000;
}
.s-text-t {
  margin-top: 10px;
  font-weight: 400 !important;
  font-size: 26px !important;
  line-height: 30px !important;
  margin-bottom: 6px;
}
.s-text-b {
  font-size: 18px !important;
  line-height: 21px !important;
  margin-bottom: 10px;
}

.box-search .btn {
  padding: 12px 12px;
  flex: 0;
  border: none;
  flex-basis: 190px !important;
  background: #000000a0 !important;
  color: white !important;
  text-transform: uppercase;
  font-weight: bold;
}
.box-search .active {
  background-color: var(--color-red-main) !important;
}
.box-search .search {
  margin-top: 30px;
}
.title-box-search-2 {
  text-align: center;
  font-size: 28px;
  margin-top: 70px;
  margin-bottom: 60px;
  line-height: 1.2;
  text-transform: uppercase;
}

.help-link-wrap {
  /* padding-left: 300px; */
  display: flex;
  justify-content: flex-end;
}

.help-link {
  background-color: #000000e0;
  display: flex;
  padding-right: 30px;
}

.help-link-item {
  position: relative;
  width: 220px;
  padding: 20px 20px 20px 20px;
  /* margin-right: 20px; */
}
.help-link-show {
  width: 100%;
}
.help-link-show .title {
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}
.help-link-item:hover .help-link-onhover-show {
  /* display: block; */
  /* transform: scale(1); */
  transform-origin: center;

  animation: scaleAnim 0.3s ease-in-out forwards;
}

@keyframes scaleAnim {
  0% {
    transform: scale(0);
  }
  1% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

.help-link-item .icon {
  padding: 8px 0;
  text-align: center;
}

.help-link-item svg {
  height: 48px !important;
  /* height: auto; */
}

.help-link-onhover-show {
  transition: transform 3s ease;
  position: absolute;
  top: -64px;
  left: 10px;
  width: 95%;
  background-color: var(--red-2);
  transform: scale(0);
  padding: 10px;
  text-align: center;
  word-break: break-word;
  /* display: none; */
}

.help-link-onhover-show-wrap {
  border: 1px solid white;
  padding: 10px;
}

.seperate {
  width: 60px;
  margin: auto;
  height: 2px;
  background-color: #f7ebeb80;
}
.help-link-onhover-show-title {
  font-size: 15px;
  font-family: 'ntd gilroy_b';
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
  word-break: break-word;
}
.help-link-onhover-show-detail {
  margin-top: 10px;
  display: -webkit-box !important;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 7.5rem;
}

.help-link-onhover-show-show-more {
  font-size: 14px;
  margin: auto;
  font-family: 'ntd gilroy_b';
  width: fit-content;
  padding: 5px 8px;
  font-weight: 600;
}
.help-link-onhover-show-show-more:hover {
  background-color: #630b15;
}

/*#endregion*/

/*#region BOX TIN TỨC */
.box-new {
  width: calc((100% - 60px) / 3);
}
.box-news {
  border: 1px solid #d9d9d9;
  background-color: #f5f5f5;
  padding: 0 10px 20px;
}
.box-news .img-fluid {
  object-fit: cover;
  width: 250px !important;
  height: 130px !important;
}
.box-news .img-full {
  width: 100% !important;
  height: auto !important;
}
.n-top {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
}
.box-news .limit_title {
  font-size: 15px !important;
}
.n-top__tittle {
  width: fit-content;
  /* border-top: 5px solid; */
  padding: 15px 0px;
}
.new-show-more{
  text-align: end;
}
.new-show-more a{
  font-weight: 500;
  font-size: 16px;
  color: var(--color-red-main);
}
.new-show-more i{
  color: var(--color-red-main)  !important;
}
.new-show-more a:hover{
  text-decoration: underline;
}
.n-top__tittle a,
.text-strong {
  /* color: var(--strong-text) !important; */
  color: var(--box-title) !important;
  font-weight: 700;
  font-size: 20px;
}
.n-top__showmore {
  display: flex;
  padding-top: 15px;
}
.n-top__showmore .t-span {
  color: #888888;
  margin-right: 10px;
}
.n-top__showmore .icon svg {
  color: #888888;
  font-size: 20px;
}
.n-top__showmore .icon svg:hover {
  color: #414141;
}
.n-top__showmore .icon a {
  color: #888888;
}
.n-bottom {
  display: grid;
  grid-template-columns: repeat(2, calc((100% - 20px) / 2));
  gap: 20px 30px;
}
.n-big-col {
  grid-row-start: 1;
  grid-row-end: 3;
}
.box-event-calendar {
  display: flex;
  flex-wrap: wrap;
  width: 100px;
  height: 100px;
  /* font-size: 10px; */
}
.day-month-wrap{
  width: 100%;
  display: flex;
  height: 50px;
  justify-content: space-between;

}
.box-event-day,.box-event-month{
  width: 49%;
  height: 50px;
  background: #dcdcd9;
  text-align: center;
  line-height: 50px;
  color: #000;
  font-weight: bold;
}
.box-event-year{
  width: 100%;
  line-height: 50px;
  background: #a6a6a6;
    text-align: center;
    line-height: 50px;
    color: #fff;
    height: 50px;
}
/*#endregion*/

/*#region Support */
.box-sp {
  border: 2px solid #dee2e6;
}

.box-sp ul button {
  border-radius: 0 !important;
  padding: 12px 18px;
}
.box-sp .nav-pills .active {
  background-color: var(--color-red-main) !important;
  color: white !important;
}
.box-sp a {
  color: rgb(255, 255, 255);
}
.box-sp .slide {
  padding: 20px 0px;
}
.box-sp .slide-item {
  width: 180px;
  height: 120px;
  object-fit: cover;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.box-sp-top {
  border-bottom: 1px solid var(--bg-new-color);
  background-color: var(--bg-new-color);
}

.box-sp .carousel-control-prev,
.carousel-control-next {
  width: 5%;
}
.box-sp .carousel-inner {
  width: 90%;
  text-align: center;
}
.box-other {
  gap: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.box-other .img-fluid {
  width: 100%;
}
.box-other .limit_title {
  font-size: 15px !important;
}
.o-top-border {
  border: none !important;
  border-top: 3px solid var(--box-title) !important;
}
.limit_title a {
  background-size: contain;
  display: block;
}
.o-link {
  height: 100%;
  width: 100%;
  background-size: contain;
  display: block;
}

/* #endregion */

/*#region FTA */
.box-free-trade {
  padding: 40px 0;
  height: 500px;
}
.img-fluid-fta {
  object-fit: cover;
  width: 100% !important;
  height: 250px;
}
.text-fta {
  height: 60px;
}
.text-fta a {
  color: white !important;
}
.box-free-trade .carousel-indicators li {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.box-free-trade ol {
  bottom: -50px !important;
}
.box-free-trade .carousel-indicators .active {
  background-color: var(--bg-new-color) !important;
}
/*#endregion*/

/*#region Connect */
.box-connect {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.box-connect ul {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.box-connect ul button {
  padding: 12px 38px;
}
.box-connect .active a {
  color: rgb(0, 0, 0) !important;
}
.box-connect a {
  color: #5a5354 !important ;
  color: var(--strong-text);
}
.box-connect .nav-link {
  color: var(--strong-text);
}
.box-connect-top {
  /* border-bottom: 1px solid #0B1844 */
}
.box-connect-bottom {
  height: 160px;
  border: 1px solid #d9d9d9;
  padding: 0px 15px;
}

.btn-left {
  /* border-radius: 0 !important;
  border-top-right-radius: 50px !important; */
}
.btn-left::after {
  /* content: "";
  background: inherit;
  width: 77px;
  height: 100px;
  position: absolute;
  border-radius: 50px 50px 0 0;
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  z-index: -1; */
}
.btn-right {
  border-radius: 0 !important;
  border-top-left-radius: 50px !important;
}

.cr-connect {
  width: 100%;
  height: 100px;
  display: block;
}
.cr-connect img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.box-connect .slide {
  padding: 20px 0px;
}
.box-connect-top {
  /* border-bottom: 1px solid #0B1844; */
}
.box-connect-bottom {
  /* border-top: 2px solid var(--strong-text) */
}
.box-connect-bottom .carousel-control-prev,
.carousel-control-next {
  width: 5%;
}
.box-connect-bottom .carousel-inner {
  width: 90% !important;
  text-align: center;
}
.img-connect {
  border: 1px solid var(--border);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
/*#endregion*/

/*#region Footer */
.breadcrumb {
  padding: 0px 150px !important;
  margin-top: -20px !important;
  height: 40px;
  padding-top: 10px;
  background-color: #d9d9d9 !important;
}
.f-bottom-menu span:not(:last-of-type) {
  padding-right: 5px !important;
  border-right: 2px solid white !important;
}

.footer {
  padding-top: 40px;
  padding-bottom: 20px;
}
.footer a:hover {
  text-decoration: underline !important;
}
.f-right .title {
  border-bottom: 2px solid white;
}
.f-right ul {
  list-style: none;
}
.f-right ul li {
  margin-left: -40px;
  padding: 5px 0;
}
.f-right li a {
  /* color: white !important; */
}
.copyright {
  height: 40px;
  vertical-align: middle;
}

/*#endregion*/
.box-all-agreement {
  display: grid;
  gap: 40px 40px;
  grid-template-columns: repeat(3, 1fr);
}
.c-agreement {
  background-color: #d9d9d9;
  height: 200px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.c-agreement-top {
  background-color: var(--btn-1);
  width: 30%;
  height: 10%;
  border-bottom-right-radius: 25px;
}
.c-agreement-bottom {
  background-color: var(--btn-1);
  width: 80%;
  height: 20%;
  border-top-left-radius: 50px;
  text-align: center;
  align-self: flex-end;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.c-agreement-bottom-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  border-top-left-radius: 45px;
  width: 80%;
  height: 22%;

  background-color: var(--btn-1);
}

.c-agreement-bottom a {
  color: white !important;
  /* line-height: 1; */
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
}

.category-banner {
  margin-top: -80px;
  margin-left: -20px;
  margin-left: -20px;
  position: relative;
}
.category-banner img {
  width: 110%;
}
.category-breadcrumb {
  position: absolute;
  bottom: 0;
  background-color: #000000a0;
  left: -40px;
  right: -40px;
  /* height: 60px; */
  display: flex;
  justify-content: flex-end;
  /* width: fit-content; */
  padding: 24px 60px 24px 0px;
}

.category-breadcrumb-item{
 color: white;
 font-weight: 700;
 font-size: 16px;
 padding: 0 14px;
 cursor: pointer; 
}
.category-breadcrumb-item a{
  color: white !important;
}

.category-breadcrumb-item:not(:last-of-type) {
  border-right: 2px solid white !important;
}
.category-container {
  display: flex;
  flex-wrap: wrap;
}
.category-container img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 3px;
}
.category-title {
  display: block;
  font-size: 16px;
  /* font-weight: 700; */
  font-family: 'ntd gilroy_b';
    padding-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.category-title:hover {
  text-decoration: underline !important;
}
.category-item {
  width: calc(100% / 4);
  padding: 15px 15px 15px 10px;
  /* padding-top: 0px; */
}
.category-item-full {
  width: 100%;
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}
.category-item-full img {
  width: 33%;
  height: 300px;
  object-fit: cover;
}
.category-item-full .category-title {
  font-size: 24px;
  padding-left: 10px;
  padding-top: 0px;
  line-height: 1.2;
  width: 67%;
}
.category-item-sum {
  font-size: 18px;
  margin-top: 10px;
  font-weight: normal;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: 'ntd gilroy';
  text-decoration: none !important;
}
.category-pagination {
  width: fit-content;
  margin: auto;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.category-pagination .page-item a {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000 !important;
  border-color: #dfe3e8 !important;
}
.category-pagination .active a {
  color: #911a28 !important;
  border-color: #911a28 !important;
  background-color: white !important;
}
.category-pagination .disable a {
  color: white !important;
  border-color: #c4cdd5 !important;
}
.category-pagination .page-item a {
  color: #000 !important;
  border-color: #dfe3e8 !important;
}
.category-pagination .active a {
  color: #911a28 !important;
  border-color: #911a28 !important;
}
.category-pagination .disabled a {
  color: white !important;
  border-color: #c4cdd5 !important;
  background-color: #c4cdd5 !important;
}

.related-post{
  display: flex;
}
.related-post-title{
  text-transform: uppercase;
  font-size: 24px;
  padding: 20px 0;
  color: var(--color-red-main);
}
.related-post .limit_title{
  font-weight: bold;
  font-size: 16px !important;
}
.detail-title{
  font-size: 16px !important;
  font-weight: bold !important;
}
.detail-title:hover{
  text-decoration: underline;
}
.detail-summary{
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;

}
.img-fta-category{
  width: 100%;
  height: 200px;
  object-fit: cover;
  cursor: pointer;
}

.card-slide-country{
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.card-slide-country-title {
  background-color: #000000e0;
  color: white;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  /* height: 50px; */
  line-height: 2;
}

@media screen and (max-width: 1920px) {
  .c-menu-top a {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 1400px) {
  .help-link-wrap {
    padding-left: 100px;
  }
}
/* @media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1) {
  .cr-connect{
    max-width: 96%;
    max-height: 90%;
  }
  .help-link-wrap{
    padding-left: 150px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .o-link img {
    height: 100px !important;
    .help-link-wrap{
      padding-left: 150px;
    }
}
} */
@media screen and (max-width: 900px) {
  .c-menu-top .navbar-collapse {
    justify-content: center;
    flex-wrap: wrap;
  }
  .c-menu-top .nav-main-menu {
    width: 80%;
    margin: unset !important;
  }
  .c-menu-top .nav-sub-menu {
    width: 100%;
  }
  .c-menu-top .nav-item {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .c-menu-top .nav-link{
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .c-menu-top .dropdown-menu {
    width: 100%;
  }
  .c-menu-top .dropdown-item {
    text-align: center;
  }
  .c-menu-top .dropdown-menu-right a{
    margin: auto;
  }
  .language-switch-menua{
    margin: auto;
  }
  .c-menu-top .logo,
  .title-logo {
    display: none !important;
  }

  .help-link-wrap {
    padding-left: 0;
  }
  .help-link-show .title {
    font-size: 16px;
  }
  .help-link-onhover-show {
    width: 80%;
    z-index: 100;
  }
  .help-link {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .help-link-item {
    padding: 0 10px 10px 10px;
    width: 48%;
  }
  .help-link-onhover-show {
    width: 95%;
  }
  .box-slide {
    height: auto;
  }
  .box-slide .carousel-indicators {
    /* justify-content: space-around; */
  }
  .box-slide-left {
    width: 100% !important;
  }
  .title-summary-slide {
    -webkit-line-clamp: 4;
    font-size: 16px;
  }
  .box-search {
    padding-left: 20px;
    padding-right: 20px;
  }
  .title-box-search,
  .title-box-search-2 {
    font-size: 20px;
  }
  .detail-summary-slide {
    display: none !important;
  }
  .box-slide-right {
    margin-top: 20px;
    width: 100% !important;
  }
  .title-box-slide {
    order: 10;
  }
  .img-wrap-box-slide {
    order: 1;
  }
  .img-box-slide {
    height: 250px;
    object-fit: cover;
  }

  .box-sp .nav-item {
    width: 100%;
  }
  .box-sp .nav-link {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .box-sp .slide-item {
    width: 150px;
    height: 100px;
  }
  .box-sp .carousel-control-prev {
    display: none;
  }
  .box-sp .carousel-control-next {
    display: none;
  }
  .box-new {
    width: 100% !important;
  }
  .box-other {
    grid-template-columns: repeat(1, 1fr);
  }

  .box-free-trade {
    height: 400px;
  }
  .f-left .img-fluid {
    width: 100% !important;
  }
  .footer .f-right {
    margin-top: 20px;
  }

  .category-item {
    width: 100%;
  }
  .category-item img {
    width: 100% !important;
  }
  .category-item-full {
    flex-wrap: wrap;
  }
  .category-item-full img {
    width: 100%;
    height: 200px;
  }
  .related-cat {
    display: none;
  }
  .related-cat .description:hover a{
    text-decoration: underline !important ;
  }
  .related-cat:hover {
    text-decoration: underline !important;
  }
 a:hover{
    text-decoration: underline !important;
  }
  .related-cat a:hover{
    text-decoration: underline !important ;
  }
  .category-item-full a {
    font-size: 16px !important;
  }
  .category-item-sum {
    display: none;
  }
  .category-pagination .pagination {
    flex-wrap: wrap !important;
    row-gap: 10px;
  }
  .category-breadcrumb{
    padding-right: 14px !important;
  }
}
.img-fluid-fta {
  height: 200px;
}

.c-menu-top a {
  font-size: 14px !important;
}
.c-menu-top li.nav-item {
  padding: 5px 10px 5px 0px;
}

.c-icon-user {
  font-size: 80px;
}
.cr-connect {
  width: 130px;
}
.o-link {
  width: 90px;
}

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
}

.wrap > .container {
  padding: 0px 0px 0px;
  background-color: #ffffff !important;
}

.alert-success {
  z-index: 999999 !important;
}

/*.search .was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(0em + 0.0rem) !important;
    !*background-image: url("x") !important;*!
}*/

/* .footer {
  height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-top: 20px;
} */

.jumbotron {
  text-align: center;
  background-color: transparent;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

.not-set {
  color: #c55;
  font-style: italic;
}

/* add sorting icons to gridview sort links */

a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  /* font-family: 'Glyphicons Halflings';*/
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

a.asc:after {
  content: /*"\e113"*/ '\e151';
}

a.desc:after {
  content: /*"\e114"*/ '\e152';
}

.sort-numerical a.asc:after {
  content: '\e153';
}

.sort-numerical a.desc:after {
  content: '\e154';
}

.sort-ordinal a.asc:after {
  content: '\e155';
}

.sort-ordinal a.desc:after {
  content: '\e156';
}

.grid-view th,
.grid-view td:last-child {
  white-space: nowrap;
}

.invalid-feedback {
  display: block;
}

.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */

.nav li > form > button.logout {
  padding: 15px;
  border: none;
}

/*.content-header{
    padding: 30px .5rem;
}*/

@media (max-width: 767px) {
  .nav li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px;
  }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
  text-decoration: none;
}

.nav > li > form > button.logout:focus {
  outline: none;
}

.main-header {
  /*z-index: 1034 !important;*/
  z-index: 1 !important; /*fix notification hidden by header nav*/
}

.breadcrumb {
  background: 0 0;
  padding: 0;
  margin-bottom: 0;
}

.treeview-colorful-items-header {
  display: contents !important;
}

.summary_news {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* #text-align: justify !important; */
}

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

mark {
  background-color: yellow !important;
}

fieldset.scheduler-border {
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
  background: #ffffff;
}

legend.scheduler-border {
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: left !important;
}

#tariffTab li a {
  /*border-color: blue;*/
  margin-right: 2px;
  background-color: #ffc947;
}

#tariffTab li.active a {
  border-bottom-color: transparent;
  background-color: yellow;
}

#tariffTab li a.active {
  border-bottom-color: transparent;
  background-color: orange;
}

.tab-pane:before {
  /* #content: "\a"; */
  white-space: pre;
}

.mytariff-tab .tab-pane {
  /*border: solid 1px blue;*/
  border-top: 0;
  /*border-left: solid 1px ;*/
  border-width: 1px;
  border-left-style: solid;
  border-left-color: #dee2e6;
}

.mytariff-tab caption {
  caption-side: top;
  padding: 3px;
  background-color: #ffffff;
  color: #000b16;
  font-size: 19px;
  text-align: center;
  font-weight: bold;
}

.inforoo .card-body {
  background-color: #b5ffff;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn-circle.btn-md {
  width: 46.5px;
  height: 46.5px;
  padding: 0px 0px !important;
  border-radius: 36px;
  text-align: center;
  font-size: 16px;
  /*line-height: 1.42857;*/
  /*background-color: orangered;*/
  border-color: black;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px !important;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}

/* Tabs*/

#tabs {
  /* #background: #007b5e; */
  /* #color: #eee; */
}

#nav-tab {
  /* #background: #007b5e; */
}

#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #f3f3f3;
  background-color: transparent;
  border-color: transparent transparent #f3f3f3;
  border-bottom: 4px solid #ff0000 !important;
  font-size: 20px;
  font-weight: bold;
}

#tabs .nav-tabs .nav-link {
  background: #007b5e;
  /* #border: 1px solid transparent; */
  border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  /* #color: #eee; */
  font-size: 20px;
}

#tabs_mode.nav-tabs .nav-link {
  background: transparent;
  border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  /* #padding: 10px; */
  margin-right: 10px;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  color: #0a0a0a !important;
  font-size: 14px;
}

::placeholder {
  font-style: italic;
  color: #c7c7c7 !important;
}

.panel-title {
  margin: 3px 3px;
}

.btn {
  line-height: normal;
}

.nav-treeview {
  padding-left: 15px !important;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  background-position: right calc(1.075em + 0.1875rem) center !important;
}

.numberCircle {
  width: 15px;
  border-radius: 20%;
  text-align: center;
  /* #border: 2px solid #666; */
  margin: 2px;
}

.form-group.required label:after {
  content: '*';
  color: red;
}

.select2-selection__clear {
  position: absolute !important;
}

.bg-customgrey {
  /*background-color: #9a9a9a;*/
  background-color: #e9e9e9;
}

.bg-customgrey a {
  color: #000;
}

.bg-customblue {
  background-color: #1c3e70;
  color: white;
}

.bg-customred {
  background-color: #e50303;
  color: white;
}

.bg-darkgrey {
  background-color: #696969;
  /*background-color: #a9a9a9;*/
  color: white;
}

.bg-dimgrey {
  /*background-color: #696969;*/
  background-color: #a9a9a9;
}

.fancytree-treefocus {
  border: none !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
.sidebar-mini.sidebar-collapse .main-sidebar:hover {
  width: 300px !important;
}

@media (max-width: 480px) {
  .kv-table-wrap tr > td:first-child {
    font-size: 14px !important;
  }

  .kv-table-wrap th,
  .kv-table-wrap td {
    font-size: 14px !important;
  }

  .responsive {
    max-width: 100%;
    height: auto;
  }
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header-div {
  max-height: 33px;
}

#searchformtop .form-control.is-invalid,
#searchformtop .form-control.is-valid {
  background-image: none !important;
  padding-right: 0px !important;
}

.carousel-indicators li {
  background-color: #004276 !important;
}

.loader {
  position: relative;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 100px;
  height: 100px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.quota {
  font-size: 16px !important;
}
.breadcrumb{
  display: flex;
  align-items: center;
}


.content-type-tree-child > ul{
  list-style: none;
  position: relative !important;
  background: white !important;
  padding: 10px 10px;
  
}
.content-type-tree-child{
  flex-direction: column;
  display: flex ;
  background: white !important;
  padding-left: 20px !important;

}
.content-type-tree-child ul {
  list-style: none;
  padding: 0;
}
.content-type-tree-child li {
  position: relative !important;
  width: 200px;
  text-align: left;
  padding: 5px 0 5px 5px;
}
.content-type-tree-child li a {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0 10px 0 0;
  color: #777;
}
.content-type-tree-child li a:hover {
  color: #007bff;
}
.content-type-tree-child p {
 margin-left: 10px;
 padding: 0 !important;
 margin: 0 !important;
 margin-left: 10px!important;
 display: flex;
 justify-content: space-between;
 align-items: center; 
}
.content-type-tree > p{
  position: relative;
}
.sidebar-focused .content-type-tree p .fa-angle-right{
  position: absolute;
  right: 5px;
}
.content-type-tree-child > p{
  position: relative;
}
.content-type-tree-child p .fa-angle-right{
  position: absolute;
  right: 15px;
}
.content-type-tree .fa-angle-left{
  display: none ;
}   

.content-type-tree-child .fa-angle-left{
  display: none ;
}   
.content-type-tree-child li.have-child:hover a .fa-angle-right{
  /* display: inline-block ; */
}
.content-type-tree-child li.have-child:hover a .fa-angle-left{
  /* display: none; */
}
.content-type-tree-child li:hover {
  background-color: rgba(0,0,0,.1);
}
li.have-child:hover > .sub-menu {
  display: block !important;
}
.content-type-tree-child ul.sub-menu {
  position: absolute;
  left: 200px !important;
  top: 0 !important;
  display: none;
  background-color: #fff;
}
.content-tree-title{
  color: var(--box-title); text-transform: uppercase;
  font-size: 20px
}
.img-content-type-tree{
  width: 100%;
  aspect-ratio: 1.618/1;
  object-fit: cover;
  cursor: pointer;
}
.img-content-type-tree {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.img-content-type-tree:hover {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
.center-transform{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}