@charset "UTF-8";
html {
	font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    color: #424242;
    /* background: #eeeef0 url(images/bd-bg.jpg); */
    background: #fff;
    font-family: Arial, sans-serif, 'Open Sans';
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    margin: 0;
    min-height: 600px;
    height: 100%;
}
.rotate {
    /* Safari */
    -webkit-transform: rotate(180deg);
    /* Firefox */
    -moz-transform: rotate(180deg);
    /* IE */
    -ms-transform: rotate(180deg);
    /* Opera */
    -o-transform: rotate(180deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    white-space: nowrap;
}
.Normal p, .Normal li, .Normal div {
    color: inherit;
    line-height: 24px;
}

.box-body img, .Normal img {max-width: 100%;height:auto;width: max-content;}
.bg-none {
    background: none !important;
}
.bg-image1 {
    background-image: url('//www.eamcvina.vn/img.thumb/jpg-1743x938-cc/cdn/eamc/Assets/DONGAU-32_1.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: black !important;
    color: white;
}
.bg-image2 {

}
.bg-image3 {

}

.screenSize {position:absolute;top:10px;right:10px;border:solid 1px #f5f5f5;border-radius:4px; padding:5px; opacity: .5;}
::-webkit-scrollbar {
	width: 8px;
	height:8px;
}
::-webkit-scrollbar-thumb{
	background-color:#d6d6d6 !important;
}
/* Square Columne */
.square {
	position:relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.square::before {
	padding-bottom:100%;
	display: block;
	content: "";
}
form#Form {margin-top: 0px !important;}
form#Form.showControlBar {position: relative;margin-top: 0px !important;padding-top: 53px;}
header.site-header {
	background:white;
	-webkit-box-shadow: 0px 0px 1px 1px #e4e4e4;
	box-shadow: 0px 0px 1px 1px #e4e4e4;
	/* margin-bottom: 1px; */
	top:0;
	/*max-height:160px;*/
	-webkit-transition: max-height 0.15s;
	-moz-transition: max-height 0.15s;
	-ms-transition: max-height 0.15s;
	-o-transition: max-height 0.15s;
	transition: max-height 0.15s;
	border-bottom: solid 2px #008400;
}
/*==================================================
 Header Sticky
  ================================================== */
.sticky {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1002;
  width: 100%;
  -moz-box-shadow: 0 5px 9px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 5px 9px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 5px 9px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 9px 2px rgba(0, 0, 0, 0.3);
}
header.sticky.is-sticky {
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    /* background-color: #007bff; */
}
/* ẩn tophead khi sticky*/
header.is-sticky .tophead,
/* ẩn banner khi sticky desktop */
.gt-break header.is-sticky .banner {
    /* display:none; */
}

header.is-sticky .tophead, .gt-break header.is-sticky .banner>.container {
    min-height: initial;
}
.gt-break header.is-sticky .banner .brandInfo,
.gt-break header.is-sticky .banner .right-box  {
    display: none !important;
}
.gt-break header.is-sticky .nav-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

/* ẩn sticky khi đang cuộn/vuốt xuống*/
.scr-down:not(.menu-show) .sticky.is-sticky {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
/*====== End Header Sticky =====*/
/*google translate dropdown*/
#google_translate_element {
    display: inline-block;
    padding: 0;
    align-self: center;
}

    #google_translate_element a.goog-te-menu-value img { display: none;}
    #google_translate_element a.goog-te-menu-value span:first-child {
        display: none;
    }

    #google_translate_element a.goog-te-menu-value {
        margin: 0;
        padding: 0;
    }

    #google_translate_element .goog-te-gadget-simple {
        border-color: #6EABFD;
        border-radius: 3px;
        border: 0;
        padding: .2rem;
        background: #E3F2FD;
        margin-right: .3rem;
    }

        #google_translate_element .goog-te-gadget-simple span {
            margin: 0;
        }

/* Fix ControlBar bootstrap border-box*/
body > form #ControlBar_ControlPanel, body > form #ControlBar_ControlPanel *,
body .dnnFormItem * {
    box-sizing: content-box;
}

.menu-show body > form #ControlBar_ControlPanel {
    z-index: 1000 !important;
}
body .form-control {font-size:inherit;}
/*end ControlBar*/
/* Fix ui-dialog bootstrap box-sizing */
.ui-dialog .ui-dialog-content * {
    box-sizing: content-box;
}
.ui-dialog.dnnFormPopup {
    padding: 10px;
}
.ui-dialog.dnnFormPopup .dnnModalCtrl {
    top: 0px;
    right: 0;
}
div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    top:0;right:0;
}
/* end fix*/
#Form.showControlBar header.site-header {
    top: 0;
}
form .actionMenu ul {z-index:999 !important;}
.Normal, .NormalDisabled, .NormalDeleted {
	font-size: 15px;
}
a, a:visited {
    color: #424242;
    text-decoration: none;
    outline: 0;
}

a:hover {
    color: red;
}
    a:hover {
        color: #0059b5;
        text-decoration: none;
        /* border-bottom: dotted 1px; */
    }

/* Heading format */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    display: block;
    color: inherit;
    font-family: Arial, sans-serif, 'Open Sans';
    font-weight: bold;
    margin-bottom: .5rem;
    margin-top: 0;
}
h1,.h1 {
	font-size: 1.8rem;
	line-height: 2.2rem;
	letter-spacing: normal;
	margin-bottom: .8rem;
}

h2, .h2 {
    font-size: 1.66rem;
    line-height: 1.8rem;
    letter-spacing: normal;
    margin-top: 0;
    /* margin-bottom: 10px; */
}

h3, .h3 {
    font-size: 1.4rem;
    line-height: 1.5rem;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
    font-weight: 400;
}

h4, .h4 {
    font-size: 1.3rem;
    line-height: 1.5rem;
    letter-spacing: normal;
}

h5, .h5 {
    font-size: 1.1rem;
    line-height: 1.3rem;
    letter-spacing: normal;
}

