@font-face {
    font-family: "Roboto-Condensed-Regular";
    src: url(fonts/RobotoCondensed-Regular.ttf);
}
body {
    margin: 0;
    font-family: "Calibri","Roboto-Condensed-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /*   font-weight: 400; */
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    
}

#app {
    font-size: 15px;
    background-color: #fff;
}
header {
        background:url(images/bg_header.png) no-repeat bottom right;
   background-color: #fff;
}
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.container-fluid {
    width: 95%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.pl-3, .px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
@media (min-width: 768px)
.justify-content-md-center {    
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    /*justify-content: center !important;*/
}
@media (min-width: 768px)
.col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

@media (min-width: 768px)
.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.header-text {
    padding-left: 90px;
    font-size: 20px;
    color: #ef0741;
    /*font-weight: bold;*/
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

@media (max-width:700px) {
.header-text {
        font-size: 19px;
}
}
@media (max-width:500px) {
.header-text {
        font-size: 14px;
}
}

.banner {
    background:url(images/logo.png) no-repeat left center;
    height: 48px;
    display: table;
    max-width: 1200px !important;
}
.navbar-xanh {
    background: #3f6499;
    border-radius: 0;
    border: none;
    min-height: 46px;
}

@media (min-width: 768px)
{
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff000;
}
.MR5 {
    margin-right: 5px;
}
.alert {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 10px;
}
.alert-info {
    background-color: #3f6499;
    border-color: #3f6499;
    color: #fff;
}
.padT10 {
    padding: 10px 0px;
}
.MB0 {
    margin-bottom: 0;
}
.MT0 {
    margin-top: 0;
}
.text-uppercase {
    text-transform: uppercase;
    font-size:20px;
}
h3, .h3 {
    font-size: 24px;
}
.PDTieuDe{padding:10px;
font-size:21px!important;  
}
.navbar-collapse_menu{padding-left:0px;
					padding-right:0px;}
.box-KN {
    border: solid 1px #edded0;
    background: url(images/trongdong.png) no-repeat center center #faf0f0;
    padding: 10px;
}
.inputNgayCap {height:34px!important;}  
.tle-boBB {
    background: #054680;
    padding: 6px 10px;
   
}

.text-uppercase {
    text-transform: uppercase;
}
.text-name {
    text-transform: uppercase;
    font-size: 18px;
}
.text-muted {
    color: #777777;
}
.text-cut{
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 3;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 15px;
}
.MB20 {
    margin-bottom: 20px;
}
.boT {
    border-top: solid 1px #ccc;
}
.media-object-default1 {
    padding: 10px;
}
.MT0_content{width: 100%;}
.navbar-nav li a{font-size: 16px;}
footer{background: #3f6499 url(images/bg_footer.png) repeat-x left center;
 border:1px solid #5876a1; min-height: 203px}
.textfooter{padding-top: 20px;
    font-size: 17px;
    line-height: 27px;
    padding-left: 28px;}
.text-TT {
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
}
.topFooter{height:60px;}
.tuvan{font-size:23px!important}
.hotline{font-size:23px!important;
			color:#f0ff00}	
.email{font-size:23px!important;
color:#f0ff00; padding-left:100px}	
.pad10 {
    padding: 10px 0;
}
.MR10 {
    margin-right: 10px; 
    color:#fff;
    font-size:15px;
    
}
h4{color:#ec0941!important;
	font-size:16px}
.tle-xanh {
    background: #00a2ff;  
    color: #fff!important;
    padding: 6px 10px;
    margin-bottom: 0;
}
.box-TK {
    background: #eee;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 10px;
}
.box-TKHot {
    background: #fff;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 10px;
}
.btn-refresh {
    background: url(images/icon_refresh.png) no-repeat center center;
    padding:6px 5px 10px 5px;
}
.media-object-default2 {
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 20px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #3f6499;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 5px ;
    margin-bottom: -1px;
    background-color: none!important;
    border: none!important;
}

.menu-phu {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.menu-phu li {
    margin: 6px 0;
    background: url(images/li1.png) no-repeat left 8px;
    padding-left: 15px;
}
.bg-home {
    background: url(images/bg_home.png) no-repeat left top 46px;
}
.fixF {
    position: fixed;
    bottom: 0;
    width: 100%;  
}
.boBB-xanh {
    border-bottom: solid 3px #337ab7;
    padding-bottom: 2px;
    /* padding-left: 25px; */
}
.card-img {
    width: 100%;
}
.navbar{margin-bottom:93px}
.navbar-nav li a{font-weight: bold}
.bg_user{background: #fff url(images/bg_user.png) no-repeat left !important;}
.bg_pass{background: #fff url(images/bg_pass.png) no-repeat left !important;}
.form-control {
	padding: 6px 12px 6px 39px

	}
.btn_login{background: #fff url(images/bg_bt.png) no-repeat left !important; width:427px;height:41px; text-transform: uppercase;}