/*
Theme Name: SIF
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root {
    --background-color-yellow: #FFC20E;
    --background-color-yellow-opacity: rgba(255, 194, 14, 0.4);
    --background-color-2: rgba(255, 243, 204, 0.35);
    --background-color-blue: #0089CF;
    --background-color-ht2: #7596C1;
    --background-color-ht2-opacity: rgba(117, 150, 193, 0.4);
    --background-color-ht2-td: rgba(117, 150, 193, 0.35);	
    --background-color-ht3: #c97fa2;
    --background-color-ht3-opacity: rgba(201, 127, 162, 0.4);
    --background-color-ht3-td: rgba(201, 127, 162, 0.35);
    --background-color-ht4: #7A9B68;
    --background-color-ht4-opacity: rgba(122, 155, 104, 0.4);
    --background-color-ht4-td: rgba(122, 155, 104, 0.35);
    --background-color-htcoffee: #80521F;
    --background-color-htcoffee-opacity: rgba(56, 123, 114, 0.68);
    --background-color-htcoffee-td-1: rgba(128, 82, 31, 0.8);
    --background-color-htcoffee-td: rgba(113, 72, 24, 0.35);
    --color-white: #fff;
    /* Define your variable here */
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@font-face {
    font-family: 'FS Magistral Extra';
    src: url('fonts/FSMagistralExtraBoldItalic.woff2') format('woff2');
}
@font-face {
    font-family: 'aPCarlsberg Bold';
    src: url('fonts/aPCarlsberg-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'aPCarlsberg Black';
    src: url('fonts/aPCarlsbergBlack.woff2') format('woff2');
}

@font-face {
    font-family: 'aPCarlsberg Light';
    src: url('fonts/aPCarlsbergLight.woff2') format('woff2');
}

@font-face {
    font-family: 'BeVietnamPro Light';
    src: url('fonts/BeVietnamPro-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'BeVietnamPro Black';
    src: url('fonts/BeVietnamPro-Black.woff2') format('woff2');
}

@font-face {
    font-family: 'BodoniSvtyTwoSCITCTT Book';
    src: url('fonts/BodoniSvtyTwoSCITCTT-Book.woff2') format('woff2');
}

@font-face {
    font-family: 'aPCarlsberg Black Italic';
    src: url('fonts/aPCarlsbergBlack-Italic.woff2') format('woff2');
}

@font-face {
    font-family: 'aPCarlsberg Bold Italic';
    src: url('fonts/aPCarlsberg-BoldItalic.woff2') format('woff2');
}
/* font HSIC */
@font-face {
    font-family: 'Ford Antenna Black';
    src: url('fonts/FordAntenna-Black.woff2') format('woff2');
}
.font-ford-antenna-black{
    font-family: 'Ford Antenna Black';
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Ford Antenna Light';
    src: url('fonts/FordAntenna-Light.woff2') format('woff2');
}
.font-ford-antenna-light{
    font-family: 'Ford Antenna Light';
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Ford Antenna Semibold';
    src: url('fonts/FordAntenna-Semibold.woff2') format('woff2');
}
.font-ford-antenna-semibold{
    font-family: 'Ford Antenna Semibold';
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Ford Antenna Bold';
    src: url('fonts/FordAntenna-Bold.woff2') format('woff2');
}

.font-ford-antenna-bold{
    font-family: 'Ford Antenna Bold';
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Ford Antenna Regular';
    src: url('fonts/FordAntenna-Regular.woff2') format('woff2');
}

.font-ford-antenna-regular{
    font-family: 'Ford Antenna Regular';
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM American Sans';
    src: url('fonts/UTMAmericanSans.woff2') format('woff2');
}
.font-utm-american-sans{
    font-family: 'UTM American Sans';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTM Alter Gothic';
    src: url('fonts/UTMAlterGothic.woff2') format('woff2');
}
.font-utm-alter-gothic{
    font-family: 'UTM Alter Gothic';
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM Nokia';
    src: url('fonts/UTMNokia.woff2') format('woff2');
}

.font-utm-Nokia{
    font-family: 'UTM Nokia';
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('fonts/Montserrat-SemiBold.woff2') format('woff2');
}
.font-montserrat-semibold{
    font-family: 'Montserrat SemiBold';
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat ExtraBold';
    src: url('fonts/Montserrat-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'UTM Swiss Condensed';
    src: url('fonts/UTMSwissCondensed-Bold.woff2') format('woff2'),
        url('fonts/UTMSwissCondensed-Bold.woff') format('woff'),
        url('fonts/UTMSwissCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.font-montserrat-extrabold{
    font-family: 'Montserrat ExtraBold';
    font-weight: normal;
    font-style: normal;
}
body {
    font-size: 16px;
	overflow-x:hidden;
}
body, p {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    color: #888888;
}
.active>ul.sub-menu {
    display: table !important;
}
.section-tq{
	overflow-x:auto;
}
.title-page {
    color: #fff;
    font-size: 3.5em;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	margin: 0px;
    font-family: 'Ford Antenna Black';
    font-weight: 900;
    font-style: normal;
}
.header-page h2 {
    font-family: 'aPCarlsberg Black';
    font-weight: 700;
    font-size: 2em;
}

.title-header {
    background: #596B8F;
    color: #fff;
    font-size: 2em;
    font-weight: 800;
    width: 100%;
    text-align: center;
    font-family: 'aPCarlsberg Black'
}
.btn-footer{
	padding:0;
	padding-left: 20px;
    padding-right: 2px;
}

.col-inner p,
h2 {
    margin: 0;
}

/*************** ADD CUSTOM CSS PAGE VENUE INFORMATION HERE.   ***************/
.font-w5 {
    font-weight: 500;
}

.text-color {
    color: #596B8F;
}

.title-hotel {
    color: #3D528E;
}

.text-align-left {
    text-align: left;
}

.col-inner .uppercase {
    margin-top: 4px;
}

/***************END CSS PAGE VENUE INFORMATION ***************/

/*************** ADD CUSTOM CSS PAGE REGISTRATION HERE.   ***************/
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.table-registration td {
    color: #FFFFFF;
    text-align: center;
}

.bgcolor-1 {
    background-color: #596b8f;
}

.bgcolor-2 {
    background-color: #93bdbb;
}

.bgcolor-3 {
    background-color: #d9987c;
}

/***************END CSS PAGE REGISTRATION ***************/
/*************** ADD CUSTOM CSS PAGE MEETING INFORMATION HERE.   ***************/
.ul-main li {
    font-size: 1.6em;
    font-family: 'aPCarlsberg Light';
}
.font-size-1 {
    font-size: 1.6em;
}

.font-size-2 {
    font-size: 1.1em;
}

.col-inner .img-inner {
    text-align: center;
}
.row-full-width .col-inner{
	overflow-x: auto;
}

.text-meeting {
    text-align: justify;
}
.text-justify{
	 text-align: justify !important;
}
/***************END CSS PAGE MEETING INFORMATION ***************/
.img-phone{
	width:30px;
	margin-right:10px;
}
.topbar {
    font-size: 2em;
    color: #605E47;
}

.topbar span {
    margin-right: 30px;
}

.social-icons i {
    min-width: 1em;
    font-size: 1.3em;
    margin-right: 20px;
}

.bodoniSvtyTwoSCITCTT-book {
    font-family: 'BodoniSvtyTwoSCITCTT Book';
}

.aPCarlsberg-light {
    font-family: 'aPCarlsberg Light';
}

.aPCarlsberg-bold {
    font-family: 'aPCarlsberg Bold';
}

.aPCarlsberg-black {
    font-family: 'aPCarlsberg Black';
}

.aPCarlsberg-black-italic {
    font-family: 'aPCarlsberg Black Italic';
}

.aPCarlsberg-bold-italic {
    font-family: 'aPCarlsberg Bold Italic';
}

.html_topbar_left {
    color: #605E47 !important;
}

.header-right {
    color: #5166A2;
    margin-right: 50px;
}

.header-right .name {
    color: #5166A2;
    font-weight: 700;
    font-size: 1.5em;
}

.header-right img {
    margin-right: 10px;
    max-width: 33px;
}

.d-flex {
    display: flex;
    align-items: center;
}

.header-nav-main {
    font-size: 18px;
}

.header-nav-main li {
    margin-right: 50px;
}

.header-nav-main li a {
    color: #222;
	font-size: 1.4em;
    line-height: 2em;    
    font-weight: normal !important;
	font-family: 'UTM Alter Gothic' !important;
}
.border-info {
	border-right: 1px solid #FFFFFF;
}
.txt-info{
	font-size: 2.3em;
    line-height: 2em;    
    font-weight: normal !important;
	font-family: 'UTM Alter Gothic' !important;
}
.header-nav-main li a:hover {
	color:#e7015e;
}
.btn-find {
    padding: 10px;
    border-radius: 7px;
    background: #5266A2;
    color: #fff;
}

.btn-find:hover {
    color: #FCDD66 !important;
}

.border-right {
    border-right: 2px solid #fff;
}

.mb-3 {
    margin-bottom: 2rem;
}
.mt-50{
	margin-top:50px;
}

.slogan-main {
    text-align: center;
    color: #FCDD66 !important;
    font-family: 'FS Magistral Extra';
    font-weight: bold;
    font-style: italic;
    font-size: 3.5em;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    margin-bottom: 2em;
}

.aPCarlsberg-black {
    font-family: 'aPCarlsberg Black';
}

.position {
    font-family: 'aPCarlsberg Bold';
    font-size: 0.9em;
    color: #605E47;
    font-weight: 700;
}

.doctor-name {
    font-family: 'aPCarlsberg Bold';
    font-size: 1em;
    color: #605E47;
    font-weight: 700;
}

.doctor-hospital {
    font-family: 'aPCarlsberg Light';
    font-size: 1em;
    color: #605E47;
}

.doctor-country {
    font-family: 'aPCarlsberg Light';
    font-size: 0.9em;
    color: #605E47;
}

.doctor-info {
    font-size: 25px;
    line-height: 1.2;
}

.title-section {
    color: #145095;
    font-size: 3em;
    width: 100%;
	height: 70px;
	position:relative;
    display: inline-block; 
    text-align: center;
    font-family: 'Ford Antenna Black';
    font-weight: 900;
    font-style: normal;
    margin-bottom: 10px;
	text-transform:uppercase;
}

.text-title{
	    color: #145095;
	    font-size: 1.6em;
	    font-family: 'Ford Antenna Black';
        font-weight: 700;
	    text-transform: uppercase;
}
.text-size{
	    font-size: 1.4em;
}

.copyright {
    font-size: 18px;
    color: #fff;
    font-family: 'BeVietnamPro Light';
}

.absolute-footer {
    background-color: #3D528E !important;
    text-align: center;
}

.BodoniSvtyTwoSCITCTT-book {
    font-size: 20px;
    color: #fff;
    font-family: 'BodoniSvtyTwoSCITCTT Book';
}

.slogan-header {
    font-size: 1.7em;
    color: #605E47;
}

.vietnam-black {
    font-family: 'BeVietnamPro Black';
}

.title-footer {
    font-family: 'BeVietnamPro Black';
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}

.content-footer2 {
    font-family: 'aPCarlsberg Bold';
    font-size: 18px;
}

.title-regis {
    color: #3D528E;
    font-size: 2.4em;
}
 .title-submission {
	font-style:italic;
	font-size: 2.2em;
}
.desc-regis {
    color: #606060;
    font-size: 2em;
}

.img-heart {
    width: 25px;
}

.desc-heart {
    font-size: 2em;
}
.desc-submission {
    text-align: justify;
    font-size: 1.7em;
}
.table-registration {
    font-size: 2em;
}
.mt-45{
	margin-top: 45px;
}
.h-30{
	height:30px;
}
.ml-15{
	margin-left: 15px !important;
}
#footer p {
	
    font-family: 'Ford Antenna Light';
    font-weight: 300;
    font-style: normal;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a {
    font-size: 24px;
    white-space: nowrap;
}

.faculty-group {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-faculty {
    padding: 3px 10px;
    color: #fff;
    font-size: 1.3em;
    border-radius: 7px;
    background: #8ba0e4;
    margin-right: 20px;
    font-weight: 700;
}

.faculty-active {
    background: #5166A2;
}

.btn-faculty:hover {
    color: #FCDD66;
}
.text-center{
	text-align:center;
}
.title-tr {
    font-weight: 700 !important;
}

.td-time {
    background: #fff;
    padding: 10px 15px;
    padding-left: 10px;
    border-right: 1px solid;
	min-width: 120px;
}
.th-w{
	width: 135px;
}
.th-brown{
	color: #FFCC00 !important;
}
.th-brown-50{
	background-color: #FFEFD5;
    color: black !important;
    padding: 10px 15px;
}
.th-red{
	background-color: red;
    color: #fff;
    padding: 10px 15px;
}
.td-blue {
    background-color: #284b88;
    color: #fff;
    padding: 10px 15px;
}
.td-blue-50 {
    background-color: #66CCFF;
    color: black;
    padding: 10px 15px;
}
.td-blue-70 {
    background-color: #0099FF;
    color: #fff;
    padding: 10px 15px;
}
.td-brown {
    background-color: #FFCC00;
    color: #fff;
    padding: 10px 15px;
}
.td-green {
    background-color: #33CC33;
    color: #fff;
    padding: 10px 15px;
}
.td-green-70 {
    background-color: #009933;
    color: #fff;
    padding: 10px 15px;
}
.td-green-50 {
    background-color: #99FF99;
    color: black!important;
    padding: 10px 15px;
}



.td-left {
    margin-right: 5px;
}

.td-violet {
    background-color: #f35de5;
    color: #fff;
    padding: 10px 15px;
}

.td-violet-70 {
    background-color: #9a258f7d;
    color: #fff;
    padding: 10px 15px;
}

.table-meeting table {
    width: 100%;
    text-align: center;
}

.table-meeting th,
.table-meeting td {
    text-align: center !important;
}

.table-meeting .title-th {
    color: #596B8F;
}

.table-meeting {
	margin: 0 auto;
	width: max-content;
    font-size: 1.6em;
    border-radius: 7px;
    background-color: #f0f0f0;
    box-shadow: 7px 7px 7px 5px rgb(0 0 0 / 50%);
}
.table-tq table {
    width: 100%;
    text-align: center;
}

.table-tq th,
.table-tq td {
    text-align: center !important;
}

.table-tq .title-th {
    color: #596B8F;
}

.table-tq {
	margin: 0 auto;
	width: auto;
    font-size: 1.6em;
    border-radius: 7px;
    background-color: #f0f0f0;
    box-shadow: 7px 7px 7px 5px rgb(0 0 0 / 50%);
}


.mr-b-40 {
	margin-bottom:40px;
}
.pd-10{
	padding: 10px;
}

.title-block {
    font-size: 2em;
    font-family: 'aPCarlsberg Black' !important;
}
.text-faculty{
	font-size: 1.6em;
}
.menu-block {
    margin-top: 20px;
    list-style: none;
    line-height: 1.2
}

.menu-block li {
    cursor: pointer;
    font-size: 1.6em;
    font-weight: 600;
    font-family: 'aPCarlsberg Light' !important;
    margin-left: 0px !important;
}

.menu-block li .submenu {
    display: none;
    opacity: 1;
    font-size: 0.7em;
    color: #777;
    margin-left: 10px;
    left: 100%;
    top: 0;
    transition: visibility 0s, opacity 0.5s linear;
    list-style: none;
}

.menu-block li:hover {
    color: #606060;
    font-weight: 700;
    font-family: 'aPCarlsberg Bold';
}

.menu-block .active {
    color: #141313;
    font-weight: 800;
    font-family: 'aPCarlsberg Black' !important;
}

.menu-block li:hover .submenu {
    display: block;
    opacity: 1;
}

.box-coming {
    height: 800px;
    margin: auto;
    border-radius: 7px;
    background-color: #f0f0f0;
    box-shadow: 7px 7px 7px 5px rgb(0 0 0 / 50%);
}

.box-coming h1 {

    font-family: 'aPCarlsberg Black';˜
    font-size: 6em;
    font-weight: 800;
    color: #596B8F;

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.bg-white {
    background: #fff;
	font-weight:bold;
}
.btn-submit {
    font-size: 1.5em;
    font-family: 'aPCarlsberg Black';
    color: #fff;
    border-radius: 40px;
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}
////////////////////////////////////////////
.header-bg-image{
	background-repeat: no-repeat !important;
	background-image: url(https://hsic.com.vn/wp-content/uploads/2023/08/banner.jpg)!important;
  background-size: 100%;
}
.absolute-footer{
	display:none;
}
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover{
	border: 2px solid #fff !important;
}
.txt-comingson {
	color: #195293;
	font-size: 3em;
}
.section-top {
	align-items: inherit;
}
.section-top-page {
padding: 0px;
}
.txt-blue {
	color: #003974 !important;
}
.txt-truc-tuyen {
	font-size: 1.5em;
	color: #000000;
}
.breadcrumb{
    font-family: 'Ford Antenna Light';
    font-weight: 300;
	font-size: 1.5em;
    font-style: normal;
}

.breadcrumb ul {
	list-style:none;
}
.breadcrumb ul li {
    display: inline;
    margin: 0px;
}
.breadcrumb li:not(:last-child)::after {
    content: '/';
	color: #fff;
    margin: 0 5px;
}

.breadcrumb a {
	color: #fff;
}
.to-chuc {
	font-size: 1.4em;
	color: #000000;
}
.ban-thu-ky h2 {
	margin-top: 10px;
	color: #003974;
	font-size: 2em; 
    font-weight: normal !important;
	font-family: 'UTM Alter Gothic' !important;
}
.txt-taitro {
	display: flex;
	gap: 10px;
	padding-left: 20px;
	margin-top: 10px;
}
.txt-taitro .txt-desc {
	font-size: 1.8em;
    font-family: 'Ford Antenna Regular';
    font-weight: normal;
    font-style: normal;
	
}
.txt-taitro img {
	margin-top: 3px;
	width: 20px;
	height: 30px;
}
.ban-thu-ky .txt-taitro {
	display: flex;
	gap: 10px;
	padding-left: 20px;
	margin-top: 10px;
}
.ban-thu-ky img {
	width: 20px;
	height: 30px;
}
.txt-tai-lieu {
	display: flex;
	gap: 15px;
	font-size: 1.6em;
	padding-left: 20px;
	margin-top: 10px;
}
.txt-tai-lieu a {
	color: #003974;
}
.fs-21{
	font-size: 2.1em!important;
}
.title-bc {
	color: #003974;
	font-size: 2.5em;
	font-weight: 800;
    font-family: 'Ford Antenna Black';
	position:relative;
}
.title-bc:before {
	position: absolute;
    bottom: 0;
    left: 0px;
    content: '';
    height: 5px;
    width: 30%;
    background-image: url(/wp-content/uploads/2024/04/line-left.png);
}
.title-bc:after {
	position: absolute;
    bottom: 0;
    right: 0px;
    content: '';
    height: 5px;
    width: 30%;
    background-image: url(/wp-content/uploads/2024/04/line-right.png);
}
.bcv {
	font-size: 1.2em;
}
.header-button .primary {
	background: #ff0000e6 !important;
}
.text-qc {
	font-size: 1.8em;
	color: #231F20;
    font-family: 'Ford Antenna Semibold';
    font-weight: 600;
    font-style: normal;
}
.txt-title-doitac {
	margin-top: 50px;
	color: #FFFFFF;
	font-size: 2.3em;
    font-family: 'UTM Alter Gothic';
    font-weight: normal;
    font-style: normal;
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(95,99,178,1) 0%, rgba(0,212,255,1) 100%);
}
.title-danh-sach {
	color: #FFFFFF;
	font-size: 1.8em;
    font-family: 'UTM Alter Gothic';
    font-weight: normal;
    font-style: normal;
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(95,99,178,1) 0%, rgba(0,212,255,1) 100%);
}
.text-nomal {
	text-transform: none !important;
}
/* FORM */
/*-- chia cột Form --*/
#info-left {
    width: 49%;
    float: left;
    margin-right:2%;
}
#info-right {
    width: 49%;
    float: right;
}
.form-contact-twocol:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
.form-contact-twocol {
    display:block;
}
/*-- Chèn icons lên Form --*/
.wpcf7 p{ position: relative; }
#icon-form{
  position: absolute;
  color: #666666;
  z-index: 100;
  font-size: 18px;
  top: 8px;
  right: 10px;
}

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
	.sfr{
		color: #fff !important;
	}
}

/* scrool */
.scr-img{
            height:650px;
            padding:20px;
            overflow:scroll;
}
/* tab */
.tableCT tr, td{
	    border-bottom: 1px solid #ddd;
}
.nav-tabs+.tab-panels{
    background-color: #fff; 
    padding: 10px !important;
	border:none;
}
.tab-chuongtrinh .nav-tabs+.tab-panels{
    padding: 0px !important;
}

/* Chỉnh độ rộng full width */
.nav-tabs, .nav-tabs li, .nav-tabs li a {
    width: 100%;
    box-sizing: border-box;
}
.nav-tabs, .nav-tabs li, .nav-tabs li{
	width: 33%;
	border: none !important;
}
}
.nav-tabs>li>a {
    border-top:none;
    border-left:none;
    border-right:none;
	}