h6, .h6 {
    font-size: .95rem;
    line-height: 1.1rem;
    letter-spacing: normal;
}
.title h3 {
	font-weight: normal;
	font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.title h3 .fa {
	color: #bbb;
}
.title h2 .fa {
	margin-right:6px;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.equal {
  display: flex;
  flex-wrap: wrap;
}   
.equal > div[class*='col-md'] {  
  display: flex;
  flex-direction: column;
}
.equal div.DnnModule,
.equal div.box {
	height: 100%;
}
.line-hr {
	display:block;
	clear:both;
	height: 1px;
    background: #eee;
    min-width: 100%;
    font-size: 1px; /* IE 6 */
	margin-top:1px;
	margin-bottom:1px;
}
.container > .line-hr,
.container-fluid > .line-hr {margin-left:-15px;margin-right:-15px;}
.ico-50 {font-size: 50px;color: #ff8c14;}
.ico-70 {font-size: 70px;color: #ff8c14;}
.br {display: inline-block;}
.spc3 {letter-spacing:3px;}.spc4 {letter-spacing:4px;}
.magTop10 {margin-top:10px;}.magTop20 {margin-top:20px;}.magTop30 {margin-top:30px;}
.padTopBot30 {padding-top:30px;padding-bottom:30px;}
.padTopBot20 {padding-top:20px;padding-bottom:20px;}
.padTopBot15 {padding-top:15px;padding-bottom:15px;}
.padTopBot10 {padding-top:10px;padding-bottom:10px;}
.padTop10 {padding-top:10px;}
.marTopBot10 {margin-top:10px;margin-bottom:10px;}
.block15 {height:15px;line-height:15px;}
.fc-orange {color:#FF6600;font-size: 100%;}
/* màu icon cơ bản - force color */
.color-primary {color: #0059b5;}
.color-secondary {color: #21b24a;}
.color-orange-heavy {color: #ff6600;}
.color-dark-brown {color:#57463E;}
.color-dark-green {color:#676D26;}
.color-orange {color: #FCAC1F;}
/* background color */
.bg-primary {background-color: rgba(0, 89, 181, 0.7) !important;color:white;}
.bg-primary2 {
    background-color: #0056af !important;
    color: white;
}
.bg-primary-5 {
	background-color: rgba(0, 89, 181, 0.41) !important;
	color:white;
}
.bg-secondary {background-color: #21b24a !important;color: white;}
.bg-grey {background-color:grey;}
.bg-white {background-color:white;}
.bg-heavy{background-color:#323232;}
.bg-redlight {background-color:#8f1f1b;}.bg-redbold {background-color:#720e0a;}
.bg-hoatiet {background-size: cover;background:url('//x.onednn.com/cdn/tuc/images/bg-hoatiet-2.png') bottom right no-repeat;}
.bg-fb,.bg-lightgrey {background-color:#f3f3f3;}
.bg-logo {
	background-repeat: no-repeat;
	background-position:center center;
	background-size:contain;
	background-size: 150px;
}
.banner-wrapper {
	min-height: 438px;
	background-repeat: no-repeat;
	background-clip: unset;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.bg-overlay {
	background-color: black;
	background-color: rgba(0, 0, 0, 0.55);
	color:white;
	margin-top:3rem;
	padding:1rem;
	padding-top:2rem;
}
.bg-overlay h2 {
	margin-bottom: 1.2rem;
	font-weight: 550;
}
.bg-overlay a {
	color: #0059b5;
	background:white;
	display:inline-block;
	border:solid 1px;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .25s ease-in-out;
}
.bg-overlay a:hover {
	background: #0059b5;
	color:white;
}
.bg-overlay p {
    font-size: 1rem;
}
.bg-breadcrumb {/* height: 35px; */background: #f6f6f6;border-bottom: 1px solid #f3f3f3;padding: 2px 0;box-shadow: 0px 2px 5px 0px #ccc;color: #757575;padding-top: .25rem;padding-bottom: .25rem;}

.bg-breadcrumb > .container {
    overflow: hidden;
    white-space: nowrap;
}
.bg-f2 {background-color:#eaeaea;}
.bg-blacklight,.bg-media {background-color:#757575;}
.bg-media {background-image:url('//x.onednn.com/cdn/vmu/deploy/media_bg.png');padding-top: 10px;padding-bottom: 15px;}
.bg-blackbold {background-color:#212121;}
.bg-orange {background-color:#f37021;}
.bg-bluelight {background-color:#1E88E5;}
.bg-blue {background-color:#1565C0;}
.bd-lightgrey {border:solid 1px #f3f3f3;}
.bd-2side {border-left: solid 1px rgba(239, 239, 239, 0.75);border-right: solid 1px rgba(239, 239, 239, 0.75);}
.grayscale {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	-moz-filter: grayscale(100%);
    filter: grayscale(100%);
	opacity: .7;
	transition: all 1s ease;
}
/* body:not(.dnnEditState) .wow {visibility: hidden;} */
.animated.delay1,.animated .animation_item.delay1{animation-delay:400ms;-webkit-animation-delay:400ms;}.animated.delay2,.animated .animation_item.delay2{animation-delay:600ms;-webkit-animation-delay:600ms}.animated.delay3,.animated .animation_item.delay3{animation-delay:800ms;-webkit-animation-delay:800ms}.animated.delay4,.animated .animation_item.delay4{animation-delay:1000ms;-webkit-animation-delay:1000ms}.animated.delay5,.animated .animation_item.delay5{animation-delay:1200ms;-webkit-animation-delay:1200ms}.animated.delay6,.animated .animation_item.delay6{animation-delay:1400ms;-webkit-animation-delay:1400ms}.animated.delay7,.animated .animation_item.delay7{animation-delay:1600ms;-webkit-animation-delay:1600ms}.animated.delay8,.animated .animation_item.delay8{animation-delay:1800ms;-webkit-animation-delay:1800ms}.animated.delay9,.animated .animation_item.delay9{animation-delay:2000ms;-webkit-animation-delay:2000ms}.animated.delay10,.animated .animation_item.delay10{animation-delay:2200ms;-webkit-animation-delay:2200ms}.animated.delay11,.animated .animation_item.delay11{animation-delay:2400ms;-webkit-animation-delay:2400ms}.animated.delay12,.animated .animation_item.delay12{animation-delay:2600ms;-webkit-animation-delay:2600ms}

.dnnSortable.ui-sortable, .dnnSortable.ui-droppable {
    padding: 0 15px;
}
/* Empty Panes */
.DNNEmptyPane {width: 0; margin: 0; display:none;}

.showModulePane .DNNEmptyPane {
    display: block;
    width: initial;
    margin: initial;
    border: dashed 2px #FF9800;
}
.DNNEmptyPane.rightTwoCol + div {width: 100%;}
.DNNEmptyPane.dnnDropEmptyPane {
	display:block;
}
.brandLogo>div {
	position:relative;
	/* margin-top:5px; */
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	/*width: 70px; height: 71px; */
}
a.footerLogo {
	display: inline-block;
	float:left;
	width: 120px;
	height: 40px;
	/* text-indent: 100%; */
	/* font-size:0; */
	white-space: nowrap;
	overflow: hidden;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	position:relative;
}
a.footerLogo {
	width: 91px; height: 57px;
}


/* BrandInfo Logo + BrandName */
.brandLogo {/* min-height: 50px; */float:none;/* margin-top: .2rem; *//* margin-bottom: .2rem; */}
.brandLogo>div {
	position:relative;margin-bottom:0px;margin-left:auto;margin-right:auto;
    /*width: 70px; height: 71px; */
}
.brandLogo a {
	display: inline-block;
	/* width: 48px; */
	/* height: 48px; */
	/* text-indent: 100%; */
	/* font-size:0; */
	white-space: nowrap;
	overflow: hidden;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	position:relative;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
}
.footer {
	background: #0059b5;
	font-size: 13px;
}
.footer h6 {
font-weight: 700;
margin-top: 1rem;
}
.footer h5 {
	
text-transform: uppercase;
	
/* color: red; */
	
font-family: Tahoma;
}
footer .brandLogo a {
	width: 160px; height: 160px;
}
footer h4, footer h3 {
	/* color:#EF6C00; */
}
.brandLogo img {
	height: 100%;
	position:relative;
	/* margin-top:15px; */
	/* margin-bottom:15px; */
	/* bottom:-30px; */
	object-fit: contain;
}
.brandName {
    color: #126d25;
    font-size: 1.6rem;
    font-family: 'times new roman';
    text-align:center;
}
.brandInfo {
    overflow-x:hidden;
    text-align: center;
    color: white;
}
.brandInfo .brandName {
    line-height: 1.5em;
    font-size: 1.6em;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 4px 4px 6px #7b201a;
    font-family: Tahoma;
    margin: 0;
}

.brand-child .brandInfo .brandName {
    text-align: left;
    font-weight: normal;
    font-size: 1em;
}

.brand-child .brandInfo h3.brandName {
    font-size: 1.2em;
    font-weight: 600;
    color: #FFEB3B;
    margin-top: .25rem;
}

.brand-child .brandInfo .brandName-child {
    text-align: left;
    text-transform: uppercase;
    font-size: 1.5em;
    color: #FFEB3B;
    text-shadow: 4px 4px 6px #7b201a;
    /* font-weight: normal; */
}

.brandInfo h4 {
    line-height: 0.8em;
    font-size: 2em;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 9px #710700;
    font-family: Tahoma;
    margin: 0;
}
.brandInfo .brandSlogan {
	line-height: 1.4em;
	font-size: 1.4em;
	/* color: #fff900; */
	font-weight: bold;
	text-shadow: 3px 2px 3px #e4e4e4;
	font-family: 'Dancing Script', cursive;
	margin: 0;
}
.size-xs .brandName,
.size-xs .brandSlogan {
    /* font-size: calc(.25rem + 2.8vmin); */
}
.size-sm .brandName {
}
.brandName span + span {
    color: #ed3237;
    font-size: 2rem;
    display: inline-block;
    margin-top: 3px;
    font-weight: 800;
}
.size-xs .brandName a {
    color: #ed3237;
}
.size-xs .brandName span + span,
.size-sm .brandName span + span {
    font-size:1.15em;
}
.animated.delay-200ms {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.animated.delay-400ms {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}
/* .brandLogo a:hover img {
	transition: 0.9s;
    transform: rotateY(360deg);
} */
/* End BrandInfo */

button.navbar-toggler {
	/* border-color: #dddddd; */
	/* float: left; */
	/* z-Index:2; */
	margin-left: 8px !important;
}
.animated-icon1, .animated-icon3, .animated-icon4 {
width: 25px;
height: 24px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span, .animated-icon3 span, .animated-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon1 span {
    background: #ffffff;
}
.animated-icon1.red span {
    background: rgb(199,14,1);
}
.animated-icon3 span {
    background: #e3f2fd;
}

.animated-icon4 span {
    background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
  top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}

.navbar-toggler[aria-expanded=true] .animated-icon1 span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.navbar-toggler[aria-expanded=true] .animated-icon1 span:nth-child(2) {
  opacity: 0;
  left: -68px;
}

.navbar-toggler[aria-expanded=true] .animated-icon1 span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
@-webkit-keyframes scaleme {
  0% { left: 0px; opacity: 1; }
  0.1%, 100% { left: -60px; opacity: 0; display:none; }
}

@-moz-keyframes scaleme {
  0% { -moz-transform: scale(1); opacity: 1; }
  0.1%, 100% { -moz-transform: scale(3); opacity: 0;display:none; }
}

.navbar-toggle .icon-bar {
    background-color: #888888;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.89)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    border-radius: 5px;
    border: solid 1px white;
}
.navbar-toggler-icon.red {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(199, 14, 1, 0.89)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    border-radius: 5px;
    border: solid 1px rgb(199,14,1);
}
.message-box {
	position: fixed;z-index: 2000;
    bottom: 0;
    right: 15px;
    background-color: #f37021;
    color: white;
    padding: 3px 10px;
    box-shadow: 0px 0px 2px 1px #FAFAFA;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 1px 0px 1px #ccc;
}
.message-box i.fa {font-size: 150%;}
.message-box i.fa-times {display:none;}
.message-box.active i.fa-times {display:inline-block;}
.message-box-panel {
	/* position: absolute; */
	display:none;
    bottom: 100%;
    right: 0;
    height: 306px; max-width:340px;
    background: white;
    /* opacity: .7; */
    box-shadow: 0px 0px 2px 1px #FAFAFA;
}
.message-box.active .message-box-panel {display:block;}
.message-box .message-box-caption {
	background-color: #f37021;
	color: white;
	display: inline-block;
    width: 100%;
	text-decoration:none;
}
.message-box .message-box-caption:hover {
	
}
/* .brandLogo a:hover img {
	transition: 0.9s;
    transform: rotateY(360deg);
} */
/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
/*#login {
    float: right;
}*/

#login .registerGroup,
#login .registerGroup *,
#login .loginGroup,
#login .loginGroup * {
	display: block;
}

#login li.userMessages a, #login li.userNotifications a {
    padding: 0 12px;
}

#login .registerGroup,
#login .loginGroup {
	float: right;
	padding: 0;
	margin: 0;
	align-self: center;
	line-height: 2em;
}

	#login .registerGroup li:first-child:hover {
		border-left: #222;
	}

	/* Register Group Styles */
	#login .registerGroup li {
		float: left;
		/* display: inline-block; */
		/* border: solid 1px red; */
		align-self: center;
	}

	#login .registerGroup .buttonGroup {
		margin-right: 0;
		margin-left: 0;
		margin: 0;
		padding: 0;
		display: inline-flex;
		align-self: center;
		/* line-height: 2em; */
	}

#login .registerGroup .buttonGroup:after {
    content: ' ';
    width: 100%;
    clear: both;
}

	#login .registerGroup a,
	#login .loginGroup a {
		display: block;
		position: relative;
		height: inherit;
		line-height: inherit;
		min-width: 23px;
		padding: 0px 7px;
		color: inherit;
		font-size: inherit;
		font-weight: inherit;
		vertical-align: middle;
		text-align: center;
		align-self: center;
		white-space: nowrap;
		/* margin-left: .3rem; */
		margin-right: .2rem;
	}

.loginGroup .LoginLink {
    text-indent: -9999px;
    overflow: hidden;
}

		#login .registerGroup a:hover,
		#login .loginGroup a:hover {
			/* background: #ec3a2e; */ /* Old browsers */
			background: -moz-linear-gradient(top, #ec3a2e 0%, #ec3a2e 100%); /* FF3.6+ */
			/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3a2e), color-stop(100%,#ec3a2e)); */ /* Chrome,Safari4+ */
			/* background: -webkit-linear-gradient(top, #ec3a2e 0%,#ec3a2e 100%); */ /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ec3a2e 0%,#ec3a2e 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ec3a2e 0%,#ec3a2e 100%); /* IE10+ */
			/* background: linear-gradient(to bottom, #ec3a2e 0%,#ec3a2e 100%); */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3a2e', endColorstr='#ec3a2e',GradientType=0 ); /* IE6-9 */
			/* color: #fff; */
			/* text-shadow: 0px -1px 0px #333; */
		}

		#login .registerGroup a:active,
		#login .loginGroup a:active {
			color: #fff;
			text-shadow: 0px -1px 0px #333333;
		}

		#login .registerGroup a:hover,
		#login .loginGroup a:hover {
			text-decoration: none;
		}

		#login .registerGroup a strong,
		#login .loginGroup a strong {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			overflow: hidden;
			font-size: 11px;
			text-indent: -9999px;
		}

#login .userMessages a,
#login .userNotifications a {
	background-color: #9E9E9E;
}

#login .userMessages strong {
	height: 100%;
	background: url('images/icon_message.png') no-repeat center center;
}

#login .userNotifications {
	border-right: 1px solid #CCC;
}

	#login .userNotifications strong {
		height: 100%;
		background: url('images/icon_notification.png') no-repeat center center;
	}

#login .registerGroup a span {
	display: inline-block;
	position: absolute;z-index:1;
	min-width: 7px;
	background: rgb(59,150,182); /* Old browsers */
	text-align: center;
	font-size: 11px;
	color: #fff;
	text-shadow: 0px 1px 0px #333333;
}

#login .registerGroup .userProfileImg a {
	min-width: 25px;
	padding: 0;
	background: none;
}

#login .registerGroup a img {
	/* line-height: 40px; */
	height: 40px;
	background: #333;
	border-radius: 4px;
	margin-bottom: -.35rem;
	margin-top: -.25rem;
}

/* Login Group Styles */
#login .loginGroup {
	/* border-right: 1px solid #CCC; */
	/* display: inline-flex; */
}

#login {
    flex-direction: row-reverse;
    display: flex;
    flex-grow: 1;
    line-height: 1rem;
}
	#login .loginGroup a {
		/* color: #333; */
	}
        #login .loginGroup a.LoginLink::before {
            content: "\f007";
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /* margin-right: 6px; */
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            font-size: 14px;
            text-indent: initial;
            float: left;
        }
        #login .loginGroup a.LoginLink.off::before {
            content: "\f2f5";
        }

/* Number of message next to the message icon*/
#login .userMessages a span,
#login .userNotifications a span {
    display: block;
    background-color: transparent;
    font-size: 9px;
    border-radius: 50%;
    color: #ffffff;
    background-color: rgba(255, 0, 0, 0.89);
    min-width: 14px;
    height: 14px;
    line-height: 11px;
    padding: 1px;
}
.abs-wrapper {
	width:100%; position: absolute;
}

header .tophead {
	/* background-color: #FAFAFA; */
	border-bottom: 1px solid #d6dde9;
	/* padding-top: .25rem; */
	/* padding-bottom: .25rem; */
	font-size: 13px;
	line-height: 2em;
}
.banner {
	background: #0059b5;
	/* background-image: url(/cdn/vmu/deploy/banner_bg128.png); */
	/* min-height: 56px; */
	/* overflow-y: hidden; */
}
header.affix .tophead {display:none;}
.tophead .navbar-collapse {
    position: absolute;
    top: 100%;
    background: #fee5ad;
    z-index: 1000;
    box-shadow: 1px 1px 6px 1px #FAFAFA;
    left: 0;
    right: 0px;
    height: auto;
}
.gt-break .tophead .navbar-collapse {
    position: static;
    box-shadow: none;
    background: none;
}
.navbar-nav.nav-top {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
}
.tophead ul.nav-top li {
	display: inline-flex;
	align-self: center;
	/* float: left; */
}
.gt-break ul.nav-top li {
    border-right: solid 1px #ddd;
    padding: 0 10px;
}
.gt-break ul.nav-top li:first-child {
	padding-left:6px;
}

.tophead ul.nav-top li:last-child {
	/* border:none; */
}
.tophead ul.nav-top li a,
.tophead ul.nav-top li a:link {
	font-size: inherit;
	font-weight: bold;
	color: #333;
	/* line-height: 2em; */
	padding: 0;
}
.tophead ul.nav-top li a:hover {
	color: #ed1c24;
}

.tophead h3, header.site-header a:link,header.site-header a:visited {
	color: inherit;
	font-size: inherit;
}
.tophead .fa-home.fa-lg {
	font-size: 1.4em;
}
header.site-header .banner {
	/*font-size: 1.3em;*/
	color: #ffffff;
	/* min-height: 50px; */
}

header.site-header .banner>.container {
    min-height: 50px;
}
header.site-header .banner i.fa {
	
}
header.site-header .banner span {
	display:inline-block;
}
/* .navbar-header { */
	/* float:none;overflow: hidden; */
/* } */
header img, header a {
	-moz-transition: width .3s ease-in-out, left 1.5s ease-in-out;
	-webkit-transition: width .3s ease-in-out, left 1.5s ease-in-out;
	-moz-transition: width .3s ease-in-out, left 1.5s ease-in-out;
	-o-transition: width .3s ease-in-out, left 1.5s ease-in-out;
	transition: width .3s ease-in-out, left 1.5s ease-in-out;
	/* object-fit: cover; */
}

.language a img {
    /* display: block; */
    margin-right: .3rem;
}
header.site-header div.nav {
	-moz-transition: height 1s ease-in-out, left 1.5s ease-in-out;
    -webkit-transition: height 1s ease-in-out, left 1.5s ease-in-out;
    -moz-transition: height 1s ease-in-out, left 1.5s ease-in-out;
    -o-transition: height 1s ease-in-out, left 1.5s ease-in-out;
    transition: height 1s ease-in-out, left 1.5s ease-in-out;
}
header.affix {
	max-height:100px;
	right:0;left:0;
	z-index:1000;
}
header.affix + .container-fluid {
	padding-top:160px;
}
header.affix .navbar-header {
	float:left;
}
header.affix button.navbar-toggle {
	margin-top: 15px;
}
header.affix .line-hr,header.affix .tu-van,header.affix .brandName {display:none;}
header.affix .brandLogo {min-height:40px;margin-right: 10px;}
header.affix .brandLogo a {width: 50px; height: 50px;}
header.affix .brandLogo>div {width: initial;}
header a:hover { color: #EF935D;}
.hotline {
	text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
	margin-top: 16px;
    margin-left: 15px;
}
.hotline:hover {
	font-weight: 600;
}
.hidden-xs .hotline {
	margin-top: 35px;
}
.hotline a {
	color: #616161;
    text-decoration: none;
}
/* Languate */
.right-box {
	background: white;
	color: #0059b5;
	/* padding-top: .25rem; */
	/* padding-bottom: .25rem; */
}
.search-container {

position: relative;
}
.search-container .searchBox {
	position:absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	background: white;
	/* border: solid red 1px; */
	align-items: center;
	display: none;
	padding: 0 .5rem;
	width: 120px;
}

.search-container:hover .searchBox {
    display: block !important;
}

.search-container .btn {
    z-index: 1;
    position: relative;
    padding: .375rem .1rem .3rem .4rem;
}

#searchBox input {
    border: none;
    align-items: center;
    align-self: center;
    outline: none;
    height: 100%;
}
.language {
    /* border-radius:5px; */
    border-left: solid 1px #ccc;
    color: #0059b5;
    /* font-weight: bold; */
    font-size: inherit;
    /* line-height: 1rem; */
    display: flex;
    background: white;
    position: relative;
}

.language .lang-list {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 21;
    background: white;
    min-width: 100%;
    /* right: -1px; */
    left: -1px;
    padding: .25rem .5rem;
}

.lang-list .lang-item {
    display: block;
    width: 100%;
    border-top: solid 1px #ccc;
    padding: .3rem 0;
}

.language .lang-item a:link {
    display: block;
    width: 100%;
    white-space: nowrap;
}
.language > span {
    padding: 0 .25rem;
    display: inline-block;
    /* font-weight: 600; */
    align-self: center;
    line-height: 1rem;
}

.language span > img {
    margin-right: .3rem;
}
.language > .lang-dropdown {
    /* background: #ccc; */
    border-right: solid 1px;
    padding: .3rem .5rem;
    margin-right: .3rem;
    align-self: center;
    cursor: pointer;
    position: relative;
    border: solid 1px white;
    z-index: 21;
}

.language .lang-dropdown > span {
    display: block !important;
}

.language > .lang-dropdown:hover .lang-list {
    display: block;
    border: solid 1px #E3F2FD;
    border-top: none;
}

.language > .lang-dropdown:hover {
    border: solid 1px #E3F2FD;
    z-index: 21;
}
/* End Language*/

/* Huan Chuong */
.huanschuong a {
}
.huanchuong img {
}
.huanschuong a:hover img {
}

/* End Huan Chuong */

#dnn_banner {
	/* -webkit-animation: bounceInUp 1s;
	animation: bounceInUp 1s;
	-webkit-animation-delay: .1s;
	animation-delay: .1s; */
}
.banner-sm {
    min-height: 100px;
    background: #af9898;
	/* background-image: url(//x.onednn.com/cdn/tuc/images/banner-small/banner-sm-1.jpg); */
    background-position: center center;
    background-size: cover;
    background-repeat: repeat-x;
	box-shadow: 0px 0px 6px 1px #eee;
}
.bothead {
	color:white;
	padding-top: 10px;padding-bottom: 10px;margin-bottom:15px;
	/* -webkit-box-shadow: 0px 2px 3px 0px rgb(255, 140, 20);
    box-shadow: 0px 2px 3px 0px rgb(255, 140, 20); */
}
.bothead h2 { color:white;}
.bothead a.button, .bothead a.button:link, .bothead a.button:visited {
	display:inline-block;
	margin-top: 15px;margin-bottom: 15px;
	padding: 10px 13px;
	color: #fff;
    background-color: #ff8c14;
    border-radius: 4px;
	font-weight: 600;
	text-decoration:none;
}
.bothead a.button:hover {color: white;background-color: #ffa03c;}
.bothead p {line-height:23px;}
.breadcrumb {
	/* font-size: 15px; */
	background: none;
	border: dashed 0px #ccc;
	padding: 0;
	margin: 0;
	color: #ffffff;
	line-height: 28px;
	/* overflow: hidden; */
	/* width: 100%; */
	flex-wrap: nowrap;
}
.breadcrumb a:link,.breadcrumb a:visited{
	/* text-decoration:none; */
	/* color: inherit; */
	/* display: inline-block; */
}
.breadcrumb a:hover{color: #fe0000;text-shadow: 1px 0px white;}
.breadcrumb-item a, 
.breadcrumb span ~ a.crumb, .breadcrumb .root {
	display: inline-block;
	border: solid 1px #e7cac85c;
	padding: 0 3px 0 6px;
	border-right: 0;
	background-color: #0059b5;
	line-height: inherit;
	position: relative;
	/* z-index:0; */
	color: inherit;
	font-size: inherit;
}
.breadcrumb span.root, .breadcrumb-item:first-child a {
    border-left: 4px solid #ccc;
    z-index: 10;
    font-weight:700;
}
.breadcrumb .root a::before {
	content: "\f015  VMU";
	font-family: "Font Awesome 5 Free";
}
.breadcrumb .root span {
	display: none;
}
/* OVERRIDE default bootstrap seperator*/
.vne-style .breadcrumb-item+.breadcrumb-item {
	padding-left:0;
}
.breadcrumb-item+.breadcrumb-item::before{
	content:'';
	display:none;
}
/*end OVERRIDE*/
.breadcrumb-item.active {
	color:inherit;
	/* pointer-events: none; */
}

.breadcrumb-item.active a {
    pointer-events: none;
}
.breadcrumb-item ~ .breadcrumb-item a,.breadcrumb span ~ a.crumb {
	padding: 0px 0px 0 1.2rem;
	margin-left: 0;
	background-color: rgb(71, 134, 199);
	/* border-color: #FFE0B2; */
}
.vne-style .breadcrumb-item a::after, .vne-style .breadcrumb-item a::before, .breadcrumb span.root ~ a.crumb::after, .breadcrumb span.root ~ a.crumb::before, .breadcrumb .root::after, .breadcrumb .root::before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.vne-style .breadcrumb-item a::after, .breadcrumb span.root ~ a.crumb::after, .breadcrumb .root::after{
	/* border-color: rgba(136, 183, 213, 0); */
	border-left-color: #0059b5;
	border-width: 1em;
	margin-top: -1em;
	border-right: 0;
}
.vne-style .breadcrumb-item a::before, .breadcrumb span.root ~ a.crumb::before, .breadcrumb .root::before{
	border-color: rgba(245, 0, 0, 0);
	border-left-color: #0059b5;
	border-width: 1em;
	margin-top: -1em;
	z-index: initial;
	border-right: 0;
	/* margin-left: .01rem; */
}
.vne-style .breadcrumb-item + .breadcrumb-item a::after, .breadcrumb span.root ~ a.crumb::after {
	border-left-color: rgb(71, 134, 199);
}
.vne-style .breadcrumb-item + .breadcrumb-item a:hover,.vne-style .breadcrumb-item.active:hover a {
	background: #0e6bcc;
}
.vne-style .breadcrumb-item + .breadcrumb-item a:hover::after,.vne-style .breadcrumb-item.active:hover a::after {
	border-left-color: #0e6bcc;
}
.vne-style .breadcrumb-item a::before,
.breadcrumb span.root ~ a.crumb::before {
	/* border-left-color: #e6e6e6; */
}
.vne-style .breadcrumb-item:nth-child(1),
.vne-style .crumb:nth-child(1) {
	z-index:10; 
}
.vne-style .breadcrumb-item:nth-child(2),
.vne-style .crumb:nth-child(2) {
	z-index:9; 
}
.vne-style .breadcrumb-item:nth-child(3),
.vne-style .crumb:nth-child(3) {
	z-index:8; 
}
.vne-style .breadcrumb-item:nth-child(4),
.vne-style .crumb:nth-child(4) {
	z-index:7; 
}
.vne-style .breadcrumb-item:nth-child(5),
.vne-style .crumb:nth-child(5) {
	z-index:6; 
}
.vne-style .breadcrumb-item:nth-child(6),
.vne-style .crumb:nth-child(6) {
	z-index:5; 
}
.vne-style .breadcrumb-item:nth-child(7),
.vne-style .crumb:nth-child(7) {
	z-index:4; 
}
.vne-style .breadcrumb-item:nth-child(8),
.vne-style .crumb:nth-child(8) {
	z-index:3; 
}
.vne-style .breadcrumb-item:nth-child(9),
.vne-style .crumb:nth-child(9) {
	z-index:2; 
}
.vne-style .breadcrumb-item:nth-child(10),
.vne-style .crumb:nth-child(10) {
	z-index:1; 
}
.vne-style .breadcrumb-item:nth-child(11),
.vne-style .crumb:nth-child(11) {
	z-index:0; 
}
#fulltime {
	/* display: inline-block; */
	/* font-size: 12px; */
	/* line-height: 15px; */
	/* margin-top: 12px; */
	/* text-align: right; */
}
/* #fulltime span {display:block;} */

a.rssLink {
    display: inline-block;
    /* float: right; */
    background: #f1f1f1;
    padding-left: 6px;
    padding-right: 6px;
    /* margin: 5px 0 0 6px; */
    line-height: inherit;
    color: #ffa500;
    font-size: 12px;
    border-radius: 4px;
}

a.rssLink:hover,a.rssLink:active {
    background: antiquewhite;
}
#navbar .searchBtn {
	float: right;
    border-left: solid 1px #a50b00;
    border-right: solid 1px #a50b00;
    position: initial;
}
.navbar-default .navbar-nav > li.searchBtn > a {
	/* font-size: 14px; */
    padding: 5px .7vw;
}
.nav > li.searchBtn > div{
    display: none;
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    padding: 2px 9px;
    background: #046d15;
    height: 31px;
    box-shadow: 1px 1px 1px 0px #c3c3c3;
    z-index: 2;
}
.nav > li.searchBtn.active > div{
	display:block;
	z-index: 22;
}
.searchBtn input {
    width: 100%;
    border: solid 1px #eee;
    font-size: 13px;
    line-height: 23px;
    padding: 0px 6px;
}
#dnn_contentpane {
	/* 
	margin-top:18px;
	-webkit-animation: bounceInUp 1.3s;
	animation: bounceInUp 1.3s;
	-webkit-animation-delay: .1s;
	animation-delay: .1s; */
}
header.affix-top {}
header .navbar-default {
	min-height: 45px;
	/* background-color: #0059b5; */
	background-color: #21b24a;
	border: 0;
	border-radius: 0;
	/* border-bottom: 1px solid #d6dde9; */
	margin-bottom:0;
	/* border-top: 1px solid #d6dde9; */
	color: white;
	transition-duration: 250ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.7,1,.7,1);
}

