*{
        font-family: 'Roboto';
        font-size: 15px;
}
:root{
        --color-primary: #0d69b4;
}
.fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome !important;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
.SearchResults .DataPager .CurrentPage {
        color: red;
        font-weight: bold;
}
body {
        margin: 0 auto;
        padding: 0;
        /* background: #fff url(https://storage-vnportal.vnpt.vn/vnportal-tw/themes/quochoivn/panelstylesheet/top-onecolumn-footer/images/bg.jpg) no-repeat 0 0; */
        background-attachment: fixed;
}
a {
        color: #424242;
        text-decoration: none;
}
img {
        border: medium none;
}
figure.image-wrapper{
        overflow: hidden;
        display: inline-block;
        margin: 0;
}
.MainStructure .TopBar > table:first-child {
        /* height: 150px; */
}
.trang-chu-63642 {
        display: none;
}
.MainStructure {
        text-align: center;
        /*    background: url(images/bg.png); */
        /* box-shadow: 0 0 0 0 white, 0 1px 0 0 white, 4px 0 15px -4px #7b7b7b, -4px 0 15px -4px #717171; */
        /* max-width: 1300px; */
        margin: auto;
        /* box-shadow: 0px 0px 8px #9a9a9a36; */
}
.MainStructure .TopBanner {
        margin: 0 auto;
        width: 1300px;
        /* width: 100%; */
        /*  background: #fff;*/
}
.MainStructure .TopBar {
        text-align: justify;
        max-width: 100%;
        position: relative;
        margin: 0 auto;
        padding: 0px;
        /* box-shadow: 0 -1px 0 0 white, 0 1px 0 0 white, 4px 0 15px -4px #7b7b7b, -4px 0 15px -4px #717171;*/
        background-color: #fff;
}
/*.MainStructure .ContentBanner .row{
box-shadow: 0 0 0 0 white, 0 1px 0 0 white, 4px 0 15px -4px #7b7b7b, -4px 0 15px -4px #717171;
background-color: #fff;
}*/
.MainStructure .ContentBanner {
        position: relative;
        width: 1300px;
        z-index: 1;
        padding-top: 0;
        padding-bottom: 0;
        margin: auto;
        background: #fff;
}
.MainStructure .MainContent {
        background: #fff;
        margin: 0 auto;
        padding: 5px;
        vertical-align: top;
        width: 100%;
        /* width: 1100px;*/
        min-height: unset !important;
}
.MainStructure .LeftBar {
        padding: 0;
        text-align: justify;
        vertical-align: top;
        padding-top: 0;
        padding-right: 30px;
        padding-bottom: 0;
        padding-left: 0;
}
.MainStructure .ContentBar {
        padding: 0;
        text-align: justify;
        vertical-align: top;
        padding-top: 0;
        /* padding-bottom: 10px; */
        padding-right: 0;
}
.MainStructure .FooterBar {
        color: #E9E9E9;
        /* margin-bottom: 30px; */
        width: 1300px;
        margin: auto;
}
.MainStructure .FooterBar a{
        color: #0c55ff;
}
.MainStructure .FooterBar a:hover{
        color:#fff;
}
/*.MainStructure .FooterBanner {
text-align: center;
width: 1260px;
background: #005ba0;
height: auto;
padding: 20px 10px;
margin: auto;
position: relative;
background-image: url("images/pattern2.png");
}*/
.MainStructure .FooterBanner {
        text-align: center;
        max-width: 100%;
        width: 100%;
        background: #f5f5f5;
        height: auto;
        padding: 20px;
        margin: auto;
        position: relative;
        /* background-image: url("images/pattern2.png"); */
        border-top: 20px solid #f0f0f0;
}
::-webkit-scrollbar {
        width: 4px;
        height: 4px;
}
::-webkit-scrollbar-track {
        background: #c0c0c03d;
        border-radius: 0;
}
::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #6c757d1c;
}
@media only screen and (max-width: 768px) {
        .MainStructure .ContentBar {
                display: block !important;
                --position: fixed;
                right: 0;
                top: 0;
                z-index: 10;
                bottom: 0;
                padding: 0px 0px !important;
                /* overflow-y: scroll; */
                background: white;
                /* margin-top: 30px !important; */
                /* padding-bottom: 40px !important; */
                /* height: 100vh !important; */
                width: 100vw !important;
                box-shadow: 0 0 10px #444444;
        }
        .MainStructure div.ContentBanner{
                margin-top: 60px !important;
        }
        .bottom-tool {
                display: none;
        }
        .table-3-col td {
                margin-top: unset !important;
        }
        .btn-right {
                display: none;
        }
        .btn-left {
                display: none;
        }
        .bottom-tool {
                display: none;
        }
        .MainStructure .MainContent{
                min-height: 0px !important;
        }
        .MainStructure .MainContent>tbody>tr{
                display:flex;
                flex-direction: column;
        }
        .MainStructure .FooterBanner{
        }
        .MainStructure .FooterBar {
                max-width:100vw;
                /* margin-bottom: 60px; */
        }
}
@media(max-width: 768px){
}