.traffic-website {
	z-index: 100;
    color: #f1f1f1;
    font-size: 1.2em;
/*     width: fit-content; */
    font-weight: 700;
/*     position: absolute; */
    bottom: 10px;
/*     padding-left: 10px; */
    left: 10px;
    text-align: center;
	width: 100%;
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(97,63,210,1) 0%, rgba(2,62,116,1) 0%, rgba(8,58,121,0.8911939775910365) 100%);
	display: none !important;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding-bottom: 10px;
}

.footer-website-views {
    display: flex;
}

.website-views-digit {
    padding: 0px 10px;
    color: #fff;
/*     background: #fff; */
    border: 1px solid #fff
}


.tab-chuongtrinh >.nav-tabs > li.active > a {
	background: #fb2341;
	border: 1px solid #fb2341;
	color: #fff;
}
.nav-tabs > li.active > a {
	background: #066bb4;
	border: 1px solid #066bb4;
	color: #fff;
}
.nav-tabs>li>a {
	font-size: 15px;
}
.tab-con .nav-tabs>li {
	width: 24.5%;
}

@media (max-width: 549px) {
	.traffic-website {
		font-size: 1em;
}
.nav-tabs>li>a {
	font-size: 11px;
	padding: 10px;
	text-align:center;
}
	.schedule table, th, td {
		font-size: 0.9em;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.sfr{
		color: white !important;
	}
}

/* lich bao cao */


    .color-white {
        color: #ffff;
    }

    .font-700 {
        font-weight: 700;
    }

    .breadcrumbs {
        width: 100%;
        margin: 1em auto;
        display: flex;
        list-style: none;
    }

    .w-20 {
        width: 20%;
    }

    .w-70 {
        width: 70%;
    }

    .mr-2 {
        margin-right: 20px;
    }

    .breadcrumbs__pointer {
        color: #ffff;
        font-family: verdana;
        font-size: 1.2em;
        font-weight: 600;
        text-decoration: none;
        height: 80px;
        position: relative;
        background: #1d49b8;
        display: grid;
        place-items: center;
        display: flex;
        justify-content: center;
    }

    .breadcrumbs__pointer i {
        margin-right: 0.5em;
    }

    .breadcrumbs__pointer:before {
        content: "";
        position: absolute;
        left: 0px;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 30px solid #fff;
        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent;
    }

    .breadcrumbs__pointer:after {
        content: "";
        position: absolute;
        right: -29px;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 30px solid #1d49b8;
        ;
        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent;
        z-index: 1;
    }

    .breadcrumbs__pointer--first:before {
        border-left: none;
    }

    .breadcrumbs__pointer--first {
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
    }

    .breadcrumbs__pointer--last:after,
    .breadcrumbs__pointer--last:hover,
    .breadcrumbs__pointer--last:hover:after,
    .breadcrumbs__pointer--last.breadcrumbs__pointer--current:after,
    .breadcrumbs__pointer--last.breadcrumbs__pointer--current:hover,
    .breadcrumbs__pointer--last.breadcrumbs__pointer--current:hover:after {
        border-left: none;
    }

    .breadcrumbs__pointer--last {
        border-bottom-right-radius: 16px;
        border-top-right-radius: 16px;
    }

    .breadcrumbs__pointer--current {
        background: #72bbf1;
        color: #fff;
    }

    .breadcrumbs__pointer--current:after {
        border-left: 30px solid #72bbf1;
    }

    .card-hall {
        background: #1c567e;
        border-radius: 10px;
        margin: auto;
        color: #fff;
        padding: 5px;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
   		 width: 70%;
    }

    .person {
				font-size: 18px;
        font-weight: 500;
    }

    .position {
        text-decoration: underline;
        font-size: 22px;
    }
.content {
	    padding: 20px;
}
    .item-content {
        margin-top: 10px;
        font-weight: 600;
        display: flex;
    }
    .time {
        margin-right: 30px;
    }
    .name {
        color: #2c9ee1;
        font-style: italic;
    }

    .logo-bread {
        width: 150px;
    }

    .bg-blue {
        background-color: rgb(7, 7, 212);
    }

    .bg-green {
        background-color: rgb(18, 185, 18);
    }

    .bg-red {
        background-color: rgb(184, 8, 8);
    }

    .card-hall p {
        margin-bottom: 0px;
    }
 .p-20 {
        padding: 20px;
    }
.tab-con {
	padding-left: 10px;
}

    .bg-br-brown {
        background-color: #5c130b;
    }

    .bg-br-brown:after {
        border-left: 30px solid #5c130b;
    }

    .bg-br-red {
        background-color: #c7161d;
    }

    
    .bg-br-drakgreen {
        background-color: #0b5c2a;
    }

    .bg-br-drakgreen:after {
        border-left: 30px solid #0b5c2a;
    }

    .bg-br-green {
        background-color: #16c739;
    }

    .bg-br-drakogran {
        background-color: #d85f09;
    }

    .bg-br-drakogran:after {
        border-left: 30px solid #d85f09;
    }

    .bg-br-ogran {
        background-color: #e98d0d;
    }
.popmake{
	border: 2px solid red !important;
	border-radius: 10px !important;
}
.pum-theme-2356 .pum-content + .pum-close, .pum-theme-framed-border .pum-content + .pum-close{
	right: -16px;
    top: 0px;
	border-radius:10px;
}
/* table bao cao */

    .table-baocao td {
      border: 1px solid #000;
      padding: 10px;
    }

    .table-baocao {
      text-transform: uppercase;
      border-collapse: collapse;
    }

    .table-baocao .phien {
      text-align: center;
      font-weight: 700;
    }

    .table-baocao .bg-blue {
      background: #1c567e;
    }

    .table-baocao .text-white {
      color: #fff;
    }

    .table-baocao .bg-red {
      background-color: rgb(184, 8, 8);
    }

    .table-baocao .bg-br-drakgreen {
      background-color: #0b5c2a;
    }

    .table-baocao .text-blod {
      font-weight: 700;
    }

    .table-baocao .bg-header {
      background-color: #7dcfb6;
    }
    .table-baocao .time {
      min-width: 120px;
    }
.table-responsive {
    max-width: 100vw;
    overflow: auto;
}
.table-regis{
	   overflow: auto;
}
.page-wrapper {
	padding-top: 3px;
}
.color-red {
	color: #e51e24;
}
.section-tq{
	padding: 20px;
}
.section-register {
    padding: 30px;
	color: #076eb8;
	border-radius: 7px;
    background: #076eb88a;
}
.section-register .desc {
    background: #fff;
	border-radius: 7px;
	padding: 5px;
	font-size: 2em;
}
.section-register .button {
	width: 200px;
	color: #fff;
    background: #ec1b23;
	border-radius: 7px;
}
.btn-register {
	color: #fff;
	font-size: 1.5em;
	font-weight: 800;
}
.btn-register:hover {
	color: #fff;
}

.font-title {
	font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 800;
}
.title-register {
	border-bottom: 1px solid;
}
.register-company {
	margin-top: 10px;
    background: #f2c218;
    border-radius: 7px;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
}
.register-person {
	margin-top: 10px;
    background: #318a09;
    border-radius: 7px;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
}
.text-chao-mung {
	font-size: 1.8em;
}
h1 {
    color: #396;
    font-weight: 100;
    font-size: 40px;
    margin: 40px 0px 20px;
}
#clockdiv {
	width: 500px;
	position:relative;
    font-family: 'UTM Alter Gothic';
    color: #fff;
    font-weight: normal;
    position: absolute;
	bottom: -120px;
    left: 25%;
    padding: 0px 16px;
    width: 50%;
    background-image: linear-gradient(-45deg, #22e1ff 0%, #1d8fe1 49%, #625eb1 100%);
}
#clockdiv>div {
    float: left;
    margin-right: 0;
    border: none;
    position: relative;
    height: auto;
    width: 25%;
    padding: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#clockdiv div>span {
    font-size: 4em;
    font-weight: 700;
}
#clockdiv .smalltext {
    font-size: 0.8em;
	color: #FFFF00;
    font-family: 'Ford Antenna Light';
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}
#clockdiv b {
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 0;
    margin: auto;
    font-size: 2em;
    -webkit-transform: translateY(-18%);
    -ms-transform: translateY(-18%);
    transform: translateY(-18%);
}
.stuck #masthead {
	background:rgba(20, 80, 149, 0.95);
}
.btn-dang-ky {
    font-family: 'UTM Alter Gothic';
    color: #fff;
    text-transform: uppercase;
    background: #ff0000e6;
    height: 50px;
    padding: 0 60px;
    font-size: 2.3em;
    border-radius: 0px !important;
    -webkit-border-radius: 3px;
	cursor:pointer;
	z-index: 100;
}
.txt-title {
    display: block;
    font-size: 1em;
    font-family: 'Ford Antenna Light';
    font-weight: 300;
    font-style: normal;
    color: #888888;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.img-left {
	position:absolute;
	left: 0px;
}
.img-left img {
	width: 100px;
}
.img-right {
	position:absolute;
	right: 0px;
	top: 200px
}
.img-right img {
	width: 100px;
    float: right;
}
.table-banner {
	width: 100%;
}
.table-banner td {
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    font-family: "Roboto", sans-serif;
	font-size: 16px;
}
.table-banner .title-table {
    color: #FFF;
    font-size: 1.5em;
    line-height: 1.5;
    text-align: center;
    font-family: 'aPCarlsberg Black';
    font-weight: 800;
	margin: 0px;
}
.banner-main-w{
	width: 1100px;
}
.year {
	font-size: 2.8em;
}
.particles-js-canvas-el {
	position: absolute !important;
}
.title-website {
	font-size: 2.5em;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
@media only screen and (max-width: 48em) {
    body {
        font-size: 12px;
    }

    .doctor-info {
        font-size: 18px;
    }
	.td-time{
		min-width: 80px;
	}
	.table-tq{
		width: max-content !important;
	}
	.schedule {
		width: 100% !important;
	}
	.introduce-main {
		width: 90% !important;
	}
	.td-left{
		width: 30% !important;
	}
		
    /*************** ADD MOBILE ONLY CSS HERE  ***************/											
}
@media screen and(max-width: 1025px) {
	.header-nav-main li a {
		font-size: 1.3em !important;
	}
	.schedule {
		width: 100% !important;
	}
	.introduce-main{
		width: 100% !important;
	}
	 .td-left {
	   width: 30% !important;
      }

}
@media only screen and (max-width: 450px) {
	#clockdiv {
		left: 0%;
		width: 100%;
    	bottom: -200px;
	}
	#clockdiv div{
		width: 50%;
	}		
	.title-section {
		font-size: 2.2em;
	}
    .title-page {
        font-size: 2.5em !important;
    }
	.title-bc:before, .title-bc:after {
		content: '';
		width: 100%;
		height: 2px;
	} 
	.schedule table, th, td {
		font-size: 0.9em !important;
	}
	.schedule tr td:first-child {
    	min-width: 115px !important;
	}
	.schedule tr td:nth-child(2) {
    	min-width: 115px !important;
	}
	.schedule {
		width: 100% !important;
	}
	.introduce-main{
		width: 100% !important;
	}
	 .td-left {
	   width: 35% !important;
      }
	
		.ht-position {
			width: 110px !important;
			text-align: center !important;
		}
	
		.td-phien {
			text-align: center !important;
			white-space:nowrap;
			width: 60px !important;
		}
		.td-baocao-time {
			width: 60px !important;
		}
}