header.is-sticky .navbar-default {
    background-color: #0059b5;
}

.menu-show header .navbar-default {
    background: transparent;
}

header.is-sticky .navbar-default {
    border-top: none;
    border-bottom: none;
}

.is-sticky header .navbar-default {
    border-top: 0;
}

header .navbar-toggler:focus {
    outline: 1px dotted #af0f05;
}
nav a i.fa {
	/* margin-right:6px; */
	transition: 0.9s;
	/* transform: rotateY(180deg); */
	line-height: 1em;
	color: inherit;
}
nav a:hover i.fa,nav a:hover i.fas,nav a:hover i.fab {
	/* color: red; */
	transition: 0.9s;
    transform: rotateY(180deg);
}
nav a i.fa + span {/* margin-left: 6px; */}
header a.navbar-brand {
	padding: 4px 10px;
	height: initial;
    line-height: 20px;
	text-decoration: none;
	font-weight: 300;
}
.navbar-nav > li + li {border-top:solid 1px #eee;}
.navbar-default .navbar-nav > li > a {
    /* padding: 6px 6px; */
    height: initial;
    text-transform: uppercase;
    /* color: #fff; */
    text-decoration: none;
    font-family: 'Roboto', 'Roboto-Fallback', Arial;
    /* font-size: 13px; */
    line-height: 22px;
    font-weight: 700;
    border: 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    border: 0;
}
.dropdown-menu > li.active > a, 
.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: #a50b00;
	color:#fff;
}
/* sub-level */
.dropdown-menu {
	padding: 0;
	color: inherit;
	/* width: 100%; */
}

