@charset "UTF-8";
:root {
  --lightWhite: #FFFFFF;
  --darkWhite:#f2f2f2;
  --blue:#1370AE;
  --black:#000000;
  --green:#7DC275;
  --red:#F36856;
  --gray:#666660;
  --amber:#f28f00 ;
  --border:#CCCCCC;
  --bggray:#EEEEEE;
  --textGray:#1A1A1A;
  --tag-list:#010202;
  --footer-3rd-menu:#15100D;
  --fontPrimary:"Titillium Web", sans-serif;
  --fontSecondary: "Archivo Narrow", sans-serif;
  --padding:10px;
  --margin:10px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.form-control {
  border-radius: 0;
  padding: 10px;
  height: 46px;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 14px;
  border: #EEE solid 2px;
}
.form-control:focus {
  border-color: #EEE;
  box-shadow: 0 0 0 0.1rem #eee;
}

.btn {
  background-color: #ffc800;
  padding: 10px;
  text-align: center;
  display: block;
  color: #010202 !important;
  font-size: 21px !important;
  line-height: 1.2;
  font-weight: 700 !important;
  text-decoration: none;
  border-radius: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.btn:hover {
  color: #FFF !important;
  background-color:  #010202;
}
.btn:focus {
  box-shadow: inherit;
}
.btn.btn-default-grey-bg{
      background-color: #e6e6e6 !important;
}
.btn.btn-default-grey-bg:hover{
      background-color: #010202 !important;
}
.btn.btn-default-negative{
        background-color: transparent;
    border: 1px solid #000;
}
.search-box {
  margin-left: auto;
  position: relative;
  max-width: 350px;
  min-width: 350px;
}
.search-box input {
  height: 46px;
  border: 0;
  padding: 15px 65px 15px 15px;
  width: 100%;
}
.search-box input:focus {
  outline: none;
  box-shadow: none;
}
.search-box .btn-search {
  width: 52px;
  height: 46px;
  background-color: #ffc800;
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("../img/icon-search-w.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
}
.search-box .result-content {
  max-width: 350px;
  min-width: 350px;
  padding: 10px;
  position: absolute;
  top: 65px;
  z-index: 1;
  background-color: #FFF;
  color: #010202;
}
.search-box .result-content p {
  margin-bottom: 10px;
  color: #010202;
}
.search-box .result-content h2 {
  font-size: 21px;
  font-weight: 700;
  color: #1370AE;
}

header .topbar {
  background-color: #010202;
  color: #FFF;
  padding: 10px;
  min-height: 60px;
  display: flex;
  align-items: center;
  display: none;
}
@media (min-width: 992px) {
  header .topbar {
    display: flex;
  }
}
header .back-to-site {
  margin-right: 100px;
}
header .back-to-site img {
  height: 26px;
  width: auto;
}
header .topbar-container {
  display: flex;
  align-items: center;
}
header .top-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  font-family: "Titillium Web", sans-serif;
}
header .top-menu li {
  list-style: none;
  margin: 0 1px;
  padding: 0;
  position: relative;
  min-width:75px !important;
}
header .top-menu li a {
  color: #FFF;
  text-decoration: none;
  padding: 10px;
  font-weight: 600;
}
header .top-menu li a:hover {
  color: #1370AE;
}
header .top-menu li .dropdown-menu a {
  color: #1370AE;
}
header .after-login-btns {
  flex-wrap: wrap;
}
header .after-login-btns .cart-item a.btn {
  background-color: inherit !important;
  color: #FFF !important;
  display: flex;
}
header .after-login-btns .cart-item a .cart-icon {
  content: "";
  display: flex;
  align-items: center;
  width: 25px;
  height: 25px;
  background-image: url("../img/yfz/shopping-cart.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 10px;
}
header .after-login-btns .cart-item a span {
  margin-right: 5px;
}
header .navbar {
  display: flex;
  background-color: #FFF;
  padding: 10px 0;
  position: relative;
}
header .navbar .site-logo img {
  height: 70px;
  width: auto;
}
@media (max-width: 768px) {
  header .navbar .site-logo img {
    height: 45px;
    width: 110px;
  }
}
@media (min-width: 992px) {
  header .navbar .mobile-nav-toggle {
    display: none;
  }
}
header .navbar .mobile-nav-toggle img {
  height: 30px;
  width: 30px;
}
@media (min-width: 992px) {
  header .navbar .mob-profile-nav,
header .navbar .mob-profile-menu {
    display: none !important;
  }
}
header .navbar .mob-profile-nav img,
header .navbar .mob-profile-menu img {
  width: 35px;
  height: 35px;
}
header .mob-profile-menu,
header .main-nav {
  display: none;
  list-style: none;
  margin: 0px;
  font-family: "Archivo", sans-serif;
  padding: 10px;
  background-color: #FFF;
  width: 100%;
  border: #EEE solid 1px;
  position: relative;
  top: 10px;
  z-index: 10;
  box-shadow: 0px 2px 10px #cfcfcf;
}
@media (min-width: 992px) {
  header .mob-profile-menu,
header .main-nav {
    display: flex !important;
    border: none;
    position: relative;
    top: 0;
    padding: 0;
    box-shadow: none;
    width: auto;
    margin: 0 50px 0 0;
  }
}
header .mob-profile-menu li,
header .main-nav li {
  list-style: none;
  margin: 5px;
  padding: 0px;
  position: relative;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  header .mob-profile-menu li,
header .main-nav li {
    margin: 0px 30px 0 30px;
  }
}
header .mob-profile-menu li a,
header .main-nav li a {
  color: #010202;
  text-decoration: none;
  padding: 10px 5px 10px 5px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}
@media (min-width: 992px) {
  header .mob-profile-menu li a,
header .main-nav li a {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  header .mob-profile-menu li a,
header .main-nav li a {
    font-size: 18px;
  }
}
header .mob-profile-menu li a span,
header .main-nav li a span {
  color: #ffc800;
  display: inline-block;
  margin-right: 5px;
}
@media (min-width: 992px) {
  header .mob-profile-menu li a span,
header .main-nav li a span {
    display: block;
    margin-right: 0;
  }
}
header .mob-profile-menu li a:hover,
header .main-nav li a:hover {
  color: #ffc800;
}
header .mob-profile-menu li a:hover span,
header .main-nav li a:hover span {
  color: #010202;
}
header .mob-profile-menu li.mb-menu-item,
header .main-nav li.mb-menu-item {
  display: block;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  header .mob-profile-menu li.mb-menu-item,
header .main-nav li.mb-menu-item {
    display: none;
  }
}
header .mob-profile-menu li.mb-menu-item #sub-menu,
header .main-nav li.mb-menu-item #sub-menu {
  padding-left: 20px;
}
header .mob-profile-menu li.active,
header .main-nav li.active {
  background-color: #ffc800;
  color: #FFF;
}
header .mob-profile-menu li.active a,
header .main-nav li.active a {
  color: #FFF;
}
header .mob-profile-menu li.active a span,
header .main-nav li.active a span {
  color: #010202;
}
header .mob-profile-menu li.active a:hover,
header .main-nav li.active a:hover {
  color: #FFF;
}
header .mob-profile-menu .dropdown-item:active {
  background-color: rgba(204, 204, 204, 0.5);
}
header .mob-profile-menu li.active a {
  color: #1A1A1A;
}
header .profile {
  position: relative;
}
header .profile:hover {
  cursor: pointer;
}
header .profile img {
  width: 30px;
  height: 30px;
}
header .profile .profile-dropdown {
  display: flex;
  align-items: center;
}
header .profile a {
  color: #010202;
  text-decoration: none;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  font-family: "Archivo", sans-serif;
}
@media (min-width: 992px) {
  header .profile a {
    display: flex;
    flex-direction: column;
  }
}
header .profile a span {
  color: #ffc800;
  display: inline-block;
  margin-right: 5px;
}
@media (min-width: 992px) {
  header .profile a span {
    display: block;
    margin-right: 0;
  }
}
header .profile a:hover {
  color: #ffc800;
}
header .profile a:hover span {
  color: #010202;
}
header .profile a.dropdown-toggle {
  font-weight: 900;
}
header .profile .dropdown-toggle {
  align-self: center;
  display: flow-root;
}
header .profile .dropdown-toggle::after {
  margin-left: 20px !important;
}
header .profile ul#profile-menu {
  background-color: #4A4A49;
  top: 60px;
  left: 0;
  padding: 0;
  border: none;
  border-radius: 0 !important;
}
header .profile ul#profile-menu li a {
  color: #FFF;
}
header .profile ul#profile-menu li a:hover {
  background-color: #ffc800 !important;
  color: #1A1A1A;
}
header .profile ul#profile-menu li a.active {
  background-color: #ffc800;
  color: #010202;
}
header .profile ul#profile-menu li.active {
  background-color: #ffc800;
}
header .profile ul#profile-menu li.active a {
  color: #010202;
}

a :hover {
  cursor: pointer;
}

.page-info {
  background-color: #444444;
  font-family: "Titillium Web", sans-serif;
  padding: 20px 0;
}
.page-info .page-info-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.page-info .page-info-container .info-left {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .page-info .page-info-container .info-left {
    flex: 0 0 40%;
  }
}
.page-info .page-info-container .info-left h1 .yellow {
  color: #ffc800;
}
.page-info .page-info-container .info-left h1 .bold {
  font-weight: 700;
}
.page-info .page-info-container .info-left strong {
  font-family: "Archivo", sans-serif;
  font-weight: 700;
}
.page-info h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #FFF;
}
.page-info p {
  margin-bottom: 0;
  color: #FFF;
}
.page-info .search-box {
  margin-left: 0;
  min-width: none;
  max-width: 100%;
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .page-info .search-box {
    margin-left: auto;
    max-width: 350px;
    min-width: 350px;
    margin-top: 0;
  }
}
.page-info .search-box .btn-search {
  background-color: #010202;
}

.breadcrumb {
  margin: 10px 0;
  font-family: var(--fontPrimary);
  font-size: 16px;
  font-weight: 400;
}
.breadcrumb .breadcrumb-item a {
  color: var(--black);
  text-decoration: none;
}
.breadcrumb .breadcrumb-item.active, .breadcrumb .breadcrumb-item.hover, .breadcrumb .breadcrumb-item.focus {
  color: var(--black);
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "•";
  color: var(--black);
}
@media (max-width: 992px) {
  .breadcrumb {
    padding: 5px 0;
    font-size: 14px;
  }
}

.banner {
  min-height: 0;
  position: relative;
  /*background-color: #444444;*/
  overflow: hidden;
}
@media (min-width: 768px) {
  .banner {
    min-height: 380px;
  }
}
.banner .slick-dots-container {
  position: absolute;
  top: 180px;
  width: 100%;
  z-index: 10;
}
@media (min-width: 768px) {
  .banner .slick-dots-container {
    top: 350px;
  }
}
@media (min-width: 992px) {
  .banner .slick-dots-container {
    top: auto;
    bottom: 20px;
  }
}
.banner .slick-dots-container .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 992px) {
  .banner .slick-dots-container .slick-dots {
    justify-content: left;
  }
}
.banner .slick-dots-container .slick-dots li {
  margin: 0 4px;
}
.banner .slick-dots-container .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  text-indent: -9999px;
}
.banner .slick-dots-container .slick-dots li.slick-active button {
  background-color: #ffffff;
}
.banner .banner-container {
  position: relative;
  padding: 0 15px;
}
@media (max-width: 768px) {
  .banner .banner-container {
    padding: 0;
  }
}
.banner .banner-content {
  width: 100%;
  background-color: #ffc800;
  color: #010202;
  padding: 10px 20px;
  font-family: "Titillium Web", sans-serif;
}
@media (min-width: 992px) {
  .banner .banner-content {
    width: 380px;
    right: 15px;
    position: absolute;
    bottom: 0px;
    padding: 20px;
  }
}
.banner .banner-content h2 {
  color: #010202;
  font-weight: 700;
  font-size: 24px;
  margin: 0 0 5px 0;
  text-decoration: none;
}
.banner .banner-content h2 a {
  color: #010202;
  text-decoration: none;
}
@media (max-width: 768px) {
  .banner .banner-content h2 {
    font-size: 21px;
  }
}
.banner .banner-content p {
  color: #1A1A1A;
  font-weight: 400;
  font-size: 16px;
}
.banner .banner-content figure {
  max-height: 140px;
}
.banner .banner-content figure img {
  height: 140px;
}
.banner .hero-banner,
.banner .hero {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .banner .hero-banner,
.banner .hero {
    height: 380px;
  }
}
.banner .hero-banner img,
.banner .hero img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .banner .hero-banner img,
.banner .hero img {
    height: 380px;
  }
}
.banner .hero-banner .slide-arrow,
.banner .hero .slide-arrow {
  position: absolute;
  top: 25%;
  margin-top: -10px;
  z-index: 5;
}
@media (min-width: 768px) {
  .banner .hero-banner .slide-arrow,
.banner .hero .slide-arrow {
    top: 50%;
  }
}
.banner .hero-banner .prev-arrow,
.banner .hero .prev-arrow {
  left: 0;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 10px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  background-color: transparent;
}
.banner .hero-banner .next-arrow,
.banner .hero .next-arrow {
  right: 0;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 10px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  background-color: transparent;
}

