.primary-block {
    margin-top: 20px;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.main-content h1.title-content, .head-block h1.title-head {
    font-size: 20px; 
    color: #333;
    margin-bottom: 10px;
    font-weight: normal;
}
.main-content h2, .main-content h3 {
    font-size: 18px; 
    color: #555;
    margin-bottom: 10px;
}

ul.tabs-content {
    list-style-type: none;
    padding: 0;
    margin-bottom: -2px;
    display: flex;
    border-bottom: 1px solid #eee;
}

ul.tabs-content li {
    margin-right: 15px;
    padding-bottom: 5px;
}

ul.tabs-content li a {
    text-decoration: none;
    color: #007bff;
    font-size: 16px;
    padding-bottom: 5px;
}

ul.tabs-content li.active a {
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #007bff;
}
.form-3 .form-row {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}
.form-3 .form-col-1 {
    flex-basis: 30%;
    font-size: 16px;
    color: #333;
}

.form-3 .form-col-2 {
    flex-basis: 60%;
}

.form-3 .form-col-3 {
    flex-basis: 10%;
    color: red;
    font-size: 14px;
}

.form-3 input.form-style, 
.form-3 select.form-style {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px; 
    background-color: #f9f9f9;
    margin-bottom: 10px; 
}
.form-2 .form-row {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}

.form-2 .form-col-1 {
    flex-basis: 30%;
    font-size: 16px;
    color: #333;
}

.form-2 .form-col-2 {
    flex-basis: 60%;
}

.form-2 .form-col-3 {
    flex-basis: 10%;
    color: red;
    font-size: 14px;
}

.form-2 input.form-style, 
.form-2 select.form-style {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #f9f9f9;
    margin-bottom: 10px; 
}
.btn.btn-blue {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.btn.btn-blue:hover {
    background-color: #0056b3;
}
.line {
    border-top: 1px solid #eee;
    margin: 20px 0;
}
fieldset.notify-red {
    border: 2px solid #ff0000;
    border-radius: 5px; 
    padding: 15px;
    margin-bottom: 10px; 
    background-color: #fff1f1;
}
fieldset.notify-red legend {
    color: #ff0000; 
    font-weight: bold;
    padding: 0 5px; 
    background-color: #fff;
    border-radius: 5px; 
}
fieldset.notify-red .in-10 {
    color: #333; 
    padding: 10px 0;
    font-size: 14px; 
}
fieldset.notify-red strong,
fieldset.notify-red b {
    color: #d60000;
}

ul.tabs-content-sub {
    list-style-type: none;
    padding: 0; 
    margin: 0; 
    display: flex;
    border-bottom: 1px solid #ddd; 
}

ul.tabs-content-sub li {
    margin-right: 10px;
}
ul.tabs-content-sub li a {
    text-decoration: none; 
    color: #007bff; 
    padding: 10px 15px; 
    display: block; 
    border-radius: 5px; 
    transition: background-color 0.3s, color 0.3s; 
}

ul.tabs-content-sub li a:hover {
    background-color: #f5f5f5; 
    color: #d60000; 
}

ul.tabs-content-sub li.active a {
    color: #d60000; 
    font-weight: bold; 
}

li {
    position: relative; 
    list-style-type: none; 
}

.submenu {
    display: none;
    position: absolute; 
    background-color: #ffffff; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); 
    min-width: 200px; 
    border-radius: 5px; 
    top: 100%; 
    left: 0;
    z-index: 1000; 
}

.submenu p {
    margin: 0; 
}

.submenu a {
    padding: 8px 15px; 
    color: #333; 
    display: block; 
    text-decoration: none;
}

.submenu a:hover {
    background-color: #f5f5f5; 
}

li:hover > .submenu {
    display: block; 
}

li.active a, .submenu .active a {
    color: #d60000; 
    font-weight: bold; 
}

/* General styles for the navigation */
/* Base styling for the navigation */
.menu-main-tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center; /* Ensure items are aligned vertically */
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-family: 'Arial', sans-serif;
}

.menu-main-tabs li {
    margin-right: 20px; /* Right margin for spacing between items */
}

.menu-main-tabs li a {
    display: block;
    color: #333;
    padding: 15px 20px;
    text-decoration: none;
    transition: color 0.3s;
}

/* Active tab style */
.menu-main-tabs li.active a {
    color: #df6363; /* Active tab text color */
    border-bottom: 3px solid #df6363; /* Underline for active tab */
}

/* Hover effect */
.menu-main-tabs li a:hover {
    color: #555; /* Slightly darker color on hover */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .menu-main-tabs {
        flex-direction: column;
    }

    .menu-main-tabs li {
        width: 100%;
        margin: 5px 0;
    }
}