.mega-style .navbar-nav > .dropdown > .dropdown-menu {
    width: 100%;
    /* padding-bottom: 1rem; */
    top: 40px;
}
.mega-style .mega-left,.mega-style .mega-right {
    width: 100%;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.mega-style .mega-right { padding:0}

.mega-style .mega-left {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color: #3F51B5;
}

.mega-style .mega-left > .row {
    min-height: 164px;
}

.mega-style .dropdown-menu .dropdown-header {
    font-size: 2.6em;
    padding: 0;
    padding-bottom: .5rem;
    border-bottom: 1px solid #d6dde9;
    color: inherit;
    margin-bottom: 1rem;
    display: flex;
    margin-top: 0;
}

.mega-style .close-mega {
    margin-left: auto;
    align-self: center;
    cursor: pointer;
    display: none;
}
.dropdown-submenu > .dropdown-menu {
    margin: 0px 0 0;
}
.navbar-nav .dropdown-menu .nav-link {
	padding: .25rem .75rem;
	font-size: 1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: inherit;
}

.mega-style .navbar-nav .dropdown-menu .nav-link {
    padding: 1rem 0;
}

.mega-style .dropdown-menu .dropdown-menu .nav-link {
    padding: .35rem 0;
    padding-left: 1rem;
}

.navbar-nav .nav-link {}

.nav-link > .dropdown-toggle {
    margin-left: .255em;
}

.navbar-default .navbar-nav > li li:hover > a {
    /* color: white; */
    /* padding-right: .5rem; */
}
.dropdown-submenu > .dropdown-menu {
	top: 0; left:100%;
}
.navbar-default .navbar-nav > li.dropdown > a {
	/* padding-right: 1.6em; */
	color: inherit;
}

.navbar-default .navbar-nav li {
    color: inherit;
    background: inherit;
    /* position: initial; */
    outline: 0;
}

.mega-style .navbar-nav > .dropdown {
    position: static;
}

#dnn_nav li:first-child {
    /* border: solid 1px #ccc; */
}