.main-content {
  padding: 15px 0;
}
/*@media (min-width: 768px) {*/
/*  .main-content {*/
/*    padding: 25px 0;*/
/*  }*/
/*}*/
.main-content .tabs-container {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .main-content .tabs-container#manage_yfz_tab .section-tabs {
    width: auto;
  }
}
.main-content .tabs-container#manage_yfz_tab .section-tabs li {
  margin: 0 10px 10px 0;
}
@media (max-width: 768px) {
  .main-content .tabs-container#manage_yfz_tab .section-tabs li {
    padding: 2px;
    margin: 0px 0 2px 0;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .main-content .tabs-container#manage_yfz_tab .section-tabs li a {
    height: 65px;
    font-size: 16px;
    padding: 5px 10px;
  }
}
.main-content .section-tabs {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  width: calc(100% - 10px);
  border-bottom: 0;
}
@media (min-width: 768px) {
  .main-content .section-tabs {
    width: auto;
  }
}
.main-content .section-tabs li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  margin-right: 0px;
  flex: 0 0 50%;
}
@media (min-width: 768px) {
  .main-content .section-tabs li {
    margin-right: 10px !important;
    flex: 0 0 auto;
  }
}
.main-content .section-tabs li a {
  display: flex;
  align-items: center;
  height: 55px;
  font-size: 18px;
  line-height: 1;
  color: #010202;
  font-weight: 600;
  background-color: #EEE;
  padding: 8px 15px 10px;
  text-decoration: none;
  border-top: #EEE 4px solid;
  width: 100%;
}
@media (min-width: 768px) {
  .main-content .section-tabs li a {
    padding: 8px 25px 10px;
    font-size: 21px;
    height: 46px;
  }
}
.main-content .section-tabs li a.active {
  border-color: #ffc800;
  background-color: #FFF;
  color: #010202;
}
.main-content .section-tabs li a span {
  display: none;
}
@media (min-width: 768px) {
  .main-content .section-tabs li a span {
    display: inline-block;
  }
}
.main-content .tab-content .content-section {
  color: var(--textGray);
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--fontPrimary);
}
@media (max-width: 768px) {
  .main-content .tab-content .content-section {
    font-size: 14px;
  }
}
.main-content .tab-content .content-section img {
  /*width: 100%;*/
  /*height: auto;*/
  margin-bottom: 10px;
}
.main-content .tab-content .content-section h6 {
  color: var(--textGray);
  margin: 10px 0;
  font-size: 16px;
  font-family: var(--fontSecondary);
  font-weight: 600;
}
.main-content .tab-content .content-section h1 {
  text-transform: uppercase;
  color: var(--blue);
  margin: 5px 0;
  font-size: 36px;
  font-family: var(--fontPrimary);
  font-weight: 600;
}
@media (max-width: 992px) {
  .main-content .tab-content .content-section h1 {
    font-size: 30px;
  }
}
.main-content .tab-content .content-section h5 {
  color: var(--black);
  margin-bottom: calc(15px + var(--margin));
  font-size: 16px;
  font-weight: 400;
  font-family: var(--fontPrimary);
}
@media (max-width: 992px) {
  .main-content .tab-content .content-section h5 {
    margin-bottom: var(--margin);
  }
}
.main-content .tab-content .content-section li,
.main-content .tab-content .content-section p {
  color: var(--textGray);
  margin: 0 0 15px 0;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--fontPrimary);
}
@media (max-width: 992px) {
  .main-content .tab-content .content-section li,
.main-content .tab-content .content-section p {
    margin: 0 0 15px 0;
    font-size: 18px;
  }
}
.main-content .tab-content .content-section li a,
.main-content .tab-content .content-section p a {
  /*color: #010202;*/
  color:#1370AE;
  text-decoration: none !important;
}
.main-content .tab-content .content-section ul li {
  font-family: "Titillium Web", sans-serif;
  list-style-type: unset;
}
.main-content .tab-content .content-section ul li a {
  /*color: #010202;*/
  color:#1370AE;
  text-decoration: none !important;
}
.main-content .tab-content .content-section ul ul li {
  list-style-type: "- ";
}
.main-content .tab-content .content-section .post-title {
  font-size: 36px;
  color: #ffc800;
  font-weight:600;
  margin: 5px 0;
}
@media (max-width: 768px) {
  .main-content .tab-content .content-section .post-title {
    font-size: 24px;
  }
}
.main-content .tab-content .content-section .sub-title {
      font-size: 21px;
  margin: 0 0 10px 0;
  font-weight: 400;
  color: rgba(26, 26, 26, 0.8);
}
.main-content .tab-content .content-section h2 {
  color: var(--textGray);
  margin: 40px 0 10px 0;
  font-size: 24px;
  font-family: var(--fontPrimary);
  font-weight: 700;
}
@media (max-width: 992px) {
  .main-content .tab-content .content-section h2 {
    font-size: 24px;
   margin: 40px 0 10px 0;
  }
}
.main-content .tab-content .content-section h3 {
  /*background: #f2f2ed;*/
  padding: 5px 5px;
  margin: 0px 0 10px 0;
  font-size: 24px;
  font-family: var(--fontPrimary);
  font-weight: 700;
  color: #010202;
}
@media (max-width: 768px) {
  .main-content .tab-content .content-section h3 {
    font-size: 20px;
  }
}
.main-content .tab-content .content-section h4 {
  color: var(--amber);
  margin: 25px 0 10px 0;
  font-size: 21px;
  font-weight: 600;
}
 @media (max-width:768px){
     .main-content .tab-content .content-section h4 {
           margin: 25px 0 10px 0;
        }
 }
.main-content .tab-content .content-section .sing-factsheet {
  /*border: 2px solid #ffc800;*/
  font-family: var(--fontPrimary);
  margin-bottom: 15px;
}
.main-content .tab-content .content-section .sing-factsheet .factsheet-list-title {
  /*padding: 10px 5px;*/
  /*background-color: #ffc800;*/
}
.main-content .tab-content .content-section .sing-factsheet .factsheet-list-title h2 {
  margin-bottom: 0;
  color: #010202;
}
.main-content .tab-content .content-section .sing-factsheet ul {
  padding: 20px 15px;
  background: #f2f2ed;
  list-style: none;
  column-count: 2;
  margin: 0;
}
.main-content .tab-content .content-section .sing-factsheet ul li {
  margin-bottom: 15px;
}
.main-content .tab-content .content-section .sing-factsheet ul li a {
  color: #010202;
  text-decoration: underline;
}
.main-content .tab-content .content-section .message-buttons {
  margin: 15px 0;
  text-align: center;
}
.main-content .tab-content .content-section .message-buttons a {
  padding: 5px;
  border-radius: 3px;
  background: #ffc800;
  color: #010202;
  text-decoration:none;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .main-content .tab-content .content-section .message-buttons a {
    font-size: 14px;
    padding: 2px;
  }
}
.main-content .tab-content .content-section .message-buttons p {
  margin-top: 10px;
}
@media (max-width: 768px) {
  .main-content .tab-content .content-section .message-buttons p {
    margin-top: 5px;
  }
}
.main-content .tab-content .content-section .modal {
  top: 15%;
}
.main-content .tab-content .content-section .modal .modal-header button.share_btn_close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9999;
}
.main-content .tab-content .content-section .modal .modal-header button.share_btn_close:focus {
  box-shadow: none !important;
}
.main-content .tab-content .content-section .modal .modal-body {
  padding-top: 50px;
  padding-bottom: 27px;
}
.main-content .tab-content .content-section .modal .modal-body span.d-block {
  font-weight: 700;
  margin: 20px 0;
}
.main-content .tab-content .content-section .modal .modal-body a {
  color: #010202;
  text-decoration: none;
}
.main-content .tab-content .content-section .modal#emailModal .modal-content {
  padding: 0 0 15px 0;
}
.main-content .tab-content .content-section .modal#emailModal .modal-content .modal-header.email_modal {
  margin: 14px 0px;
  padding: 5px 16px;
}
.main-content .tab-content .content-section .modal#emailModal .modal-content .modal-header.email_modal button.email_btn_close {
  position: absolute;
  right: 20px;
  z-index: 9999;
}
.main-content .tab-content .content-section .modal#emailModal .modal-content .modal-header.email_modal button.email_btn_close:focus {
  box-shadow: none !important;
}
.main-content .tab-content .content-section .modal#emailModal .modal-content .modal-header.email_modal h5.modal-title {
  float: left;
  margin-bottom: 0px;
  padding: 0px;
  width: 100%;
  /* font-size: 26px; */
  font-size: 20px;
  font-family: "Titillium Web", sans-serif;
  color: #000000;
  font-weight: 700;
}
.main-content .tab-content .content-section .modal#emailModal .modal-content .modal-body label {
  color: #666660;
  flex: 0 0 80px;
  max-width: 80px;
  font-weight: 600;
  font-size: 16px;
  font-family: var(--fontSecondary);
}
.main-content .tab-content .content-section .accordion .accordion-item {
  border: 0;
  border-radius: 0;
  /*border-top: 2px solid #c7bebe;*/
}
.main-content .tab-content .content-section .accordion .accordion-item:last-child {
  border-bottom: 2px solid #c7bebe;
}
.main-content .tab-content .content-section .accordion .accordion-item .accordion-body {
  background-color: #eee;
}
@media (max-width: 768px) {
  .main-content .tab-content .content-section .accordion .accordion-item .accordion-body ol {
    padding-left: 5px;
  }
}
.main-content .tab-content .content-section .accordion .accordion-item .accordion-body ol li {
  margin-bottom: 15px;
  padding-left: 10px;
}
.main-content .tab-content .content-section .accordion .accordion-item .accordion-button::after {
  background-image: url("../img/yfz/down-arrow.png");
  background-position: center;
}
.main-content .tab-content .content-section .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url("../img/yfz/down-arrow.png");
  background-position: center;
}
.main-content .tab-content .content-section .accordion .accordion-item .accordion-button:not(.collapsed) {
  color: #1370AE  ;
  box-shadow: none;
  background-color: #ffffff;
}
.main-content .tab-content .content-section .accordion .accordion-item .accordion-button:hover {
  cursor: pointer;
}
.main-content .tab-content .content-section .accordion .accordion-item h4 {
  font-size: 21px;
  color: #1370AE  ;
  padding: 15px 0;
  margin: 0;
  border-radius:0;
  border-top: 2px solid #c7bebe;
}
@media (max-width: 768px) {
  .main-content .tab-content .content-section .accordion .accordion-item h4 {
    font-size: 18px;
    padding: 10px 5px;
  }
}
.main-content .tab-content .content-section iframe {
  width: 100% !important;
}
.main-content .tab-content .content-section table {
  width: 100% !important;
  display: flex;
  /*justify-content: center;*/
}
.main-content .tab-content .content-section .share {
  margin-bottom: 10px;
}
.main-content .tab-content .content-section .share a {
  color: #ffc800;
  font-weight: 600;
}
.main-content .tab-content .content-section .share .shareIt::before {
  content: url("../img/yfz/sharelogo.svg");
  height: 15px;
  width: 20px;
  margin-right: 5px;
  margin-bottom: 0px;
}

