body{
	margin:0px; padding:0px; 
	font-size:14px;
	font-family:Poppins,sans-serif,arial;
	background:#eef1f5;
}
.answer_item{background:#ffd;border:#ccc 1px solid;margin:15px;padding:15px 0;clear:both;}
.wrs_tickContainer{display:none;}
.component{
	padding-top: 45px;
	padding-left: 15px;
	padding-right: 15px;
}
.dashboard{
	position: relative;
	padding-bottom: 100px;
}
.dashboard .card-header {
	color: #333;
	background-color: #8fd19e;
}
.dashboard .card-header a {
	color: #333;
	font-size: 16px;
	font-weight: 600;
}
.dashboard .table-info.bold {
	background-color: rgba(0,0,0,.075);
}
.table_bottom {
	color: #fff;
	position: fixed;
	margin-bottom: 0;
	bottom: 0;
	background-color: #229c5c !important;
	border-color: #229c5c !important;
}
.table_bottom td{
	text-align: center;
	border-top: 0px !important;
	border-bottom: 0px !important;
}
.flex{
	display: flex;
}
.flex .el{
	flex-grow: 1;
	flex-basis: 0;
}
.bold{font-weight: bold;}

.fontsize16{
	font-size: 16px;
}
.notifyjs-corner{
	z-index: 9999 !important;
}
#modal_mask.active {
	visibility: visible;
	opacity: 0.5;
}
#modal_mask {
	position: fixed;
	opacity: 0;
	width: 100%;
	left: 0;
	top: 0 !important;
	right: 0;
	bottom: 0;
	background-color: #363636;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.form-group.error .required, .form-group.error .form-control {border-color: #fd4c4c;}