.navbar-default .dropdown-item {
    padding: 0;
    /* padding-right: 1rem; */
}

.mega-style .navbar-nav .dropdown-item {
    /* padding-bottom: .5rem; */
    /* padding-top: .5rem; */
}

.mega-style .dropdown-menu .dropdown-menu .dropdown-item {
    /* padding-top: .25rem; */
    /* padding-bottom: .25rem; */
}
.dropdown-menu .nav-link > .dropdown-toggle {
	/* position:absolute; */
	/* top:0px; */
	/* right:0px; */
	/* padding: 1em .5em; */
	/* line-height: .7em; */
	/* color: inherit; */
	/* bottom: 0; */
	/* text-align: center; */
	/* display: flex; */
	/* align-items: center; */
	/* padding-right: .75rem; */
}

.dropdown-menu .dropdown-toggle::after {
    color: indianred;
    /* padding: 10px 6px; */
}

.dropright .dropdown-toggle::after {
    margin-left: .5rem;
}
.navbar-nav .caret {
	border-top-width: 8px;
    color: white;
}
.navbar-collapse:not(.collapsing) .navbar-nav>li>a,
.navbar-collapse:not(.in) .navbar-nav>li>a {
	/* line-height: 28px; */
	/* text-align: center; */
}
.navbar-collapse.in {
	display:block!important;
	height: 100vh!important;
    background-color: rgb(243, 243, 243);
}
.navbar-collapse.in .navbar-nav {
	max-height:100%;
	visibility: visible;
	-webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
header.affix .navbar-collapse.in {
	margin-top:0;
}
/* SideBar */
.sidebar {
    will-change: min-height;
}

.sidebar.is-affixed .sidebar__inner {
    /* padding-right: 15px; */
}

.sidebar__inner {
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}
/* lg - gt-breakpoint */
@media (min-width: 992px) {
	header .navbar-collapse {
		/* margin-top:10px; */
		/* height: 100%; */
		/* margin-top: 0; */
		/* margin-bottom: 0; */
		align-self: stretch;
	}
	.navbar-offcanvas {
		margin-right: 0;
		margin-left: 0;
	}
	header.affix .navbar-collapse {
		margin-bottom:5px;margin-top:15px;
	}
	header.affix .navbar-nav > li > a {
		padding-left:8px;
		padding-right:8px;
	}
	.navbar-nav {
		max-height:38px;
		margin-left: 20% !important;
	}
	.navbar-nav > li + li {
		border-top:none;
	}
	.navbar-header .navbar-brand {height:auto;}
}
@media (min-width: 768px) {
	
}

#navbar-main .navbar-nav {
	position:relative;
	/* background: white; */
	/* border: dashed 1px #ccc;border-radius: 4px; */
	color: white;
	font-size: 13px;
	width: 100%;
	justify-content: space-between;
	/* min-height: 45px; */
}
.navbar-default .navbar-nav > .active > a, 
/* .navbar-default .navbar-nav > .active > a:hover,  */
.navbar-default .navbar-nav > .active > a:focus {
	/* color: #fff; */
	/* background-color: #a50b00; */
	/* border-radius: 4px; */
}


