@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
.bock-news {
    background: #fff none repeat scroll 0 0 !important;
    display: inline-block;
    /* margin-bottom: 5px; */
    text-align: center;
    width: 100%;
    border-bottom: 4px double #C3D0E0 !important;
    margin-bottom: 20px;
}
li.LanguageMenu  img
{
        width:30px !important;
}
:root{
        /*
        --bg-blue: #0471b6;
        --bg-blue-light: #5b8fbb;
         */
        --bg-blue-weight: #004c76;
       
}
* {
        /*
        font-family: "Segoe UI",Tahoma,Verdana ;
        */
        font-family: Merriweather;
        
}
 
.morong_ttxtdttmdl
{
 /*
background: linear-gradient(to bottom,  #efefef 0%,#ffffff 41%,#ffffff 100%); 

 */
background-image:url('https://storage-vnportal.vnpt.vn/sme-g1/5888/Slider/M%C3%B9a-v%C3%A0ng-B%E1%BA%AFc-S%C6%A1n-1-scaled.jpg');
}
.morong_ttxtdttmdl .UITabArticle_Default
{
        margin:20px;
}
#ctrl_155809_90_NewSteeringControl
{
        height:500px !important;
        overflow:auto-flow;
}
.ExContent
{
        background-color:#efefef;
        min-height:200px;
       
}
div.ListControl input.Search, div.ListControl input.Cancel 
{
        clear:both;
}
.ListControl .Search .ExContent .mb-2
{
        width:18% !important;
        float:left;
        padding:10px !important;
}
.ListControl .Search .ExContent .mb-2 .col-md-3
{
width:100% !important;
        max-width: 100% !important;
}
.ListControl .Search .ExContent .mb-2 .col-md-9
{
width:100% !important;
         max-width: 100% !important;
}
.morong_ttxtdttmdl .SingleTab
{
 background-color:#ffffff;
            -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
        filter: drop-shadow(5px 5px 10px #a39e9e);
}
img[src=""]::after {
        content: '';
        width: 100%;
        height: 100%;
        background: white url(images/noimage.png);
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        font-weight: bold;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
}
img[src=""] {
        position: relative;
        /* border: 1px solid silver; */
        border-radius: 2px;
        min-width: 20px;
        min-height: 20px;
        display: inline-block;
}
body {
        margin: 0 auto;
        padding: 0;
        /* background: url(images/bg-trongdong.png) top fixed; */
        background-repeat: no-repeat;
        background-size: contain;
        /* background-color: #A90D11; */
}
a {
        color: #212529;
        font-size: 14px;
        text-decoration: none;
        line-height: 1.4;
}
img {
        border: medium none;
}
.MainStructure {
        text-align: center;
}
.MainStructure .TopBanner {
        margin: 0 auto;
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        background: var(--bg-blue-light);
}
.MainStructure .TopBar {
        display: inline-block;
        text-align: justify;
        width: 100%;
}
.MainStructure .ContentBanner {
        display: flex;
        width: 100%;
        z-index: 1;
        justify-content: center;
        /*
        background: url(images/bg.png) no-repeat center top;
        background-size: 100%;
        */
}
.MainStructure .MainContent {
        /* background: #fff none repeat scroll 0 0; */
        display: table;
        margin: 0 auto;
        padding: 10px;
        vertical-align: top;
        width: 1320px;
}
.MainStructure .LeftBar {
        padding: 5px 10px 5px 5px;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .ContentBar {
        /* padding: 5px; */
        text-align: justify;
        vertical-align: top;
        padding-left: 0;
        /*
        padding-top: 20px;
        */
        padding-bottom: 10px;
}
.MainStructure .FooterBanner {
        width: 100%;
        padding: 0;
        color: #fff;
        text-align: center;
        font-size: 15px;
        line-height: 22px;
        display: flex;
        justify-content: center;
}
.FooterBanner {
}
.MainStructure .FooterBar {
        display: inline-block;
        text-align: justify;
        width: 100%;
        margin: 0 auto;
        background: url(images/bg-footer.png) no-repeat center top #004c76;
}
img[src=""]::after {
        content: '';
        width: 100%;
        height: 100%;
        background: url(/no-image.png);
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        font-weight: bold;
        background-size: cover;
        background-position: center center;
}
img[src=""] {
        position: relative;
        /* border: 1px solid silver; */
        border-radius: 2px;
        min-width: 20px;
        min-height: 20px;
        display: inline-block;
}
::-webkit-scrollbar {
        width: 5px;
        height: 5px;
}
::-webkit-scrollbar-track {
        background: silver;
        border-radius: 3px;
}
::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #6c757d59;
}
@media only screen and (max-width: 768px){
        div.MainStructure .fixed {
                padding-top: 10px !important;
        }
        div.MainStructure .LeftBar {
                padding-top: 10px;
        }
}
 .banner-warp-ttxtdttm
{
        width:90%;
        margin:0 auto;
        padding:20px 0;
}
.hero-text {
 color:#ffffff;
        
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.banner-text
{
        float:left;
}
.banner-text h1
{
font-size:1.1rem;
        color:#ffffff;
}
.banner-text h3
{
font-size:0.9rem;
        color:#f90000;
}
.banner-logo
{
width:90px;
        float:left;
}
.banner-logo img
{
        width:100%;
}


/*Pho thu tuong*/
div#ptt-header {
        margin: 0 auto;
        text-align: center;
        /* margin-top: 20px; */
        padding-top: 14px;
        border-top: 1px solid #C3D0E0;
        margin-bottom: 10px;
}
div#ptt-header p {
        font-size: 14px;
        font-family: Merriweather;
        font-style: normal;
        font-weight: normal;
        line-height: 18px;
        /* identical to box height */
        text-transform: uppercase;
        /* Grey 2 */
        color: #182940;
}
#ptt {
        display: flex;
        margin-bottom: 36px;
}
.ptt-row {
        display: flex;
      /*  border-bottom: 1px solid #C3D0E0; */
        /* flex: 1; */
        width: 100%;
        gap: 16px;
}
.ppt-item {
        display: flex;
        align-items: center;
        cursor: pointer;
        flex-grow: 1;
        padding-right: 50px;
        background-color:#F6F6F6;
         border: 1px solid #EEEEEE; 
        -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
        padding-top:10px;
        padding-bottom:10px;
}
.ppt-item:last-child{
        /* padding-right:0 */
		}