.form-control.error{border-color: #fd4c4c;}
option.disabled {
	background: #dedede;
}
.mt-0{margin-top: 0;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.ml-0{margin-left: 0;}
.ml-1{margin-left: 1rem;}
.ml-2{margin-left: 2rem;}
.mr-0{margin-right: 0;}
.mr-1{margin-right: 1rem;}
.mr-2{margin-right: 2rem;}
.pt-0{padding-top: 0;}
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pb-0{padding-bottom: 0;}
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pl-0{padding-left: 0;}
.pl-1{padding-left: 1rem;}
.pl-2{padding-left: 2rem;}
.pr-0{padding-right: 0;}
.pr-1{padding-right: 1rem;}
.pr-2{padding-right: 2rem;}
a.logotxt,a.logotxt:visited {color:#333}
a:hover {text-decoration:none}
.waiting {
	position:absolute; top:200px; 
	z-index:999;
	background:url(../images/waiting.gif) no-repeat center center;
	width:480px; height:320px;
}
.box-white{
	background:#fff; display:block; overflow:hidden; 
	margin-bottom:20px;
	box-shadow: 0 1px 3px #ccc;
}
.btn-subject-edit{display:none;cursor:pointer;}
li:hover .btn-subject-edit{display:block;}
.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}
span.flag {
	display: inline-block;
	padding: 0px 15px;
	color: #fff;
}
.form-check-inline{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem;
}
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0;
}
.form-check-label {
    margin-bottom: 0;
}
.mb-3, .my-3 {margin-bottom: 3rem!important;}
.mb-5, .my-5 {margin-bottom: 5rem!important;}
.bd-0{border: 0;}
.flag.do{background-color: #d9534f;}
.flag.xanh{background-color: #5cb85c;}
.flag.vang{background-color: #f0ad4e;}
.flag.NA{background-color: #6c757d;}
.box-white::after{clear:both;content:''}
.txtColor{color:#0e71b4;}
.colorWhite, .color-white{color:#fff !important;}
.colorOrange {color:#fc5513}
.colorOrange:hover {color:#2e94da}
.green,.cgreen{color:#0B0 !important;}
.yellow,.cyellow,.color-yellow {color: #f0ad4e;}
.blue,.cblue,.color-blue {color: #337ab7;}
.red,.cred,.color-red{color:#f00 !important;}
.pink,.cpink {color: #E91E63 !important;}
.gray,.cgray {color: #999 !important;}
.teal {color: #009688 !important;}
.deep-orange { color: #FF5722 !important;}
.cyan {color: #2e94da !important;}
.cblack {color: #333 !important;}
.bgColor{background:#fff; color: #6f6f6f;}
.bg-gray{background:#ccc;}
.bg-blue{background-color: #337ab7; color: #fff;}
.p_top10{padding-top:10px;}
.p_top20{padding-top:20px;}
.p_bottom20{padding-bottom:20px;}
.p_10{padding-top:10px; padding-bottom:10px;}
.p_20{padding-top:20px; padding-bottom:20px;}
.p_30{padding-top:30px; padding-bottom:30px;}
.txtbold {font-weight: bold;}
.clear-both {clear: both;}
.search_box input{border:none;border-bottom:#ccc 1px solid;border-radius:0px; box-shadow:none!important;}
.search_box select{border:none;border-bottom:#ccc 1px solid;border-radius:0px; box-shadow:none!important;}
.search_box .btn_search{border:none;background:#fff;border-bottom:#ccc 1px solid;border-radius:0px;}
.status{padding:5px;border-radius:4px;}
.status_0{background:#a00; color:#fff;}
.form-group {margin-bottom:7px;}
.novalid{border:1px solid red;}
.modal {top: 70px;}
#student_add .novalid,#student_edit .novalid,
.form .novalid {border-bottom:1px solid red;}
.label {
	color: white;
	font-size: .9em;
}
.success {background-color: #04AA6D;} /* Green */
.info {background-color: #2196F3;} /* Blue */
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Red */
.other {background-color: #e7e7e7; color: black;} /* Gray */
.txt_status, .txt_ghichu {
	font-size: .9em;
	padding-top: 3px;
}
.txt .fa-clock-o {
	margin-right: 5px;
	color: #6c7ab7;
}
.td-lienhecuoi .numday .number{
	font-size: 20px;
	text-align: center;
}
.td-lienhecuoi .txt, .noidung_lienhecuoi {
	padding: 1px 5px;
	font-size: .9em;
	background-color: #ffa5006e;
}
span.label{cursor: pointer;}

.dashboard{}
.dashboard .el{
	padding-left: 10px;
	border-right: 1px solid #ccc;
}
.dashboard .el:first-child{
	padding-left: 0px;
}
.dashboard .el:last-child{
	border-right: 0px;
}
.dashboard .el .name{}
.dashboard .el .count{font-size: 24px;}

h3.title{padding:0px; margin:0px;font-size:18px;}
table td{line-height: 34px;}
#loading {
	position:absolute;
	top:50%; left:50%; z-index:999;
	width:240px; height:320px; display:none;
	background:url(../images/loading.gif) no-repeat center center;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%); /* Safari */
	transform: translate(-50%,-50%); /* Standard syntax */
}
.r_note {overflow-wrap: break-word;width: 180px; margin-bottom:15px}
table.table {
	background: white;
	border-collapse: collapse;
	width: 100%;
}
table.table th {
	background: #90cef7;
	color: #333;
}
table.table tr, table.table th, table.table td {
	border: none;
	border-bottom: 1px solid #e8e8e8;
	font-size: 13px;
}
table.table tr td {/* line-height:34px; */}
table.table tr:nth-of-type(2n+2) td {}
table.table td ul.list {margin:0; padding:0}
table.table td ul.list li {list-style:none; display:inline-block; width:20%; padding:5px 0}
table.table tr.active td {background-color:#d1e8f7 !important}
/*----------------------- HEADER -----------------------------*/
.page-header {margin:0}
.page-header.navbar .page-logo {
	background: #6673FC;
	float: left;
	display: block;
	width: 235px;
	height: 60px;
	padding: 10px 20px 0px 30px;
	line-height: 1.7 !important;
}
.page-header.navbar .page-logo .logo-default {
	margin: 7px 0 0;
	height: 34px;
}
.page-logo a {
	text-decoration: none;
	color: #fff;
	font-size: 25px;
}

.fa-arrows-alt{}
.fa-arrows-alt:before {
	content: "\f0b2";
}
.form-profile{}
.form-profile,.form-profile a{color:#fff}
.form-profile.dropdown-toggle {
	-webkit-box-shadow: 0 !important;
	box-shadow: 0 !important;
}
#nav_registry {
	border-right: 0px !important;
}
ul.nofitications-dropdown {
	margin: 0 20px 0 0;
}
ul.nofitications-dropdown .dropdown-menu {
	left:unset; right:0px; max-height:500px;
	overflow:scroll;
}
.opacity .open>.dropdown-menu {
	max-height: 1000px;
	overflow: visible;
	opacity: 1;
	-webkit-transition: opacity .1s;
	transition: opacity .1s;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

#site_header{
	position:fixed; z-index:9999;
	line-height:45px;
	box-shadow:0 1px 3px #ccc;
	width: 100%; left: 0;
	background:#6673FC;color:#fff;
}
#site_header .btn_navbar {    
	float:left;font-size:16px;
	line-height: 45px;
	color:#fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#site_header .header_content{margin-left:100px; height: 45px; background: #0044cc;}
#site_header .search_box{margin-top:10px;}

#site_header ul {margin:0; padding:0}
#site_header ul li {float:left; display:inline-block}
#site_header ul li a{color:#fff; border-right: 1px solid #6673FC; padding:12px 15px; display:inline-block;}
#site_header .dropdown-menu li {float:none; display:block}
#site_header .dropdown-menu a {color:#333; border-right:0px!important; display:block; padding: 3px 15px !important;}

#site_header .nav-left ul span{
	padding: 0 10px;
}
#site_header .nav-right{
	display: flex;
	justify-content: flex-end;
}
#site_header .nav-right li{position: relative;}
#site_header .nav-right a{padding: 0 15px;}
#nav_registry{border-right: 0px;}

.logo {background:#04c; color:#fff; height:45px; padding: 5px 10px 5px 5px;}
.logo img {max-height:40px; margin:auto;}

.topmenu ul li{position:relative; float:left;}
.topmenu .navbar-nav>li:hover>a,.topmenu .navbar-nav>li.active>a {
	background:#04c!important; border-right: 1px solid #fff;
}
ul.submenu {
	min-width:200px;
	position:absolute; 
	top:45px; left:0;
	z-index:9999;
	display:none;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-radius: 2px!important;
	padding:8px 0 !important;
	overflow:hidden;
}
ul.submenu li{
	float:none!important; 
	display: block!important;
}
ul.submenu li a {
	color: #333 !important;
	border-right:0px!important;
	padding: 5px 10px!important;
	display: block!important;
	line-height: 20px;
}
ul.submenu li.active a,ul.submenu li:hover a {color: #46a2ff!important;}
ul.submenu li.divide hr{margin:0; padding:0;}
li:hover > ul {
	display: block;
}

#site_body {clear:both; position:relative}
.user_img{
	float:left;
	width:19%;
}
.user_img img{
	max-width:100%;
	display:block;
	border-radius:2em;
	-webkit-border-radius:2em;
	-moz-border-radius:2em;
	-o-border-radius:2em;
}
.notification_desc p{
	color:#757575;
	font-size:13px; margin:0;
}

/*--------------------------- LEFT MENU --------------------------*/
#site_left{
	background:#F4F6F9;
	border-right:#eceaea 1px solid;
	box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16), 0 0px 5px 0 rgba(0,0,0,0.05);
	width:260px; height:100%;
	overflow-y: auto;
	position:fixed; top:45px; z-index:99;
	-webkit-transition: width .05s linear;
	transition: width .05s linear;
	-webkit-transform: translateZ(0) scale(1,1);
}

#site_main{	margin-left:260px;}
#main_inner { padding-top: 45px; padding-left: 10px; padding-right: 10px;}
#main_inner .box-right .nav h3>a{color: #FFF;}
.order_tab {display: flex;width: 100%;position: relative;padding: 10px;}
.order_tab a {margin: 0px 2px; padding: 5px; font-size: 13px; flex: auto;}
.num {background: red;color: white;padding: 2px 5px;border-radius: 3px;}
.customer_item{display:flex;position:relative;background:#fff;padding:15px 0px; margin-bottom:15px;border-radius:6px;box-shadow:0px 1px 3px #ccc;}
.customer_item::after{clear:both;content:"";}
.customer_item .avata{width:100px;float:left;}
.customer_item .avata img{width:100%;border:#f1f1f1 1px solid;}
.customer_item .info{margin-left:115px;}
.customer_item h3.title{color:#eea236;}
.customer_item .order_action{min-width:150px;padding:0 10px;}

#site_left .main-menu h3.title{
	background:#0044cc; color:#fff;
	font-size:14px; padding: 10px 15px;
}
#site_left .main-menu ul{
	list-style:none;
	border-top: 1px solid #fff;
}
#site_left .main-menu ul li a{line-height:29px}
#site_left .main-menu ul.list-unstyle>li{
	padding: 5px 15px;
}
#site_left .main-menu ul.list-unstyle>li.active {
	background: #009cfb;
}
#site_left .main-menu ul.list-unstyle>li.active>a {
	color: #fff;
}
#site_left .main-menu ul.list-unstyle>li:hover {
	background: #009cfb;
}
#site_left .main-menu ul.list-unstyle>li:hover>a {
	color: #fff;
}
.tools{padding:10px 0px;}
.header {    
	padding: 8px 15px;
}
.logotxt {font-size:28px; font-weight:bold; color:#333; margin-left: 15px;}
#site_left .nav{
	margin-bottom: 10px;
}
#site_left .nav h3{
	background: #0044cc;
	color: #fff;
	font-size: 16px;
	padding: 15px 15px;
	margin: 0;
	border-bottom: 1px solid;
}
#site_left .nav h3>.title {
	color: #fff;
}

#site_left, #main_inner .box-right{
	padding-bottom: 50px;
}
#main_inner .box-left{
	margin-right: 260px;
}
#main_inner .box-right .nav-lesson{
	overflow-y: auto;
}
#main_inner .box-right{
	background: #F4F6F9;
	border-right: #eceaea 1px solid;
	box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 5px 0 rgb(0 0 0 / 5%);
	width: 260px;
	height: 100%;
	overflow-y: auto;
	position: fixed;
	top: 45px;
	right: 0px;
	z-index: 99;
	-webkit-transition: width .05s linear;
	transition: width .05s linear;
	-webkit-transform: translateZ(0) scale(1,1);
}
#main_inner .box-right .nav{margin-bottom: 10px;}
#main_inner .box-right .nav h3{
	background: #0044cc;
	color: #fff;
	font-size: 16px;
	padding: 15px 15px;
	margin: 0;
	border-bottom: 1px solid;
}
#main_inner .box-right .nav h3.title{
	background: #0044cc;
	color: #fff;
	font-size: 16px;
	padding: 15px 15px;
}
#main_inner .box-right .main-menu h3.title{
	background:#0044cc; color:#fff;
	font-size: 16px;
	padding: 15px 15px;
}
#main_inner .box-right .main-menu ul{
	list-style:none;
	border-top: 1px solid #fff;
}
#main_inner .box-right .main-menu ul li a{line-height:29px}
#main_inner .box-right .main-menu ul.list-unstyle>li{
	padding: 5px 15px;
}
#main_inner .box-right .main-menu ul.list-unstyle>li.active {
	background: #009cfb;
}
#main_inner .box-right .main-menu ul.list-unstyle>li.active>a {
	color: #fff;
}
#main_inner .box-right .main-menu ul.list-unstyle>li:hover {
	background: #009cfb;
}
#main_inner .box-right .main-menu ul.list-unstyle>li:hover>a {
	color: #fff;
}

#site_left .nav ul li, 
#main_inner .box-right .nav ul li{
	font-size: 13px;
	padding: 5px 15px;
	border-bottom: 1px solid #cacaca;
}
#site_left .nav ul li.active,
#main_inner .box-right .nav ul li.active{
	background-color: #009cfb;
}
#site_left .nav ul li:hover,
#main_inner .box-right .nav ul li:hover{
	background: #717d8a;
}
#site_left .nav ul li>a, #main_inner .box-right .nav ul li>a {
	color: #333;
}
#site_left .nav ul li:hover a, 
#site_left .nav ul li.active a,
#main_inner .box-right .nav ul li:hover a, 
#main_inner .box-right .nav ul li.active a{color: #FFF;}
/* --------------------- FORM ----------------------- */
#frmadd .control-label {text-align:right; padding:0px !important}
#frmadd h3 {
	text-transform:uppercase; 
	font-size:18px;
	padding:10px 0; margin:30px 0 0 0;
}
#frmadd h3 span{
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px 20px;
	border-radius: 5px 5px 0 0;
	border-bottom:1px solid #fff;
}
.box_content {background:#fff; overflow:hidden; border:1px solid #ccc; padding:30px 20px;}
#frmsearch .control-label {text-align:right; padding:0px !important}
#frmsearch .fa-arrow-right {color:#999;}

/*--------------------  form login --------------------*/
#frm_login h3.header {background-color: #003366;border: 1px solid #003366;border-radius: 7px 7px 0 0;color: #FFFFFF;font-weight: bold;height: 30px;line-height: 30px;margin: 50px auto 0;padding: 0;text-indent: 10px;width: 450px;text-transform: uppercase;}
#frmlogin  {
	margin: 150px auto;
	border: 2px solid #1872f0;
	color: #333;
	border-radius: 20px;
	background: #fff;
	opacity: 0.9;
	box-shadow: 0px 2px 10px #eee;
	position:relative;
}
#frmlogin .title_login {
	position:absolute;
	top:-13px; 
	margin:0; padding:0;
	height:60px; line-height:60px; 
	width:400px; font-size: 26px;
	text-align:center; color:#fff;
	text-shadow:1px 1px 5px #016565;
	font-weight:bold;
	background:url(../images/login-heading.png)no-repeat top center;
}
#frmlogin .title_login small {color:#fff}
#frmlogin .logo{
	font-size:28px; font-weight:bold; color:#313338;
}
#frmlogin .body {padding: 10px 30px;}
#frmlogin  a{color:#009999}
#frmlogin .btn-primary {    
	background: #1a73db;
	border-color: #1b4cb4;
}
#frmlogin .col-md-4 { padding:0px;}
#frmlogin .col-md-8 { padding-right:0px;}
#txtuser,#txtpass,#txt_sercurity {
	border:1px solid #87b7b7; 
	height:30px; line-height:30px; 
	margin:5px 0;
	padding:0 10px;
}
#frmlogin #cmd_login { margin-top:10px}
#frmlogin label {height:30px; line-height:30px; margin:5px 0}
#frmlogin .forgot{ margin-top: 17px;}

