html,
body {
    height: 100%; font-family: arial, sans-serif;  font-size: 16px;
    /*width: auto!important; */ 
    
    
    /*    
    overflow-x:hidden;
    background:yellow;    
    overflow-y: scroll;  
    -webkit-overflow-scrolling: touch; 
    */ 
    
}
#bodyWrapper {overflow: hidden ;}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.wrap > .container {
    padding: 0 0 0;
}  
a {color: #0c4da2;}   
a:hover {text-decoration: none;}
#mainMenu .dropdownLi {position: relative;}
#mainMenu .dropdownLi:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
 .fixing-menu-nav{ z-index: 9999; position:fixed !important;  left: 0; top: 0; width: 100%;-webkit-backface-visibility: hidden;min-height: 49px;}
 .blog-post .icon {  
  transform: rotate(90deg);
  transition: .3s transform ease-in-out;
  display: inline-block; line-height: 10px;
}
#bi-play-fill-left {
  transform: rotate(180deg);               
}
.bi-triangle-fill-right {transform: rotate(90deg);               }
.bi-play-fill-right {}
.bi-play-fill-left-rotate {
  transform: rotate(180deg);               
}
.blog-post .icon svg {vertical-align: bottom; height: 10px;}
.view-all-span svg {background: #107cc2; color: #FFF; font-weight: 900; font-size: 17px; width: 1em; height: 1em; vertical-align:middle;}
.search-input {background-image: url("data:image/svg+xml,<svg width='1.4em' height='1.4em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill-rule='evenodd' d='M12.442 12.442a1 1 0 011.415 0l3.85 3.85a1 1 0 01-1.414 1.415l-3.85-3.85a1 1 0 010-1.415z' clip-rule='evenodd'/><path fill-rule='evenodd' d='M8.5 14a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM15 8.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z' clip-rule='evenodd' /></svg>") !important; background-position: right 5px  !important;  background-repeat: no-repeat  !important;padding-right: 25px;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {padding-left: 5px; padding-right: 5px;}

.topHomeLinksRow {margin-bottom: 0 !important; padding-top: 0; background: #f2fafe;}
.topHomeLinksRow .container{padding: 0;}
.topHomeLinksContainer {padding: 0;}
#topHomeLinks {}
#topHomeLinks .borderRight{ border-left: 1px solid #0c4da2; position: absolute;  top: 25%;  bottom: 25%;}
#topHomeLinks a{padding: 0.5rem 0.5rem; color: #0c3689;}
#topHomeLinks a:hover{text-decoration: underline;}
#mainMenu {padding: 0;}
#mainMenu .navbar-toggler{ background: #FFF;}
.topMenuRow {margin-bottom: 0 !important;  background: #0c4da2;}
#topMenuRow > div {}

#navbarNavDropdown ul li { background: url("images/menu-seperator.png") right top no-repeat;padding:0 2px;white-space: nowrap;}
#navbarNavDropdown ul li:last-child { background:none;}
#navbarNavDropdown ul li a{ color: #fff;vertical-align: text-bottom;padding: 0.8rem;}
#navbarNavDropdown ul li:first-child a{background: url('images/house.png') 5px 10px no-repeat; padding-left: 36px;}
#navbarNavDropdown ul li a img{ display: inline-block; height: 24px;}
#navbarNavDropdown ul li a:hover { }
#navbarNavDropdown ul li.active > a, #navbarNavDropdown ul li:hover > a, #navbarNavDropdown ul li > a:hover{ background-color: #00aeef;}
#navbarNavDropdown .dropdown-menu { border-radius:0;margin-top: 0;background: #0c4da2;border-color: #0c4da2;border: none; padding: 0 8px;box-shadow: 0 -8px 8px -8px #424242;}
#navbarNavDropdown .dropdown-menu a{ padding: 0.3rem 0.5rem; border-bottom:1px solid #107cc2;background-color: #0c4da2;}

#navbarNavDropdown .dropdown-menu a:last-child{ border: none;}
#navbarNavDropdown .dropdown-menu a:hover, #navbarNavDropdown .dropdown-menu a.active{ color: #CDDC39;}  
#navbarNavDropdown .dropdown-menu a:before {
  content: "\2022";
  color: #FFF;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
}
#navbarNavDropdown .dropdown-menu a:hover:before, #navbarNavDropdown .dropdown-menu a.active:before {
  content: "\2022";
  color: #ecca0b;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
}

.listNewsItem {padding: 5px 0;display: inline-block;}
.listNewsItem span{font-style: italic; color: #757575;}
.listNewsItem:before {
    content: "\2022";
      color: #C00;
      font-weight: bold;
      display: inline-block; 
      width: 1em;  
}
.breadcrumbs {background: #e2e2e2;}
.breadcrumbs ul{padding: 8px 0 8px 15px;margin: 5px 0 15px;}
.breadcrumbs li{list-style: none;font-size: 16px;color: #616161;display: inline-block;}
.breadcrumbs li span{padding: 0 3px;}
.breadcrumbs li a{color: #333;}
.breadcrumbs li a:hover{text-decoration: none;}

.searchContainerRowContainer {border-bottom: 1px solid #FFF;}
.searchContainerRowWrapper {border-bottom: 1px solid #BDBDBD; padding-bottom: 10px;}
.searchContainerRowWrapper .container{padding: 0 6px;}
.searchContainerRow {padding-top: 15px; }
.searchContainerRow .stuCode {width: 80px;text-align: right; padding-right: 10px;line-height: 22px;}
#searchKeyWord {padding-right: 22px; font-style: italic;}
.sliderWigetContainer {background: #ebebeb;}
.sliderWigetContainerExtra {}
.carousel-control-prev, .carousel-control-next {width: 8%;}
.carousel-control-next-icon {background-image: url('images/arrow-right.png');width: 40px; height: 40px;}
.carousel-control-prev-icon {background-image: url('images/arrow-left.png'); width: 40px; height: 40px;}
.carousel-indicators li {background: url('images/normal-dot.png') center center no-repeat; box-sizing:none;width: 17px; height: 17px; padding-right: 5px;}
.carousel-indicators li.active {background-image: url('images/selected-dot.png');}
.carousel-indicators {justify-content:left;margin: 0; left: 1%; bottom: 3%;}
.newsColumns .blog-post {margin-top: 12px;}
.newsColumns .blog-post > a{font-size: 16px;font-weight: bold;}
.newsColumns .blog-post .card-text{ margin-top: 8px;margin-bottom: 8px;}
.newsColumns .blog-post .card-text a{color: #ec0b12;}
.newsColumns .blog-post  a{color: #0c4da2;}
.newsColumns .blog-post li {background: url('images/li-arrow.png') 2px 11px no-repeat; padding: 5px 0 5px 14px;border:none;}
.newsColumns .blog-post li a:hover{text-decoration: underline;}
.newsColumns .blog-post .view-all-p {text-align: right; padding-right: 16px;}
.newsColumns .blog-post .view-all-p a{float: right; margin-left: 5px;}
.headerModule {padding-bottom: 8px !important; margin-bottom: 8px !important; border-bottom:1px solid #00aeef; font-size: 18px;font-weight: bold;color: #ec0b12;width: 100%;}
.headerModule a {color: #ec0b12;}
.headerModule a:hover {text-decoration: none;}
.headerModuleExtra {padding-bottom: 8px !important; margin-bottom: 0 !important; border-bottom:1px solid #00aeef; font-size: 18px;font-weight: bold;color: #ec0b12;}
.headerMain {font-size: 20px;}
.headerMain .opac{font-size: 20px;}
footer {background: #0c4da2;color: #FFF;padding: 40px 0 20px; margin-top: 10px;}
footer .shortLogo{display: inline-block; padding-right: 20px;float: left;}
footer .footerInfo{display: inline-block; vertical-align: bottom; font-size: 14px;line-height: 8px;padding-top: 10px;}
footer a{color: #90CAF9;}
footer a:hover{text-decoration: underline;color: #90CAF9;}
.footerInfoContainter {height: 1px; background: #FFF;margin: 30px 0 20px;}
.footerColumns { font-size: 16px; }
.footerColumns ul { padding: 10px ; margin: 0;}
.footerColumns li { list-style: none;padding-bottom: 6px;}
.footerColumns li img{ padding-right: 3px;}

.footerColumns li a{ color: #FFF;}
.footerColumns li a:hover{ text-decoration: underline;color: #FFF;}
/*.videoListContainer { margin: 0 !important; padding: 0 !important;}
.videoListContainer .media-list { margin: 0; padding: 0;border:1px solid #f2f2f2;}
.videoListContainer .media-list li { list-style: none;background: #fffef5; padding: 2px 0 2px 5px;}*/
.videoListContainer {width: 100%; margin-bottom: 10px; }
.videoListContainer .media-list { margin: 0; padding: 0;border:1px solid #f2f2f2;}
.videoListContainerWidget .media-list { border:none;}
.videoListContainer .media-list li { list-style: none;background: #fffef5; padding: 2px 0 2px 5px;}

.featuredNewsContainer {overflow: hidden;margin-bottom: 8px;margin-top: 8px;}
.featuredNewsContainer ul {margin: 0; padding: 0;}
.featuredNewsContainer ul li{ background: #fffef5; padding: 5px 0 40px 5px;list-style: none;}
.featuredNewsContainer ul div{ padding: 5px 0 10px 5px;font-size: 16px;line-height: 20px;}
.featuredNewsContainer ul div .publish-date{ color: #9e9d9d;}
.eventListContainer {padding: 8px 5px 5px 5px; margin-bottom: 10px; margin-top: 5px;}
.eventListContainer .mb-3, .eventListContainer .my-3{padding: 0 !important;margin: 3px 0 8px 0 !important;}
.eventListContainer ul{background: #fffef5;padding: 0;margin: 0;border:1px solid #f2f2f2;}
.eventListContainer li{background: #fffef5;list-style: none;}
.eventListContainer .card-header{padding: 2px 1px;text-align: center;color: #FFF;background: #0c4da2;font-size: 13px;}
.eventListContainer .card-body{padding: 2px 1px;text-align: center;font-size: 13px;}
.leftColumnContainer {padding-right: 2px;}
.leftColumnContainerNhanSu {padding-right: 12px;}
.rightColumnContainer {padding-right: 0;}
.rightColumnContainer > .col-3,.rightColumnContainer  > .col-12{padding-right: 0;}
/*.leftColumnContainer .mb-3, .leftColumnContainer .my-3{padding: 0 !important;margin: 3px 0 8px 0 !important;}*/
.sliderWigetContainerWrapper .container{padding: 0 4px;}
.tapChiSliderWrapper {margin-top: 5px;}
.tapChiSliderWrapper .container{padding: 0 4px;}
.moduleStyle {margin-bottom: 8px;}
.page-link {color: #337ab7;}
.page-item.active .page-link, .page-item .page-link:hover {background: #337ab7;color: #FFF;}
.newListContainer h6 {padding: 0 !important;margin-bottom: 1px !important;}
.newListContainer h6 a{color: #0c4da2;font-size: 17px;font-weight: bold;}
.newListContainer h6 a:hover{text-decoration: underline;}
.newListContainer .bi-triangle-fill-right{font-size: 12px;}
.newListContainer .detailLinks{color: #ec0b12;}
.timeClockContainer {overflow: hidden;clear: both;padding: 1px 0;color: #4e4e4e;}
.timeClockContainer svg {font-size: 24px;padding-right: 3px;font-weight: bold;float: left;}
.timeClockContainer span {display: inline-block;float: left;font-style: italic;}
.accordionContainer{height: 280px;}
.datetimeSpan {font-size: 14px; color: #616161;}


.group-8 { padding:0 0 0 0; position:relative; margin-bottom: 10px;}
.group-8 .group-header { /*background:url(images/header-seperator.png) left bottom no-repeat;*/ padding:0 0 5px 0; margin:0 12px; }
.group-8 .group-header h1 { color:#0054a6; font-weight:bold; font-size:1.4em; margin-bottom:0; text-transform:uppercase; }
/*.group-8 .group-header a { background:url(images/icons-2.png) left top no-repeat; padding:0 0 0 24px; height:20px; width:auto; }*/
.group-8 .group-content { padding:10px 0 15px; background:url(images/khoinganh.png) 3px top no-repeat; width:710px; height:460px;  margin: 0 auto;}
.group-8 .group-8-fix { background-position:0 -44px; height:400px; }
.group-8 .group-content-header { border-bottom:1px solid #b6cae9; margin:0 12px 20px; position:relative; }
.group-8 .group-content-header h2 { margin-bottom:0px; padding:0; border-bottom:1px solid #f2f5fb; color:#0555a5; text-transform:uppercase; font-size:1.2em; text-transform:uppercase; }
.group-8 .group-content-header span {color:#9fbbe2; font-style:italic; position:absolute; top:2px; right:0; }
.group-8 .group-content-main { padding:0 12px;}
.group-8 .group-content-footer { color:#fff; text-align:center; text-transform:uppercase; font-size:1.4em; padding:0 0; }
.group-content .faculty-department { margin:10px 0 0; padding:0; }
.faculty-department li { list-style:none;  width:215px; display:inline-block; background:none; margin:0; padding:5px 0 3px 8px; color:#135ba8; text-transform:capitalize; text-align:left; font-size:16px; font-weight:bold; }
.group-8 .group-8-fix .faculty-department li { color:#f7941d; }

.group-8 .group-content-footer h6 { color:#FFF; font-size:100%; padding:3px 0; }
.group-8 .group-search { height:36px; position:relative; }
.group-8 .group-search h4 { padding:0 0 0 60px; text-align:left; color:#ce1d1e; margin:0; line-height:22px; text-transform:uppercase; font-weight:bold; font-size:1.1em; }
.group-8 .group-search div { position:absolute; top:0; left:312px; }
.group-8 .group-search div input { width:320px; margin: 1px 0 0; padding:0 4px 0; border:none; background:none;  font-size:12px; }
.subject-list { position:relative; overflow:hidden; height:284px; }
.subject-list ul { margin:8px 0 0; float:left; width:230px; height:265px; padding:0 0 0 4px; overflow: hidden; }
.subject-list ul:last-child { width:220px; padding-left:8px; }
.subject-list li { padding: 3px 0; list-style: none;}
.subject-list li a { font-size: 12px; }

.newsDetailContainer h2{color: #0c4da2;font-size: 20px;}
.newsDetailContainer p {overflow: hidden;margin-bottom: 1px;}
.newsDetailContainer div img {max-width: 100%;}
.newsDetailContainer div p, .newsDetailContainer div div, .newsDetailContainer table {max-width: 100% !important;width: 100% !important;}
.newsDetailContainer div p {margin-bottom: 1px; margin-left: 0 !important; margin-right: 0 !important; text-align: justify;}
.newsDetailContainer p img {max-width: 100% !important;height: auto !important;}
.newsDetailContainer table {max-width: 100%;width: 100%;}
.latestImgDiv {max-height: 230px; overflow: hidden;}
.latestImgListDiv {max-height: 200px; overflow: hidden; margin-right: 8px;}
.newsListEachRow {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2;}

.group-5 .group-content-footer div a { background:url(images/icons-2.png) left -25px no-repeat; padding:2px 25px 2px 34px; float:left;  }
.group-5 .group-content-footer div .download { background-position:left -52px; padding:2px 8px 2px 22px; }
.otherNewsContainer{padding: 0;margin: 0 0 10px;}
.otherNewsContainer li {background: url('images/li-arrow.png') 2px 11px no-repeat; padding: 5px 0 5px 14px;border:none;list-style: none;}
.otherNewsContainer .pagination li {background: none; padding: 0;border:none;list-style: none;}

.group-content-footer {overflow: hidden; clear: both;}
.group-content-footer div{float: right;}
.clearfix {width: 100%; }
.headerWithDate span {float: right; color: #4e4e4e; font-size: 14px;}
.tuVanContainier  .group-header h2 { background:url(images/box3.png) left top no-repeat; padding:0 0 0 46px; text-align:left; color:#ce1d1e; margin:0; height:31px; line-height:30px; text-transform:uppercase; font-weight:bold; font-size:1.1em;  }
.hide-help-block-check .help-block { display: none; }
        
.contact-group { color:#3953a4; margin:0; }
.contact-group li { margin:0 0 10px 0; padding:2px 0 10px 15px; list-style:none; background:url(images/separator.png) left bottom no-repeat; text-align:left;  }
.contact-group li.first { padding-left:0; text-align: center; }
.contact-group .phone { background:url(images/tuyensinh.png) left -72px no-repeat; padding:4px 0 0 64px; display:inline-block; height:42px;  }
.contact-group .email { background:url(images/tuyensinh.png) left -126px no-repeat; padding:4px 0 0 44px; height:34px; display:inline-block; }
.contact-group li.last { background:none; padding-left:0; }
.contact-group .address { background:url(images/contact-address.png) left top no-repeat; width:226px; height:70px; }
.contact-group .address h6 { font-weight:normal; color:#FFF; padding:0 0 0 15px; text-align:left; }
.contact-group .address div { width:190px; color:#f26522; padding-top:0; margin:0 auto; text-align:center; }
.contact-group span { color:#ed1f24; display:block; }
#nhanSuContainer {margin-bottom: 8px;}
#nhanSuContainer .nhanSuItem {margin: 5px 0;text-align: center;}
#nhanSuContainer .nhanSuItem img{ padding: 9px; border:1px solid #ccc; max-height: 200px;}
#nhanSuContainer .nhanSuItem h3{ font-size: 17px; font-weight: bold;margin: 8px 0 5px;}
#nhanSuContainer .nhanSuItem h3 a:hover{ text-decoration: underline;}
#nhanSuContainer .nhanSuItem h4{ font-size: 17px; font-weight: normal; color: #4e4e4e;}
#nhanSuContainer .nhanSuItem h4 a:hover{ text-decoration: none;}
#nhanSuContainer .pagination{ clear: both;margin: 0 auto;}
#nhanSuContainer .clearfix{ margin-bottom: 25px;}
.view-all-module {font-size: 14px;font-weight: bold; padding-top: 15px;float: right;}
.viewDetailNhanSuContainer .image-list-detail {text-align: center; color: #0c4da2;}
.viewDetailNhanSuContainer img{ padding: 9px; border:1px solid #ccc; max-width: 150px;}
.viewDetailNhanSuContainer h3{ font-size: 17px; font-weight: bold;margin: 8px 0 5px;}
.viewDetailNhanSuContainer h4{ font-size: 17px; font-weight: normal; color: #4e4e4e;}
.viewDetailNhanSuContainerUl {padding: 0 0 5px 0;margin: 50px 0 0 10px;}
.viewDetailNhanSuContainerUl > li:before {
  content: "\2022";
  color: #0c4da2;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
}

.viewDetailNhanSuContainerUl li{font-size: 14px;padding-bottom: 5px;list-style: none;}
.viewDetailNhanSuContainerUl li span { font-weight: bold; color: #0c4da2; padding-right: 5px;}
.viewDetailNhanSuContainerUl ul { padding: 0 0 0 30px;margin: 0 10px 0 0;}
.viewDetailNhanSuContainerUl h5 { font-size: 17px; font-weight: bold;}
.viewDetailNhanSuContainerUl .kinhNghiemContainer { margin: 10px 0 0 30px;}
.viewDetailNhanSuContainerUl .quaTrinhDaoTaoContainer { margin: 10px 0 0 30px;}

.printContainer {padding-right: 2px; text-align: right; padding-top: 2px;width: auto; float: right;}
.printContainer a{background:#3b5998;position:relative;width:32px;height:32px;margin-left:10px;align-self:center;justify-content:center; float: left;}
.printContainer .tw{background:#1da1f2;}
.printContainer .mail{background:#848484;}
.printContainer .share-link{background:none;border:1px solid #e2e2e2;}
.printContainer a svg{align-self:center}
.printContainer a:hover svg{fill:#0}
.printContainer a:hover {opacity:0.5;}

.printContainer a{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.printContainer svg {width: 15px;fill:#FFF}
.printContainer .share-link svg { fill:#757575; }
.social_pin{position: -webkit-sticky;
  position: sticky;
  top: 10%;
  padding: 45px 5px 0 0;}
.social_pin ul {padding: 0;margin: 0;}
.social_pin li {list-style: none; padding-bottom: 5px; overflow: hidden;}
.social_pin a{background:#3b5998;position:relative;width:32px;height:32px;margin-left:0;align-self:center;justify-content:center; float: left;}
.social_pin .tw{background:#1da1f2;}
.social_pin .mail{background:#fbaa36;}
.social_pin .printer-a{background:#848484;}
.social_pin .share-link{background:none;border:1px solid #e2e2e2;}
.social_pin a svg{align-self:center}
.social_pin a:hover svg{fill:#0}
.social_pin a:hover {opacity:0.5;}

.social_pin a{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.social_pin svg {width: 15px;fill:#FFF}
.social_pin .share-link svg { fill:#757575; }
.social_pin .zalo-share-a { padding-top: 5px;background: #03a5fa; }
.social_pin .printer-a { padding-left: 0; }
.trac-nghiem-chon-nghe h2 {font-weight: normal; font-size: 16px; color: #0c4da2;}
.trac-nghiem-chon-nghe .box-2 {border: 1px solid #e2e2e2; background: #f2fafe; padding: 10px 30px 5px; color: #4e4e4e;margin: 5px 0 10px;}
.trac-nghiem-chon-nghe .options {text-align: right;}
.ui-checkboxradio-radio-label, .ui-checkboxradio-radio-label:hover, .ui-checkboxradio-radio-label:active, .ui-checkboxradio-checked {padding: .2em 0.8em ;border: none;}
.ui-checkboxradio-checked {background: #3085f7; color: #fff;}

.timerContainer {float: right;padding-top: 10px;}
.timerContainer span {font-size: 14px;font-weight: normal;display: inline-block;padding-top: 4px; }
.trac-nghiem-chon-nghe-result {border: 1px solid #e2e2e2; background: #f2fafe; padding: 10px 30px 5px; color: #4e4e4e;margin: 5px 0 10px;}
.trac-nghiem-chon-nghe-result .box-3-footer{text-align: right;color: #ea960d;font-style: italic;}       
.trac-nghiem-chon-nghe-result h2{font-weight: bold; font-size: 16px; color: #0c4da2;}       
.questionListContainer {margin-bottom: 30px;}
.questionListContainer .answer{font-weight: bold; font-size: 18px; color: #C00; margin: 12px 0 10px; background:url(images/tuyensinh.png) left top no-repeat;padding:5px 0 5px 36px;}
.questionListContainer .question{font-weight: bold; font-size: 18px; color: #0c4da2; margin: 18px 0 5px;background:url(images/tuyensinh.png) left -38px no-repeat;padding:5px 0 5px 36px;}
.questionListContainer .question span {font-weight: normal; font-size: 16px; font-style: italic; color: #0c4da2;}
.questionListContainer .reply-by {color: #333;text-align: right;font-weight: bold;font-size: 17px;padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #bdbdbd; }

#questionListContainer .pagination{ clear: both;margin: 0 auto;}
#consultings-question-content {padding: 15px 18px;}
.consultingsFormTextarea div {font-style: italic; color: #4e4e4e;margin-top: 8px;}
.consultingsFormTextarea div button{min-width: 60px;}
.modal-header {border-bottom:none;}  
.modal-body {padding-top: 0;max-height: 800px;}    
.modal-footer {justify-content: center;}
.staticMap {padding-bottom: 15px;}
.staticMap img {border:1px solid #e2e2e2;}
.contact-infos {color: #343131;background: #fffef5; padding: 15px 5px 0 5px; border: 1px solid #f2f2f2;}
.contact-infos h5{font-weight: bold;font-size: 16px; color: #f6861f;line-height: 22px;}
.contact-infos ul{padding: 0; margin: 5px 0 10px;}
.contact-infos li{list-style: none;}
.contact-infos li li {padding-bottom: 8px;}
.contact-infos-seperate{width: 75%;margin: auto;height: 1px; background: #757575;margin-bottom: 10px;}
.contact-infos .bi-phone {width: 15px;}
.contact-infos svg {fill:#757575;}
.thu-vien-content { background:url(images/tracuu.png) 2px top no-repeat; padding:75px 0 0 280px; min-height:170px; }
.thu-vien-search {}
.thu-vien-search input, .thu-vien-search select {max-width: 280px; padding: 2px 4px; max-height: 25px;}
.thu-vien-search label {padding: 1px 0;}
.thu-vien-search .form-group { margin-bottom: .5rem;}
.thu-vien-container {background: #f2fafe; border: 1px solid #e2e2e2; padding: 25px 5px 5px;}

.search-result-library { border:1px solid #b4c9e8; border-width:1px 1px 1px 1px; margin:3px 0 0; width:100%; max-width: 100%;}
.search-result-library img { margin-right: 5px;}
.search-result-library th, .search-result-library td { border:1px solid #b4c9e8; border-width:0 1px 1px 0; padding:2px 5px 1px; vertical-align:top; }
.search-result-library th { background:#337ab7; text-align:center; color:#FFF; font-size:16px; font-weight:normal;  }

.search-result-library td { border-width:0 1px 0 0; background:#FFF; padding:5px 5px; font-size:15px; }
.search-result-library td:first-child { text-align:center; }
.search-result-library td a { color:#396db4;  }
.search-result-library tr:nth-child(even) td { background:#d6f2fc; }
.search-result-library .download-item, .search-result-library .view-item { background:url(images/newbook.png) left 2px no-repeat; height:17px; margin-top:2px; width:22px; display:inline-block; }
.search-result-library .view-item { width:27px; background-position:0 -22px; height:20px; }
.download-item-huong-dan, .view-item-huong-dan { background:url(images/newbook.png) left 2px no-repeat; height:17px; margin-top:2px; width:15px; display:inline-block; }
.view-item-huong-dan { width:27px; background-position:0 -22px; height:20px; }

.search-result-library .actions { text-align:center; }
.group-15 .search-result-library .odd td { color:#f7941d; }

.thu-vien-latest-container {background: none;}

.group-14 .newbook-list { overflow:hidden; margin:15px 0 0 15px; padding:0; }
.newbook-list > ul { padding: 0;}
.newbook-list > ul > li { background:url(images/item-newbook.png) left top no-repeat; width:154px; height:264px; float:left; margin:0 10px 22px 0; list-style:none; padding:0; text-align:center; }
.newbook-list > ul > li.last { margin-right:0; }
.newbook-list h6 { font-size:13px; padding: 2px; text-align:center; color:#FFF; font-weight:normal; margin:1px 2px; line-height:1.2em; }
.group-14 .newbook-list img { display:block; float:none; border:none; width:108px ; height: 157px; margin: 0; }
.newbook-list > ul > li > a { color:#336ab2; font-size:.8em; line-height:1.1em; padding:0 8px; display:block; }
.group-14 .newbook-list div { margin:20px auto 6px; width:108px; border:1px solid #ebf7fb; }
.group-14 .newbook-list div a { padding: 0; }
.group-14 .newbook-list .clearfix { padding: 0; margin: 0; border: none;}
.newbook-list .pagination { padding: 0; margin: 0 auto; width: auto;  }

.group-content .thong-bao { background: url(images/alertHuongDan.png) left top no-repeat; width: 273px; height: 98px; margin: 10px auto 0; text-align: center; font-size: 1em;}
.group-content .thong-bao h5 { margin: 0; padding: 0; font-weight: normal; color: #FFF; line-height: 21px;font-size: 14px;}
.group-content .thong-bao p { color: #3c6fb5; margin-top: 10px; font-size: 14px;}

#scroll_to_top{width:49px;height:51px;background:url(images/iconTop.png) left top no-repeat;line-height:49px;text-align:center;border-radius:3px;position:fixed;bottom:90px;right:70px; opacity:0.6;}
.libray-detail-container .detailTab  {background: #f2fafe; border: 1px solid #e2e2e2; padding: 25px 5px 5px;}
.libray-detail-container ul {padding: 0;margin: 0;}
.libray-detail-container li {list-style: none;}
.libray-detail-container li label{display: inline-block; width: 90px;font-weight: bold;}
.libray-detail-container #detailAll li{ padding-left: 15px;}
.libray-detail-container #detailAll label{width: 150px;}
.eventBasicList {padding: 0 0 10px;margin: 0;}
.eventBasicList li{padding-left: 1px;list-style: none; vertical-align: bottom;overflow: hidden;}
.eventBasicList li svg{font-size:25px; padding-right: 8px; }
.eventBasicList li span{line-height: 30px;}
.eventDetailContainer .image-list-detail img {margin:0 auto;display: block;width: 100%;}

.eventBasicDetailList {padding: 0 0 10px;margin: 0;}
.eventBasicDetailList li{padding-left: 1px;list-style: none; vertical-align: bottom;overflow: hidden; }
.eventBasicDetailList .detailLinks, .eventBasicDetailList .detailLinksTitle {font-size: 16px;font-weight: bold;}
.eventBasicDetailList .detailLinksTitle {color: #0c4da2;}
.eventBasicDetailList .viewDetailEventLink {text-align: right;}
.eventBasicDetailList li .bi-clock, 
.eventBasicDetailList li .bi-geo-alt, 
.eventBasicDetailList li .bi-newspaper
{padding-right: 8px; font-size: 25px;}
#filterTuVanContent {width: 95px;}
#mainMenu .navbar-toggler {margin: 2px 0;}
.navbar-sticky {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;  
  height: 44px;
}
.filterFormContainer {float: right; max-width: 500px;margin-right: 30px; margin-top: -2px;}
.filterFormContainer .form-group {margin-bottom: 0;}
.filterFormContainer button{width: 70px ;}
.fixModuleContainer {}
.fixModuleContainer .headerModule { width: 99%;padding-right: 4px;}
.fixModuleContainer .headerModule .row{ margin-left: -5px; margin-right: -5px;}
.fixModuleContainer .blog-post{ padding: 0 8px 0 0;}

#topMenuNameContainer {background: #fffef5; float: left; border:1px solid #00aeef; position: absolute; top:16px; left:-20px; padding:9px 8px; color:#f6851f; font-weight: bold; white-space: nowrap; font-size: 22px; min-width: 100px; min-height: 45px;}
/*.col-sm-6 {text-align: center; }
.col-sm-6 .blog-post {padding: 0 5px 0 15px;}
.col-sm-6 .blog-post li, .col-sm-6 .blog-post p{text-align: left;}
.col-md-9 { padding-right: 5px !important;}*/                                                                                                              

footer .col-sm-6 {text-align: left; }
footer p {line-height: 20px; margin-bottom: 6px; }

.truyen-hinh-truc-tuyen { padding: 0 0 0 0; overflow: hidden; margin: 0 0 5px 0;  }
.truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-video {   margin: 0 1px 0 0;  }
.truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description {  padding: 30px 8px 30px; color:#fff; background:url(images/truyenHinhTrucTuyen.png) center 60px no-repeat #1a62ac; }
.truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description p { font-size: 1.2em; font-style: italic; margin: 0 0 2px; line-height: 20px; }
.truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description strong, .truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description h2 { font-style: normal; color: #f7941d; }
.truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description h2 { font-size: 1.4em; text-transform: uppercase; font-weight: normal; margin-bottom: 20px; text-align: center;  }
.truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description h5 { color: #6fccdd; margin: 0 0 0; font-size: 1.4em; font-style: italic; font-weight: normal; text-align: center; }

#stuCode2 {display: none; right: 16px; bottom: 1px; position: absolute;}
.visible-xs {display: none;overflow: hidden;width: 100%;}
.visible-xs form {float: right;padding-top: 3px;}
.searchFormMain {display: block;}
.searchFormSecond {width: 60%;}

#sign-in { background:url(images/login-bg.png) right top #ebebeb no-repeat; border:1px solid #93d8f1; padding:40px 0 0 70px; position:relative; }
#sign-in .login-form { position:relative; top:auto; right:auto; border:none; background:none; padding:15px 0 0 120px; width:400px; }
#sign-in .login-form .buttons{ margin:15px 8px 0 62px; text-align:left }
#sign-in h1 { color:#f26522; font-size:1.7em; }
#sign-in h1 span { color:#00aeef; font-size:170%; }
#sign-in label { color:#000; }
.sign-in-bottom { background:url(images/signin-bottom.png) left top no-repeat; position:absolute; bottom:0; left:0; width:200px; padding: 0 0 0 25px; height:20px;}
.sign-in-bottom a { color:#fff; line-height:20px; }
#sign-in .form-group { margin-bottom: 2px;}
#sign-in .form-control { font-size: 14px; padding: 3px 5px;}

#sign-in label {  background: url(images/login-icons.png) left top no-repeat; line-height: 22px; padding: 6px 5px 5px 28px; }
#sign-in label[for=LoginForm_password] {  background-position:0 -36px; padding-left: 20px; }
#sign-in .button-list {  text-align: right; }
#sign-in .forgotPassLink {  text-align: right; padding-right: 40px; padding-top: 5px; padding-bottom: 5px;}
#sign-in .forgotPassLink a {  color: #F00;}
#sign-in .forgotPassLink a:hover { text-decoration: none;}

.leftColumnContainerMain, .rightColumnContainerMain {margin-top: 8px;}
.rightColumnContainerMain > .row {margin-left:0; padding-left: 8px;}
#featuredNewsJcarousel li {height: auto; border:1px solid #f2f2f2;}
#featuredNewsJcarousel li div:before {
  content: "\2022";
  color: #F00;
  font-weight: bold;   
  width: 1em;
}

.socialVerticalContainer {text-align: left;}  
.beforeFooterContainer {margin: 8px 1px; margin-left: -10px; margin-right: -10px;}

.jcarousel .lg-video-play-small {
  width: 42px;
  height: 29px;
  position: absolute;
  left: 58%;
  top: 52%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 9;
  cursor: pointer;
}
.jcarousel .lg-video-play-small {
  background: url("images/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.jcarousel .lg-video-play-small:hover {
  background: url("images/youtube-play.png") no-repeat scroll 0 -29px transparent;
}
#videos li {position: relative; height: 178px; text-align: center;overflow: hidden; padding: 0 3px;}
#videos li img {margin: 0 auto 2px;}
#videos li a {
    font-size: 15px; color: #000;
}

#partner_links li {position: relative; height: 135px; text-align: center;overflow: hidden; padding: 0 3px;}
#partner_links li img {margin: 0 auto 2px;}
#partner_links li a {
    font-size: 15px; color: #000;
}

.jcarousel-wrapper.jcarouselWrapperVideos {padding: 15px 10px; border: none;}
.videoListContainer {margin: 8px 0 1px; border: 1px solid #f2f2f2; background: #fffef5; overflow: hidden;}
.videoListFooter {text-align: right;line-height: 14px;}
.videoListFooter .view-all-module{padding: 1px 10px 8px 0;}


.dao-tao-chi-tiet-content .ui-checkboxradio-label{color: #000;background: none !important;}
.dao-tao-chi-tiet-content .ui-checkboxradio-icon {border:1px solid #616161;}
.dao-tao-chi-tiet-content .ui-checkboxradio-label .ui-icon-background {box-shadow:none;width: 16px; height: 16px;}
.dao-tao-chi-tiet-content .ui-checkboxradio-label .ui-state-hover, .dao-tao-chi-tiet-content .ui-checkboxradio-label .ui-icon-blank {border-color: #003eff;}


.dao-tao-chi-tiet-content .ui-checkboxradio-label:hover{color: #000;}
.dao-tao-chi-tiet-content .ui-checkboxradio-checked{background: none; border: none;}
.dao-tao-chi-tiet-content .ui-state-active, .dao-tao-chi-tiet-content .ui-state-active:hover{background: none; border: none; padding: .2em 0.8em;box-shadow:none;}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, 
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{
    width: 16px; height: 16px;
}
.selectedModule {padding-right: 10px;}
.tapChiForm {}
.tapChiForm h6, .tapChiForm h6 strong {font-weight: normal;}
.tapChiForm h6 span{color: #0c4da2;}
.tapChiForm .bootstrap-tagsinput .badge [data-role="remove"] {color: #FFF;}
.can_bo_tham_dinh_container_seperator
{
    border-top: 1px solid #CCC; margin-bottom:12px;
}

#tap_tin_dinh_kem_container_2,
#tap_tin_dinh_kem_container_3,
#can_bo_tham_dinh_container_2,
#can_bo_tham_dinh_container_3,
#step_form_4_container,
#step_form_3_container,
#step_form_2_container, 
#tac_gia_container_3{display: none;}
.tapChiNews div {display: inline-block; margin: 0; padding: 2px 5px; border:1px solid #e2e2e2; }
.listTapChiNewsItem {margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #e2e2e2;}                      
.listTapChiNewsItem li strong{font-size: 14px; color: #0056b3; }
.listTapChiNewsItem a {font-weight: bold;font-size: 18px;display: block;margin-bottom: 5px;}                      
.listTapChiNewsItem p {margin-bottom: 8px;line-height: 18px;}                      
.tapChiNews{margin-top: 8px;}
.listTapChiNewsItem div {background: none; }
.listTapChiNewsItem div a{color: #616161; font-size: 15px; font-weight: normal;margin-bottom: 0;}

.listTapChiNewsItem ul {padding: 0; margin: 0;}
.listTapChiNewsItem li {background: url('images/li-arrow.png') 2px 11px no-repeat; padding: 5px 0 5px 14px;border:none;list-style: none;}
.listTapChiNewsItem li a:hover{text-decoration: underline;}


.listTapChiNewsDetail {margin-bottom: 15px;}                      
.listTapChiNewsDetail h1 {font-weight: bold;font-size: 22px;display: block;margin-bottom: 5px; color: #0056b3;}                      
.listTapChiNewsDetail div a{color: #616161; font-size: 15px; font-weight: normal;margin-bottom: 0;}
.listTapChiNewsDetail ul {padding: 0; margin: 0;}
.listTapChiNewsDetail li {background: url('images/li-arrow.png') 2px 12px no-repeat; padding: 5px 0 5px 14px;border:none;list-style: none;}
.listTapChiNewsDetail li a:hover{text-decoration: underline;}
.listTapChiNewsDetail li strong{font-size: 14px; color: #0056b3; }
.tapChiTinTucContainer {padding-right: 2px;}

.baiGiangDienTuContainer ol {padding: 0 0 0 20px; margin: 8px 0;}
.taiLieuChuyenNganhContainer ul {padding: 10px 0 10px 5px;margin: 0;background: #fffef5; border: 1px solid #f2f2f2;}
#taiLieuChuyenNganhContainerMain li {list-style: none;padding-bottom: 5px;}
#taiLieuChuyenNganhContainerMain li a{font-size: 16px;}
#taiLieuChuyenNganhContainerMain li:before {
  content: "\2022";
  color: #F00;
  font-weight: bold;   
  width: 1em;
}

@media (max-width: 320px) {
    
}




@media (max-width: 1200px) {
  
}



@media (max-width: 992px) {
    .group-8 .group-search h4 {padding: 0;}
    .group-8 .group-content {width: auto;background: none; height: auto;}
    .group-8 .group-content-header span {display: none;}
    .group-8 .group-search {text-align: left;}
    .subject-list ul, .subject-list ul:last-child {width: auto;float: none;height: auto;padding-bottom: 5px;padding-left: 0;}
    .subject-list li a {font-size: 15px;}
    .group-8 .group-content-footer {display: none;}
    .subject-list {height: auto;} 
    .leftColumnContainerNhanSu {padding-right: 2px;}
    .tapChiTinTucContainer {padding-right: 0px;}
}

@media (max-width: 992px) {
     .socialVerticalContainer {display: none;}  
     #topHomeLinks a {padding: 0.5rem 0.3rem;}
     #navbarNavDropdown ul li {background: none}
     .visible-xs {display: block;}
     .searchFormMain {display: none;} 
     
    /* #jcarouselTapChi li .wrapperTop{height: 30% !important;}
    #jcarouselTapChi li .wrapperBottom{height: 60% !important;}
    #jcarouselTapChi li .tapChiSliderLink{height: 10% !important;}*/
    #jcarouselTapChi li .wrapperBottom div{width:100% !important; margin: 0 !important; }
    #jcarouselHeadLibrary li .wrapperBottom div{width:100% !important; margin: 0 !important; }
     
}
@media (max-width: 600px) {
    #stuCode1 {display: none;}
    #stuCode2 {display: block;} 
    
}
@media (max-width: 800px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {padding-left: 11px; padding-right: 15px;}
    #topHomeLinks .borderRight{ display: none;}
    #topHomeLinks {justify-content:center !important;}
    .socialVerticalContainer {display: none;}
    
    #scroll_to_top {right: 20px;}
    #mainMenu { padding: 1px 4px;}
    .fixing-menu-nav{ top: 0; width: auto;}
    /*#navbarNavDropdown ul li a:hover { text-decoration: underline; }*/
    #navbarNavDropdown .dropdown-menu {box-shadow:none;}
    .rightColumnContainerMain > .row {margin-left:0; padding-left: 0;}
    
    .filterFormContainer {margin-right:0;width: 150px;}
    .filterFormContainer .form-group {margin: 5px 0 1px;}
    
    .libray-detail-container .search-item-book-detail {padding: 8px 8px 4px;}
    .thu-vien-content {background: no-repeat; padding: 10px;}
    #thu-vien-search > div {padding: 2px 10px;}
}   


@media (max-width: 800px) {                          
    #topMenuNameContainer {font-size: 16px; top:5px; left: 12px;}
    #topMenuRow {border-bottom: none !important;}
    .row {margin-bottom: 3px;}
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {padding-left: 10px; padding-right: 10px;}
    .newsListEachRow {margin-bottom: 10px; }
    .newListContainer .row{margin-left:-1px; margin-right: -1px;}
    .latestImgListDiv {margin-right: 0;}
    
    .truyen-hinh-truc-tuyen { padding: 0 0 0 0; overflow: hidden; margin: 0 0 5px 0;  }
    .truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-video {   margin: 0 1px 0 0;  }
    .truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description {  padding: 30px 8px 30px; color:#fff; background:#1a62ac; }
    .truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description p { font-size: 1.1em; font-style: italic; margin: 0 0 2px; line-height: 25px; }
    .truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description strong, .truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description h2 { font-style: normal; color: #f7941d; }
    .truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description h2 { font-size: 1.4em; text-transform: uppercase; font-weight: normal; margin-bottom: 20px; text-align: center;  }
    .truyen-hinh-truc-tuyen .truyen-hinh-truc-tuyen-description h5 { color: #6fccdd; margin: 0 0 0; font-size: 1.4em; font-style: italic; font-weight: normal; text-align: center; }
    .rightColumnContainerMain  {padding: 0px;}
    .rightColumnContainerMain > .row {margin-left:5px;margin-right: 5px;}
    .rightColumnContainerMain .col-xs-12 , 
    .rightColumnContainerMain .col-sm-12 , 
    .rightColumnContainerMain .col-md-12
    {padding: 0;}
    .jcarousel .lg-video-play-small {      
      left: 58%;
      top: 40%;
      margin-left: -42px;
      margin-top: -30px;
      z-index: 9;
      cursor: pointer;
    }    
    .newsDetailContainer div p, .newsDetailContainer div div, .newsDetailContainer table {max-width: 99% !important; width: 99% !important;}
    .newsDetailContainer table td:first-child { padding: 0 8px 0 0;}
    .selectedModule {padding-right: 5px;}    
    
}  
@media (max-width: 480px) { 
    #mainMenu {overflow: scroll;max-height: 600px;}
    .filterFormContainer {margin-right:0; width: auto;}
    .filterFormContainer .form-group {margin: 5px 0 1px;}
    .newbook-list > ul > li {margin: 5px 0;}
}  
@media (min-width: 576px) {
    #detailBasic .col-sm-3 {width: 100%;max-width: 100%;}    
    #detailBasic .col-sm-9 {width: 100%;max-width: 100%;}    
    
}