.main-content .tab-content .content-section .resource h3 {
  margin: 10px 0;
}
.main-content .tab-content .content-section .resource ul {
  padding-left: 25px;
}
.main-content .tab-content .content-section .resource ul li {
  list-style-type: square;
}
.main-content .tab-content .content-section a{color: #010202;}
.main-content .tab-content .content-section table tr td a{ color: #1370AE !important;text-decoration: none;}
 .main-content .tab-content .content-section.content-news-section img{
             width: 100%;
             /*width: 300px;*/
            height: auto;
            margin-bottom: 10px;
            object-fit: cover;
            /*border: 1px solid grey;*/
      }
 .main-content .tab-content .content-section.content-news-section .share{ 
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-family: var(--fontPrimary);
            font-size: 14px;
            font-weight: 700;
            }
 .main-content .tab-content .content-section.content-news-section .share h6{          font-family: var(--fontPrimary);
            font-size: 14px;
            font-weight: 700;
            margin:5px 0;
 }
.main-content .post_section {
  font-family: var(--fontPrimary);
}
.main-content .post_section.section-tab-content .news-card {
  margin: 10px 0;
}
.main-content .post_section.section-tab-content .news-card a {
  font-weight: 600;
  color: #1A1A1A;
}
.main-content .post_section.section-tab-content .news-card h4 a {
  color: #ffc800 !important;
}
.main-content .post_section h3 {
  color: var(--black);
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 992px) {
  .main-content .post_section h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.main-content .post_section h2 {
  color: #010202;
  margin: 15px 0;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 992px) {
  .main-content .post_section h2 {
    font-size: 21px;
    margin: 10px 0;
  }
}
.main-content .post_section p {
  color: var(--textGray);
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}
.main-content .post_section small {
  color: var(--textGray);
  font-size: 14px;
  font-weight: 400;
}
.main-content .post_section .has-border {
  border-bottom: 2px solid var(--border);
}
@media (min-width: 992px) {
  .main-content .post_section .has-border:last-child {
    border-bottom: none;
  }
  .main-content .post_section .has-border:nth-last-child(2) {
    border-bottom: none;
  }
}
.main-content .post_section h3 a {
  font-size: 21px;
}
.main-content .post_section ul.resources-list {
  padding-left: 20px;
}
.main-content .post_section ul.resources-list li {
  list-style-type: square;
  margin: 10px 0;
}
.main-content .post_section ul.resources-list li a {
  color: var(--textGray);
  font-size: 18px;
  font-weight: 400;
  font-family: var(--fontPrimary);
  /*text-decoration-thickness: 1px;*/
  text-decoration:none !important;
}
@media (max-width: 768px) {
  .main-content .post_section ul.resources-list li a {
    font-size: 14px;
  }
}
.main-content .general_search span {
    font-size: 18px;
    color:var(--textGray);
    font-weight: 400;
    padding: 0;
}
.main-content .featured-news {
  font-family: var(--fontPrimary);
}
.main-content .featured-news p {
  color: #1A1A1A;
  font-weight: 400;
  margin: 0 0 10px 0;
  font-size: 16px;
}
@media (min-width: 768px) {
  .main-content .featured-news p {
    font-size: 18px;
    margin: 0 0 10px 0;
  }
}
.main-content .featured-news:first-child .featured-news-title h2,
.main-content .featured-news:first-child .featured-news-title .view-link {
  margin: 0 0 20px 0;
}
@media (max-width: 768px) {
  .main-content .featured-news:first-child .featured-news-title h2,
.main-content .featured-news:first-child .featured-news-title .view-link {
    margin: 0 0 20px 0;
  }
}
.main-content .featured-news .featured-news-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
}
.main-content .featured-news .featured-news-title h2 {
  color: #1A1A1A;
  font-weight: 600;
  margin: 15px 0;
  font-size: 21px;
}
@media (min-width: 768px) {
  .main-content .featured-news .featured-news-title h2 {
    font-size: 24px;
    margin: 25px 0;
  }
}
.main-content .featured-news .featured-news-title .view-link {
  font-weight: 600;
  margin-left: auto;
  color: #010202;
  display: none;
}
@media (min-width: 768px) {
  .main-content .featured-news .featured-news-title .view-link {
    display: inline-block;
  }
}
.main-content .featured-news .featured-news-title .view-link:hover {
  text-decoration: none;
}
.main-content .featured-news .featured-news-title.search-title h2{
    margin : 15px 0 !important;
}
.main-content .featured-news .news-card {
  width: 100%;
  margin: 0px 0 15px 0;
}
@media (min-width: 768px) {
  .main-content .featured-news .news-card {
    border-bottom: none;
    margin: 0 0 20px 0;
  }
}
.main-content .featured-news .news-card figure {
  height: 180px;
  margin-bottom: 15px;
  background-color: #ccc;
}
.main-content .featured-news .news-card figure img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  background-color: #ccc;
}
.main-content .featured-news .news-card h4 {
  color: #1370AE;
  font-weight: 600;
  font-size: 21px;
  margin: 0 0 5px 0;
  font-family: var(--fontPrimary);
}
@media (min-width: 768px) {
  .main-content .featured-news .news-card h4 {
    font-size: 24px;
  }
}
.main-content .featured-news .news-card a {
  font-family: var(--fontPrimary);
  color: #010202;
  text-decoration: none;
}
.main-content .featured-news .news-card a :hover {
  cursor: pointer;
}
.main-content .featured-news .news-card p {
  color: #1A1A1A;
  font-weight: 400;
  font-size: 16px;
  margin: 0 0 10px 0;
}
.main-content .featured-news .news-card .updated-date {
  color: #1A1A1A;
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 0px 0;
}
.main-content .featured-news hr {
  margin: 0;
}
.main-content .featured-news.newsresult-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .main-content .featured-news.newsresult-title {
    display: block;
    margin-bottom: 15px !important;
  }
}
.main-content .slick-dotted.slick-slider {
  margin-bottom: 40px;
}
.main-content .slick-dots {
  left: 0;
  right: 0;
}
.main-content .slick-dots li {
  margin: 0;
}
.main-content .slick-dots li button:before {
  font-size: 15px;
}
.main-content .newsresult-prevnext-link a.button,
.main-content .newsresult-prevnext-link a.button:hover {
  color: rgba(1, 2, 2, 0.5);
  padding: 15px;
  margin: 0px;
  /*text-decoration-thickness: 1px;*/
   text-decoration:none !important;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
}
.main-content .clinical-footer-panel.rs-panel {
  display: flex;
}
@media (max-width: 768px) {
  .main-content .clinical-footer-panel.rs-panel {
    display: block;
  }
}
.main-content .clinical-footer-panel.rs-panel .rs-widget {
  text-align: left !important;
  padding: 0 0 20px 0 !important;
}
@media (max-width: 768px) {
  .main-content .clinical-footer-panel.rs-panel .rs-widget {
    border-bottom: 1px solid #ccc;
  }
}
@media (max-width: 768px) {
  .main-content .clinical-footer-panel.rs-panel .rs-widget h4 {
    font-size: 18px;
    padding-bottom: 10px;
  }
}
.main-content .clinical-footer-panel.rs-panel .rs-widget ul li {
  word-wrap: wrap;
}
@media (max-width: 768px) {
  .main-content .clinical-footer-panel.rs-panel .rs-widget ul li a {
    font-size: 14px;
  }
}
.main-content .country-section ul {
  list-style: none;
  column-count: 3;
  padding: 0;
}
@media (max-width: 768px) {
  .main-content .country-section ul {
    column-count: 1;
  }
}
.main-content .country-section ul li {
  margin-bottom: 10px;
}
.main-content .country-section ul li a {
  color: #010202;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--fontPrimary);
}
.main-content .search-panel {
  border-radius: 4px 4px 0 0;
  margin-top: 20px;
}
.main-content .search-panel .search-panel-box {
  background-color: #ccc;
  padding: 15px;
  border-radius: 4px 4px 0 0;
}
.main-content .search-panel .search-panel-box h3 {
  color: #010202;
  margin: 0;
  font-size: 21px;
  font-weight: 600;
  font-family: var(--fontPrimary);
}
.main-content .search-panel .search-panel-body {
  border: 1px solid #ccc;
}
.main-content .search-panel .search-panel-body form {
  padding: 15px;
}
.main-content .search-panel .search-panel-body form input {
  border-radius: 5px;
}
.main-content .search-panel .search-panel-body form input::placeholder {
  font-weight: 600;
  color: #ccc;
}
.main-content .search-panel .search-panel-body form .login-record {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-content .search-panel .search-panel-body form .login-record .register-record a {
  margin-bottom: 10px;
  display: block;
  color: #010202;
  font-weight: 600;
}
.main-content .search-panel .search-panel-body form .login-record .register-record a:hover {
  color: #ffc800;
}
.main-content .search-panel .search-panel-body form .btn {
  height: 40px;
  border-radius: 0;
  font-size: 18px !important;
}
.main-content .search-panel .search-panel-body ul {
  font-family: var(--fontPrimary);
  list-style: none;
  margin: 15px 0;
}
.main-content .search-panel .search-panel-body ul li {
  margin-bottom: 5px;
  color: #4A4A49;
  font-size: 16px;
  font-weight: 600;
}
.main-content .search-panel .search-panel-body ul li a {
  text-decoration: none;
  color: #010202;
}
.main-content .search-panel .search-panel-body ul li a:hover {
  color: #ffc800;
}
.main-content .search-banner-content {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .main-content .search-banner-content {
    display: block;
  }
}
.main-content .search-banner-content h2 {
  color: #1A1A1A;
  font-weight: 700;
  margin: 0 0 15px 0;
  font-size: 21px;
}
@media (min-width: 768px) {
  .main-content .search-banner-content h2 {
    font-size: 24px;
    margin: 0 0 20px 0;
  }
}
.main-content .search-banner-content h2 span.search_topic {
  color: #ffc800;
}
.main-content .search-banner-content .search-box input {
  border: 1px solid #ccc;
}
.main-content .search-banner-content .search-box .btn-search {
  background-color: #ccc;
}
@media (max-width: 768px) {
  .main-content .search-banner-content .search-box {
    margin-left: 0;
  }
}
.main-content .datatable .dataTables_wrapper {
  margin: 20px 0;
}
@media (max-width: 768px) {
  .main-content .datatable .dataTables_wrapper .dataTables_length label {
    margin-right: 20px;
  }
}
.main-content .datatable .dataTables_wrapper .dataTables_length select {
  background-color: #ccc;
  width: 50% !important;
  background-position: right 0.35rem center;
}
.main-content .datatable .dataTables_wrapper .dataTables_filter input.form-control {
  padding-right: 40px !important;
}
.main-content .datatable .dataTables_wrapper .dataTables_info {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
  font-family: var(--fontPrimary);
}
.main-content .datatable .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0;
  margin: 0;
  border: 0;
}
.main-content .datatable .dataTables_wrapper .dataTables_paginate .paginate_button.page-item a {
  color: var(--gray);
  font-weight: 600;
}
.main-content .datatable .dataTables_wrapper .dataTables_paginate .paginate_button.page-item a.page-link:focus {
  box-shadow: none !important;
}
.main-content .datatable .dataTables_wrapper .dataTables_paginate .paginate_button.page-item.active {
  background-color: #ffc800;
  border-radius: 0;
}
.main-content .datatable .dataTables_wrapper .dataTables_paginate .paginate_button.page-item.active a.page-link {
  color: var(--gray);
  border: #ffc800;
  background-color: #ffc800;
  position: relative;
  top: 1px;
}
.main-content .datatable .dataTables_wrapper .dataTables_paginate .paginate_button.page-item.active a.page-link:focus {
  box-shadow: none !important;
}
.main-content .datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #FFF !important;
  border: #ffc800 !important;
  border-radius: 0;
}
.main-content .datatable table {
  border: 1px solid #ccc;
}
.main-content .datatable table thead .sorting_asc, .main-content .datatable table thead .sorting {
  background-image: none !important;
}
.main-content .datatable table tbody tr td,
.main-content .datatable table tbody tr th {
  padding: 12px;
  border: 1px solid #ccc;
}
.main-content .datatable table tbody tr:hover td {
  background-color: rgba(204, 204, 204, 0.2) !important;
}
.main-content .datatable table,
.main-content .datatable th,
.main-content .datatable tr,
.main-content .datatable td {
  border: none;
  background-color: #FFF;
  color: #1A1A1A;
  font-size: 16px;
  font-family: var(--fontPrimary);
}
.main-content .datatable table a,
.main-content .datatable th a,
.main-content .datatable tr a,
.main-content .datatable td a {
  color: #1A1A1A;
  text-decoration: none;
}
.main-content .datatable table a:hover,
.main-content .datatable th a:hover,
.main-content .datatable tr a:hover,
.main-content .datatable td a:hover {
  color: #ffc800;
}
.main-content .datatable td,
.main-content .datatable th {
  padding: 12px;
  border: 1px solid #ccc;
}
@media (max-width: 768px) {
  .main-content .datatable td,
.main-content .datatable th {
    padding: 10px 5px !important;
  }
}
.main-content .datatable #example {
  border-radius: 4px 4px 0px 0px;
  border: 1px solid rgba(204, 204, 204, 0.3) !important;
}
.main-content .datatable .form-select:focus {
  box-shadow: none !important;
}
.main-content .datatable table.search-details {
  border: 1px solid rgba(204, 204, 204, 0.5);
}
.main-content .datatable table.search-details th {
  background-color: rgba(204, 204, 204, 0.5);
  border: none;
}
.main-content .datatable table.search-details td {
  border: none;
}
@media (max-width: 768px) {
  .main-content .datatable table.search-details tr:last-child::after {
    content: "";
    border-bottom: none !important;
  }
  .main-content .datatable table.search-details tr::after {
    content: "";
    display: flex;
    border-bottom: 1px solid #ccc !important;
  }
}
.main-content .search-content-title h1 {
  margin-bottom: 15px;
  color: #1A1A1A;
  font-family: var(--fontPrimary);
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .main-content .search-content-title h1 {
    font-size: 21px;
  }
}
.main-content .search-content-title p {
  color: rgba(26, 26, 26, 0.8);
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .main-content .search-content-title p {
    font-size: 16px;
  }
}
.main-content .search-content-title p a {
  text-decoration: none;
  color: #010202;
}
.main-content .search-content-title p a:hover {
  color: #ffc800;
}

