.spacer {
	margin-top: 10px; /* define margin as you see fit */
	clear: both;
}

body {
	padding-bottom: 120px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0 0 0 0;
}

.panel-400 {
	width: 400px;
	margin: 200px auto;
}

.table-form {
	width: 880px !important;
	/*width: 100%;*/
	border: none;
	margin: 0 auto;
}

.text-center {
	text-align: center;
}

#divForm {
	display: none;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.pt-2 {
	padding-top: 1em;
}

.pt-5 {
	padding-top: 2em;
}

.container-full {
	margin: 0 auto;
	width: 100%;
}

.click-view, .click-view-web, .click-delete {
	cursor: pointer;
	cursor: hand;
}

#getAjax {
	display: none;
}

.btn-file {
	position: relative;
	overflow: hidden;
}

	.btn-file input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		min-width: 100%;
		min-height: 100%;
		font-size: 999px;
		text-align: right;
		filter: alpha(opacity=0);
		opacity: 0;
		background: red;
		cursor: inherit;
		display: block;
	}

input[readonly] {
	background-color: white !important;
	cursor: text !important;
}

.level0 a {
	font-weight: bold !important;
	color: #000000 !important;
}

.level1 a {
	padding-left: 30px !important;
}

.level2 a {
	padding-left: 45px !important;
}

.level3 a {
	padding-left: 60px !important;
}

.level4 a {
	padding-left: 75px !important;
}

.level5 a {
	padding-left: 90px !important;
}

.plevel0 label {
	font-weight: bold !important;
	color: #750404 !important;
}

.plevel1 label {
	padding-left: 45px !important;
	color: #198204 !important;
}

.plevel2 label {
	padding-left: 60px !important;
	color: #d09a05 !important;
}

.plevel3 label {
	padding-left: 75px !important;
}

.plevel4 label {
	padding-left: 90px !important;
}

.plevel5 label {
	padding-left: 105px !important;
}

.pointer-cursor {
	cursor: hand;
	cursor: pointer;
}

.datepicker {
	text-align: right;
}

.error {
	color: #c70a0a;
}

.divImg {
	width: 100%;
}

.pagination .active-page * {
	background-color: #d9544f !important;
	border-color: #d9544f !important;
	color: #ffffff;
}

.editable {
	cursor: hand;
	cursor: pointer;
}
/*CKEDITOR*/
.cke_dialog_page_contents {
	max-height: 500px;
	overflow-y: scroll;
}

.cke_smile img {
	max-width: 24px;
}

.pt-50 {
	padding-top: 50px;
}

.pb-20 {
	padding-bottom: 20px;
}

.mr-10 {
	margin-right: 10px;
}

.list-group li.list-group-item.plevel1 {
	padding-left: 35px;
}

.list-group.list-group .list-group-item.plevel2 {
	padding-left: 60px;
}

#selCategory {
	width: 100%;
	line-height: 30px;
}

.selCategory .select2-search-choice {
	line-height: 20px !important;
	font-size: 14px;
}

.selCat0 {
	font-weight: bold;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 0.9em;
}

.selCat1 {
	padding-left: 20px;
	font-size: 0.9em;
}

.selCat2 {
	padding-left: 40px;
	font-style: italic;
	font-size: 0.8em;
}

.select2-search-choice-close {
	top: 6px !important;
}

.right-box {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

	.right-box .title {
		border-bottom: 1px solid #ccc;
		padding: 5px 10px;
		font-size: 0.8em;
		font-weight: bold;
		font-family: sans-serif;
	}

	.right-box .content {
		padding: 10px;
		font-size: 0.8em;
		font-family: sans-serif;
	}

/*div#divDesc1 img {
	width: 80%;
	text-align: center;
	display: block;
	margin: 0 auto;
}*/

div#divDesc1 {
	font-family: sans-serif;
}

/*LOGIN*/
.jtable-question-item {
	font-weight: bold;
}

.jtable-question-item-answer .chartcircliful {
	height: 30px;
}

div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
	display: block;
}

.Login .Logo {
	background: red;
	margin: auto;
	width: 100%;
	margin-top: 100px;
	height: 80px;
}

	.Login .Logo img {
		position: relative;
		top: -20px;
	}

.Login .LogoHr {
	background: red;
	height: 35px;
	display: block;
}

#FormLogin {
	background: url('/Images/loginstar.png') no-repeat center center;
	margin: auto;
	/*width: 800px;*/
	padding: 20px 0px 20px 0px;
}

	#FormLogin input[type='submit'] {
		background: red;
	}

	#FormLogin label {
		color: #c00;
	}

	#FormLogin .LoginTitle {
		color: #cc0000;
		line-height: 35px;
		font-size: 1.1em;
		font-weight: bold;
	}

body.Login {
	background: #f5ede3; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #f5ede3 0%, #f1dfc9 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5ede3), color-stop(100%,#f1dfc9)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #f5ede3 0%,#f1dfc9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #f5ede3 0%,#f1dfc9 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #f5ede3 0%,#f1dfc9 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #f5ede3 0%,#f1dfc9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ede3', endColorstr='#f1dfc9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

	body.Login .LoginTitleChild {
		color: #cc0000;
		font-size: 1.1em;
		font-weight: bold;
	}

	body.Login .LoginLeft {
		padding-right: 40px;
		border-right: 1px solid rgba(0,0,0,0.2);
	}

	body.Login .LoginRight {
		color: #333;
		line-height: 2em;
		padding-left: 40px;
	}

	body.Login li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	body.Login ul, body.Login ol {
		list-style: none;
		margin: 0;
		padding: 0;
		margin-left: 20px;
	}
/*END LOGIN*/

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #e7e7e7;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
}