/*----------------------------*/
#site_header .dropdown_nav {float: right;margin-right: 15px;}
.dropdown_nav .dropdown-menu {
	position: absolute; left: -95px;
}
.btn_dropdown {
	border-radius: 0px;
	border: none;
	background: #32323a;
	color: #fff;
}

/*------------------------- SERVICE -------------------------*/
h1.heading {font-size:32px; color:#2782c0; margin:0; padding:0; line-height:54px;}

.tbl_list_service .fa_user {margin-right: 5px;}

.form-group {overflow: hidden;}
.price_service {display: none;}
.price_service .txt_price {font-size: 16px;font-weight: bold;}
.select2-container .select2-selection--single {height: 34px !important;border-radius: 0;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 34px !important;}

.btn_add_time {color: #337ab7;}
.btn_add_time .fa_user {margin-left: 5px;}
.btn_status {    padding: 2px 12px;color: #fff !important;}
.btn_expired {background: red;}
.btn_close_expired {background: orange;}
.btn_not_expired {background: #337ab7;}

.save_date {display: none;}
.btn_save_time {    display: inline-block;    margin-top: 5px;}

#table_list .to_end_date {display:inline-block;width:100px;height:30px;}
.btn_save_time .fa_user {font-size: 16px; color:#337ab7; }
.reply_box {display:none}

/*-------------- MAIL BOX -------------*/
.mailbox,.reply_box {padding: 10px 20px; line-height:30px;}
.mailbox a { color: #333 !important; padding: 0 10px;}
.mailbox a :hover {text-decoration:none}
.unview {font-weight:bold; color:#337ab7}
table.mail_list td{ cursor:pointer}

.list_search .field_input {padding-right:0px !important}
.list_search .field_input input {border-radius:4px 0 0 4px!important}
.list_search .btnsearch {padding-left:0px !important}
.list_search .btnsearch button {border-radius:0 4px 4px 0!important}
.list_search .func_refresh { margin-right:10px;background:#ddd}
.list_search .func_filter {background:#ddd}

.mail_subject {font-weight:bold; font-size:16px; padding:10px 0; border-bottom:1px solid #ccc}
.mail_from, .mail_date {padding:15px 0 30px;}
.mail_from .avar { 
	width:25px; height:25px; 
	margin-right:10px;
	text-align:center; color:#ccc;
	background:#f5f5f5; border:1px solid #dbdbdb
}
.mail_from .from {line-height:1.5} 
.mail_from .fa-caret-down {color:#ccc}
.mail_date {position:relative}
.mail_date .btn {
	background:#f5f5f5; color:#666;
	padding:3px 15px !important;
	border:1px solid #dbdbdb;
}
.mail_date .btn-down {border-radius:0 2px 2px 0; padding:3px 8px !important}
.mail_date .btn-reply {border-radius:2px 0 0 2px; border-right:0px;}
.mail_date .fa-star-o {margin:0 10px; color:#dbdbdb; font-size: 16px;}
.mail_date .dropdown-menu {
	position:absolute; top:40px; right:0; cursor:pointer;
}
.mail_date .dropdown-menu li {padding:0 10px;}

.list_search {padding-top:15px;}
.list_search .pull-right>.dropdown-menu {right: 15px;}
.list_search ul.dropdown-menu li {padding:0 10px; cursor:pointer}

.tooltip_box {position:relative}
.func_send,.func_cc,.func_bcc {position:absolute; right:15px; top:6px;}
.func_send a,.func_cc a,.func_bcc a{padding:0 5px}
#mail_to,#mail_cc,#mail_bcc {display:none}
.cc_box,.bcc_box {display:none} 

/* calendar */
table.calendar {background-color:#fff;}
table.calendar th,table.calendar td{border:#ccc 1px solid;}
table.calendar td{text-align:right;}
table.calendar .pre_month,table.calendar .nex_month{cursor:pointer;}
table.calendar td.cell{cursor:pointer;}
table.calendar td.curent{background:navajowhite; color:red}
table.calendar td.disable{background:#f6f6f6;color:#999; padding: 0 5px;}
table.calendar td.action{background:oldlace;cursor:pointer}

.calendar_s th{ font-weight:normal!important; font-size:12px;}
.calendar_s td{ font-size:12px;}

.calendar_b th{font-size:13px; }
.calendar_b td{ 
	font-size:13px; 
	text-align:left !important; 
	vertical-align:text-top;
}
.calendar_b .box div,.calendar_b .add{padding:0 5px;}
.calendar_b .box{overflow: hidden;}
.calendar_b .box div {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width:156px; 
	background: blanchedalmond;
	margin-bottom: 2px;
}

.txt_to_hour,.txt_from_hour {width:80px;}

#box_calendar {text-align:center; margin:20px auto;}
#box_calendar .box{ margin:auto}
#box_calendar .notes {overflow:hidden;background:#eee; padding:10px 0; border-radius:5px;}

#calendar_left {padding-right:0px!important;}
.filter_by {width:100%; margin:20px 0 10px; padding:0; overflow:hidden}
.filter_by li {
	float:left;display:inline-block; 
	padding:5px 0px; border:1px solid #ccc;
	background-color:#eee; text-align:center;
	cursor:pointer;
}
.filter_by li:first-child {border-radius:5px 0 0 5px; border-right:0px;}
.filter_by li:last-child {border-radius:0 5px 5px 0; border-left:0px;}
.filter_by li:hover {background:#ccc}
.filter_cus {margin-bottom:10px;}

.row_day,.row_date{padding:10px; cursor:pointer; text-align:left;}
/*.row_day:nth-child(even) {background: #f8f8f8}*/
.row_date {border-bottom:1px solid #eee;}
.row_date .day {width:100px; float:left}
.row_date .fa {color:#bbb; width:10px;}
.list_schedule a {color:#333}
.list_schedule a:hover {color:#2782c0}

#calendar_by {max-height:260px; margin-top:20px; overflow-y:auto;}
#calendar_by ul {margin:0;padding:0}
#calendar_by ul li {
	list-style:none;    
	display: block;
	font-size: 12px;
	padding: 5px 0; cursor:pointer;
	border-top: 1px dotted #ccc;
}

/*----------------------------------------------*/
/* NOTES */
.box_notes  {
	background:navajowhite;
	position:relative;
}
.box_notes .fa-paperclip{position:absolute; top:0px; left:0px;}
.box_notes .fa-plus{position:absolute; top:0px; right:0px; font-size:24px; cursor:pointer;}
.box_notes .box {max-height:450px; min-height:340px; overflow-y:auto;margin:30px 0px 10px; }
.box_notes table {}
.box_notes table td {padding:8px;}

.box_notes .box::-webkit-scrollbar  { 
	width: 10px;
	background-color: #F5F5F5;
}
.box_notes .box::-webkit-scrollbar-track        { 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.box_notes .box::-webkit-scrollbar-thumb        { 
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

/* */
.listbill {margin-bottom:10px;}
.listbill .panel-default>.panel-heading{
	color: #fff;
	background-color: #007CC2;
	border-color: #007CC2;
}
.listbill ul li.active{background: #aaa;color:#111;}
.listbill .panel-heading .txttitle .state {
	background: orange;
	padding: 5px 10px;
}
.tbl_cart tr th {
	background: #E2E2E2;
	color: #016700;
	font-size: 12px;
}
.listbill .pro_note {
	min-width: 65%;
	clear: both;
}
.listbill  .txtpro {
	min-width: 120px;
	display: block;
	float: left;
	font-weight: bold;

}
.listbill .billcode {
	color: #000 !important;
}
.listbill .shop_title {
	background: #2e94da;
	padding: 10px;
	color: #fff;
}
.listbill .shop_title a {
	color: #fff;
}
.listbill .shop_title input[type='text'],.listbill .shop_title select {color:#333;}
.listbill .btn_del .fa_user {
	color: red;
}
.listbill .price_vnd {
	margin-bottom: 5px;
	margin-right: 5px;
}
.listbill .txt_update {
	color: #fff;
	background-color: #007CC2;
	border-color: #007CC2;
	padding: 10px;
	text-transform: uppercase;
}

/*list don hang*/
#frm_filter {
	overflow: hidden;
	margin-bottom: 25px;
}
#frm_filter .col_user {
	padding-left: 5px;
	padding-right: 5px;
}

.col-count {
	padding: 0px!important;
}

.listbill ul{ margin:0; padding:0}
.listbill .title {
	text-transform: uppercase;
	font-size: 18px;
	padding: 10px 0px;
	background-color: #286090;
	border-color: #204d74;
	padding-left: 10px;
}
.listbill .title a {
	color: #fff;

}
.listbill ul li {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 8px 12px;
	background: #fff;
}
.list_new {
	padding-left: 0px;
	padding-right: 0px;
}
.list_new .col_left {
	width: 21%;
	padding-left: 0px;
}
.list_new .count {
	background: red;
	font-size: 12px;
	color: #fff;
	padding: 0px 8px;
	margin-left: 5px;
	border-radius:10px;
}

/* menu user */
.body_col_left {
	position: relative;
}
#site_body .com_header, #site_body .panel-heading {
	font-size: 16px;
	font-weight: bold;
	line-height: 42px;
	background: #ddd;
	padding: 0px 10px;
}
.user_group_list {
	min-height: 200px;
	max-height: 50%;
	overflow-y: scroll;
	padding: 10px;
	background: #fff;
}
.user_group_func,
#site_body .body_body .group_func{
	border-top: 1px solid #ccc; 
	overflow:hidden;
	font-size:14px;
}
.group_list .disable a{color:#999}
.group_func {
	position:absolute; 
	top:50px; left:50px;
	background:#f9f9f9;
	width:80px; display:none;
	box-shadow:0px 2px 6px #999;
}
.group_func ul {margin:0; padding:0}
.group_func ul li {list-style:none; display:block;}
.group_func ul li a {
	display:block; 
	padding: 2px 10px; color:#333;
	border-bottom: 1px solid #e1e1e1;
}
.user_group_list .menu,.user_group_func .menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.user_group_list .menu li,.user_group_func .menu li {
	position: relative;
	line-height: 30px;
}
.user_group_list .menu li a,.user_group_func .menu li a {
	display: block;
	padding: 0px 11px;
}
.user_group_list .menu li.checked > a, 
.user_group_func .menu li.checked > a{
	background:#ccc;
}
.user_group_func a{color:#333; background:#eee; padding:0px 11px;display:block;}
.user_group_func a:hover{background:#ccc}


/* ----------- DASHBOARD ----------- */
.statistic_box {clear:both; overflow:hidden; margin:20px 0; }
.statistic_box .item { 
	background:#fff; margin:10px 0px 10px 25px; 
	color:#333; padding:15px;
	text-align:right; height: 100px;
}
.statistic_box .item .title { font-size: 16px;}
.statistic_box .item .number { font-size:22px;}

.dashboard_page .box {
	float: left;
	height: 180px;
}
.dashboard_page .box .icon-category  {margin:auto}
.dashboard_page .box .icon-category .fa {width:68px; height:68px;text-align:center;transform:translate(0,15%)}
.dashboard_page {
	padding: 20px 0; overflow:hidden;
}
.dashboard_page .panel-warning {
	height: 150px;
}
.dashboard_page .panel-body .media {overflow:hidden; padidng-bottom:10px;}
.dashboard_page .media-heading {
	margin-top: 5px;
	margin-bottom: 5px;
}
.dashboard_page .icon-category {
	padding: 10px;
	background: #eef1f5;
	float: left;
	border: 1px solid #ccc;
}
.dashboard_page .padding-left-10 {
	padding-left: 10px;
}

.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}
.card-block {
	padding: 1.5rem;
}
.card-block h3 {margin:10px 0; padding:0;}
.media, .media-body {
	overflow: hidden;
}
.card-header {
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header>h3{
	margin: 0;
	padding: 10px 15px;
	font-size: 16px;
}
.card-title {
	font-weight: 600;
	letter-spacing: 0.4px;
}

/* Notify Box */
.box_notify { height:1096px; overflow:auto}
.box_notify ul {margin:0;padding:0}
.box_notify ul li {
	list-style:none; 
	display:block;
	color: #696969; 
	margin-top: 10px;
	line-height: 21px; 
	font-size:13px;
}
.box_notify ul li .date {
	color: #b1b1b1;
	margin-top: -3px;
}

/* input currency */
input.currency {
	text-align: left;
	padding: 0 10px;
}
.input-group .form-control {
	float: none;
}
.input-group .input-buttons {
	position: relative;
	z-index: 3;
}
.total_money { font-weight:bold; color:red}

/* FIX TABLE */
#tablefixbottom {
	position:fixed; display:none;
	bottom:0; left:0; right:0; 
	height:50px; line-height:50px;
	background:#2782c0; color:#fff;
	text-align:center;
	box-shadow:1px 1px 5px #333;
	font-size:20px; text-align:right;
	padding:0 50px 0 20px; 
	z-index:999;
}
#tablefixbottom .inner {margin:auto}
#tablefixbottom .box {padding:0 30px; border-right:1px solid #2e94da;}
#tablefixbottom .total_orders span,
#tablefixbottom .currency_cyn span,
#tablefixbottom .currency_vn span {color:yellow}
#tablefixbottom  #quick_deposit {color:#fff; font-size:20px;}
#tablefixbottom  #change_status {margin-top:10px;}

.fixed_headers {
	width: 750px;
	table-layout: fixed;
	border-collapse: collapse;
}
.fixed_headers th {
	text-decoration: underline;
}
.fixed_headers th,
.fixed_headers td {
	padding: 5px;
	text-align: left;
}
.fixed_headers td:nth-child(1),
.fixed_headers th:nth-child(1) {
	min-width: 200px;
}
.fixed_headers td:nth-child(2),
.fixed_headers th:nth-child(2) {
	min-width: 200px;
}
.fixed_headers td:nth-child(3),
.fixed_headers th:nth-child(3) {
	width: 350px;
}
.fixed_headers thead {
	background-color: #333;
	color: #FDFDFD;
}
.fixed_headers thead tr {
	display: block;
	position: relative;
}
.fixed_headers tbody {
	display: block;
	overflow: auto;
	width: 100%;
	height: 300px;
}
.fixed_headers tbody tr:nth-child(even) {
	background-color: #DDD;
}
.old_ie_wrapper {
	height: 300px;
	width: 750px;
	overflow-x: hidden;
	overflow-y: auto;
}
.old_ie_wrapper tbody {
	height: auto;
}
/* icon question */
.icon_ques {position:relative;}
.icon_ques .fa{color:gray;}
.icon_ques .txt_ques {
	position:absolute; display:none;
	bottom: 15px; right: -30px;
	z-index: 99; padding: 2px 5px;
	border:1px solid #ccc; background:#fff;
}

#list_orders table tbody tr {cursor:pointer}
#list_orders table tbody tr:hover {background-color:#e7e9ea}
#list_orders table .noname {background-color:#f9f994}
#list_orders table .notenough {background-color:#d5f9f7;}
#list_orders table .notenough td{position:relative}
#list_orders table .notenough .wrong{
	color:white;background:orange;
	position:absolute;bottom:5px;left:0;z-index:10;
	white-space: nowrap;padding:0 5px;
}

/* Table fix top */
table.fixed{
	position:fixed;
	top: 45px; right: 75px; right: 15px;
	width:auto;
	display:none;
	z-index: 999;
}

/* customer info */
.customer_info {margin-top:15px; margin-bottom:15px; overflow:hidden}
.customer_info .box-white {padding:15px; min-height:300px;}
.customer_info h3{ margin:0; padding:10px 0}
.customer_info .line {padding:3px 0;}
.customer_info .line label {width:80px; display:inline-block; }
.customer_info .line span {display:inline-block; }
.customer_info .money {font-size:20px; float:right;}
.customer_info .currency {font-size:20px; float:right;color:red}
.customer_info .func {clear:both; margin-top:20px;}

.box_history {height:217px; overflow-y:scroll;}
.box_history ul{margin:0; padding:0}
.box_history ul li {list-style:none; display:block; padding:3px 5px;}
.box_history ul li:nth-child(2n+1) {
	background-color: #eef1f5;
}

/* Store */
.store_header {
	position: fixed;
	top: 60px;
	left: 75px;
	right: 0px;
	z-index: 99;
	background: #eee;
	border-bottom: 1px solid #fff;
	padding-right: 30px;
}
.store_body {margin-top:60px;}
tr.noname {}

/* profile view */
.profile_view .avatar{ 
	border:1px solid #ccc;
	width:100%; height:220px;
	margin: 0 auto 10px;
}
.page-bar {
	position: relative;
	overflow: hidden;
}
.page-title {
	padding: 0;
	font-size: 20px;
	line-height: 26px;
	display: block;
	color: #333;
	font-weight: 300;
	margin-bottom: 10px;
	margin-top: 10px;
}
.tab-title {
	margin-bottom: 0;
	margin-top: 20px;
}
.page-title ul {margin:0; padding:0}
.page-title ul li {
	list-style:none; display:inline-block; 
	background:#ccc; padding:0 15px;
	border-radius: 4px 4px 0 0;
}
.page-title ul li.active {background:#90cef7;}
.page-title ul li a {font-size:18px; font-weight:normal; color:#333;}

.page-bar .page-breadcrumb {
	display: inline-block; float: left;
	padding: 8px; margin: 8px 0 0;
	list-style: none;
	background-color: transparent;
	border-radius: 50px;
	background: rgba(220, 208, 208, 0.3);
	padding-left: 20px !important;
}
.page-bar .page-breadcrumb>li>a, .page-bar .page-breadcrumb>li>span {
	color: #888;
	font-size: 14px;
	text-shadow: none;
}
.parent-item:hover {
	color: #1EBDCC !important;
}
.form input[type="text"],.form input[type="number"],
.form input[type="date"],.form input[type="email"],
.form select {
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.12);
	box-shadow: unset;
	border-radius:0;
	font-weight:bold;
}
.text {padding-right:0;height: 26px;line-height: 26px;}

/* Box Tabs */
.box-tabs {padding:20px; position:relative}
.tab-content {border:1px solid #ccc; padding:1px; height:250px; overflow:scroll}
.nav-tabs>li.active>a{background:#286090;color:#fff;}
.box-function {padding-top:10px;}
.tabs-function {
	position:absolute; right:50px; top:20px;
	z-index:9999; margin:0; padding:0
}
.box-function li ,.tabs-function li  {list-style:none; display:inline-block}
.box-function li button,.tabs-function li button {
	cursor:pointer; padding: 4px 8px; color: #333;
}
.box-function .btn-success,.box-function .btn-primary,
.box-function .btn-danger,.box-function .btn-info,
.box-function .btn-warning {color:#fff}
.box-function li button.red,
.tabs-function li button.red {color:red;}

/* FIX TABLE */
#tablefixbottom {
	position:fixed; display:none;
	bottom:0; left:0; right:0; 
	height:50px; line-height:50px;
	background:#2782c0; color:#fff;
	text-align:center;
	box-shadow:1px 1px 5px #333;
	font-size:20px; text-align:right;
	padding:0 50px 0 20px; 
	z-index:999;
}
#tablefixbottom .inner {margin:auto}
#tablefixbottom .box {padding:0 30px; border-right:1px solid #2e94da;}
#tablefixbottom .total_orders span,
#tablefixbottom .currency_cyn span,
#tablefixbottom .currency_vn span {color:yellow}
#tablefixbottom  #quick_deposit {color:#fff; font-size:20px;}
#tablefixbottom  #change_status {margin-top:10px;}
/* END FIX TABLE */

ul.list-unstyle {
	margin-bottom: 0px;
	list-style: none;
	padding-left: 0px;
}
ul.list-inline li {
	display: inline-block;
}
/* Widget fileupload */
.widget-fileupload{}
.widget-fileupload .btn.btn-file>input[type=file]{
	background: #fff;
	cursor: inherit;
	display: block;
	min-height: 100%;
	width: 100%;
	opacity: 0;
	outline: 0;
	position: absolute;
	text-align: right;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#img_image_preview{
	max-width: 100%;
}
.widget-avatar{
	padding: 3px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}
.fileupload .btn{
	position: relative;
	background-color: #e5e5e5;
	background-image: none;
	filter: none;
	border: 0;
	padding: 7px 14px;
	font-size: 14px;
	color: #333333;
	cursor: pointer;
	outline: none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}
.btn-file:hover{
	color: #333333;
	background-color: #d8d8d8 !important;
}

.fileupload .fileupload-preview{
	background-color: #fff !important;
	background-image: none !important;
	filter: none !important;
}
.fileupload .thumbnail{
	max-width: calc(100% - 0px);
	display: inline-block;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
}
.fileupload-exists {
	padding: 0px;
}
.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists{
	display: none;
}
.fileupload .thumbnail > img {
	display: inline-block;
	max-height: 100%;
	vertical-align: middle;
}
.thumbnail>img {
	display: block;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
/* End Widget fileupload */
.wr-lotrinhkhung{}
.wr-lotrinhkhung .box-tool {
	padding: 5px 10px;
	margin-bottom: 10px;
	border: 0.1px solid #ccc;
	background-color: #f5f5f5;
}
.wr-lotrinhkhung .box-tool label{
	margin-bottom: 0;
}
.wr-lotrinhkhung .lotrinhkhung{
	position: relative;
	padding-right: 50px;
}
.wr-lotrinhkhung .lotrinhkhung .col-left{
	position: relative;
	overflow: hidden;
}
.wr-lotrinhkhung .lotrinhkhung .col-left>span{
	position: absolute;
	bottom: 10px;
	font-weight: 600;
}
.wr-lotrinhkhung .lotrinhkhung .col-left>input{
	padding-left: 40px;
	font-weight: 600;
}
.wr-lotrinhkhung .lotrinhkhung input{
	border-radius: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	box-shadow: none;
	padding: 8px 0px;
	height: 40px;
}
.wr-lotrinhkhung .lotrinhkhung a.btn-remove {
	position: absolute;
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #e0e0e0;
	right: 15px;
	bottom: 0;
}

.infoSV{}
.infoSV .masv{}
.infoSV .name{
	font-size: 1.1em;
	padding: 3px 0;
	color: #333;
}
.infoSV .date{}
.daotao-info{}
.daotao-info .el{
	margin-bottom: 5px;
}
.daotao-info .nganh{}
.daotao-info .lop{}
.box-tonghocphi{}
.box-tonghocphi .el{
	padding: 3px 0;
}
.lienhecuoi{
	font-weight: 600;
	margin-top: 5px;
}

.profile_view .box-profile{}
.profile_view .box-profile .el{
	display: block;
	overflow: hidden;
	padding: 2px 0px;
}
.profile_view .box-profile .el span{
	float: left;
	width: 120px;
	position: relative;
}
.profile_view .box-profile .field{
	font-weight: 600;
}
.profile_view .box-history{
	max-height: 500px;
	overflow: auto;
	padding: 10px 15px;
	margin-bottom: 10px;
}

.box-all-status{}
.box-all-status .el{
	padding: 3px 0;
}

#list_students{}
#list_students .student{}
#list_students .student .card-header{
	position: relative;
	padding: 10px;
	padding-left: 50px;
}
#list_students .student .card-header ul{
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#list_students .student .card-header ul>li{
	padding: 5px;
	font-weight: 600;
	text-align: center;
	display: inline-block;
	border-right: 1px solid #ccc;
}
#list_students .student .card-header ul>li:last-child {
	border-right: 0;
}
#list_students .student .card-header ul>li.w-100{
	width: 100px
}
#list_students .student .card-header ul>li>.txt{
	display: block;
	font-weight: 300;
	margin-right: 8px;
}
#list_students .student .card-header .box-stt{
	position: absolute;
	left: 0px;
	top: 0;
	width: 50px;
	height: 100%;
	padding-top: 10px;
	text-align: center;
	background-color: #eef1f5;
}
.box-stt .stt {
	display: block;
	font-size: 20px;
}
.box-stt .check {
	display: block;
}
.flagnumber{
	font-size: 20px;
	display: inline-block;
	margin-right: 10px;
}

#frm_tuongtac .box-left .form-group{
	display: block;
	overflow: hidden;
}
#frm_tuongtac .box-left .text{
	width: 80px;
	float: left;
	display: inline-block;
}
#frm_tuongtac .box-left .content{
	width: calc(100% - 80px);
	float: left;
}
#frm_tuongtac .form-check-inline{
	display: inline-block;
	margin-right: 15px;
}
#frm_tuongtac .panel-heading{
	position: relative;
}
#frm_tuongtac .remove_tuongtac{
	position: absolute;
	right: 0;
	width: 40px;
	height: 40px;
	top: 0;
	background: #ccc;
	font-size: 20px;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
}

#frm_search .box-level .btn{
	color: #fff;
}
#frm_search .box-level .btn-L0{
	background-color: #3a87ad;
	border-color: #3a87ad;
}
#frm_search .box-level .btn-L1{
	background-color: #e79c9c;
	border-color: #e79c9c;
}
#frm_search .box-level .btn-L2{
	background-color: #003163;
	border-color: #003163;
}
#frm_search .box-level .btn-L3{
	background-color: #f68e42;
	border-color: #f68e42;
}
#frm_search .box-level .btn-L4{
	background-color: #00b100;
	border-color: #00b100;
}
#frm_search .box-level .btn-L5{
	background-color: #008449;
	border-color: #008449;
}
#frm_search .box-level .btn-L6{
	background-color: #01b1b1;
	border-color: #01b1b1;
}
#frm_search .box-level .btn-L7{
	background-color: red;
	border-color: red;
}
#frm_search .box-level .btn-L8{
	background-color: red;
	border-color: red;
}
#frm_search .box-level .btn-L9{
	background-color: #636363;
	border-color: #636363;
}
#frm_search .wr-btnsearch .btn {
	border-radius: 0;
	border-color: #fff;
}
button#dropdownFillter.open>i {
	transform: rotate(180deg);
}
#fillter_advance {
	height: 0px;
	overflow: hidden;
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 0.5s ease;
}
#fillter_advance.active {
	height: 100%;
	transition: height 0.5s ease-in;
	transform: scaleY(1);
}
#fillter_advance input, #fillter_advance select{
	border: 0.5px solid #ccc;
}
#fillter_advance .form-control{
	margin-bottom: 10px;
}
select.status{
	font-size: .9em;
	max-width: 120px;
}
.order_name{
	padding: 2px 5px;
}
.box-action .cbo_status {
	border: 0;
	border-right: 1px solid #ccc;
}
.box-action>a{
	display: inline-block;
	padding: 0px 10px;
	border-right: 1px solid #ccc;
}
.box-action>a:last-child{
	border-right: 0px;
}
.box-action .cbo-status{
	width: 110px;
	display: inline-block;
	border: 0px;
	border-radius: 0px;
	font-size: 12px;
}
.lesson_box .lesson_item, .list_exercise .el{
	display: block;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	border-radius: 5px;
}
.grid-subject{}
.grid-subject .el {
	margin-bottom: 10px;
}
.grid-subject .el .card {
	padding: 10px 15px;
}
.grid-subject .el .card>a {
	display: block;
	font-weight: bold;
}
.grid-subject .el .card>a>i {
	margin-right: 10px;
}
.grid-subject .el .card:hover {
	background-color: #009cfb;
	border-color: #009cfb;
}
.grid-subject .el .card:hover>a{
	color: #fff;
}