.content-main-tabs{list-style:none;padding: 10px 10px 10px 20px;}
.content-main-tabs .content-m-tab{display:none}
.content-main-tabs .content-m-tab.active{display:table;width:100%}
.content-main-tabs .content-m-tab .content-m-l{float:left;width:calc(100% - 70px)}
.content-main-tabs .content-m-tab .content-m-r{float:right;width:50px;min-height:100px}
.content-main-tabs .content-m-tab .content-m-r .stage-menu{width:50px}
.content-main-tabs .content-m-tab .content-m-r .stage-menu ul{width:51px;list-style:none;padding:0}
.content-main-tabs .content-m-tab .content-m-r .stage-menu.fix ul{width:50px;position:fixed;top:35px}
.content-main-tabs .content-m-tab .content-m-r .stage-menu ul li{width:50px;height:35px;cursor:pointer;border-bottom:1px solid #faa606;border-left:1px solid #faa606;border-right:1px solid #faa606;text-align:center;padding-top:15px;font-size:20px}
.content-main-tabs .content-m-tab .content-m-r .stage-menu ul li:first-child{border-top:1px solid #faa606}
.content-main-tabs .content-m-tab .content-m-r .stage-menu ul li.strip{background:#efcb8d}
.content-main-tabs .content-m-tab .content-m-r .stage-menu ul li:hover,.content-main-tabs .content-m-tab .content-m-r .stage-menu ul li.active{background:#fff}
.post-list li {
    border-bottom: 1px solid #eee;
}

.post-list li:last-child {
    border: none;
}

.show-list {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
}

.show-list span:last-child {
    display: flex;
	flex: 1;
    justify-content: flex-end;
	color: #a1a1a1;
}

ul.post-list {
    display: block;
    position: relative;
}

.show-list span {
    padding: 0 5px;
	width: 95px;
}

.show-list span:first-child {
    display: flex;
    justify-content: center;
}

.tit-catname {
	margin-right: 10px;
	display: inline-flex;
}

.tit-postname {
	font-size: 15px;
    font-weight: 600;
}

.post-content {
    padding: 10px 20px;
}

.postscript {
	display: flex;
    justify-content: flex-end;
    font-style: italic;
    font-size: 13px;
	color: #8d8d8d;
}
.notification-badge {
    min-width: 75px;
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Styles for "Thông Báo" */
.notification-thongbao {
    border: 1px solid #ffbb96; /* Light orange border */
    color: #fa541c; /* Orange text color */
    background: #fff2e8; /* Light orange background */
}
.support_container {
  position:fixed;
  bottom:0;
  right:22%;
  width:100%;
  height:1px;
}

.support_container .support_main {
  position:relative;
  width:-150px;
  height:1px;
  margin:0 auto;
}

.support_container .support_main .support_btn {
  z-index:100;
  background:-moz-linear-gradient(top,#FF6600,#E64C00 45%,#E64C00 45%,#c62100);
  background:-webkit-linear-gradient(top,#FF6600,#E64C00 45%,#E64C00 45%,#c62100);
  background:-ms-linear-gradient(top,#FF6600,#E64C00 45%,#E64C00 45%,#c62100);
  background:-o-linear-gradient(top,#FF6600,#E64C00 45%,#E64C00 45%,#c62100);
  float:right;
  position:relative;
  top:-30px;
  border-left:1px solid #330;
  border-right:1px solid #330;
  border-top:1px solid #330;
  box-shadow:1px 1px #ffcc00 inset,-1px 0 #ffcc00 inset;
  padding:8px 8px;
  cursor:pointer;
  border-radius:5px 5px 0 0;
  text-align:center;
  text-shadow:1px 0 #333300,-1px 0 #333300,0 1px #333300,0 -1px #333300;
  font-weight:bold;
  color:#ffcc00;
  -moz-transition:top 0.5s ease;
  -webkit-transition:top 0.5s ease;
  -moz-transition-delay:0s;
  -webkit-transition-delay:0s;
}

.support_container .support_main .support_btn:hover {
  box-shadow:1px 1px #fff inset,-1px 0 #fff inset;
}

.support_container .support_main .support_content {
  width:700px;
  height:
  auto;
  background: #ffffff;
  z-index:100;
  float:
  right;
  position:
  relative;
  top:1px;
  opacity:0;
  border-left:1px solid #330;
  border-right:1px solid #330;
  border-top:1px solid #330;
  border-bottom: 1px solid #330;
  border-radius:10px 10px 10px 10px;
  padding:10px 20px;
  right:-8%;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -moz-transition-delay:0s;
  -webkit-transition-delay:0s;
}

.support_container .support_main .support_content .support_title {
  width:100%;
  font-size:12px;
  text-align:0;
  border-bottom:1px solid #aaa;
  box-shadow:0 1px #fff;
  text-transform:font;
  padding:5px 0;
  margin-bottom:5px;
}

.support_container .support_main .support_content .support_list {
  width:100%;
  overflow:hidden;
  position:relative;
}

.support_container .support_main .support_content .support_list .support_yahoo {
  float:left;
  margin-right:5px;
  padding:5px 17px;
}

.support_container .support_main .support_content .support_list .support_yahoo:hover {
  background:#fff;
}

.support_container .support_main .support_content .support_list .support_yahoo .support_name {
  text-align:center;
}

.support_container .support_main .support_content .support_close {
  position:
  absolute;
  top:5px;
  right: 18px;
  border-radius:3px;
  padding:5px;
  cursor:
  pointer;
}

.support_container .support_main .support_content .support_close:hover {
  color: red;
}
.fix-top {
    max-height: 325px;
    overflow-y: auto;
}

.fix-topx {
    max-height: 172px;
    overflow-y: auto;
}
	
.showtip-item{position:relative;background-repeat:no-repeat;background-position:center;margin:5px;border-radius:5px;}
.showtip-item.disabled{border:3px solid #ff0000}
.showtip-item.showtip-item-z{width:auto}
.showtip-item.showtip-item-z .showtip-img{float:left;width:35px;height:40px}
.showtip-item.showtip-item-z .showtip-item-z{float:left;color:#fff;font-size:11px;padding:12px 4px 0 4px}
.showtip-item .showtip-img{padding:3px;text-align:center}
.showtip-item .showtip-img img{max-width:100%;max-height:100%}
.showtip-item .showtip-item-count{background:#30a62a;padding:3px 6px;color:#fff;font-size:11px;font-weight:bold;position:absolute;top:-8px;right:-8px;border-radius:2px}
.showtip-item.disabled .showtip-item-count{background:#f00}
.showtip-item .showtip-item-info{color:#fff;position:absolute;width:380px;height:auto;padding:5px;background:#000000;left:50%;margin-left:-110px;bottom:80px;z-index:-1;opacity:0;border-radius:5px;padding:8px;line-height:24px;font-size: 14px;text-align: center;transition:all .2s ease;-webkit-transition:all .2s ease}
.showtip-item .showtip-item-info-cdn{color:#fff;position:absolute;width:380px;height:auto;padding:5px;background:#000000;left:50%;margin-left:-110px;top:80px;z-index:-1;opacity:0;border-radius:5px;padding:8px;line-height:24px;transition:all .2s ease;-webkit-transition:all .2s ease}
.showtip-item:hover .showtip-item-info,.showtip-item:hover .showtip-item-info-cdn{z-index:99;opacity:1}
.showtip-item:hover .showtip-item-info{bottom:110px}
.showtip-item:hover .showtip-item-info-cdn{top:60px}
.showtip-item .showtip-item-info-cdn{color:#fff;border-radius:5px;padding:8px}
.tooltipdata { background-color: #121212; font-size: 12px; padding:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;}
.spinlist_tooltip { height: 115px; width: 115px; display: table-cell; vertical-align: middle; }
.play { display: block; padding: 0; position: relative; height: 480px; width: 480px; margin: 0 auto; }
.mm { display: block; height: 115px; width: 115px; background-image: url("border.png"); background-size: 115px 115px; background-repeat: no-repeat; transition: all 0.5s ease 0s; text-align: center; line-height: 30px; font-size: 25px; }
.mm.active { background-image: url("border-active.png"); background-color: #000000; transition: all 0s ease 0s; }
.mm.m1 { position: absolute; left: 5px; top: 5px; }
.mm.m2 { position: absolute; left: 125px; top: 5px; }
.mm.m3 { position: absolute; left: 245px; top: 5px; }
.mm.m4 { position: absolute; left: 365px; top: 5px; }
.mm.m5 { position: absolute; left: 365px; top: 125px; }
.mm.m6 { position: absolute; left: 365px; top: 245px; }
.mm.m7 { position: absolute; left: 365px; top: 365px; }
.mm.m8 { position: absolute; left: 245px; top: 365px; }
.mm.m9 { position: absolute; left: 125px; top: 365px; }
.mm.m10 { position: absolute; left: 5px; top: 365px; }
.mm.m11 { position: absolute; left: 5px; top: 245px; }
.mm.m12 { position: absolute; left: 5px; top: 125px; }
.mm img { max-width: 90px; max-height: 90px; }
.result { left: 170px; position: absolute; top: 130px; }
#SL_LanQuayItem{ font-size: 25px; }
#subbottom { position:relative; width:990px; height:40px; margin:0 auto; z-index:10; }

.label svg {
    color: #f6617f;
	margin-right: 5px;
}