@media screen and(max-width: 768px) {
    .font-size-1 {
        font-size: 1.2em !important;
    }

    .title-page {
        font-size: 2.5em !important;
    }

    .ul-main li {
        font-size: 1.2em !important;
    }

    .menu-block li {
        font-size: 1.1em !important;
    }

    .title-block {
        font-size: 1em !important;
    }

    .slogan-main {
        font-size: 1.7em !important;
    }

    .doctor-info {
        font-size: 15px !important;
    }

    .table-meeting {
        font-size: 1.1em !important;
    }

    .btn-faculty {
        margin-left: 15px;
    }

    .table-registration {
        font-size: 1.2em !important;
    }

    .desc-regis {
        font-size: 1.4em !important;
    }

    .desc-heart {
        font-size: 1.4em !important;
    }

    .title-regis {
        font-size: 1.4em !important;
    }
	.title-submission {
        font-size: 0.8em !important;
    }
	.img-submission{
		width: 150px !important;
	}
	.desc-submission{
		font-size: 1em !important;
	}
	.table-tq{
		width: max-content !important;
	}
	#clockdiv {
		left: 10%;
		width: 300px;
    	bottom: -290px;
	}
	#clockdiv div{
		width: 50%;
	}
	#clockdiv b:nth-child(2) {
    	display: none;
	}
	
	.schedule {
		width: 100% !important;
	}
	.introduce-main{
		width: 100% !important;
	}
	 .td-left {
	   width: 30% !important;
      }
}
@media screen and(min-width: 768px) and (max-width: 1024x) {
    .font-size-1 {
        font-size: 1.4em !important;
    }

    .ul-main li {
        font-size: 1.4em !important;
    }

    .title-page {
        font-size: 3em !important;
    }

    .menu-block li {
        font-size: 1.2em !important;
    }

    .title-block {
        font-size: 1.4em !important;
    }
	.title-submission {
		font-size: 1.4em !important;
	}
	.desc-submission {
 	   font-size: 1.4em !important;
	}
	.img-submission {
 	   width: 40px !important;
	}
	.table-tq{
		width: max-content !important;
	}
	
	.schedule {
		width: 100% !important;
	}
	.introduce-main {
		width: 100% !important;
	}
	.td-left{
		width: 30% !important;
	}
}