/* row4cols */
.row4cols .title h2 .fa-stack {
	display:block;
	margin-bottom: 15px;
	float: left;
    margin-right: 10px;
}
/* row2cols */
.row2cols {
	background: rgba(245, 245, 245, 0.63);
    border-top: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #BDBDBD;
    margin-top: 15px;
    margin-bottom: 15px;
}
.bg-media h2 {color: white;}
/* Home articlelist*/
.focus h1.title {
	line-height:22px;
	font-size: 20px;
	margin:0;padding:0 0 5px;
}
.focus .title {
	font: 700 12px arial;
	line-height: 14px;
}
.focus .focus-img {margin-bottom:5px;}
.focus .lead {
	font: 400 13px/16px arial;
	margin: 0; padding: 0 0 5px;
}
.top-news {
	list-style: none;
    padding: 0;
    margin: 0;
}
.top-news li {
	
}
.articleLists {
	margin-bottom: 20px;
}
.articleLists .thumb-img {
	margin: 8px 10px 5px 0px;
}
.articleLists > li.item {
	border:none;
	padding-bottom:10px;
}
.articleLists.small h3 {
	line-height: 16px;
}
.articleLists.small h3 .fa {
	color:red;
	margin-right: 3px;
}
.articleLists.small h3 a {
	font-weight:normal;
}
.articleLists a {
	text-decoration: none;
	color: #777;
}
.articleLists a:hover {
	color: #ff6601;
}
img.img-circle {border: solid 1px #ddd;}
.articleLists div > h3 {
	line-height: 22px;
}
.cateBlock {
	
}
.cateBlock h2 {
	font-weight: normal;
    padding: 0 0 4px;margin:0 0 10px;
    border-bottom: solid 1px #5fbf00;
    width: 100%;
	line-height:22px;
}
.cateBlock h2>a:first-child {
	line-height: 22px;
    font-size: 22px;
    color: #5fbf00;
	white-space: nowrap;
    letter-spacing: -0.5px;
}
.cateBlock h3 {
	font-size: 14px; line-height: 18px; margin: 0 0 10px; padding: 0;
}
.cateBlock figure {
	width: 42%;
    float: left;
    margin-right: 10px;
}
.cateBlock p {
	font-size: 13px; line-height: 16px;
}
.cateBlock ul {
	list-style: square outside;
	margin-bottom: 8px;
    margin-left: 18px;
}
.cateBlock ul li {
	padding: 0 0 10px;
	line-height: 16px;
}
.cateBlock ul li.hasImg {
	border-bottom: dotted 1px #ccc;
    margin-bottom: 10px;
    list-style-type: none;
    margin-left: -15px;
	overflow: hidden;
    padding-bottom: 10px;
}
.cateBlock ul li a:link {
	/* display:block; */
	color:#666;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
}
.cateBlock ul li a:hover,.cateBlock ul li.hasImg:hover a {
	color:#5fbf00;
}
.cateBlock ul li.hasImg a {
	color:#333;
}
.cateBlock ul li.hasImg  img {
	width: 80px;
}
.cateBlock a.thumbs {
	float:left;
	margin-right:10px;
}
.cateBlock ul li.hasImg  a:nth-child(2) {
	display: block;
    text-rendering: geometricPrecision;
	line-height:18px;
}
/* footer */
.scr-down .scrollTop.active,
div.scrollTop {
    position: fixed;
    background: rgba(255, 152, 0, 0.67);
    padding: 3px 5px;
    color:#ff0000;
    bottom: 35px;
    right: 15px;
    font-size: 1.5em;
    opacity: .9;
    z-index: 999;
    cursor: pointer;
    text-shadow: 0px 0px 3px white;
    transition: all .2s ease-in-out;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}
.scrollTop.active,
.scr-up .scrollTop.active {
    display:block;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.scrollTop:hover {
    opacity:1;
    background: #FFC107;
}

.footer, .footer a, .footer a:visited {
	text-decoration: none;
	color: white;
}

#console-log {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ccc;
    max-height: 30vh;
    overflow: auto;
}

#console-log .log,#console-log .warn,#console-log .error {
    display: block;
}

