::-webkit-scrollbar{background:#CCCCCC;width:5px;height:11px;}
::-webkit-scrollbar-thumb{background:#AAAAAA;border-radius:5px;}
::selection {background: #b43708;color:#FFFFFF;}
@-moz-document{
    scrollbar {
       -moz-appearance: none !important;
       background: rgb(0,255,0) !important;
    }
    thumb,scrollbarbutton {
       -moz-appearance: none !important;
       background-color: rgb(0,0,255) !important;
    }

    thumb:hover,scrollbarbutton:hover {
       -moz-appearance: none !important;
       background-color: rgb(255,0,0) !important;
    }
    scrollbarbutton {
       display: none !important;
    }
    scrollbar[orient="vertical"] {
      min-width: 15px !important;
    }
}
.Comment{float:left;width:100%;}
.fb-comments{width:100%;}
.fb-comments span{width:100% !important;}
.fb-comments span iframe{width:100% !important;}
.facebookPage iframe, .facebookPage iframe body, .facebookPage ._2p3a{width:100% !important;}
 .modal-title{font-weight:bold;}
 .modal .form-control{margin:10px 0px;border-radius:0px;}

.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active{-webkit-transform:translateY(-8px);transform:translateY(-8px);}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{float:left; width:100%;min-height:270px;}.embed-responsive-4by3{padding-bottom:75%}

/* reset */
html{overflow-y:scroll;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;font:inherit;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;}
strong{font-weight:bold;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
@font-face{font-family:'Barlow-Bold';src:url('../fonts/Barlow-Bold.ttf')format('truetype');}
@font-face{font-family:'Barlow-Regular';src:url('../fonts/Barlow-Regular.ttf')format('truetype');}
@font-face{font-family:'Barlow-Light';src:url('../fonts/Barlow-Light.ttf')format('truetype');}
@font-face{font-family:'Barlow-Medium';src:url('../fonts/Barlow-Medium.ttf')format('truetype');}
@font-face{font-family:'Barlow-SemiBold';src:url('../fonts/Barlow-SemiBold.ttf')format('truetype');}
@font-face{font-family:'Barlow-BoldItalic';src:url('../fonts/Barlow-BoldItalic.ttf')format('truetype');}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
.Active{background:#FFB81C !important;color:#252525 !important;}
.menuTopFixed .Active{color:#d40404 !important;}
.modal {overflow-x: hidden;overflow-y: initial;}
.modal.fade .modal-dialog {-webkit-transform: scale(0.1);-moz-transform: scale(0.1);-ms-transform: scale(0.1);transform: scale(0.1);top: 50px;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.modal.fade.in .modal-dialog {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);opacity: 1;}
/*end reset*/
/*reset buttom của slide chạy ngang*//*.slick-next,.slick-prev{display:none !important;}*/
.wrapper{float:left;width:100%;}
#ModalMess .modal-header{border:0px;}
#ModalMess .modal-body{text-align:center;min-height: 250px;}
#ModalMess .modal-body .P1{font-family:Barlow-SemiBold; font-size:22px;line-height: 26px;margin-top: 30px;}
#ModalMess .modal-body .P1 span{color: #C6DF20;}
#ModalMess .modal-body .P1:last-child{margin-top: 10px;}
#ModalMess .modal-body .P2{font-family:Barlow-Regular; font-size:14px;line-height: 24px;margin: 10px 0px 50px 0px;}
#ModalMess .modal-dialog{top: 20%;}

#ModalAccountNew .modal-header{border:0px;}
#ModalAccountNew .modal-body{text-align:center;min-height: 250px;}
#ModalAccountNew .modal-body .P1{font-family:Barlow-SemiBold; font-size:22px;line-height: 26px;margin-top: 30px;}
#ModalAccountNew .modal-body .P1 span{color: #C6DF20;}
#ModalAccountNew .modal-body .P1:last-child{margin-top: 10px;}
#ModalAccountNew .modal-body .P2{font-family:Barlow-Regular; font-size:14px;line-height: 24px;margin: 10px 0px 50px 0px;}
#ModalAccountNew .modal-dialog{top: 20%;}

.ModalTheLe {border:0px;float:left;width:100%;}
.ModalTheLe table{width:100%;}
.ModalTheLe table tr td{padding: 3px 10px !important; border-bottom: 1px !important;vertical-align: text-top;}
.ModalTheLe p{font-family:Barlow-Regular; font-size:16px;line-height: 28px;}
.ModalTheLe li{font-family:Barlow-Regular; font-size:16px;line-height: 28px;}
.ModalTheLe ol, .ModalTheLe u{float:left;width:100%;}
.main .ModalTheLe .Notification .History_main{border-radius:10px;padding: 100px;}




.header {padding: 0px 0px 5px 0px;}
.header .header-main {}
.header .container{padding: 0px;padding: 10px 10px 0px 10px;}
.header .logo{padding:0px;}
.header .menu{float:left;padding:0px;}
.header .menu ul{float:left;width:100%;padding: 9px 0px 0px 0px;margin:0px;}
.header .menu ul li{float:left;padding:10px;}
.header .menu ul li a{background: #f7cb66;padding: 12px 50px 12px 50px; border-radius: 8px 8px 0px 0px;font-size: 16px; color:#616161;font-family: Barlow-SemiBold;box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.25);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.header .menu ul li a:hover{text-decoration:none;background:#FFB81C;}
.header .logo{padding:0px;}
.header .info{text-align:right;padding: 0px;}
.header #Info{text-align:right;padding: 0px;}
.header .info a.btn{font-size: 16px; color:#FFFFFF;padding:9px 40px;font-family: Barlow-SemiBold;background: #19777C;border:0px;border-radius:5px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.header .info a.btnOpenAccount{background: #FFB81C;color: #252525;}
.header .info a.btn:hover{text-decoration:none;background:#3856a7;color:#FFFFFF;}
.header .info .iconInfo{float:right;margin-top:5px;}
.header .info .iconInfo i{font-size: 40px;color:#333333;}
.header .info .name{float:right;position:relative;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.header .info .name:before{position: absolute;top: 39px;right: 5px;display: none;content: '';width: 1px;height: 10px;border-left: solid 10px transparent; border-right: solid 10px transparent; border-bottom: solid 10px #fff;  }
.header .info .name p{font-size:16px;line-height: 24px;}
.header .info .name p#InfoName{font-family:Barlow-SemiBold;}
.header .info .name p#InfoUser{font-family:Barlow-Regular;}
.header .info .name p#InfoLogout{display:none;position:absolute;top:45px;right:0px;z-index:2;width: 200px;text-align:center;background:#FFFFFF;padding: 10px 0px;}
.header .info .name p#InfoLogout a{font-family:Barlow-SemiBold;font-size:14px; color:#525252;float:left;width:100%;padding: 5px 10px;}
.header .info .name p#InfoLogout a:hover{background:#EEEEEE;text-decoration:none;}
.header .info .name:hover p#InfoLogout{display:block;}
.header .info .name:hover:before{display:block;}
.header .info .iconInfo:hover:before{display:block;}
.header .info .noti{float:right;margin: 10px 20px 0px 0px;position:relative;}
.header .info .noti i.fa-bell{font-size: 24px;color:#7c7c7c;}
.header .info .noti i.fa-circle{position:absolute;top:-5px;right:-3px;color:#c60808;display:none;}
#ModalLogin .modal-dialog{width:400px;}
#ModalLogin .modal-dialog .modal-header{border:0px;}

#ModalLogin .modal-dialog .modal-body{padding: 10px 20px;text-align:center;}
#ModalLogin .modal-dialog .modal-body img{margin-bottom: 20px;}
#ModalLogin .modal-dialog .modal-body p{float:left;width: 100%;text-align:center;margin-bottom: 5px;font-size: 16px; color:#252525;font-family: Barlow-SemiBold;}
#ModalLogin .modal-dialog .modal-body input{margin: 30px 0px;border: 0px; border-bottom: 1px solid #919191; box-shadow:initial;font-family:Barlow-SemiBold;font-size: 16px;line-height: 24px;color:#252525;}
#ModalLogin .modal-dialog .modal-body .buttomModal{text-align:center;margin-top: 30px}
#ModalLogin .modal-dialog .modal-body .buttomModal .btn{background:#19777C;width:100%;margin-right: 20px;box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.05);border-radius: 5px;font-family: Barlow-SemiBold;font-size:16px;line-height:36px;border:0px;padding: 6px 30px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
#ModalLogin .modal-dialog .modal-body .buttomModal .btn:hover{background:#156a6f;}
#ModalLogin .modal-dialog .modal-body p.QuenMatKhau{margin-top:20px;margin-bottom: 50px;width:100%;float:initial;}
#ModalLogin .modal-dialog .modal-body p.QuenMatKhau a{font-size: 16px; color:#252525;font-family: Barlow-SemiBold;}
#ModalLogin .modal-dialog .modal-body p.QuenMatKhau a:hover{text-decoration:none;color:#19777C;}
#MessLogin{position:fixed;top: 100px;right:0px;z-index:9999999;}
#MessLogin .alert {text-align:left; line-height: 24px;}


.main {padding:0px;float:left;}
.main .MocDiem{margin: 0px;padding:60px 0px 0px 0px;float:left;width:100%;background:  url(../img/Background.jpg) no-repeat top left rgb(38, 41, 118);background-size:100% auto;}

.main .History{float:left;padding:0px;margin:0px 0px 0px 0px;}
.main .History .HistoryTab a{text-decoration:none;padding: 15px 30px;color:#252525;background:#d6d6d6;float:left;border-radius: 12px 12px 0px 0px;margin-left:15px;font-size:16px;font-family:Barlow-SemiBold;}
.main .History .HistoryTab a.Active{background:#ededed !important;}
.main .History .line {text-align:center;}
.main .History .line i{color:#CFDC20;font-size:24px;margin-right: 10px}
.main .History .History_Title{color: #252525;margin: 20px 0px 20px 0px;font-family: Barlow-SemiBold;font-size:28px;line-height:32px;text-align:center;}
.main .History .HistorySearch{color: #252525;font-family: Barlow-SemiBold;font-size:16px;line-height:32px;margin-bottom: 15px;float:left;}
.main .History .HistorySearch div{float:left;}
.main .History .HistorySearch span{float:left;}
.main .History .HistorySearch input{width: 200px;float:left;margin-left: 20px;border-radius:8px;box-shadow: 0px 4px 2px #CCCCCC;font-family:Barlow-Regular;}
.main .History .HistorySearch select{width: 200px;float:left;margin-left: 20px;border-radius:8px;box-shadow: 0px 4px 2px #CCCCCC;font-family:Barlow-Regular;}
.main .History .History_main{float:left;background:#ededed;border-radius:10px;padding: 20px;margin-bottom: 10px;min-height:600px;}
.main .History .History_main .alert-warning{border:0px;background:none;font-size: 20px;color: #2757b5;font-family: 'Barlow-SemiBold';padding: 15px 30px;}
.main .History .History_main table{float:left;width: 100%;}
.main .History .History_main .trTitle{background:none;}
.main .History .History_main .trTitle th{font-family: Barlow-SemiBold;padding: 5px 10px 10px 10px;font-size:22px;line-height:26px;color:#222B64;}
.main .History .History_main tr{margin-bottom: 5px;border-radius:6px;}
.main .History .History_main tr td{font-family: Barlow-SemiBold;background:#FFFFFF;padding: 5px 10px;font-size:16px;line-height:24px;color:#2757b5;border-bottom: 5px solid #EDEDED;}
.main .History .History_main tr td select.form-control{border:0px;font-family:Barlow-Regular;box-shadow:none;width:auto;display:initial;}
.main .History .History_main tr td a.btn{text-decoration:none; color:#FFFFFF;font-family:Barlow-Regular; padding: 5px 30px;background: #1AB090;border:0px;}
.main .History .History_main tr td a.btn:hover{background: #13967a;color:#FFFFFF;border:0px;}
.main .History .History_main tr.disable td{font-family: Barlow-Regular;color:#999999;}
.main .History .History_main tr td:first-child{border-radius: 6px 0px 0px 6px;}
.main .History .History_main tr td:last-child{border-radius: 0px 6px 6px 0px;}
.main .History .History_main tbody {display:block;height:500px;overflow-y:auto;}
.main .History .History_main thead, .main .History .History_main tbody tr {display:table;width:100%;table-layout:fixed;height:50px;}
.main .History .History_main .divPage{float:left;padding:0px;display:flex;}
.main .History .History_main .divPage ul{padding:10px 0px 0px 0px;margin:auto;}
.main .History .History_main .divPage ul li{float:left;}
.main .History .History_main .divPage ul li a{font-family: Barlow-SemiBold;font-size:14px;line-height:16px;color:#252525;padding: 10px;cursor:pointer;}
.main .History .History_main .divPage ul li.active a{color:#999999;}
.main .History .History_main .divPage ul li a:hover{text-decoration:none;color:#999999;}
.main .History .History_main .divPage ul li a i{font-size:18px;}
.main .History .History_main .divPage ul li a.active{color:#999999;}
.main .Notification .tab-content{float:left;width:100%;}
.main .Notification .tab-pane{float:left;width:100%;}
.main .Notification .nav-tabs{border-bottom:0px;}
.main .BackgroundContentWheel .Notification .History_main{border-radius: 0px 10px 10px 10px;}
.main .Notification .nav-tabs > li > a{background-color:#d6d6d6;border-radius:10px 10px 0px 0px;font-size:16px;font-family:Barlow-SemiBold;padding: 14px 40px;color:#252525;margin-right: 15px;}
.main .Notification .nav-tabs > li.active > a, .main .Notification .nav-tabs > li.active > a:hover, .main .Notification .nav-tabs > li.active > a:focus{background-color:#ededed;}




.main .MocDiem{padding:0px;float:left;width:100%;}
.main .MocDiem .Info{border-right:1px solid #acadcb;padding:0px 100px;}
.main .MocDiem .container{position:relative;padding:0px;}
.main .MocDiem .Mission{float:left; background: rgba(67, 77, 121, 0.62);border: 1px solid rgba(255, 255, 255, 0.22);border-radius: 20px;padding: 50px 0px;margin: 50px 0px;}
.main .MocDiem .Mission p{padding: 5px 0px;font-family: Barlow-Regular;float: left;width: 100%;font-size: 16px;line-height: 24px;color: #FDFDFD;text-align:justify;}
.main .MocDiem .Mission a{color: #fecb67;font-size: 16px;background: none;float: left;width: 100%;text-align: right;font-family:Barlow-Regular;text-decoration:underline;margin: 50px 0px 20px 0px;}
.main .MocDiem .Mission a i{font-size:24px;font-size: 24px;margin-right: 10px;vertical-align:middle;}
.main .MocDiem .Mission a:hover{color:#FCB323;}
.main .MocDiem .Mission a.btn{background: #FFB81C;text-align:center;color:#252525;margin: 15px 0px;padding:15px 20px;font-family:Barlow-SemiBold;text-decoration:none;border:0px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.main .MocDiem .Mission a.btn:hover{background:#19777C;color:#FFFFFF;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.main .MocDiem .GiaiThuong  p.Title{font-family:Barlow-Bold;font-size:28px;text-align:center;padding:10px 0px 0px 0px;margin-bottom: 50px;color:#FFFFFF;}
.main .MocDiem .GiaiThuong .boxGiaiThuong {float:left;padding: 0px 10px;text-align:center;margin-bottom:20px;}
.main .MocDiem .GiaiThuong .boxGiaiThuong .img{float:left;padding: 0px; margin-bottom: 20px;float:left;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.main .MocDiem .GiaiThuong .boxGiaiThuong:hover .img{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.main .MocDiem .GiaiThuong .boxGiaiThuong .boxGiaiThuongTitle{float:left;text-align:center;padding: 10px 0px 10px 30px; }
.main .MocDiem .GiaiThuong .boxGiaiThuong p{float:left;width:100%;text-align:center;font-family: Barlow-Regular;font-size:20px;line-height:32px;color:#FFFFFF;}
.main .MocDiem .GiaiThuong .boxGiaiThuong .boxGiaiThuongTitle p.boxGiaiThuongNumber{font-family: Barlow-Bold;text-align:left;width:auto;line-height:45px;color: #C2B59C;padding: 10px 10px 0px 0px;font-size:20px;}
.main .MocDiem .GiaiThuong .boxGiaiThuong .boxGiaiThuongTitle p.boxGiaiThuongNumber span{font-size:70px;color:#F3B94B;}
.main .MocDiem .GiaiThuong .boxGiaiThuong .boxGiaiThuongTitle p{font-family: Barlow-Bold;text-align:left;font-size:20px;width:auto;line-height:32px;color:#FFFFFF;}
.main .MocDiem .GiaiThuong .boxGiaiThuong .boxGiaiThuongTitle p:last-child{float:left;width:100%;}
#ModalMessContent p{width:100%;text-align:center;font-family: Barlow-SemiBold;font-size:18px;line-height:26px;color:#252525;margin-bottom:10px;}
#ModalMessContent p.popupName{font-family: Barlow-Bold;font-size:38px;line-height:42px;color:#1AB090;margin-bottom:20px;}
#ModalMessContent p span{font-family: Barlow-Bold;color:#1F44BC;}
#ModalMessContent p.gt{font-family: Barlow-Bold;font-size:20px;}






.footer {float:left;background-image: linear-gradient(to right, #255BAA , #009C88);}
.footer .container{padding: 30px;}
.footer .container .infoMobile{float:left;text-align:right;padding: 25px 50px 0px 10px; border-right: 1px solid #4c95bf;}
.footer .container .infoMobile .social-media{text-align:right;margin-bottom: 20px;padding:0px;}
.footer .container .infoMobile .social-media img{padding-left: 15px}
.footer .container .infoMobile p{font-family: Barlow-Regular;font-size:16px;color:#FFFFFF;margin-bottom: 10px;}
.footer .container .infoMobile p.footerTitle{font-family: Barlow-SemiBold;font-size:22px;}
.footer .container .infoAddress{float:right;text-align:left;padding: 0px 10px 0px 50px;}
.footer .container .infoAddress img{margin-bottom: 20px;}
.footer .container .infoAddress p{font-family: Barlow-Regular;font-size:16px;color:#FFFFFF;margin-bottom: 10px;}
.footer .container .infoAddress p.Copyright{margin-top: 20px;}

body{
	background: #FFFFFF;font-family:Arial,Tahoma,'Times New Roman';
}  
    .img-responsive{display:normal;}
@media (min-width:1401px){
    .container{width:1400px;}
}
@media (min-width:1200px) and (max-width:1400px){
    .container{width:1200px;}
    #ModalTheLe .modal-dialog{width:80%;}
}
@media (min-width:980px) and (max-width:1200px){
    .container{width:100%;padding:0px 10px !important;}
    .main .MocDiem{margin-top:50px;}
    #ModalTheLe .modal-dialog{width:90%;}
}
@media (min-width:980px) and (max-width:1100px) {
    .container{width:100%;padding:0px 10px;}
    #ModalTheLe .modal-dialog{width:90%;}
}
@media (min-width:851px) and (max-width:979px){
    .container{width:100%;padding:0px 10px;}
    .header .logo{display:none !important;}
    .footer .container{padding: 15px;}
    .main .MocDiem{margin:50px 2% 0px 2%;width:96%;}
    #ModalTheLe .modal-dialog{width:90%;}
}
@media (min-width:768px) and (max-width:850px){
    .main .MocDiem .Mission .info{border-right:0px !important;padding:10px;}
    .main .MocDiem{background-size:auto;}
    .container{width:100%;padding:0px 10px;}
    .header .header-main{padding:0px;}
    .header .container{padding: 10px 0px 0px 0px;}
    .header .menu ul li a{padding:12px 5px 12px 5px;font-size:12px;}
    .header .menu ul li{padding: 10px 5px;}
    .header .logo{padding-left: 10px;margin-top: 10px;}
    .header .info{float:left;margin-top:10px;padding:0px 10px 0px 0px;}
    .header .info:hover .name p#InfoLogout{left:initial;}
    .footer .container{padding: 15px 0px;}
    .footer .container .infoAddress{padding:0px;}
    .footer .container .infoMobile{padding:0px; text-align:left;}
    .main .MocDiem .Mission p{padding:10px 0px 0px 0px;}
    #ModalTheLe .modal-dialog{width:90%;}
    .main .MocDiem .container{padding: 0px 10px;}
    .main .MocDiem #MocDiemInfo{padding:10px;border:0px;}
    .main .MocDiem #MocDiemInfo .logo25{text-align:center;}
    .main .MocDiem #MocDiemInfo .Info1{text-align:center;}
    .main .MocDiem #MocDiemInfo .Info2{text-align:center;font-size:30px !important; line-height: 32px !important;padding-top:10px;}
    .main .MocDiem .GiaiThuong .boxGiaiThuong .boxGiaiThuongTitle{padding-top:10px;}
    .header .info .iconInfo{margin-right:10px;}
    .main .History .container{padding:0px;}
    .main .History .History_main{padding:0px 5px;}
    .main .History .HistorySearch{padding:0px;}
    .main .History .scroll{float:left;padding:0px;}
    .main .History .History_main tr td select.form-control{width:100%;border-bottom: 1px solid #cccccc;}
    .header .info a.btn{padding:9px 20px;}
    .main .History .HistorySearch div{padding:0px;}
    .main .History .HistorySearch select, .main .History .HistorySearch input{margin-left:10px !important;float:right;}
    .main .History .HistorySearch input{margin-bottom:15px;}
}
@media (min-width:480px) and (max-width:767px){
    .main .MocDiem .Mission .info{border-right:0px !important;padding:10px;}
    .main .MocDiem{background-size:auto;}
    .container{width:100%;padding:0px 10px;}
    .header .header-main{padding:0px;}
    .header .container{padding: 10px 0px 0px 0px;}
    .header .menu ul li a{padding:12px 5px 12px 5px;font-size:12px;}
    .header .menu ul li{padding: 10px 5px;}
    .header .logo{padding-left: 10px;margin-top: 10px;}
    .header .info{float:left;margin-top:10px;padding:0px 10px 0px 0px;}
    .header .info:hover .name p#InfoLogout{left:initial;}
    .footer .container{padding: 15px 0px;}
    .footer .container .infoAddress{padding:0px;}
    .footer .container .infoMobile{padding:0px; text-align:left;}
    .main .MocDiem .Mission p{padding:10px 0px 0px 0px;}
    #ModalTheLe .modal-dialog{width:90%;}
    .main .MocDiem .container{padding: 0px 10px;}
    .main .MocDiem #MocDiemInfo{padding:10px;border:0px;}
    .main .MocDiem #MocDiemInfo .logo25{text-align:center;}
    .main .MocDiem #MocDiemInfo .Info1{text-align:center;}
    .main .MocDiem #MocDiemInfo .Info2{text-align:center;font-size:30px !important; line-height: 32px !important;padding-top:10px;}
    .main .MocDiem .GiaiThuong .boxGiaiThuong .boxGiaiThuongTitle{padding-top:10px;}
    .header .info .iconInfo{margin-right:10px;}
    .main .History .container{padding:0px;}
    .main .History .History_main{padding:0px 5px;}
    .main .History .HistorySearch{padding:0px;}
    .main .History .scroll{float:left;padding:0px;}
    .main .History .History_main tr td select.form-control{width:50%;border-bottom: 1px solid #cccccc;float:left;}
    .header .info a.btn{padding:9px 20px;}
    .main .History .HistorySearch div{padding:0px;}
    .main .History .HistorySearch select, .main .History .HistorySearch input{margin-left:10px !important;float:right;}
    .main .History .HistorySearch input{margin-bottom:15px;}
}
    
@media (max-width:480px){
    .main .MocDiem .Mission .info{border-right:0px !important;padding:10px;}
    .main .MocDiem{background-size:auto;}
    .container{width:100%;padding:0px 10px;}
    .header .header-main{padding:0px;}
    .header .container{padding: 10px 0px 0px 0px;}
    .header .menu ul li a{padding:12px 5px 12px 5px;font-size:12px;}
    .header .menu ul li{padding: 10px 5px;}
    .header .logo{padding-left: 10px;margin-top: 10px;}
    .header .info{float:left;margin-top:10px;padding:0px 10px 0px 0px;}
    .header .info:hover .name p#InfoLogout{left:initial;}
    .footer .container{padding: 15px 0px;}
    .footer .container .infoAddress{padding:0px;}
    .footer .container .infoMobile{padding:0px; text-align:left;}
    .main .MocDiem .Mission p{padding:10px 0px 0px 0px;}
    #ModalTheLe .modal-dialog{width:90%;}
    .main .MocDiem .container{padding: 0px 10px;}
    .main .MocDiem #MocDiemInfo{padding:10px;border:0px;}
    .main .MocDiem #MocDiemInfo .logo25{text-align:center;}
    .main .MocDiem #MocDiemInfo .Info1{text-align:center;}
    .main .MocDiem #MocDiemInfo .Info2{text-align:center;font-size:30px !important; line-height: 32px !important;padding-top:10px;}
    .main .MocDiem .GiaiThuong .boxGiaiThuong .boxGiaiThuongTitle{padding-top:10px;}
    .header .info .iconInfo{margin-right:10px;}
    .main .History .container{padding:0px;}
    .main .History .History_main{padding:0px 5px;}
    .main .History .HistorySearch{padding:0px;}
    .main .History .scroll{float:left;padding:0px;}
    .main .History .History_main tr td select.form-control{width:100%;border-bottom: 1px solid #cccccc;}
    .header .info a.btn{padding:9px 20px;}
    .main .History .HistorySearch div{padding:0px;}
    .main .History .HistorySearch select, .main .History .HistorySearch input{margin-left:10px !important;float:right;}
    .main .History .HistorySearch input{margin-bottom:15px;}
}