.ppt-item p {
        margin: 0;
        padding: 0;
        text-align: right;
        padding-right: 20px;
}
.ppt-item p.name {
        font-family: Merriweather;
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 19px;
        text-transform: uppercase;
        /* Grey 2 */
        color: #182940;
}
.ppt-item p.role {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        /* Grey 4 */
        color: #62748D;
        margin-top: 3px;
}
.ptt-row:last-child .ppt-item:last-child {
        margin-right: 0;
}
.ppt-text {
        /* margin-right: 5px; */
        flex: 1;
        width:60%;
}
.ptt-img {
        /* height: 85px; */
        overflow: hidden;
     
        /*
           width: 200px;
        height: 93px;
        */
        width:40%;
}
@media only screen and (max-width: 768px)
div#ptt>.ptt-row .ppt-item:nth-child(1) {
}
@media only screen and (max-width: 768px) {
        
        .ptt-row .ptt-img {
                height: 200px !important;
        }
        .ptt-row .ptt-img img {
                object-fit: cover;
                object-position: top;
        }
        div#ptt-header {
                border: none;
                background: #F6F6F6;
                margin-bottom: 0 !important;
        }
        div#ptt-header > p {
                text-align: left;
                padding: 0 20px !important;
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 16px;
                text-transform: uppercase;
                /* Grey 2 */
                color: #182940;
                margin-bottom: 12px !important;
                margin-top: 14px !important;
                display: none !important;
        }
        div#ptt-header>p.mobile{
                display: block !important;
        }
        div.ppt-item {
                border: none;
                border-top:  1px solid #EEEEEE !important;
                border-bottom: 1px solid #C3D0E0 !important;
                margin: 0px !important;
                background: white !important;
                margin-bottom: 0 !important;
                flex-grow: 1;
                /* width: calc(50% - 10px) !important; */
                flex-direction: column !important;
        }
        div#ptt {
                padding-bottom: 20px !important;
                background: #F6F6F6;
                margin-top: 0 !important;
                padding-left: 20px !important;
                padding-right: 20px !important;
                margin-bottom: 36px !important;
        }
        div.ptt-row {
                margin: 0 !important;
                flex-wrap: wrap;
                gap: 12px;
        }
        div.ppt-item div.ptt-img {
                /*
                width: 70px !important;
                height: 70px !important;
                */
                 width: 40% !important;
                margin-bottom: 9px !important;
        }
        .ppt-item p.name {
                font-family: Merriweather;
                font-style: normal;
                font-weight: bold;
                font-size: 14px;
                line-height: 18px;
                /* identical to box height */
                text-align: center;
                text-transform: uppercase;
                /* Grey 3 */
                color: #3B4E68;
        }
        .ppt-item p.role {
                font-family: Roboto;
                font-style: normal;
                font-weight: normal;
                font-size: 14px;
                line-height: 16px;
                text-align: center;
                /* Grey 4 */
                color: #62748D;
                margin-top: 3px !important;
        }
        div#ptt>.ptt-row .ppt-item:nth-child(1) {
                /*flex-direction: row !important;
                margin: 0 !important;
                width: 100% !important;*/
        }
        div#ptt>.ptt-row .ppt-item:nth-child(1) a {
                width: auto !important;
        }
        div#ptt>.ptt-row .ppt-item:nth-child(1) .ppt-text {
                width: auto !important;
                margin-left: 12px !important;
                flex: none;
        }
        div#ptt>.ptt-row .ppt-item:nth-child(1) .ppt-text p.role{
                /*text-align: left !important;
                align-items: flex-start; */
        }
}
.SliderNew
{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
}
.SliderNew .box-deal
{
        padding:0 !important;
}
.SliderNew .box-deal h3
{
        font-size:1rem;
   /*     -webkit-box-orient: horizontal !important; */
        line-height:1.2rem !important;
}
.SliderNew .box-deal
{
        padding:0 !important;
}
.box-deal
{
border-radius: 5px 5px 5px 5px !important;
   
        overflow:hidden !important;
}
.box-deal__poster
{
        padding:0 !important;
}
.swiper-slide
{
        margin-left:0 !important;
width:24% !important;
        margin-right:1% !important;
}
.box-deal__content 
{ 
        padding:10px !important;
        text-align:justify !important;
}
.box-deal__content p
{
        font-size:0.9rem !important;
          text-align:justify !important;
}
.box-deal__poster img 
{
        height:160px !important;
}
.YoutubeVideoList ul.VideoList img
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        overflow:hidden;
}
.YoutubeVideoList ul.VideoList li .title
{
        margin-top:20px;
}
.TabGridContent .Wrap ul li img.image 
{

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        overflow:hidden;
}
.SliderFeature .ArticleList li
{
        padding-right:40px !important;
}
.RSS .RssList a
{
        color:#ffffff !important;
        font-size:10px !important;
        margin:0 !important;
}
.OnlineCounter .Header span
{
     color: #fff !important;
}
.OnlineCounter
{
        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        overflow:hidden;
        background-color:#0066b3 !important;
        margin-top:20px !important;
        margin-right:20px !important;
}
.UIWebLink_Default
{
        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        overflow:hidden;
        background-color:#efefef !important;
        margin-top:20px !important;
        margin-right:20px !important;
}
.WebLink .HeadLink 
{
        padding-left:10px !important;

}
.WebLink .HeadLink .span
{
        font-size:12px !important;
        text-align:justify;
}
.UIRss_Default
{
        margin-top:20px;
}
.OnlineCounter .Header
{
        padding-left: 10px !important;
}
.rounner_img
{
        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        overflow:hidden;
}
.ImageLibraryBar_banner_ttxtdltm .ImageLibraryBar .Wraper img
{
        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        overflow:hidden;
}
.SingleTab .Wrap .next li a:before 
{

  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
        background-color:#0066b3;
}
.SliderFeature .LeftCol .LeftPanel img
{
        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        overflow:hidden;
}
.morong_social .UIMultiFunction_Default .MultiFunctionControl
{
 
     
}