#console-log .error {
    color: red;
}
footer p, footer li, footer span {
	
}
footer .brandName {
	text-transform: uppercase;
    color: white;
	font-weight: 400;
    line-height: 23px;
    font-size: 16px;
    margin-top: 0;
}
footer .line-hr {box-shadow: 0px 1px 0px 0px white;}
footer h4 {padding-left: 0;color:white;text-transform: uppercase;}
footer .socials a {
	font-size: 13px;
	line-height: 28px;
	/* color: #9a9a9a; */
	margin-right: 8px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	transform: scale(1);
	display: inline-block;
}
footer .socials a:hover {
	/* font-size: 18px; */
	/* color: red; */
	transform: scale(1.1);
}
footer li .fa {color:#9a9a9a;}
footer a.rss:hover {color:orange;}
footer a.face:hover {color:#3b5998;}
footer a.twit:hover {color:#1dcaff;}
footer a.yout:hover {color:#e52d27;}
footer a.pint:hover {}
footer a.inst:hover {color:#8a3ab9;}
a.mobileSwitch {
	border: solid 1px #ccc;
    padding: 6px 10px;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    margin: 10px auto;
    display: inline-block;
    background: #F3F3F3;
    color: black;
}
a.mobileSwitch.top {
	margin: 0;
    width: 100%;
    font-size: 300%;
    line-height: 200%;
}
/* Banner, Gallery*/
.gallery li img {
    height: auto;
    max-width: 100%;
    display: block;
}

html.size-xs .offcanvas,html.size-sm .offcanvas {
	width:90%;
	max-width:250px;
	position: fixed;
    z-index: 1040;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    border-radius: 0;
	left: 0;
    right: auto;
    border-width: 0 1px 0 0;
}
html.size-md .offcanvas,html.size-lg .offcanvas,html.size-xl.offcanvas {
	margin-top: 0;
    border: 0;
	display: block;
}
html.size-xs .row.header,html.size-sm .row.header {
	background-color: green;
}
/* Styles specific to this particular page */
.scroll-pane
{
	width: 100%;
	height: 300px;
	overflow: auto;
	position: relative;
	box-shadow: 0px 0px 1px 0px #ccc;
}

.list-group-item {
    background: initial;
}

.scroll-pane .jspVerticalBar {
    /* display: none; */
    width: 5px;
    right: 0;
    background: #EEEEEE;
    opacity: .6;
    z-index: 1;
}

.jspVerticalBar .jspTrack {
    width: 5px;
    margin: 0 0 0 0px;
    /* background: #F5F5F5; */
}

.jspVerticalBar {
    width: 4px;
    background: #ccc;
}

.jspDrag {
    background: #FF9800;
}

.jspVerticalBar .jspCap {
    width: 4px;
}

.scroll-pane:hover .jspVerticalBar,.scroll-pane:active .jspVerticalBar {
    display: block;
}

.scroll-pane .jspVerticalBar:hover,.scroll-pane .jspVerticalBar:active {
    opacity: 1;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}

/* VMU Text Banner */
.text-banner {

display: flex;

align-items: flex-start;

flex-direction: row;

z-index: 0;
}
    .text-banner img.logo {
        padding: 1rem;
        border-radius: 50%;
        background: #fdfdfd;
        z-index: 1;
        width: 42%;
        align-self: center;
        max-width: 100%;
        /* align-items: flex-start; */
        margin-left: -1rem;
    }
.text-banner h4.text {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #c80c00;
    min-height: 67px;
    line-height: 25px;
    padding: 1rem;
    margin: 0 0 0 -1rem;
    color: white;
    flex-grow: 1;
    align-self: center;
    padding-left: 2rem;
    text-align: center;
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;        /* for single line flex container */
    align-content: center;
}
.text-banner h4.text:before{
    content: '';
    /* border: solid blue; */
    height: 100%;
    /* border-radius: 30px; */
    width: 20px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background: white;
    display: none;
}
    .text-banner h4.text:after {
        content: '';
    }
/* End VMU Text Banner*/


/* Home Sitemap */
.home-sitemap .root-ul {
    list-style: none;
    text-transform: uppercase;
}
.home-sitemap h2 {
    text-transform: uppercase;
    margin-top: 0;
}
.home-sitemap a:link, .home-sitemap a:visited {
    color: inherit;
}
.home-sitemap .root-ul li ul {
    list-style: inherit;
}

.home-sitemap .root-ul > li {
    font-weight: bold;
    margin-bottom: 1rem;
    line-height: 1rem;
}

.home-sitemap .root-ul > li li {
    font-weight: normal;
    margin-bottom: .5rem;
}

.home-sitemap .root-ul > li li.first {
    margin-top: .5rem;
}

.home-sitemap .root-ul > .first {
    width: 100%;
    display: block;
    max-width: 100%;
    flex: none;
}

/* Responsive Mobile First */
/* xxs */
@media (min-width: 360px){
	.hotline {letter-spacing: 4px;}
}
/* sm */
@media (min-width: 576px) {

}
/* md */
@media (min-width: 768px) {
	.brandLogo>div {margin-left:0;}
	.row4cols .articleLists> li.item {padding-bottom:0;}
	.navbar-nav>li>a {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	#fulltime {/* margin-top:12px; */}
	#fulltime span {display:inline;}
}
/* lg - VMU BreadPoint */
@media (min-width: 992px) {
	.dropright .dropdown-menu {
		left: 99%;
		top:0;
	}

.mega-style .dropdown-menu .dropdown-menu {
    position: static;
    box-shadow: none;
    border-top: solid 1px;
}
	.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li.show > a, .navbar-default .navbar-nav li li.active, .navbar-default .navbar-nav > li.active:hover > a, .navbar-default .navbar-nav li li:hover {
		/* background: #a50b00; */
		/* color: #FFF; */
		/* border-radius: 4px; */
	}
    .tophead .navbar-collapse {
        position: static;
        box-shadow: none;
        background: none;
    }
    ul.nav-top li {
        border-right: solid 1px #ddd;
        padding: 0px 10px;
    }
    ul.nav-top li:first-child {
        padding-left:6px;
    }
	#fulltime {margin-top:8px;font-size:1.1vw;}
	a.rssLink {
		/* margin: 4px 0 0 6px; */
		/* line-height: 20px; */
	}
	button.navbar-toggle {
		margin-top: 10px;
	}
	.brandLogo {/* min-height: 90px; */float:none;/* margin-top: .5rem; *//* margin-bottom: .5rem; */width: 22%;/* border: solid 1px red; */position: relative;}

.gt-break header.is-sticky .brandLogo a {
    /* width: auto; */
    height: 45px;
}
	
	.medals img {
		margin-top: 25px;
		-webkit-filter: drop-shadow(0px 2px 6px #fff);filter: drop-shadow(0px 2px 6px #fff);
	}
	a.footerLogo,.brandLogo a {
		display: inline-block;
		float:left;
		/* width: 46px; */
		height: 96px;
		/* text-indent: 100%; */
		/* font-size:0; */
		white-space: nowrap;
		overflow: hidden;
		background-size: contain;
		background-position: left center;
		background-repeat: no-repeat;
		position: absolute;
		z-index: 1;
		top: 0;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 6px .9vw;
		height: initial;
		text-transform: uppercase;
		color: inherit;
		text-decoration: none;
		font-family: 'Roboto','Roboto-Fallback', Arial;
		font-size: 1.2vw;
		line-height: 22px;
		font-weight: 700;
	}
	.no-js .dropdown:hover > .dropdown-menu, .show > .dropdown-menu, .dropdown .dropdown-menu.show {
		/* display: block; */
		/* margin: 0; */
		z-index: 10000;
		opacity: 1 !important;
	}

.mega-style .navbar-nav > .dropdown > .dropdown-menu.show, .mega-style .navbar-nav > .show > .dropdown-menu {
    display: flex;
}

.navbar-nav ul li {
    border-top: dashed 1px #9898982e;
}

.navbar-nav ul li:first-child {
    border-top: none;
}

.dropdown-menu.showing {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    transform: rotateX(90deg);
    transform-origin: top;
    opacity: 0;
    display: block;
}

.dropdown-menu.showing.show {
    transform: rotateX(0);
}

.dropdown-menu {
    box-shadow: 1px 1px 4px 2px #9e9e9e8f;
    border: solid 0px #a2a2a2;
    margin: 0;
    /* padding: .5rem 0; */
}
	.breadcrumb span ~ a.crumb,.breadcrumb .root {
		font: 400 14px/28px arial;
		height: 28px;
	}
	.breadcrumb span ~ a.crumb {
		padding: 0 3px 0 20px;
	}
	.breadcrumb span.root ~ a.crumb::after,.breadcrumb .root::after{
		border-width: 14px;
		margin-top: -14px;
	}
	.breadcrumb span.root ~ a.crumb::before,.breadcrumb .root::before{
		border-width: 14px;
		margin-top: -14px;
	}
}
/* xl */
@media (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
	#fulltime {font-size:12px;}
	.navbar-default .navbar-nav > li > a {
		padding: 6px 10px;
		font-size: 1em;
		/* line-height:26px; */
	}
	div.medals {
		padding:0 15px;
	}
}
/* XXL */
@media (min-width: 1600px) {
    body {
        /* zoom: 120%; */
        /* transform: scale(1.5); */
        /* zoom: 1.2; */ /* IE */
        -moz-transform: scale(2); /* Firefox */
        -moz-transform-origin: 0 0;
        -o-transform: scale(2); /* Opera */
        -o-transform-origin: 0 0;
        /* -webkit-transform: scale(2); */ /* Safari And Chrome */
        /* -webkit-transform-origin: 0 0; */
        /* transform: scale(2); */ /* Standard Property */
        transform-origin: 0 0;  /* Standard Property */
    }
}

/* DESKTOP first - lg */
/* xs */
@media (max-width: 575.98px) {
  	.no-gutters {
		margin-left:-15px;margin-right:-15px;
	}
	#ControlBar_ControlPanel #ControlBar {
		position: inherit;
	}
	#Form.showControlBar header {top: 0px;}
	/*form#Form.showControlBar {margin-top: 0px !important;}*/
	.brand-child .brandInfo h3.brandName,
	.brand-child .brandInfo .brandName-child, 
	.brandInfo .brandName, .brandInfo .brandSlogan {
		font-size: calc(.25rem + 2.8vmin);
	}
}
/* sm */
@media (max-width: 767.98px) {
    #login .loginGroup a {
		color: #333;
		/* width: 35px; */
		white-space: nowrap;
		overflow: hidden;
		text-indent: 40px;
		display: flex;
		align-items: center;
		font-size:0;
	}
	#login .loginGroup a::before {
		text-indent: 0;
	}
	.brand-child .brandInfo h3.brandName,
	.brand-child .brandInfo .brandName-child,.brandInfo .brandName {
		font-size: calc(.25rem + 3vmin);
		margin-bottom: .15rem;
		line-height: 1.2em;
		padding-top: .15rem;
	}

.brand-child .brandInfo h3.brandName {
    color: white;
    margin-top: .15rem;
    text-overflow: ellipsis;
}
}
/* md - VMU BreadPoint*/
@media (max-width: 991.98px) {
    /* menu Side */
    .brandLogo a {
    	height: 41px;
    	margin-top: 5px;
    }
    #navbar-main.navbar-collapse {
        position: absolute;
        top: 40px;
        right: 0;
        width: 100%;
        height: 100%;
        /* background: rgba(0, 0, 0, 0.74); */
        /* z-index: 100; */
        overflow-y: scroll;
        margin: 0 !important;
        /* padding: 0 !important; */
        overflow-x: hidden;
        -webkit-animation: fade 500ms;
        -moz-animation: fade 500ms;
        -o-animation: fade 500ms;
        animation: fade 500ms;
        display: none;
    }

#navbar-main::-webkit-scrollbar {
    display: none;
}

.tophead .navbar-collapse {
    width: 60%;
    min-width: 150px;
    max-width: 200px;
    padding-top: .5em;
    padding-bottom: .5em;
}

.tophead ul.nav-top li {
    border-top: solid 1px;
    width: 100%;
}

.tophead ul.nav-top li:first-child {
    border: 0;
}

header .navbar-default {
    /* height: 1000vh; */
    min-height: 100%;
    align-items: start;
    display: flex;
    /* background: transparent; */
    position: relative;
    z-index: 20;
    /* top: 100%; */
    right: 0;
    width: 100%;
    bottom: 0;
    border: 0;
    flex: 1 1 auto;
}

header .banner {}

header .banner {
    /* box-shadow: 0px 2px 0px 0px #FFC107; */
    /* border-bottom: solid 2px #FFC107; */
}

#navbar-main >.container {
    width: 80%;
    position: absolute;
    /* top: 96px; */
    right: 0;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    /* padding-bottom: 15px; */
    height: auto;
    background: rgb(0, 89, 181);
    /* z-index: 1000; */
    /* overflow: auto; */
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    margin-left: 20%;
    max-width: 23em;
    padding-bottom: 50px;
    box-shadow: -10px 10px 20px 10px #21b24a;
    -webkit-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: right 0.3s ease;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
    /* -webkit-transform: translateX(0); */
    -ms-transform: translateX(0);
    /* transform: translateX(0); */
}

#navbar-main.show >.container {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    min-height: 100vh;
}

#navbar-main.collapsing > .container {
    /* right: -100%; */
    -webkit-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    transition: right 0.3s ease;
    transform: translateX(100%);
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
}