.chooseLang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  width: 100%;
    align-items: center;
}
.chooseLang div {
  height: 60px;
  position: relative;
  width: 144px;
  display: flex;
  cursor:pointer;
  gap: 10px;
}
}
.lang {
  cursor: pointer;
  display: block;
  height: 40px;
  position: absolute;
  opacity: 1;
  left: 48px;
  top: 0;
  -webkit-transition: 0.76s;
  -o-transition: 0.76s;
  transition: 0.76s;
  width: 40px;
}
.en-lang {
  background-image: url(/wp-content/uploads/2024/04/united-kingdom.png);
	background-size:contain;
  height: 40px;
	width: 40px;
}
.open .en-lang {
  left: 0;
  top: 10px;
  opacity: 1;
}
.vi-lang {
  background-image: url(/wp-content/uploads/2024/04/vietnam.png);
	background-size:contain;
  height: 40px;
	width: 40px;
}
.open .vi-lang {
  left: 48px;
  top: 10px;
  opacity: 1;
}
.chooseLang .chosen {
  opacity: 1;
  z-index: 1;
}
.select-eng {
	display: none;
}
.btn-danh-sach {	
    font-family: 'UTM Alter Gothic' !important;
    font-weight: normal;
    color: #98999a;
    font-size: 1.4em;
}
.btn-danh-sach:hover {
	border:none !important;
	transform: translateY(-5px);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2) !important;
}

