body{font-family: 'SVN-Poppins';font-size: 14px;font-weight: 400;line-height: 1.4;}
h1, h2, h3, h4, h5, h6{font-family: 'SVN-Poppins'; line-height: 1.4;}
.text-underline{text-decoration: underline;}
.site-wrap{overflow: hidden;}
.tieude {font-size:20px;margin:0;}
.page-header {width: 100%;background-color:white;}
.border-left5 {border-left: 7px solid red !important;}
.page-footer {color:white;font-size: 16px;width: 100%;height: 100px;background-color:#338cea;text-align: center;margin:0;line-height: 0.5;border-top: 5px solid #8dabc9;}
a {text-decoration:none; }
ul {list-style-type: none;  /*without any symbol in list */margin: 0; /* magin top = 0 */padding: 0; /* magin left = 0 */overflow: hidden;}
.menubar {background-color: #FBFBF9}
.maxwid {max-width:1200px; margin: auto;}
.btn{font-size: 14px;}

/*Layout*/
.sidebar{width: 250px;}
div.bodybar{width: calc(100vw - 250px);}
.header-logo{align-items: center;padding: 15px;}
.header-logo img{width: auto;height: 40px;}
.header-logo h4{font-size: 20px; margin-bottom: 0; margin-left: 15px;}
@media (max-width: 768px) {
    div.bodybar{width:100%;}
    .bodybar .container-fluid{padding-left: 0; padding-right: 0;}
}

/*Table*/
.card .card-header{padding-top: 5px;padding-bottom: 5px;}
.card .card-header .card-title{font-size: 18px;margin: 0;}
.card .card-header .row{align-items: center;}
.card .card-header .btn-medium{font-size: 13px !important;}
.card .card-body table th, .card .card-body table td{font-size: 14px; padding: 7px;}
.card .card-body .control-label,
.card .card-body .form-control{font-size: 14px;}
.required-label{color: #ff0000;}
table td.action{text-align: right;}
table td.action a{font-size: 13px;}
table td.action a#delete-action{color: #ff0000;}
table td.action a#edit-action{color: #05751f;}
table td.action a:after{content: "|";margin-left: 7px; margin-right: 7px;color: #000;}
table td.action a:last-child:after{display: none;}


/*Sidebar*/
.sidebar .list-group-item .fa-caret-down:before{content: "\f0da";}
.sidebar .list-group-item.collapsed .fa-caret-down:before{content: "\f0d7";}
.sidebar .list-group-item ul{margin-top: 10px;}
.sidebar .list-group-item ul li a{font-size: 13px; line-height: 20px; color: #fff;}
.sidebar .sidebar-menu > li{position: relative;display: block;padding: 0.75rem 1.25rem;background-color: #343a40;border-bottom: 1px solid rgba(0, 0, 0, 0.125);}
.sidebar .sidebar-menu > li.current-page{background-color: #243a50;}
.sidebar .sidebar-menu > li > a{color: #fff; text-decoration: none;}
.sidebar .sidebar-menu > li > a > i{padding-right: 10px;}
.sidebar .sidebar-menu .toggle-submenu{position: absolute; right: 5px; top: 4px; width: 30px; height: 30px; background-color: transparent; box-shadow: none; border: 0; color: #fff; text-align: center; cursor: pointer; z-index: 100; outline: 0;}
.sidebar .sidebar-menu .treeview-menu{display: none;}
.sidebar .sidebar-menu > li.current-page > .treeview-menu{display: block;}
.sidebar .sidebar-menu .treeview-menu{padding-left: 15px;margin-top: 10px;}
.sidebar .sidebar-menu .treeview-menu li{padding: 7px 0;}
.sidebar .sidebar-menu .treeview-menu li > a{color: #fff; text-decoration: none; font-size: 13px;}
.sidebar .sidebar-menu .treeview-menu li > a i{padding-right: 10px;}
.sidebar .sidebar-menu li.is_show > a > .toggle-submenu .fa-caret-down:before,
.sidebar .sidebar-menu li.current-page > a > .toggle-submenu .fa-caret-down:before{content: "\f0da";}
.menu-bar{position: absolute; left: 0; top: 5px;}
.menu-bar > a{font-size: 22px;color: #000;}
.header-top{border-bottom: 1px solid #dee2e6;}
.header-top a{color: #000;}
@media (max-width: 768px) {
	.header-top{padding-top: 7px; padding-bottom: 7px;}
	.sidebar{height: inherit; min-height: 100%; position: absolute; top: 0; box-shadow: none!important; margin-left: -250px; overflow-y: hidden; z-index: 1038; transition: margin-left .3s ease-in-out,width .3s ease-in-out;}
	.sidebar.is_show{margin-left: 0;}
	.overlay{display: none;position: absolute; z-index: 1; left: 0; right: 0;top: 0; bottom: 0; background-color: rgb(0 0 0 / 58%);}
}


/*Manager*/
.profile-manager{align-items: center; margin-left: 40px;}
.profile-manager .image{margin-right: 10px;}
.profile-manager .image,
.profile-manager .image img{width: 60px;height: 60px;border-radius: 50%;}


/*Footer*/
#footer a{color: #000;}
#footer .logo-footer{height: 30px; width: auto; margin-right: 10px;}
#footer .widget-title{font-size: 16px; margin-bottom: 15px;}
#footer ul{padding-left: 20px;list-style: disc;}
#footer ul li{margin-bottom: 5px;}
@media (max-width: 768px) {
	#footer{padding-left: 10px;}
}

/*Dashboard*/
.main-bashboard p > img{max-width: 25px; margin-left: 5px;}
.bodybar .wrap-content{min-height: 350px;}

/*pagination*/
.pagination{background-color: #FAFAFB; margin-top: 30px; justify-content: center; text-align: center;}
.pagination li{margin-right: 15px;}
.pagination li a, .pagination li span{font-size: 16px; color: #3A3A3A; line-height: 38px;}
.pagination li.active span{background-color: #28a745; color: #fff; line-height: 25px; font-size: 16px; display: inline-block; padding: 5px 14px;}