/* Box answer */
#box-answer{}
#box-answer .box_header .title{
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}
#box-answer .item{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}
#box-answer .item .content{
	border-radius: 0;
}
#box-answer .item .input-append{
	width: 38px;
	height: 38px;
	margin-top: -4px;
}
.remove_answer {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	height: 34px !important;
	margin-top: 0 !important;
	background: #ccc;
}
/* /.Box answer */


.toolbar_bottom {
	background-color: #eee;
	padding: 10px;
}
.toolbar {
	margin-bottom: 10px;
}
.toolbar .button-group-nav{
	display: flex;
	justify-content: flex-end;
}
.toolbar .button-group-nav .btn{
	border-radius: 0px;
	margin-right: 10px;
}
.toolbar .form-control{
	border-radius: 0px;
	margin-right: 10px;
}
.toolbar .button-group-nav .btn:last-child{
	margin-right: 0px;
}

.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.listSchedule .el{
	
}

.unit_box{
	display: flex;
	align-items: center;
}
.unit_box .btn{
	height: 34px;
	margin-left: 20px;
}

.nav_practice li {
	display: flex;
}
.nav_practice .remove{
	cursor: pointer;
	display: flex;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #ccc;
}

#examQuizs{}
#examQuizs .quiz-item .tool {
	position: absolute;
	right: 0;
	width: 100px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#examQuizs .quiz-item{
	position: relative;
	display: flex;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 50px;
	border-bottom: 1px solid #ccc;
}
#examQuizs .quiz-item .removequiz {
	width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ccc;
    cursor: pointer;
}
#examQuizs .quiz-item .editQuizScore {
	width: 45px;
	height: 45px;
	display: flex;
	color: #fff;
	justify-content: center;
	align-items: center;
	background-color: #337ab7;
	cursor: pointer;
	margin-right: 5px;
}