.button-1:hover {
	background-color: #e5a600 !important;
}

.button-2:hover {
	background-color: #57b2b3 !important;
}

.button-3:hover {
	background-color: #e3c3cc !important;
}

.button-4:hover {
	background-color: #98c292 !important;
}
.button-coffee:hover {
	background-color: #885722 !important;
}
.title-hn{
	font-family: 'Ford Antenna Light';
    font-weight: 900;
    font-size: 1.5em;
    font-style: normal;
	color:#fff;
}

/* chi tiet lich bao cao */
.schedule {
	font-size: 18px;
	width: 80%;
	text-align: center;
	margin: auto;
	font-style: normal;
}
.schedule table {
	width: 100%;
	border-collapse: collapse;
}

.schedule table .tr-header-ht1 {
	background-color: var(--background-color-yellow);
	font-size: 1.1em;
	font-weight: bold !important;
}

.schedule .tr-title-phien-ht1 {
	background-color: var(--background-color-yellow-opacity);
	font-size: 1.1em;
}

.schedule .tr-title-phien-ht1 td {
	padding-left: 20px;
}

.schedule tr td:first-child {
	text-align: center;
	min-width: 170px;
}
.schedule tr td:nth-child(2) {
	text-align: left;
	padding-left: 10px;
}
.schedule .tr-end td {
	background-color: var(--background-color-blue);
	color: #fff;
	font-weight: 500;
}