#navbar .navbar-nav > li:first-child, .nav > li.searchBtn {
    border: 0;
}

        #navbar-main.collapsing {
            height: 100%;
            right: 0;
            position: absolute;
            top: 40px;
            display: block;
            z-index: 20;
            background: rgba(0, 0, 0, 0.74);
            -webkit-animation: fade 500ms;
            -moz-animation: fade 500ms;
            -o-animation: fade 500ms;
            animation: fade 500ms;
        }

        #navbar-main.show {
            right: 0;
            background: rgba(0, 0, 0, 0.74);
            display: block;
        }

.menu-show header.site-header {
    height: 100vh;
    position: fixed;
    z-index: 1003;
    width: 100%;
    display: flex;
    flex-flow: column;
    background: transparent;
}

.menu-show #Form.showControlBar header.site-header:not(.is-sticky) {
    top: 53px;
}

.menu-show body {
    /* position: fixed!important; */
    overflow: hidden;
    /* overflow-y: overlay; */
}

.dropdown-menu {
    font-size: 13px;
    /* display: block; */
    background-color: rgba(0, 0, 0, 0.02);
    color: white;
    margin-top: 0;
    border-radius: 0;
    padding: 0;
    padding-left: .5rem;
    border: 0;
}

.navbar-default .dropdown-item {
    padding-right: 0;
}

.navbar-default .navbar-nav li {
}

.navbar-default .navbar-nav li {
    border-bottom: dashed 1px #ffffff2e;
}

.navbar-default .navbar-nav > li:last-child {
    /* border-bottom: 0; */
}

.navbar-nav > li + li {
    border-top: 0;
}

.navbar-default .navbar-nav .nav-link {
    padding-left: .75em;
    font-size: 1.1em;
    padding-right: .5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.9em;
}
.dropdown.show > .nav-link {
    /* padding-right: .7rem; */ /* dành ko gian cho caret */
    border-bottom: solid 1px;
    font-weight: bold;
}
.navbar-default .navbar-nav .dropdown-menu .nav-link {
    /* padding-left: .25em; */
    padding-top: .35em;
    padding-bottom: .35em;
}

.nav-link > .dropdown-toggle {
    /* color: inherit; */
    border: solid 1px #00000000;
    /* padding: 0 .5rem; */
    width: 2em;
    text-align: center;
    background: #0000001c;
    border-radius: 4px;
    z-index: 1;
}
        /* end menu Side */
  	.timeBox {/* text-align:right; */align-self: center;display: flex;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}
	.navbar-nav .dropdown-toggle::after {
		color: white;
		text-align: center;
		border-top: .3em solid transparent;
		border-right: 0;
		border-bottom: .3em solid transparent;
		border-left: .3em solid;
		vertical-align: 0;
		transition: all .3s;
	}

.navbar-nav [aria-expanded="true"] > .dropdown-toggle::after {
    transform: rotate(90deg);
}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}
/* lg */
@media (max-width: 1199.98px) {
    /* overide bs - 100% for container */
    .container {
		max-width: initial;
		}
}