.remove_knowitem {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ccc;
    color: red;
}

.topic-box .topic-header {
    display: flex;
    align-items: center;
}
.topic-box .topic-header a.btn {
    height: 34px;
    margin-left: 20px;
}
.topic-box .topic-item {
    display: block;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    border-radius: 5px;
}
.template-item{margin: 30px 15px}
.item-video{border: 1px solid #eee}
.item-video .name{/* margin-top: 10px; */font-weight: bold;text-align: left;display: block;color: #333;}
.content-txt{padding: 10px;clear: both;}

#action__upload{
    margin: auto;
    text-align: center;
    /* width: 50%; */
    height: 30%;
    /* padding:10px; */
    background-color: #fafafa;
    padding: 10px 0px 30px 0px;
    border-radius: 5px;
}
#uploadFile__icon{
    margin: auto;
    vertical-align: center;
    padding: 14px;
    text-align: center;
    width: 78px;
}
#video-file-label{
    background-color: #fa5B30;
    /* width: 55%; */
    height: 30%;
    margin: auto;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    padding: 12px 20px;
    color: #fff;
    font-size: large;
    font-size: 14px;
}
#video-information{
    width:50%;
    height: 10%;
    margin: auto;
    text-align: center;
    border-radius: 25px;
    padding-top: 30px;
    color: #fa5B30;
    font-size: x-large;

}
#chunk-information{
    width:50%;
    height: 10%;
    margin: auto;
    text-align: center;
    border-radius: 25px;
    padding-top: 30px;
    color: #fa5B30;
    font-size: x-large;

}
#description{
    width:50%;
    height: 10%;
    margin: auto;
    text-align: center;
    border-radius: 25px;
    padding-top: 30px;
    color: #fa5B30;
    font-size: x-large;

}
.act-thumbnail{text-align: center}
.img-canvas{
    border-radius: 3px;
    margin-top: 10px;
    width: 200px;
    border: 1px solid #d7d7d7;
    padding: 3px;
    margin-bottom: 10px;
}
th.download{width: 100px; text-align: center}
.img-thumbvideo{/* width: 60px; */margin-right: 10px;float: left;}
.progress-bar .sr-only {
    position: static !important;
}
.sr-only {
    clip: inherit!important;
    width: auto!important;
    height: 20px!important;
}
.item-file {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    position: relative;
    margin-bottom: 30px;
    /* overflow: hidden; */
    height: 100%;
}	
.item-file .btn-more-act {
    color: #fff;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
    background-color: #5cb85c;
    padding: 4px 8px;
    border-radius: 3px;
}
.item-file .btn-more-act {
    display: none;
}
.dropdown-menu .dropdown-item:hover {
    background-color: #f1f1f1;
}
.dropdown-menu .dropdown-item {
    overflow: hidden;
    display: block;
    padding: 8px 10px;
    color: #333 !important;
    font-size: 13px;
}
.item-file:hover .btn-more-act {
    display: block;
}
.btn-more-act .btn {
    background-color: #fff;
    padding: 5px 6px;
    background: url(../images/more.png) no-repeat center center;
    width: 12px;
    height: 20px;
    background-size: 16px 16px;
}
.box-thumb-video{text-align:center; }
.box-thumb-video .btn{text-align:center; margin-top: 20px }