.schedule table,
th,
td {
	padding: 10px;
	border: 1px solid black;
	line-height: 1.5;
	color: black;
	font-size: 1em;
}

.tr-2 {
	background-color: var(--background-color-2);
}

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

.text-left {
	text-align: left;
}

.title-chitiet-hoitruong-1 {
	background-image: url('/wp-content/uploads/2024/06/background-chitiet-ht1.png');
	background-repeat: round;
}

.title-chitiet-hoitruong-2 {
	background-image: url('/wp-content/uploads/2024/06/background-chitiet-ht2.png');
	background-repeat: round;
}

.title-chitiet-hoitruong-3 {
	background-image: url('/wp-content/uploads/2024/06/background-chitiet-ht3.png');
	background-repeat: round;
}

.title-chitiet-hoitruong-coffee {
	background-image: url('/wp-content/uploads/2024/06/background-chitiet-coffee.png');
	background-repeat: round;
}

.title-ht {
	color: #fff;
	padding: 10px;
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}
.schedule table .tr-header-ht2 {
    background-color: var(--background-color-ht2);
    font-size: 1.1em;
	 font-weight: bold;
}

.schedule .tr-title-phien-ht2 {
    background-color: var(--background-color-ht2-opacity);
    font-weight: bold;
}
.table-ht2 .tr-2 {
    background-color: var(--background-color-ht2-td);
}