.tab-panel .alert {
  border-radius: 0 !important;
}
.tab-panel .alert .instruction-steps {
  display: flex;
  align-items: center;
}
.tab-panel .alert .instruction-numbers {
  background-color: #ffc800;
  width: 40px;
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  color: #010202;
  margin-right: 15px;
}
.tab-panel .alert p {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
}
.tab-panel .alert p:first-child {
  font-weight: 700;
}
.tab-panel .alert .btn-close {
  opacity: 1;
}
.tab-panel .alert .btn-close:before {
  content: "";
  display: block;
  background: url("../img/yfz/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.tab-panel .alert .btn-close:focus {
  box-shadow: none;
}
.tab-panel .verified-centre {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border: 1px solid rgba(204, 204, 204, 0.5);
  padding: 15px;
}
.tab-panel .verified-centre figure {
  border-right: 1px solid #ccc !important;
  margin: 0;
  padding-right: 35px;
}
.tab-panel .verified-centre figure img {
  max-width: 140px;
  width: 100%;
}
.tab-panel .verified-centre h4 {
  margin: 0;
  max-width: 100px;
  font-size: 21px;
  font-weight: 700;
  font-family: var(--fontPrimary);
}
.tab-panel .verified-centre .btn {
  font-size: 16px !important;
  padding: 10px !important;
}
.tab-panel #verifiedCenter .modal-dialog {
  max-width: 60%;
}
@media (max-width: 768px) {
  .tab-panel #verifiedCenter .modal-dialog {
    max-width: 100%;
  }
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .modal-header .verified-centre {
  border: none !important;
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .modal-header .verified-centre h4 {
  margin-left: 25px;
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .modal-body h3 {
  font-size: 21px;
  font-weight: 700;
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .modal-body p {
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 400;
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .modal-body textarea {
  width: 100%;
  background: rgba(74, 74, 73, 0.1);
  color: #000;
  padding: 15px;
  font-size: 14px;
  min-height: 150px;
  border: none;
  resize: none;
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .get-code-model-footer {
  display: block;
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .get-code-model-footer p {
  color: #1A1A1A;
  font-weight: 600;
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .get-code-model-footer p a {
  text-decoration: none;
  color: inherit;
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .get-code-model-footer p a:hover {
  color: #ffc800;
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .get-code-model-footer .modal-footer-buttons {
  display: flex;
  justify-content: space-between;
  margin: 15px 10px;
}
@media (max-width: 768px) {
  .tab-panel #verifiedCenter .modal-dialog .modal-content .get-code-model-footer .modal-footer-buttons {
    display: block;
  }
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .get-code-model-footer .modal-footer-buttons .btn {
  font-size: 16px !important;
}
@media (max-width: 768px) {
  .tab-panel #verifiedCenter .modal-dialog .modal-content .get-code-model-footer .modal-footer-buttons .btn {
    width: 100%;
    margin: 10px 0;
  }
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .get-code-model-footer .modal-footer-buttons .btn.btn-default:hover {
  background-color: #1A1A1A !important;
}
.tab-panel #verifiedCenter .modal-dialog .modal-content .get-code-model-footer .modal-footer-buttons .btn.btn-light:hover {
  background-color: #e6e6e6 !important;
  color: #1A1A1A !important;
}

hr {
  height: 2px !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  hr {
    margin: 0 !important;
  }
}

.rs-panel .rs-widget {
  padding: 15px 0 !important;
}
.rs-panel .rs-widget:first-child {
  padding: 0 0 20px 0 !important;
}
@media (max-width: 768px) {
  .rs-panel .rs-widget:first-child {
    padding: 20px 0 !important;
  }
}
.rs-panel .rs-widget h4 {
  font-size: 21px;
  font-weight: 700;
  padding: 0 0 15px 0;
  color: #1A1A1A;
  margin: 0;
}
@media (min-width: 768px) {
  .rs-panel .rs-widget h4 {
    font-size: 24px;
    padding: 0 0 20px 0;
    margin: 0;
  }
}
.rs-panel .rs-widget a {
  color: #1A1A1A;
  font-size: 18px;
  font-weight: 600;
}
.rs-panel .rs-widget a:hover {
  text-decoration: none;
}
.rs-panel .rs-widget figure {
  margin: 0;
}
.rs-panel .rs-widget figure img {
  width: 100%;
}
.rs-panel .rs-widget .widget-list,.rs-panel .rs-widget ul {
  padding: 0;
  margin: 0;
}
.rs-panel .rs-widget .widget-list li, .rs-panel .rs-widget .widget-list li.widget-list-item, .rs-panel .rs-widget ul li, .rs-panel .rs-widget ul li.widget-list-item {
   list-style-type: none;
  margin: 0 0 15px 0;
}
.rs-panel .rs-widget .widget-list li a, .rs-panel .rs-widget .widget-list li.widget-list-item a, .rs-panel .rs-widget ul li a, .rs-panel .rs-widget ul li.widget-list-item a {
    color: #1370AE;
  /*text-decoration-thickness: 1px;*/
   text-decoration:none !important;
}
.rs-panel .rs-widget .widget-list li:last-child, .rs-panel .rs-widget .widget-list li.widget-list-item:last-child, .rs-panel .rs-widget ul li:last-child, .rs-panel .rs-widget ul li.widget-list-item:last-child {
  margin: 0 !important;
}
@media (max-width: 768px) {
   .rs-panel .rs-widget .widget-list li, .rs-panel .rs-widget .widget-list li.widget-list-item, .rs-panel .rs-widget ul li, .rs-panel .rs-widget ul li.widget-list-item {
   margin: 0 0 10px 0;
  }
}
.rs-panel .rs-widget .login-record {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 10px 0;
}

.partners {
  background-color: #010202;
}
.partners .partners-list {
  display: flex;
  align-items: center;
  padding: 20px 0;
  flex-wrap: wrap;
}
.partners .partners-list img {
  width: 130px;
  height: 64px;
  margin-right: auto;
}
.partners .partners-list .partner-link {
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  flex: 0 0 100%;
  color: #FFF;
  text-align: left;
  margin: 2px 0;
}
.partners .partners-list .partner-link:hover {
  color: #ffc800;
}
@media (min-width: 992px) {
  .partners .partners-list .partner-link {
    flex: 0 0 15%;
    text-align: center;
    margin: 0 10px;
  }
}

footer {
  background-color: #eeeeee;
  padding: 50px 0 30px;
}
@media (max-width: 768px) {
  footer {
    padding: 25px 0;
  }
}
footer .footer-links h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
footer .footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-links ul li {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
}
footer .footer-links ul li a {
  color: #010202;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  padding: 0;
}
footer .footer-links ul li a:hover {
  text-decoration: underline;
}
footer .footer-links.search {
  flex: 1;
}
@media (max-width: 768px) {
  footer .footer-links {
    margin-bottom: 15px;
  }
}
footer .get-link {
  margin-bottom: 30px;
}
footer .search-box {
  max-width: 100%;
  min-width: auto;
}
footer .search-box input {
  border: 2px solid #010202;
}
footer .search-box .btn-search {
  background-color: #010202;
}

.footer-bottom {
  border-top: #ccc solid 2px;
  margin-top: 30px;
  padding-top: 20px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .footer-bottom {
    margin-top: 5px;
  }
}
.footer-bottom .copy-right {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: left;
  flex: 0 0 100%;
  order: 2;
}
@media (min-width: 992px) {
  .footer-bottom .copy-right {
    order: 0;
    flex: 0 0 50%;
  }
}
.footer-bottom .copy-right a {
  color: #010202;
  text-decoration: none;
  margin: 0 0 0 10px;
  display: flex;
  align-items: center;
}
.footer-bottom .copy-right a span {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  display: inline-block;
  background-color: #010202;
  margin-right: 5px;
}
.footer-bottom .copy-right a:hover {
  text-decoration: underline;
}
.footer-bottom .sw-links {
  display: flex;
  align-items: center;
  justify-content: left;
  margin-left: auto;
  flex: 0 0 100%;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .footer-bottom .sw-links {
    flex: 0 0 50%;
    justify-content: right;
    margin-bottom: 0;
  }
}
.footer-bottom .sw-links a {
  margin: 0 30px 0 0;
}
@media (min-width: 992px) {
  .footer-bottom .sw-links a {
    margin: 0 0 0 30px;
  }
}
.footer-bottom .sw-links a img {
  height: 20px;
}

.login-panel {
  padding: 0 0 30px 0;
}
@media (max-width: 768px) {
  .login-panel {
    padding: 0 0 15px 0;
  }
}
.login-panel figure {
  width: 100%;
  height: 100%;
}
.login-panel figure img {
  width: 100%;
  height: 100%;
}
.login-panel .reset-pwd-panel,
.login-panel .login-panel-form {
  font-family: var(--fontPrimary);
  padding: 25px;
  background: #010202;
}
@media (max-width: 768px) {
  .login-panel .reset-pwd-panel,
.login-panel .login-panel-form {
    padding: 20px 15px;
  }
}
.login-panel .reset-pwd-panel h2,
.login-panel .login-panel-form h2 {
  margin: 0;
  color: #ffc800;
  font-size: 20px;
  font-family: var(--fontPrimary);
  font-weight: 600;
}
.login-panel .reset-pwd-panel p,
.login-panel .login-panel-form p {
  color: #FFF;
  font-family: var(--fontPrimary);
  font-size: 16px;
  font-weigth: 600;
}
.login-panel .reset-pwd-panel form input,
.login-panel .login-panel-form form input {
  margin: 0;
}
.login-panel .reset-pwd-panel form input.form-control,
.login-panel .login-panel-form form input.form-control {
  height: 40px;
}
.login-panel .reset-pwd-panel form input::placeholder,
.login-panel .login-panel-form form input::placeholder {
  font-weight: 700;
  color: #ccc;
}
.login-panel .reset-pwd-panel form label,
.login-panel .login-panel-form form label {
  color: #FFF;
  padding: 0 0 15px 0;
  font-family: var(--fontPrimary);
  font-size: 16px;
  font-weight: 600;
}
.login-panel .reset-pwd-panel form .custom-control,
.login-panel .login-panel-form form .custom-control {
  color: #FFF;
}
.login-panel .reset-pwd-panel form .custom-control span,
.login-panel .login-panel-form form .custom-control span {
  font-size: 16px;
  font-weight: 600;
  padding-left: 10px;
}
.login-panel .reset-pwd-panel form .custom-control a,
.login-panel .login-panel-form form .custom-control a {
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  text-decoration: none;
}
.login-panel .reset-pwd-panel form .custom-control a:hover,
.login-panel .login-panel-form form .custom-control a:hover {
  color: #ffc800;
}
.login-panel .reset-pwd-panel form .error,
.login-panel .login-panel-form form .error {
  color: red;
}
.login-panel .reset-pwd-panel form .btn,
.login-panel .login-panel-form form .btn {
  font-size: 16px !important;
}
.login-panel .reset-pwd-panel form .btn:hover,
.login-panel .login-panel-form form .btn:hover {
  background: #010202;
  border: 1px solid #3e3e3e;
}
.login-panel .reset-pwd-panel form .btn.btn-light,
.login-panel .login-panel-form form .btn.btn-light {
  background: #e6e6e6 !important;
}
.login-panel .reset-pwd-panel form .btn.btn-light:hover,
.login-panel .login-panel-form form .btn.btn-light:hover {
  background: #010202 !important;
  color: #FFF;
  border: 1px solid #3e3e3e;
}
.login-panel .reset-pwd-panel.hide,
.login-panel .login-panel-form.hide {
  display: none;
}
.login-panel .reset-pwd-panel.zoom-animate,
.login-panel .login-panel-form.zoom-animate {
  transition: 0.3s ease;
}

.centre-item {
  margin-bottom: 25px;
  background: #fff;
}
.centre-item .centre-item-header {
  display: flex;
  justify-content: space-between;
  background-color: #e6e6e6;
  padding: 20px 25px;
}
@media (max-width: 768px) {
  .centre-item .centre-item-header {
    padding: 10px 15px;
    display: block;
    text-align: center;
  }
}
.centre-item .centre-item-header h4 {
  margin: 0;
  color: #1A1A1A;
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .centre-item .centre-item-header h4 {
    font-size: 18px;
  }
}
.centre-item .centre-item-header .centre-detail p {
  margin-bottom: 5px;
}
.centre-item .centre-item-header.centre-item-subheader {
  background-color: #FFF !important;
  padding: 15px 25px;
}
.centre-item .centre-item-body {
  border: 1px solid rgba(204, 204, 204, 0.5);
}
.centre-item .centre-item-body.centre-item-extra-content p {
  font-size: 16px;
}
.centre-item .centre-item-body.centre-item-extra-content .btn-grp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.centre-item .centre-item-body.centre-item-extra-content .btn-grp .price-field {
  font-size: 20px !important;
  margin: 0;
}

.centre-item-body {
  background: #FFF;
  padding: 20px 25px 25px 25px;
}
@media (max-width: 768px) {
  .centre-item-body {
    padding: 15px 15px;
  }
}
.centre-item-body ul {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}
.centre-item-body ul li {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 2px solid rgba(204, 204, 204, 0.5);
}
@media (max-width: 768px) {
  .centre-item-body ul li {
    margin-bottom: 5px;
  }
}
.centre-item-body ul li:first-child {
  padding: 0 0 8px 0;
}
.centre-item-body ul li label, .centre-item-body ul li span, .centre-item-body ul li small {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .centre-item-body ul li label, .centre-item-body ul li span, .centre-item-body ul li small {
    font-size: 14px;
  }
}
.centre-item-body ul li small {
  font-weight: 400;
}
.centre-item-body ul.centre-item-body-list {
  font-family: var(--fontPrimary);
}
.centre-item-body ul.centre-item-body-list li {
  border: none;
  padding: 0;
  margin-bottom: 0;
  border-bottom: 2px solid rgba(204, 204, 204, 0.5);
}
.centre-item-body ul.centre-item-body-list li:first-child {
  padding: 0 0 5px 0;
}
.centre-item-body ul.centre-item-body-list li span {
  font-size: 16px !important;
  font-weight: 600;
  color: rgba(26, 26, 26, 0.5);
}
.centre-item-body ul.centre-item-body-list li label {
  color: #1A1A1A;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .centre-item-body ul.centre-item-body-list li label {
    padding: 5px 0 0 10px !important;
  }
}
.centre-item-body ul.centre-item-body-list li .form-group {
  align-items: center;
}
.centre-item-body ul.centre-item-body-list li:last-child {
  border-bottom: none;
}
.centre-item-body .btn {
  font-size: 16px !important;
}
.centre-item-body .btn:hover {
  background-color: rgba(26, 26, 26, 0.8) !important;
  border-color: rgba(26, 26, 26, 0.8) !important;
  color: #fff !important;
}

.basket-header {
  display: flex;
}
@media (max-width: 768px) {
  .basket-header {
    display: block;
  }
}
.basket-header .detl-item {
  margin-right: 25px;
  color: #1A1A1A;
}
@media (max-width: 768px) {
  .basket-header .detl-item {
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
}
.basket-header .detl-item h2 {
  color: #010202;
  text-transform: capitalize;
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .basket-header .detl-item h2 {
    font-size: 16px;
  }
}
.basket-header p {
  margin: 0;
}
.basket-header i.cart-icon::before {
  content: "";
  background: url("../img/yfz/shopping-cart.png");
  display: block;
  width: 25px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 10px;
}

.basket-header-total {
  text-align: end;
}
@media (max-width: 768px) {
  .basket-header-total {
    display: flex;
    text-align: center;
    justify-content: center;
  }
}
.basket-header-total p {
  color: #010202;
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .basket-header-total p {
    font-size: 16px;
  }
}

.basket-panel .basket-item {
  font-family: var(--fontPrimary);
}
.basket-panel .basket-item .basket-item-head {
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
}
.basket-panel .basket-item .basket-item-head h3 {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .basket-panel .basket-item .basket-item-head h3 {
    font-size: 18px;
  }
}
.basket-panel .basket-item .basket-item-panel {
  border: 1px solid rgba(204, 204, 204, 0.8);
}
.basket-panel .basket-item .basket-item-panel label {
  font-size: 18px;
}
.basket-panel .basket-item .basket-item-panel .basket-item-product {
  width: 50% !important;
}
@media (max-width: 768px) {
  .basket-panel .basket-item .basket-item-panel .basket-item-product {
    width: 100% !important;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
  }
}
.basket-panel .basket-item .basket-item-panel .basket-item-orderproduct {
  width: 20% !important;
}
@media (max-width: 768px) {
  .basket-panel .basket-item .basket-item-panel .basket-item-orderproduct {
    width: 100% !important;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
  }
}
.basket-panel .basket-item .basket-item-panel .basket-item-price,
.basket-panel .basket-item .basket-item-panel .basket-item-qty, .basket-panel .basket-item .basket-item-panel .basket-item-remove, .basket-panel .basket-item .basket-item-panel .basket-item-total, .basket-panel .basket-item .basket-item-panel .basket-item-ordertotal, .basket-panel .basket-item .basket-item-panel .basket-item-orderid, .basket-panel .basket-item .basket-item-panel .basket-item-orderDate, .basket-panel .basket-item .basket-item-panel .basket-item-payStatus,
.basket-panel .basket-item .basket-item-panel .basket-item-paytype {
  width: 10% !important;
}
@media (max-width: 768px) {
  .basket-panel .basket-item .basket-item-panel .basket-item-price,
.basket-panel .basket-item .basket-item-panel .basket-item-qty, .basket-panel .basket-item .basket-item-panel .basket-item-remove, .basket-panel .basket-item .basket-item-panel .basket-item-total, .basket-panel .basket-item .basket-item-panel .basket-item-ordertotal, .basket-panel .basket-item .basket-item-panel .basket-item-orderid, .basket-panel .basket-item .basket-item-panel .basket-item-orderDate, .basket-panel .basket-item .basket-item-panel .basket-item-payStatus,
.basket-panel .basket-item .basket-item-panel .basket-item-paytype {
    width: 100% !important;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
  }
}
.basket-panel .basket-item .basket-item-panel .basket-item-info h4 {
  margin: 0;
  color: #1A1A1A;
  font-size: 18px;
  font-weight: 600;
}
.basket-panel .basket-item .basket-item-panel .basket-item-info p {
  font-size: 16px;
}
.basket-panel .basket-item .basket-item-panel table, .basket-panel .basket-item .basket-item-panel tr, .basket-panel .basket-item .basket-item-panel th, .basket-panel .basket-item .basket-item-panel td {
  width: 100%;
}
.basket-panel .basket-item .basket-item-panel table {
  border-collapse: separate;
  border-spacing: 15px 10px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.8);
}
@media (max-width: 768px) {
  .basket-panel .basket-item .basket-item-panel table {
    display: block;
    width: 100%;
    overflow-x: scroll;
  }
}
.basket-panel .basket-item .basket-item-panel table tr th {
  font-size: 18px;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .basket-panel .basket-item .basket-item-panel table tr th {
    font-size: 14px;
    text-align: center;
  }
}
.basket-panel .basket-item .basket-item-panel table tr td {
  font-size: 16px;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .basket-panel .basket-item .basket-item-panel table tr td {
    font-size: 14px;
    text-align: center;
  }
}
.basket-panel .basket-item .basket-item-panel .basket-total {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
  align-items: center;
  text-align: end;
  margin-right: 60px;
}
@media (max-width: 768px) {
  .basket-panel .basket-item .basket-item-panel .basket-total {
    margin-right: 20px;
  }
}
.basket-panel .basket-item .basket-item-panel .basket-total p {
  margin: 0;
  width: 30%;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .basket-panel .basket-item .basket-item-panel .basket-total p {
    font-size: 16px;
  }
}

.grand-total {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid rgba(204, 204, 204, 0.8);
  font-weight: 700;
  font-size: 18px;
  padding: 20px 50px 20px 50px;
}
.grand-total p {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .grand-total {
    margin-top: 15px;
    font-size: 16px;
    padding: 10px 20px;
  }
}

.basket-header {
  display: flex;
}
@media (max-width: 768px) {
  .basket-header {
    justify-content: center;
  }
}
.basket-header .detl-item {
  margin-right: 25px;
}
@media (max-width: 768px) {
  .basket-header .detl-item {
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
}
.basket-header .detl-item h2 {
  color: #010202;
  text-transform: capitalize;
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .basket-header .detl-item h2 {
    font-size: 16px;
  }
}

.basket-header-total {
  text-align: end;
}
@media (max-width: 768px) {
  .basket-header-total {
    display: flex;
    text-align: center;
    justify-content: center;
  }
}
.basket-header-total p {
  color: #010202;
  margin: 0;
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .basket-header-total p {
    font-size: 16px;
  }
}

.dark-bg p {
  color: #FFF !important;
}

.btn-grp {
  padding: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-grp a {
  color: #1A1A1A;
  font-size: 16px !important;
  font-weight: 600;
}
@media (max-width: 768px) {
  .btn-grp {
    padding: 15px 0;
  }
}
.btn-grp p {
  margin: 0;
  color: #1A1A1A;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.card {
  border: none;
  margin-bottom: 20px;
}
.card .card-body {
  border: 1px solid rgba(204, 204, 204, 0.8);
}
.card .card-body p {
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 400;
}
.card .card-body .btn-grp {
  font-weight: 700;
  font-size: 16px;
}
.card .card-body .btn-grp h5 {
  margin: 0;
}
.card .card-body .form-group {
  position: relative;
}
.card .card-body .form-group label {
  font-size: 16px;
  font-weight: 700;
}
.card .card-body .form-group .form-control, .card .card-body .form-group .form-select {
  font-size: 16px;
  font-weight: 700;
  /*margin-bottom: 0px !important;*/
  color: rgba(26, 26, 26, 0.5);
}
.card .card-body .form-group .form-control:disabled{
              background-color:#FFF;border:none;
          }
.card .card-body .form-group .form-control::placeholder, .card .card-body .form-group .form-select::placeholder {
  color: rgba(26, 26, 26, 0.5);
}
@media (max-width: 768px) {
  .card .card-body .form-group .form-control, .card .card-body .form-group .form-select {
    margin-bottom: 10px;
  }
}
.card .card-body .form-group span#optional {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 14px;
  font-weight: 700;
  color: rgba(26, 26, 26, 0.5);
}
.card .card-body .form-group .input-form-panel {
  position: relative;
}
.card .card-body .form-group .input-form-panel .input-group-addon {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.card .card-body .form-group .input-form-panel .input-group-addon a {
  font-size: 20px;
  color: #010202;
}
.card .card-body .form-group .input-form-panel .input-group-addon a:hover {
  color: #ffc800;
  transition: 0.3s ease;
}
.card .card-body .form-group .input-form-panel .empty_value {
  position: absolute;
  content: "";
  right: 15px;
  left: auto;
  width: 20px;
  height: 20px;
  background-color: #ff0000;
  border-radius: 40px;
  top: 50%;
  bottom: 0;
  transform: translateY(-50%);
}
.card .card-body .form-group .input-form-panel .empty_value:before {
  content: "";
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 50%;
  width: 10px;
  height: 2px;
  background-color: white;
  transform: translateY(-50%);
}
.card .card-body .form-group .input-form-panel .has_value {
  position: absolute;
  content: "";
  right: 15px;
  left: auto;
  width: 20px;
  height: 20px;
  background-color: #39b54a;
  border-radius: 40px;
  top: 50%;
  bottom: 0;
  transform: translateY(-50%);
}
.card .card-body .form-group .input-form-panel .has_value:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 11px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.card h5 {
  color: #1A1A1A;
  font-size: 21px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .card h5 {
    font-size: 18px;
  }
}
.card .card-header {
  border: none;
  background-color: rgba(204, 204, 204, 0.5);
  padding: 10px 20px;
  align-items: center;
}
.card .card-header p {
  font-size: 21px;
  font-weight: 700;
  margin: 0;
}
@media (max-width: 768px) {
  .card .card-header p {
    font-size: 18px;
  }
}
.card .card-header h5 {
  margin: 0;
}
.card .btn.btn-light:hover {
  background-color: #1A1A1A !important;
}

.centre-status, .basket-header-total {
  text-align: end;
}
.centre-status p, .basket-header-total p {
  margin-bottom: 10px;
}
.centre-status .status-result, .basket-header-total .status-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.centre-status .status-result i, .basket-header-total .status-result i {
  margin-right: 10px !important;
}
.centre-status .status-result.active-status, .basket-header-total .status-result.active-status {
  color: #39b54a;
}
.centre-status .status-result .active-symbol, .basket-header-total .status-result .active-symbol {
  width: 20px;
  margin: 0 auto;
  position: relative;
  height: 20px;
  border-radius: 40px;
  background-color: #39b54a;
}
.centre-status .status-result .active-symbol:before, .basket-header-total .status-result .active-symbol:before {
  content: "";
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.centre-status .status-result.pending-status, .basket-header-total .status-result.pending-status {
  color: #f7931e !important;
}
.centre-status .status-result.inactive-status, .basket-header-total .status-result.inactive-status {
  color: #ff0000 !important;
}
.centre-status .status-result .inactive-symbol, .basket-header-total .status-result .inactive-symbol {
  background-color: #ff0000 !important;
}
.centre-status .status-result .inactive-symbol, .centre-status .status-result .pending-symbol, .basket-header-total .status-result .inactive-symbol, .basket-header-total .status-result .pending-symbol {
  display: block;
  width: 20px;
  margin: 0 auto;
  position: relative;
  height: 20px;
  border-radius: 40px;
  background-color: #f7931e;
}
.centre-status .status-result .inactive-symbol::before, .centre-status .status-result .pending-symbol::before, .basket-header-total .status-result .inactive-symbol::before, .basket-header-total .status-result .pending-symbol::before {
  content: "";
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 50%;
  width: 10px;
  height: 2px;
  background-color: white;
  transform: translateY(-50%);
}

.dashboard-panel {
  padding: 25px 0;
  background: rgba(204, 204, 204, 0.2);
}
@media (max-width: 768px) {
  .dashboard-panel {
    padding: 15px 0;
  }
}
.dashboard-panel figure {
  margin: 0;
  width: 100%;
  max-height: 250px;
}
.dashboard-panel figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.dashboard-panel .dashboard-panel-content {
  font-family: var(--fontPrimary);
  padding: 25px;
  background: #010202;
  height: 250px;
}
@media (max-width: 768px) {
  .dashboard-panel .dashboard-panel-content {
    padding: 20px 15px;
    height: 250px;
  }
}
.dashboard-panel .dashboard-panel-content h2 {
  margin: 0;
  color: #ffc800;
  font-size: 20px;
  font-family: var(--fontPrimary);
  font-weight: 600;
}
.dashboard-panel .dashboard-panel-content p {
  color: #FFF;
  font-family: var(--fontPrimary);
  font-size: 16px;
  font-weigth: 600;
}
.dashboard-panel .dashboard-info-panel {
  font-family: var(--fontPrimary);
}
@media (max-width: 768px) {
  .dashboard-panel .dashboard-info-panel {
    text-align: center;
  }
}
.dashboard-panel .dashboard-info-panel .darkgray-bg {
  padding: 25px;
  background-color: rgba(74, 74, 73, 0.1);
}
@media (max-width: 768px) {
  .dashboard-panel .dashboard-info-panel .darkgray-bg {
    padding: 15px;
  }
}
.dashboard-panel .dashboard-info-panel .center-panel h3, .dashboard-panel .dashboard-info-panel .summary-panel h3 {
  color: #1A1A1A;
  font-size: 21px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .dashboard-panel .dashboard-info-panel .center-panel h3, .dashboard-panel .dashboard-info-panel .summary-panel h3 {
    font-size: 18px;
  }
}
.dashboard-panel .dashboard-info-panel .center-panel .single-purchase-panel, .dashboard-panel .dashboard-info-panel .summary-panel .single-purchase-panel {
  background-color: #FFF;
}
.dashboard-panel .dashboard-info-panel .center-panel .add-btn, .dashboard-panel .dashboard-info-panel .summary-panel .add-btn {
  font-size: 16px !important;
}
.dashboard-panel .dashboard-info-panel .summary-item-panel {
  font-family: var(--fontPrimary);
  background: #fff;
}
.dashboard-panel .dashboard-info-panel .summary-item-panel .summary-item {
  position: relative;
  padding: 20px 25px;
  border-bottom: 2px solid rgba(204, 204, 204, 0.5);
}
.dashboard-panel .dashboard-info-panel .summary-item-panel .summary-item h4 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}
.dashboard-panel .dashboard-info-panel .summary-item-panel .summary-item p {
  display: flex;
  justify-content: space-between;
}
.dashboard-panel .dashboard-info-panel .summary-item-panel .summary-item span.status-new {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 15px;
  background-color: #ffc800;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
}
.dashboard-panel .dashboard-info-panel .my-centres {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.dashboard-panel .dashboard-info-panel .my-centres a {
  color: #1A1A1A;
  height: 25px;
  text-decoration: none;
  border-bottom: 1px solid;
  font-size: 16px;
  font-family: var(--fontPrimary);
  font-weight: 600;
}
.dashboard-panel .dashboard-info-panel .my-centres h3 {
  margin: 0;
}
.dashboard-panel .dashboard-info-panel .my-centres p {
  margin: 0 0 10px 0;
}
.dashboard-panel .dashboard-info-panel .my-centres .centre-status.yfvc-status {
  display: block;
  float: right;
  padding: 10px 10px;
  background-color: #FFF;
  font-size: 14px;
  font-weight: 700;
}
.dashboard-panel .dashboard-info-panel .my-centres .centre-status.yfvc-status p {
  margin: 0;
}

.dark-bg {
  padding: 25px 0;
  background: #4A4A49;
}
.dark-bg h2 {
  color: #FFF;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  font-family: var(--fontPrimary);
}
@media (max-width: 768px) {
  .dark-bg h2 {
    font-size: 21px;
  }
}
@media (max-width: 768px) {
  .dark-bg {
    padding: 20px 0;
  }
}

.btn.btn-light {
  background: #e6e6e6 !important;
}

.user-reg-panel .modal {
  font-family: var(--fontPrimary);
  font-weight: 400;
}
.user-reg-panel .modal .modal-dialog {
  max-width: 60%;
}
@media (max-width: 768px) {
  .user-reg-panel .modal .modal-dialog {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .user-reg-panel .modal .modal-body {
    padding: 15px 15px 0 15px;
  }
}
.user-reg-panel .modal .modal-content {
  padding: 20px;
}
.user-reg-panel .modal .modal-content .modal-footer {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .user-reg-panel .modal .modal-content .modal-footer {
    justify-content: center !important;
  }
}
.user-reg-panel .modal .modal-content a {
  color: #010202;
  font-weight: 600;
}
.user-reg-panel .modal .modal-header {
  background-color: #ffc800;
  font-size: 20px;
  border-radius: 0;
}
.user-reg-panel .modal h5.modal-title {
  color: rgba(26, 26, 26, 0.8);
  font-size: 20px;
  font-weight: 600;
}
.user-reg-panel .modal p {
  color: rgba(26, 26, 26, 0.8);
  font-size: 16px;
  font-weight: 600;
  font-family: var(--fontPrimary);
}
.user-reg-panel .modal hr {
  height: 1px !important;
}
.user-reg-panel .modal .btn {
  font-size: 16px !important;
}
.user-reg-panel .modal .btn:hover {
  background: #010202;
  border: 1px solid #3e3e3e;
}
.user-reg-panel .modal .btn.btn-light {
  background: #e6e6e6 !important;
}
.user-reg-panel .modal .btn.btn-light:hover {
  background: #010202 !important;
  color: #FFF;
  border: 1px solid #3e3e3e;
}

.master-title-panel {
  background: rgba(204, 204, 204, 0.2);
  font-family: var(--fontPrimary);
}
.master-title-panel .master-title-panel-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .master-title-panel .master-title-panel-details {
    display: block;
    text-align: center;
  }
}
.master-title-panel .master-title-panel-details h2 {
  color: #4A4A49;
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .master-title-panel .master-title-panel-details h2 {
    font-size: 20px;
    margin: 0;
  }
}
.master-title-panel .master-title-panel-details p {
  color: rgba(26, 26, 26, 0.8);
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.master-title-panel .master-title-panel-details p a {
  text-decoration: none;
  color: #010202;
}
@media (max-width: 768px) {
  .master-title-panel .master-title-panel-details p {
    font-size: 14px;
  }
}

.content-panel {
  position: relative;
}
.content-panel .tabs-container {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .content-panel .tabs-container .section-tabs {
    width: 100% !important;
  }
}
.content-panel .tabs-container .section-tabs li {
  display: flex;
  justify-content: center;
  min-width: 200px;
  position: relative;
}
@media (max-width: 768px) {
  .content-panel .tabs-container .section-tabs li {
    min-width: unset;
    flex: 1;
  }
}
.content-panel .tabs-container .section-tabs li::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  right: 0px;
  left: 0;
  bottom: 0;
  height: 3px;
  margin: 0 auto;
  background: #ccc;
}
.content-panel .tabs-container .section-tabs li a {
  margin: 15px 10px;
  text-decoration: none;
  color: #ccc;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--fontPrimary);
}
@media (max-width: 768px) {
  .content-panel .tabs-container .section-tabs li a {
    margin: 5px 5px;
  }
}
.content-panel .tabs-container .section-tabs li a span.number {
  margin-right: 5px;
  padding: 2px 10px;
  background-color: #ccc;
  border-radius: 100%;
  color: rgba(74, 74, 73, 0.5) !important;
}
@media (max-width: 768px) {
  .content-panel .tabs-container .section-tabs li a span.tab-topic {
    margin-top: 5px;
    display: none !important;
  }
}
.content-panel .tabs-container .section-tabs li.active {
  position: relative;
  top: 0px;
}
.content-panel .tabs-container .section-tabs li.active a {
  color: #010202;
  padding-bottom: 2px;
  display: block;
  text-align: center;
}
.content-panel .tabs-container .section-tabs li.active span.number {
  background-color: #ffc800;
  color: #010202 !important;
}
@media (max-width: 768px) {
  .content-panel .tabs-container .section-tabs li.active span.tab-topic {
    margin-top: 5px;
    display: block !important;
  }
}
@media (max-width: 768px) {
  .content-panel .tabs-container .section-tabs li.active {
    display: flex;
  }
}
.content-panel .tabs-container .section-tabs li.active::after {
  content: "";
  background: #ffc800 !important;
}
.content-panel .tab-content {
  margin: auto 60px;
}
@media (max-width: 768px) {
  .content-panel .tab-content {
    margin: auto;
  }
}
.content-panel .tab-content .section-tab-content h3 {
  background-color: #EEE;
  padding: 10px 25px;
  margin: 0;
  color: #1A1A1A;
  font-size: 18px;
  font-family: var(--fontPrimary);
  font-weight: 600;
}
.content-panel .tab-content .section-tab-content h3 span.append-result-input.remove_field3 {
  float: right;
  color: #ff0000;
  cursor: pointer;
}

.content-panel .tab-content .fieldset-content {
  border: 1px solid #EEE;
  padding: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .content-panel .tab-content .fieldset-content {
    padding: 10px 0;
  }
}
.content-panel .tab-content .fieldset-content .checklist-item .error {
  color: #8a1f11;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--fontPrimary);
}
.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-main-lbl {
  background-color: #ffc800;
  color: #4A4A49;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--fontPrimary);
}
@media (max-width: 768px) {
  .content-panel .tab-content .fieldset-content .checklist-item .checklist-item-main-lbl {
    font-size: 14px;
  }
}
.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content {
  display: flex;
  justify-content: space-between;
  border: 1px solid #EEE;
  margin: 0 0 20px 0;
}
@media (max-width: 768px) {
  .content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content {
    margin-bottom: 10px;
  }
}
.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content span {
  border-right: 1px solid #e6e6e6;
  padding: 15px 15px;
  width: 100%;
  color: #1A1A1A;
  font-size: 16px;
  font-family: var(--fontPrimary);
  font-weight: 600;
}
.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content span a {
  color: #ffc800;
  text-decoration: none;
}
@media (max-width: 768px) {
  .content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content span {
    font-size: 14px;
  }
}
.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content .checkbox-panel {
  position: relative;
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content .checkbox-panel span {
  border: none;
}
.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content .checkbox-panel .checkbox-container {
  display: block;
  position: relative;
  /* margin-bottom: 12px; */
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 30px;
  height: 30px;
  margin-bottom: 0;
}
.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content .checkbox-panel .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content .checkbox-panel .checkbox-container .checkmark {
  right: 0;
  left: auto;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  background-color: #ccc;
  border-radius: 40px;
}
.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content .checkbox-panel .checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: block;
  left: 11px;
  top: 6px;
  width: 7px;
  height: 15px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.content-panel .tab-content .fieldset-content .form-control {
  margin: 0;
  height: 38px;
  font-size: 16px;
  padding: 5px 10px !important;
  font-weight: 600 !important;
}
.content-panel .tab-content .fieldset-content .form-control::placeholder {
  color: rgba(26, 26, 26, 0.2) !important;
}
.content-panel .tab-content .fieldset-content .form-control:focus {
  box-shadow: none !important;
}
.content-panel .tab-content .fieldset-content .form-control:disabled {
  background-color: #FFF;
}
.content-panel .tab-content .fieldset-content .input-form-panel {
  position: relative;
}
.content-panel .tab-content .fieldset-content .input-form-panel .input-group-addon {
  position: absolute;
  top: 50%;
  right: 43px;
  transform: translateY(-50%);
}
.content-panel .tab-content .fieldset-content .input-form-panel .input-group-addon a {
  font-size: 20px;
  color: #010202;
}
.content-panel .tab-content .fieldset-content .input-form-panel .input-group-addon a:hover {
  color: #ffc800;
  transition: 0.3s ease;
}
.content-panel .tab-content .fieldset-content .error.form-control {
  border: 1px solid #ff0000 !important;
}
.content-panel .tab-content .fieldset-content .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.content-panel .tab-content .fieldset-content .form-group .error {
  color: #ff0000;
}
@media (max-width: 768px) {
  .content-panel .tab-content .fieldset-content .form-group {
    margin-bottom: 5px;
  }
}
.content-panel .tab-content .fieldset-content label {
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--fontPrimary);
}
.content-panel .tab-content .has-success-info .success-info-panel {
  position: relative;
  top: 0;
  bottom: 0;
  padding-left: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .content-panel .tab-content .has-success-info .success-info-panel {
    font-weight: 600;
    color: gray;
    margin: 25px 0;
  }
}
.content-panel .tab-content .has-success-info .success-info {
  position: absolute;
  content: "";
  right: 15px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #39b54a;
  border-radius: 40px;
  top: 50%;
  bottom: 0;
  transform: translateY(-50%);
}
.content-panel .tab-content .has-success-info .success-info:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 11px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.content-panel .tab-content .actions {
  display: flex;
  justify-content: right;
}
.content-panel .tab-content .actions ul {
  list-style: none;
}
.content-panel .tab-content .actions ul li {
  justify-content: right;
}
.content-panel .tab-content .actions ul li .btn {
  font-size: 16px !important;
  padding: 8px 15px !important;
}
.content-panel .tab-content .actions ul li .btn:hover {
  background-color: #010202;
}
.content-panel .tab-content .tab-pane .accordion-item {
  margin-bottom: 20px;
  border: none;
}
.content-panel .tab-content .tab-pane .accordion-item .accordion-button::after {
  background-image: url("../img/yfz/down-arrow.png");
  background-position: center;
}
.content-panel .tab-content .tab-pane .accordion-item .fieldset-content {
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .content-panel .tab-content .tab-pane .accordion-item .fieldset-content {
    padding-bottom: 0;
  }
}
.content-panel .tab-content .tab-pane .accordion-item .fieldset-content .btn-group {
  list-style: none;
  padding: 0;
}
.content-panel .tab-content .tab-pane .accordion-item .fieldset-content .btn-group .btn {
  font-size: 16px !important;
}
.content-panel .tab-content .tab-pane .accordion-item .accordion-body {
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .content-panel .tab-content .tab-pane .accordion-item .accordion-body {
    padding-bottom: 0;
  }
}
.content-panel .tab-pane .accordion-body .optional-field {
  position: relative;
}
.content-panel .tab-pane .accordion-body .optional-field .optional-info {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: #c0bebe;
}
.content-panel .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.content-panel .plan-item {
  border: 1px solid rgba(204, 204, 204, 0.8);
  font-family: var(--fontPrimary);
}
.content-panel .plan-item .plan-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(204, 204, 204, 0.8);
}
@media (max-width: 768px) {
  .content-panel .plan-item .plan-item-header {
    text-align: center;
    display: block;
  }
}
.content-panel .plan-item .plan-item-header h4 {
  color: #1A1A1A;
  margin: 0;
  padding: 20px;
  font-size: 21px;
  font-weight: 600;
}
.content-panel .plan-item .plan-item-header h4:last-child {
  font-weight: 700;
}
@media (max-width: 768px) {
  .content-panel .plan-item .plan-item-header h4 {
    padding: 10px 0 0px 0;
  }
  .content-panel .plan-item .plan-item-header h4:last-child {
    padding: 5px 0 10px 0;
  }
}
.content-panel .plan-item .plan-item-body {
  padding: 20px;
}
.content-panel .plan-item .plan-item-body p {
  font-size: 16px;
}
.content-panel .plan-item .plan-item-body p a {
  text-decoration: none;
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .content-panel .plan-item .plan-item-body p a {
    font-size: 16px;
  }
}
.content-panel .plan-item .plan-item-body p a:hover {
  color: #ffc800;
}
@media (max-width: 768px) {
  .content-panel .plan-item .plan-item-body p:last-child {
    margin: 0;
  }
}
.content-panel .plan-item .plan-item-body h3 {
  color: #1A1A1A;
  font-size: 21px;
  font-weight: 700;
}
.content-panel .plan-item .plan-item-body h4 {
  color: #1A1A1A;
  font-size: 24px;
  font-weight: 600;
}
.content-panel .plan-item .plan-item-body h4.red {
  color: #ff0000;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .content-panel .plan-item .plan-item-body h4 {
    font-size: 21px;
  }
}
.content-panel .plan-item .plan-item-body ul {
  font-family: var(--fontPrimary);
  padding-left: 20px;
}
.content-panel .plan-item .plan-item-body ul li {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .content-panel .plan-item .plan-item-body ul li {
    font-size: 16px;
  }
}
.content-panel .plan-item .plan-item-body ul li a {
  text-decoration: none;
  color: inherit;
}
.content-panel .plan-item .plan-item-body ul li a:hover {
  color: #ffc800;
}
.content-panel .btn {
  font-size: 16px !important;
  padding: 10px !important;
}
.content-panel.search-details p {
  color: rgba(26, 26, 26, 0.6);
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .content-panel.search-details p {
    font-size: 16px;
    margin: 0;
  }
}
.content-panel.search-details p a {
  text-decoration: none;
  color: #010202;
}
.content-panel.search-details p a:hover {
  color: #ffc800;
}

.content-panel .tab-content .fieldset-content .checklist-item .checklist-item-content .checkbox-panel .checkbox-container input:checked ~ .checkmark {
  background-color: #39b54a;
}

.scrollToTop {
  text-align: center;
  background: whiteSmoke;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position: fixed;
  bottom: 0px;
  right: 0px;
  display: none;
  left: 0px;
  background-image: url(../img/yfz/scroll-to-top.png);
  background-repeat: no-repeat;
  background-position: 0px -54px;
  text-indent: -9999px;
  width: 90px;
  height: 44px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  background-color: transparent;
  z-index: 1;
}

.scrollToTop:hover {
  background-image: url(../img/yfz/scroll-to-top.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 90px;
  height: 44px;
}

.postPagination {
  background-color: var(--darkWhite);
  padding: calc(10px + var(--padding));
  margin: 40px 0;
  font-size: 18px;
  font-family: var(--fontPrimary);
  font-weight: 400;
  
  
}
@media (max-width: 992px) {
  .postPagination {
    margin: 15px 0;
    padding: 10px;
  }
  .postPagination .row {
    display: block;
  }
  .postPagination .page_dates, .postPagination .page_pdf {
    margin-bottom: 5px;
    font-size: 14px;
  }
}
.postPagination .page_dates span {
  display: block;
}
.postPagination .page_pdf {
  font-weight: 700;
  text-align: center;
}
.postPagination .page_direction {
  font-weight: 700;
  display: flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .postPagination .page_direction {
    font-size: 14px;
    justify-content: space-between;
  }
}
.postPagination a {
  color: #1370AE;
}
.postPagination .page_dates a.show_hide,
.postPagination .page_dates small {
  font-size: 18px;
  font-weight: 700;
  color: #ffc800;
  margin-top: 10px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .postPagination .page_dates a.show_hide,
.postPagination .page_dates small {
    font-size: 14px;
  }
}
.postPagination .page_dates .show,
.postPagination .page_dates .hide {
  display: none;
}
.postPagination .page_dates [aria-expanded=false] .show {
  display: inline-block;
}
.postPagination .page_dates [aria-expanded=true] .hide {
  display: inline-block;
}
.postPagination .update_posts ol {
  margin: 10px 0;
  padding: 0;
}
.postPagination .update_posts ol li {
  list-style-type: none;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .postPagination .update_posts ol li {
    font-size: 14px;
  }
}
.postPagination .update_posts ol li p {
  color: var(--textGray);
  margin: 5px 0;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--fontPrimary);
}
@media (max-width: 768px) {
  .postPagination .update_posts ol li p {
    font-size: 12px;
  }
}

.responsive-tabs {
  padding: 0 0;
}
@media (max-width: 768px) {
  .responsive-tabs {
    padding: 0px;
  }
}

.mob-tab .nav-tabs .nav-link {
  border-radius: 0;
  border: 0 !important;
  border-top: 0;
}
.mob-tab .nav-tabs .nav-link.active {
  border-top: 5px solid #ffc800 !important;
}

.responsive-tabs .nav-tabs {
  display: none;
}

@media (min-width: 768px) {
  .responsive-tabs .nav-tabs {
    display: flex;
  }

  .tab-pane.card {
    border: none !important;
  }

  .tab-pane.card .card-header {
    display: none;
  }

  .tab-pane.card .accordion-tab {
    display: block;
  }
}
@media (max-width: 767px) {
  #center-update-content .tab-pane {
    display: block !important;
    opacity: 1 !important;
  }

  .tab-pane.card {
    border: none;
  }

  .tab-pane.card .card-header {
    display: none;
  }

  .tab-pane.card .collapse.show {
    display: block;
  }
}
.tab-panel {
  padding: 15px 0;
}
@media (max-width: 768px) {
  .tab-panel {
    padding-top: 0 !important;
  }
}
@media (max-width: 768px) {
  .tab-panel .tab-content .card-header {
    display: flex;
    justify-content: space-between;
  }
}
.tab-panel .tab-content .card-header h5 {
  color: #010202;
  font-size: 18px;
  font-weight: 700;
}
.tab-panel .tab-content .card-header:after {
  content: "";
  background-image: url("../img/yfz/black-downarrow.png");
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  width: 15px;
  height: 15px;
}
.tab-panel .tab-content .tab-pane .accordion {
  font-family: var(--fontPrimary);
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item {
  position: relative;
  margin: 15px 0;
  border: 0;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item h3 {
  background-color: rgba(204, 204, 204, 0.5);
  margin: 0;
  color: #1A1A1A;
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .tab-panel .tab-content .tab-pane .accordion .accordion-item h3 {
    font-size: 18px;
  }
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item h3:after {
  content: "";
  background-image: url("../img/yfz/black-downarrow.png");
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  width: 15px;
  height: 15px;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item h3.hide-dropdown::after {
  content: "";
  background-image: none;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item p.status-result {
  position: absolute;
  top: 10px;
  right: 40px;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item p.status-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item p.status-result i {
  margin-right: 10px !important;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item p.status-result.active-status {
  color: #39b54a;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item p.status-result .active-symbol {
  width: 20px;
  margin: 0 auto;
  position: relative;
  height: 20px;
  border-radius: 40px;
  background-color: #39b54a;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item p.status-result .active-symbol:before {
  content: "";
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item p.status-result.pending-status {
  color: #f7931e !important;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item p.status-result .pending-symbol {
  display: block;
  width: 20px;
  margin: 0 auto;
  position: relative;
  height: 20px;
  border-radius: 40px;
  background-color: #f7931e;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-item p.status-result .pending-symbol::before {
  content: "";
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 50%;
  width: 10px;
  height: 2px;
  background-color: white;
  transform: translateY(-50%);
}
.tab-panel .tab-content .tab-pane .accordion .accordion-body {
  border: 1px solid rgba(204, 204, 204, 0.5);
}
.tab-panel .tab-content .tab-pane .accordion .accordion-body .form-group p a {
  text-decoration: none;
  color: #ffc800;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-body .form-group p a:hover {
  color: rgba(255, 200, 0, 0.8);
}
.tab-panel .tab-content .tab-pane .accordion .accordion-body .optional-field {
  position: relative;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-body .optional-field .optional-info {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: #c0bebe;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-button {
  padding: 10px;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-button:not(.collapsed) {
  box-shadow: none !important;
}
.tab-panel .tab-content .tab-pane .accordion .card .card-body {
  border: none !important;
}
.tab-panel .tab-content .tab-pane .accordion .accordion-body .btn-grp input.btn.btn-default {
  font-size: 18px !important;
}
@media (max-width: 768px) {
  .tab-panel .tab-content .tab-pane .accordion .accordion-body .btn-grp input.btn.btn-default {
    font-size: 16px !important;
    padding: 10px;
  }
}
.tab-panel .tab-content#center-update-content .card-body {
  border: none !important;
}

.panel-padding {
  padding: 25px 0;
}
@media (max-width: 768px) {
  .panel-padding {
    padding: 15px 0;
  }
}
.panel-padding .payment-success-panel {
  font-family: var(--fontPrimary);
}
.panel-padding .payment-success-panel .success-panel {
  background-color: #ffc800;
}
.panel-padding .payment-success-panel .success-panel .success-message {
  text-align: center;
  padding: 30px 0;
}
@media (max-width: 768px) {
  .panel-padding .payment-success-panel .success-panel .success-message {
    padding: 15px;
  }
}
.panel-padding .payment-success-panel .success-panel .success-message .success-mark-panel {
  position: relative;
  margin-bottom: 5px;
}
.panel-padding .payment-success-panel .success-panel .success-message .success-mark-panel .success-mark {
  display: block;
  width: 50px;
  margin: 0 auto;
  position: relative;
  height: 50px;
  border-radius: 40px;
  background-color: #39b54a;
}
.panel-padding .payment-success-panel .success-panel .success-message .success-mark-panel .success-mark:before {
  content: "";
  position: absolute;
  left: 21px;
  right: 0;
  top: 12px;
  width: 10px;
  height: 22px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .panel-padding .payment-success-panel .success-panel .success-message .success-mark-panel .success-mark {
    height: 32px;
    width: 32px;
  }
  .panel-padding .payment-success-panel .success-panel .success-message .success-mark-panel .success-mark:before {
    content: "";
    width: 8px;
    height: 15px;
    left: 12px;
    top: 7px;
  }
}
.panel-padding .payment-success-panel .success-panel .success-message .success-mark-panel .failure-mark {
  display: block;
  width: 50px;
  margin: 0 auto;
  position: relative;
  height: 50px;
  border-radius: 40px;
  background-color: #e00c0c;
}
.panel-padding .payment-success-panel .success-panel .success-message .success-mark-panel .failure-mark:before {
  content: "X";
  position: relative;
  margin: 0 auto;
  top: 9px;
  width: 10px;
  color: #fff;
  font-size: 21px;
  height: 22px;
  font-weight: 700;

}
.panel-padding .payment-success-panel .success-panel .success-message p {
  color: #1A1A1A;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .panel-padding .payment-success-panel .success-panel .success-message p {
    font-size: 18px;
  }
}
.panel-padding .payment-success-panel .success-panel .success-message p.success-small-text {
  max-width: 550px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 400;
}
.panel-padding .payment-success-panel .success-panel .success-message .success-title {
  color: rgba(74, 74, 73, 0.8);
}
.panel-padding .payment-success-panel .payment-success-body {
  border: 1px solid #ccc;
  font-family: var(--fontPrimary);
  padding: 30px 60px;
}
@media (max-width: 768px) {
  .panel-padding .payment-success-panel .payment-success-body {
    padding: 15px 25px;
  }
}
.panel-padding .payment-success-panel .payment-success-body p {
  color: #1A1A1A;
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width) {
  .panel-padding .payment-success-panel .payment-success-body p {
    margin: 0 0 10px 0;
  }
}
.panel-padding .payment-success-panel .payment-success-body .payment-success-footer {
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 768px) {
  .panel-padding .payment-success-panel .payment-success-body .payment-success-footer {
    margin-bottom: 15px;
  }
}
.panel-padding .payment-success-panel .payment-success-body .payment-success-info {
  max-width: 75%;
}
@media (max-width: 768px) {
  .panel-padding .payment-success-panel .payment-success-body .payment-success-info {
    max-width: 100%;
  }
}
.panel-padding .payment-success-panel .payment-success-body .success-btn {
  display: flex;
  justify-content: center;
}
.panel-padding .payment-success-panel .payment-success-body .success-btn .btn.btn-default {
  font-size: 16px !important;
}
.panel-padding .payment-success-panel .payment-success-body .success-btn .btn.btn-default:hover {
  background-color: #010202;
}
.panel-padding .payment-success-panel .payment-success-body .heading-with-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border: 1px solid var(--border);
  font-size: 18px;
  margin-bottom: 25px;
}
.panel-padding .payment-success-panel .payment-success-body .heading-with-total h4 {
  font-size: 18px;
  font-weight: 700;
}
.panel-padding .payment-success-panel .payment-success-body .heading-with-total p {
  margin: 0;
  font-size: 18px;
}
.panel-padding .payment-success-panel .payment-success-body .payment-success-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .panel-padding .payment-success-panel .payment-success-body .payment-success-footer {
    display: block;
    justify-content: center !important;
  }
}
@media (max-width: 768px) {
  .panel-padding .payment-success-panel .payment-success-body .payment-success-footer .update-btn {
    display: flex;
    justify-content: center;
  }
}
.panel-padding .payment-success-panel .payment-success-body .payment-success-footer .update-btn .btn-primary {
  font-size: 16px !important;
  background-color: #1370AE !important;
  color: #FFF !important;
  border-radius: 3px;
}
@media (max-width: 768px) {
  .panel-padding .payment-success-panel .payment-success-body .payment-success-footer .update-btn .btn-primary {
    font-size: 16px !important;
    width: 71%;
  }
}
.panel-padding .instruction-section {
  font-family: var(--fontPrimary);
  color: rgba(74, 74, 73, 0.8);
}
.panel-padding .instruction-section label {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin: 20px 0;
  color: rgba(74, 74, 73, 0.8);
}
@media (max-width: 768px) {
  .panel-padding .instruction-section label {
    margin: 10px 0;
  }
}
.panel-padding .instruction-section .instruction-item {
  border: 1px solid #e6e6e6;
  padding: 15px 20px;
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .panel-padding .instruction-section .instruction-item {
    margin-bottom: 15px;
    padding: 10px;
  }
}
.panel-padding .instruction-section .instruction-item p {
  color: rgba(74, 74, 73, 0.8);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 768px) {
  .panel-padding .instruction-section .instruction-item p {
    font-size: 16px;
    margin: 0;
  }
}
.panel-padding .instruction-section .list-number-item .list-number {
  border-radius: 40px;
  background-color: #ffc800;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  font-weight: 600;
}
.panel-padding .instruction-section .center-btn {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .panel-padding .instruction-section .center-btn {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .panel-padding .instruction-section .center-btn .btn {
    padding: 5px 10px;
    font-size: 18px !important;
  }
}
.rwd-table {
  margin: 1em 0;
  min-width: 300px;
}
@media (max-width: 768px) {
  .rwd-table tr:first-child::after, .rwd-table tr:last-child::after {
    content: "";
    border-bottom: none !important;
  }
  .rwd-table tr::after {
    content: "";
    display: flex;
    border-bottom: 1px solid #ccc !important;
  }
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 35%;
  display: inline-block;
}
@media (min-width: 786px) {
  .rwd-table td:before {
    display: none;
  }
}
.rwd-table th, .rwd-table td {
  text-align: left;
}
@media (min-width: 786px) {
  .rwd-table th, .rwd-table td {
    display: table-cell;
  }
}

.rwd-table {
  color: #1A1A1A;
  overflow: hidden;
}
.rwd-table th, .rwd-table td {
  margin: 0.5em 1em;
}
.rwd-table th, .rwd-table td:before {
  color: #1A1A1A;
}
.search-section .login-section {
  min-height: 300px;
  margin-top: 110px;
}
@media (max-width: 768px) {
  .search-section .login-section {
    margin-top: 50px;
  }
}
.search-section .login-section .login-box {
  width: 45%;
  margin: 0 auto;
  background-color: #EAEAEA;
  padding: 20px;
}
@media (max-width: 768px) {
  .search-section .login-section .login-box {
    width: 100%;
  }
}
.search-section .login-section .login-box .login-box-body {
  text-align: center;
}
.search-section .login-section .login-box .login-box-body p.login-box-msg {
  font-family: var(--fontPrimary);
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.search-section .login-section .login-box .login-box-body .for-ps .form-group {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .search-section .login-section .login-box .login-box-body .for-ps .form-group {
    margin-bottom: 10px;
  }
}
.search-section .login-section .login-box .login-box-body .for-ps .error {
  font-weight: 600;
}
.alert.alert-success.alert-dismissible{
  font-size:16px;
}

.description table td{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px;
}
.article-news-content.cntry-gen-info.square.topics-section {
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 20px;
}
.article-news-content > div {
    position: relative;
    color: #666660;
}
.sing-factsheet {
    /*border: 3px solid rgba(255, 215, 0, 0.8);*/
    float: left;
    width: 100%;
    padding-bottom: 17px;
}


.factsheet-list-title > h2 {
    background-color: rgba(255, 215, 0, 0.8);
    color: hsl(0, 0%, 100%);
    margin-top: 0;
    font-family: "Droid Serif",serif;
}
.topics-section .factsheet-list-title h2 {
    color: #000;
}
.articleBox_single .cntry-gen-info h2 {
    float: left;
    font-size: 20px;
}
.articleBox_single .sing-factsheet ul {
    float: left;
    width: 50%;
}
.article-news-content.cntry-gen-info .sing-factsheet ul li.active {
    background: transparent !important;
}
.article-news-content.cntry-gen-info .sing-factsheet ul li {
    background-image: none;
    float: left;
    clear: both;
    padding: 4px 15px;
}
.col-sm-12.col-md-12.single-tabs {
    padding-left: 0;
    padding-right: 0;
    margin-bottom:15px;
}
.single-tabs {
    float: left;
    width: 100%;
    margin-bottom:15px;
}
/*# sourceMappingURL=yfz-styles.css.map */
.cntry-gen-info h2 {
    background: none repeat scroll 0 0 #f2f2ed;
    padding: 0px;
    width: 100%;
    float: left;
    color: #000;
    margin: 20px 0;
}
.article-news-content p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    margin-bottom: 20px;
    color: hsl(60, 3%, 39%);
    width: 100%;
    float: left;
    padding: 5px 0;
    font-weight: 600;
    line-height: 26px;
}
.square li {
    float: left;
    width: 100%;
}

.square li {
    background-image: url(image/square_small_gray.png);
    background-position: 4px 7px;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 20px;
    font-size: 15px;
    color: #666660;
    font-family: "Titillium Web",sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 25px;
}

@media screen and (max-width:1400px) and (min-width: 991px) {
  .btn {
  font-size: 13px !important;
  margin-left: 38px;
  padding-left: 30px;
  padding-right: 30px;
}
}

@media screen and (max-width:1200px) and (min-width: 991px) {
  header .mob-profile-menu li,
header .main-nav li {
    margin: 0px 15px 0 15px;
  }
}
h2.ci_medium_title.txt_black {
    background: transparent !important;
}

.single-tabs table td{
        border: 1px solid #ccc;
        padding:10px;
}
.inner-content h5 a,.inner-content h6 a{
    color:#1370AE !important;
    text-decoration:none;
    
}
.sing-factsheet td a{
    color:#1370AE !important;
    text-decoration:none;
}
.single-tabs{
    margin-bottom:15px !important;
}
.postPagination{
  margin: 40px 0px !important;
}

#emailmod{
    display: none !important;
}

.sidebar_content p{
    color: #010202;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    /*margin:0 0 15px 0;*/
    margin: 0;
}

.sidebar_image{
    max-width:100%; 
    height:auto;
    margin-bottom: 10px;
}