.no-padding {
	padding: 0;
}

#main {
	/*margin-top:71px;*/
	width: 100%;
}

.ProductEditForm {
	width: 100%;
}

#main .LeftCol {
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.35);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.35);
	border: 1px solid #ccc;
}

	#main .LeftCol .LeftCol_Title {
		background: rgb(30,87,153);
		background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1)));
		background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
		background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
		background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
		background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
		color: #FFFFFF;
		font-size: 16px;
		margin: 0 0 1px;
		padding: 10px 15px 6px 13px;
		border-top: #b6daff 1px solid;
		border-bottom: #0b67cd 1px solid;
		font-variant: small-caps;
		font-size: 18px;
	}

		#main .LeftCol .LeftCol_Title a {
			color: #fff;
			font-size: 12px;
			font-variant: normal;
			font-style: italic;
		}

div#DynaTreeDanhmuc .checkbox {
	margin: 0;
}

div#DynaTreeDanhmuc > ul {
	padding-left: 5px;
}

#main #DynaTreeDanhmuc li {
	list-style: none;
	font-size: 15px;
	font-family: sans-serif;
	line-height: 15px;
}

	#main #DynaTreeDanhmuc li.l1 {
		padding-left: 20px;
	}

	#main #DynaTreeDanhmuc li.l2 {
		padding-left: 40px;
	}

	#main #DynaTreeDanhmuc li a {
		color: #525252;
	}

#main #DynaTreeDanhmuc .checkbox.checked .second-icon, #main #DynaTreeDanhmuc .radio.checked .second-icon {
	color: #4c99d8;
}

#DynaTreeDanhmuc .danhmucoptions {
	font-size: 20px;
	font-style: italic;
	padding-top: 8px;
}

#mainContent table {
	border: 1px solid #ccc;
	margin-top: 20px;
	font-size: 16px;
	font-family: sans-serif;
}

.navbar .nav > li > a {
	font-weight: normal;
	padding: 15px 20px;
}

.navbar .nav > li {
	border-left: 1px solid #ccc;
}

#main table thead {
	background: #e8e8e8;
}

	#main table thead th {
		text-align: center;
	}

#mainContent table img {
	border: 1px solid #ccc;
}

.btn-primary {
	background-color: #2989d8;
}

table#ctl12_FormView1 {
	width: 100%;
}

.modal-dialog-top-30 {
	top: 30%
}

table#listUser {
	width: 100%;
}

#phanquyentable .l0 {
	padding-left: 20px;
}

#phanquyentable .l1 {
	padding-left: 40px;
}

#phanquyentable .l2 {
	padding-left: 60px;
}

/* TREE VIEW */

.tree {
	min-height: 20px;
	margin-bottom: 20px;
	/*background-color:#fbfbfb;
    border:1px solid #999;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

	.tree > ul {
		padding: 0;
	}

	.tree li {
		list-style-type: none;
		margin: 0;
		padding: 10px 5px 0 5px;
		position: relative
	}

		.tree li::before, .tree li::after {
			content: '';
			left: -20px;
			position: absolute;
			right: auto
		}

		.tree li.l1::before {
			border-left: 1px solid #999;
			bottom: 50px;
			height: 100%;
			top: 0;
			width: 1px;
			margin-left: 50px;
		}

		.tree li.l1::after {
			border-top: 1px solid #999;
			height: 20px;
			top: 25px;
			width: 10px;
			margin-left: 50px;
		}

		.tree li span {
			display: inline-block;
			/*padding:3px 8px;*/
			text-decoration: none
		}

		.tree li.parent_li > span {
			cursor: pointer
		}

	.tree > ul > li::before, .tree > ul > li::after {
		border: 0
	}

	.tree li:last-child::before {
		height: 30px
	}

	.tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
		background: #eee;
		border: 1px solid #94a0b4;
		color: #000
	}

	.tree .checkbox {
		display: inline;
	}

	.tree .glyphicon {
		width: 14px;
		font-size: 10px;
	}
/* END TREE VIEW */

#form-Filter-Tintuc .input-group label {
	display: inline;
	padding-right: 20px;
}

#listCategory a {
	/* padding-left: 30px; */
	color: #2472bc;
	font-size: 16px;
	border: 1px solid #ccc;
	padding: 7px 11px;
	margin-left: 20px;
}

#mainContent .label {
	font-size: 100%;
}

.navbar .navbar-brand {
	border-radius: 6px 0 0 6px;
	color: #526476;
	font-size: 24px;
	/* line-height: 29.55px; */
	font-weight: 700;
	padding: 14px 20px 24px 32px;
	text-shadow: none;
	display: inline-block;
}

table#phanquyentable tr, #phanquyentable td, #phanquyentable th {
	border: 1px solid #d8d8d8;
	padding: 5px;
	text-align:center;
}
.text-left {
	text-align: left !important;
}

table#phanquyentable {
	width: 98%;
	margin: 0 auto;
}

table#listUser td, table#listUser tr, table#listUser th {
	border: 1px solid #e0e0e0;
	padding: 5px 10px;
}