.schedule table .tr-header-ht3 {
    background-color: var(--background-color-ht3);
    font-size: 1.1em;
	font-weight: bold !important;
}

.schedule .tr-title-phien-ht3 {
    background-color: var(--background-color-ht3-opacity);
	font-weight: bold;
}
.table-ht3 .tr-2 {
    background-color: var(--background-color-ht3-td);
}

.title-chitiet-hoitruong-4 {
    background-image: url('/wp-content/uploads/2024/06/background-chitiet-ht4.png');
    background-repeat: round;
}

.schedule table .tr-header-ht4 {
    background-color: var(--background-color-ht4);
    font-size: 1.1em;
	 font-weight: bold;
}

.schedule .tr-title-phien-ht4 {
    background-color: var(--background-color-ht4-opacity);
    font-weight: bold;
}
.table-ht4 .tr-2 {
    background-color: var(--background-color-ht4-td);
}


.schedule table .tr-header-htcoffee {
    background-color: var(--background-color-htcoffee-td-1);
    font-size: 1.1em;
	
}
.tr-header-htcoffee td{
	color: white !important;
	font-weight: bold;
}
.tr-title-phien-htcoffee td{
	color: white !important;
	font-weight: bold;
}

.schedule .tr-title-phien-htcoffee {
    background-color: var(--background-color-htcoffee-opacity);
    font-weight: 500;
}
.schedule td+td {
	border-left: 1px dashed black;
}
.table-htcoffee .tr-2 {
    background-color: var(--background-color-htcoffee-td);
}
.color-white {
    color: var(--color-white) !important;
}
.schedule-top {
    margin-top: 20px;
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    line-height: 1.5;
}
.title-schedule-right {
    text-align: right;
}
.schedule-bottom {
    display: flex;
    justify-content: flex-end;
    line-height: 1.5;
    align-items: flex-end;
}

