/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');*/
* {
        text-rendering: geometricprecision;
        font-family: 'Roboto', sans-serif;
        line-height: 1.4;
}
table.layout-sticky[style="top: 0px; left: 0px; z-index: 9999; position: fixed;"] .SingleSearch {
        top: 2px;
}
:root{
        --bg-blue: #0471b6;
        --bg-blue-light: #5b8fbb;
        --bg-blue-weight: #004c76;
        --padding-res: 0 10px;
        --color-primary: #034494;
        --menu-color: #1154b6;
        --color-yellow: #fff584;
        --color-brown: #b96f26;
        --color-red: #ff1100;
        --color-black: #031739;
        --color-white: #ffff;
        --box-category:rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
        --vass-red: var(--color-red);
        --vass-blue: #2085d5;
        --text-main: #333333;
        --bg-gray: #f8f9fa;
        --box-shadow: 0 4px 10px rgb(52 52 52 / 10%);
        --padding-box: 15px;
        --rounded: 8px;
        --margin-bottom: 15px;
        --swiper-theme-color: #007aff;
        --default-border: 1px solid #f8fafc;
        --label-size: 19px;
        --label-weight: 700;
        --label-top: 6px;
        --padding-double: 20px;
        --padding-box-mb: 0 10px;
}
img[src=""], img:not([src]) {
        content: url(images/noimage.png);
}
.w-blue{
        background:
                url(https://storage-vnportal.vnpt.vn/vnportal-tw/themes/vass4/images/bg-media.png) no-repeat center top / cover,
                linear-gradient(
                        to bottom,
                        #034494cc 0%,
                        #034494cc 40%,
                        #034494b3 80%,
                        #03449499 100%
                );
        background-color: #8ec1ff;
}
.w-black{
        background: #2c2c2c;
}
.w-gray{
        background: #f1f3fa;
}
.mt-30{
        margin-top: 30px;
}
.mt-20{
        margin-top: 20px;
}
body {
        margin: 0 auto;
        padding: 0;
}
a {
        color: #444;
        text-decoration: none;
        font-size: 14px;
}
a:hover {
        color: #d42918;
        text-decoration: none;
}
img {
        border: medium none;
        max-width: 100%;
}
/*.custom-layout{
height: 240px;
background: linear-gradient(
to bottom,
rgba(44, 78, 139, 1) 0%,
rgba(44, 78, 139, 1) 30%,
rgba(44, 78, 139, 0.96) 40%,
rgba(44, 78, 139, 0.85) 55%,
rgba(44, 78, 139, 0.65) 70%,
rgba(44, 78, 139, 0.35) 85%,
rgba(44, 78, 139, 0.10) 95%,
rgba(44, 78, 139, 0) 100%
);
}
.activelayout{
background: var(--color-primary);
}*/
.MainStructure {
        background: none repeat scroll 0 0 #fff;
        text-align: center;
}
.MainStructure .TopBanner {
        margin: 0 auto;
        width: 100%;
        background: #fff;
        display: flex;
}
.MainStructure .TopBar {
        display: inline-block;
        margin-top: 0;
        text-align: justify;
        width: 100%;
        min-height: 50px;
        position: relative;
}
.MainStructure .ContentBanner {
        display: inline-block;
        position: relative;
        width: 100%;
        z-index: 1;
        margin-bottom: 0;
}
.MainStructure .ContentBar1 {
        text-align: justify;
        vertical-align: top;
        padding: 0px 0px 10px 0px;
}
.MainStructure .LeftBar1 {
        text-align: justify;
        vertical-align: top;
        padding: 0px 10px 10px 0px;
}
.MainStructure .MainContent {
        /* background: none repeat scroll 0 0 #fff; */
        /* box-shadow: 1px 2px 8px 0 rgb(0 0 0 / 10%); */
        display: inline-table;
        /* margin: 0 auto; */
        vertical-align: top;
        width: 1280px;
        min-height: 50px;
}
.MainStructure .LeftBar {
        padding: 35px 15px 15px 15px;
        text-align: justify;
        vertical-align: top;
}
.MainStructure table.w-1200>tbody>tr {
        display: flex;
        width: 1280px;
        margin: auto;
        padding: 25px 0;
        position: relative;
        gap: 25px;
        padding-bottom: 0;
}
.MainStructure table.w-1200 >tbody>tr>td:last-child {
        flex: 1;
}
.MainStructure table.w-1200-n >tbody>tr {
        display: flex;
        width: 1280px;
        margin: auto;
        position: relative;
        gap: 10px;
}
.MainStructure table.w-1200-n >tbody>tr>td:last-child {
        flex: 1;
}
.MainStructure .ContentBar {
        text-align: justify;
        vertical-align: top;
}
/*.MainStructure #ContentBar>table:nth-child(odd) {
background: #fdfdfe;
}*/
.MainStructure .FooterBanner {
        background-color: var(--color-primary);
        min-height: 180px;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        background-image: url(https://storage-vnportal.vnpt.vn/vnportal-tw/themes/default/panelstylesheet/top-twocolumn-footer/images/bg-footer.png);
        background-position: top;
        background-repeat: no-repeat;
}
.MainStructure .FooterBar {
        display: inline-block;
        text-align: justify;
        width: 1280px;
        position: relative;
}
::-webkit-scrollbar {
        width: 5px;
        height: 5px;
}
::-webkit-scrollbar-track {
        background: #e9ecef;
        border-radius: 3px;
}
::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #6c757d59;
}
@media only screen and (max-width: 768px){
        html{
                font-size: 6px;
        }
        :root{
                --padding-box: 10px;
        }
        .MainStructure .TopBanner {
                margin: 0;
        }
        .MainStructure table.w-1200>tbody>tr {
                padding: 0 0px;
                flex-direction: column;
                gap: 0;
        }
        .MainStructure .ContentBar1 {
                padding: 0px;
        }
        .MainStructure .LeftBar1 {
                padding: 0px;
        }
        .MainStructure .MainContent {
                max-width: 100%;
        }
        .MainStructure .FooterBar {
                padding: 10px !important;
                padding-top: 10px !important;
                width: 100vw;
        }
        .MainStructure .ContentBar {
                padding: 0px;
        }
        .MainStructure .ContentBar1 {
                padding-left: 0;
        }
        .MainStructure table.w-1200-n >tbody>tr {
                padding: 0 0px;
                width: 100%;
        }
}
/* Mobile nhỏ */
@media (min-width: 0px) {
        html{
                font-size: 2px;
        }
}
/* Mobile */
@media (min-width: 360px) {
        html{
                font-size: 4px;
        }
}
/* Mobile lớn */
@media (min-width: 480px) {
        html{
                font-size: 6px;
        }
}
/* Tablet dọc */
@media (min-width: 576px) {
        html{
                font-size: 8px;
        }
}
/* Tablet ngang */
@media (min-width: 768px) {
        html{
                font-size: 12px;
        }
        .MainStructure .TopBanner, .MainStructure .FooterBanner{
                min-width: 1280px;
        }
}
@media (min-width: 1024px) {
        html{
                font-size: 14px;
        }
}