.schedule .tr-title-phien-ht1 td {
	font-weight: bold;
    padding-left: 10px;
}

.schedule .tr-title-phien-ht2 td {
    padding-left: 10px;
}

.schedule .tr-title-phien-ht3 td {
    padding-left: 10px;
}
.schedule .text-center {
	text-align: center !important;
}
.schedule .tr-title-phien-ht4 td {
    padding-left: 10px;
}

.schedule .tr-title-phien-htcoffee td {
    text-align: center !important;
    padding-left: 10px;
}
.w-fix-content{
    width: fit-content;
    padding: 10px;
}
.form-search-name {
    display: flex;
    font-family: 'UTM Alter Gothic' !important;
    align-items: center;
    justify-content: center;
	gap: 10px;
}
.form-search-name label {
	font-size: 1.3em;
	font-weight: 500;
}
.form-search-name input {
	font-size: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ht-position {
	width: 155px;
	text-align: center !important;
}
.table-ht1 .ht-position {
	background-color: var(--background-color-yellow) !important;
}

.table-ht2 .ht-position {
    background-color: var(--background-color-ht2);
}
.table-ht3 .ht-position {
    background-color: var(--background-color-ht3);
}
.table-ht4 .ht-position {
    background-color: var(--background-color-ht4);
}
.table-lich-bao-cao {	
    border-collapse: collapse;
}
.td-phien {
	text-align: center !important;
	white-space:nowrap;
	width: 120px;
}
.td-baocao-time {
	width: 130px;
}
.table-lich-bao-cao td {
	font-size: 1em;
	padding-left: 10px;
	text-align:left;
}
.schedule-thu6 ,.schedule-thu7, .schedule-cn {
display: none;
}
.div-blue{
	background-color: #ccebf9;
    padding: 20px;
    border-radius: 5px;
}
.div-blue h3,p{
	color: black !important;
}
.div-default{
    padding: 20px;
}
.div-default h3,p{
	color: black !important;
}
.text-bcv{
	margin-top: 15%;
}
.introduce-main {
	width: 75%;
    text-align: center;
    margin: auto;
	font-family: 'Ford Antenna Light';
}

.introduce-main, table {
    border-collapse: collapse;
	border:none;
}
 .introduce-main,table, th, td {
     padding: 10px;
     line-height: 1.5;
	 border:none;
        }
.introduce-main,  table {
     border-collapse: collapse;
}
 .tr-blue {
    background-color: #ccebf9;
}
.introduce-main td{
	padding-left: 10px;
}
.td-left {
    font-weight: bold;
	width: 20%;
}
.color-white p{
	color: white !important;
}
.video-button {
	position: absolute;
    width: 100%;
    top: 0;
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.video-button.visible {
	display: block; /* Show the element */
	opacity: 1; /* Fade in */
}
.video-button1 {
	position: absolute;
    width: 100%;
    top: 0;
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.video-button1.visible {
	display: block; /* Show the element */
	opacity: 1; /* Fade in */
}
@media screen and(min-width: 1205px) {
    .section-home {
        min-height: 1590px;
    }
}