body
{
	font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333333;
	background-color: #ffffff;
}
/* CSS TOP MENU */
.menutop-bottom
{
	/*background: #c8c8c8;*/
	height: 30px;
	width: 100%;
}
.top
{
	color: #fff;
	font-size: 13px;
	width: 100%;
	height: 50px;
	background: url('Images/bg-sub.png');
}
.top a
{
	color: #fff;
}
.top > .fleft
{
	margin-left: 10px;
	margin-top: 5px;
	width: 104px;
	height: 39px;
	background: url('images/tito.png');
}
.top > .fright
{
	margin-top: 12px;
	margin-right: 10px;
}
.top > .fright .pass
{
	position: absolute;
	left: -13px;
	top: -4px;
}
.top > .fright .tutorial
{
	position: absolute;
	left: -13px;
}
.top > .fright .logout
{
	position: absolute;
	left: -14px;
}
.top > .fright > ul > li
{
	margin: 0px 15px;
	position: relative;
	float: left;
	padding: 0px 10px;
}
.topmenu
{
	width: 100%;
	height: 57px;
	margin: 0 auto;
	position: relative;
	background: url('images/bg-menu.png');
}
.dropown
{
	z-index: 2;
}
.topmenu > ul
{
	margin: 0px !important;
	padding: 0px !important;
}
.topmenu > ul > li
{
	position: relative;
	text-align: center;
	min-width: 165px;
	float: left;
	height: 57px;
	padding: 0px;
	background: url(Images/boder-li-menu.png) no-repeat;
}
.topmenu > ul.nav
{
	float: left;
}
.mt7
{
	margin-top: 7px;
}
.topmenu > ul > li > a
{
	font-size: 13px;
	padding: 4px;
	text-transform: uppercase;
	color: #fff;
	display: block;
}
.topmenu > ul > li > a:hover
{
	color: #fff;
}
.topmenu > ul > li > ul
{
	display: none;
}
.topmenu ul li ul li ul
{
	display: none;
}
.topmenu > ul > li:hover
{
	background: url('Images/bg-menu-hover2.png') repeat-x;
}
.topmenu > ul > li:hover > ul
{
	position: relative;
	min-width: 100px;
	min-height: 50px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 5px 0px 8px !important;
	z-index: 10;
	background: url('Images/bg-sub.png');
}
.topmenu > ul > li > ul > li:hover > ul
{
	display: block;
	position: absolute;
	top: 0px;
	left: 8em;
	margin: 0 0 0 10px;
	min-width: 139px;
	max-width: 346px;
	padding: 0px !important;
	z-index: 10;
	background: #f4f4f4;
	border: 1px solid #ccc;
}
.topmenu > ul > li > ul > li
{
	height: 22px;
	text-align: left;
	width: 100%;
	padding: 0px !important;
	position: relative;
}
.topmenu > ul > li > ul > li > ul > li
{
	width: 100%;
	height: 30px;
	padding: 0px !important;
	background-position: bottom;
	border-bottom: 1px solid #ccc;
}
.topmenu > ul > li > ul > li > a
{
	font-size: 13px;
	color: #fff;
	text-transform: none;
	padding-left: 9px;
}
.topmenu > ul > li > ul > li > ul > li > a
{
	font-size: 13px;
	color: #000;
	text-transform: none;
	line-height: 30px;
	padding-left: 9px;
}
.topmenu > ul > li > ul > li:hover
{
	color: #f9f9f9;
}
.topmenu > ul > li > ul > li > ul > li:hover
{
	color: #f9f9f9;
}
.topmenu > ul > li > ul > li > a:hover
{
	opacity: 0.6;
	font-size: 13px;
	width: 100%;
	text-transform: none;
}
/*end menu*/

/*Menu Sub*/
.nav
{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav > li
{
	position: relative;
	display: block;
}

/*.nav > li > a:hover, .nav > li > a:focus
{
	text-decoration: none;
	background-color: #eeeeee;
}*/
/*End-Menu Sub*/
/*Menu Left*/
.bs-sidebar.affix
{
	position: static;
}
.bs-sidenav
{
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-shadow: 0 1px 0 #fff;
	background-color: #f7f5fa;
	border-radius: 5px;
}
.bs-sidebar .nav > li > a
{
	display: block;
	color: #716b7a;
	padding: 5px 20px;
}
.bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus
{
	text-decoration: none;
	background-color: #e5e3e9;
	border-right: 1px solid #dbd8e0;
}
.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a
{
	font-weight: bold;
	color: #563d7c;
	background-color: transparent;
	border-right: 1px solid #563d7c;
}
.bs-sidebar .nav .nav
{
	margin-bottom: 8px;
}
.bs-sidebar .nav .nav > li > a
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
	font-size: 90%;
}

/*End-Menu Left*/
/*table*/
.bs-example
{
	margin-left: 0;
	margin-right: 0;
	position: relative;
	padding: 45px 15px 15px;
	margin: 0 -15px 15px;
	background-color: #fff;
	box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
	border-color: #e5e5e5 #eee #eee;
	border-style: solid;
	border-width: 1px 0;
}
.page-header
{
	padding-bottom: 0px;
	margin: 20px 0px 10px 0px;
}
.page-header h1
{
	font-weight: bold;
	font-size: 23px;
	color: #0055A8;
}
table
{
	width: 100%;
	max-width: 100%;
	display: table;
	border-spacing: 2px;
	border-color: gray;
	position: relative;
}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td
{
	font-size: 13px;
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #dddddd;
	text-align: left;
}
.table thead > tr.odd > th, .table tbody > tr.odd > th, .table tfoot > tr.odd > th, .table thead > tr.odd > td, .table tbody > tr.odd > td, .table tfoot > tr.odd > td
{
	background-color: #f4f4f4;
}
/*table datalist*/
.table-normal
{
}
.table-normal > tbody > tr > td > img
{
	width: 75px;
	height: 75px;
}
.table-normal > tbody > tr > td
{
	border-right: 1px dashed #b7b7b7;
	color: #484848;
	padding: 5px;
	font-size: 13px;
}
.table-normal > tbody > tr > td.td-header
{
	background: url('images/bg-menu.png') !important;
	color: #fff;
	font-size: 13px;
}
.table-normal > tbody > tr > td a
{
	color: #484848;
	text-decoration: none;
}
.table-normal > tbody > tr > td a:hover
{
	text-decoration: underline;
}
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th
{
	background-color: #f4f4f4;
}
/*end-table*/
/*Form*/
.form-control
{
	display: block;
	width: 300px;
	height: 28px;
	padding: 0px 8px;
	font-size: 14px !important;
	line-height: 1.428571429;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.textarea
{
	height: auto;
}
.dlr
{
	width: 323px !important;
}
.txt
{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #999999 #BBBBBB #BBBBBB !important;
	border-image: none;
	border-radius: 1px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) inset;
	font-size: 14px;
	height: 30px;
	padding: 5px 8px;
	width: 276px;
	display: inline-block;
}

.txt:focus
{
	border: 1px solid #28A0E5 !important;
	box-shadow: 0 1px 2px #DDDDDD inset, 0 0 5px #28A0E5;
	outline: medium none;
}
.radio, .checkbox
{
	display: block;
	min-height: 20px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}
.cb
{
}
.cb label
{
	padding-left: 8px;
	font-weight: normal;
}
/*End-Form*/
/*LABEL THONG BAO*/
.labelError
{
	color: Red;
}
.labelSuccess
{
	color: Green;
}


/*END-LABEL THONG BAO*/
/*BUTTON*/
.btn-page
{
	border: none;
	cursor: pointer;
	background: none;
	margin: 2px 3px;
	color: #040404;
}
.btn-page:hover
{
	color: #27526e;
}
.btn
{
	background-image: linear-gradient( 0deg, #bbbbbb 0%, #f0f0f0 100%);
	background: -webkit-linear-gradient( 90deg, #bbbbbb 0%, #f0f0f0 100%);
	background: -moz-linear-gradient( 90deg, #bbbbbb 0%, #f0f0f0 100%);
	background: -ms-linear-gradient( 0deg, #bbbbbb 0%, #f0f0f0 100%);
	border: 1px solid #aaaaaa;
	padding: 7px 15px;
	font-size: 12px;
	color: #313131;
	font-weight: bold;
	box-shadow: inset 0px 0px 2px 1px #f7f7f7;
	border-radius: 4px;
	text-transform: uppercase;
	cursor: pointer;
}

.btn:focus
{
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn:hover, .btn:focus
{
	background: #bcbcbc;
	color: #fff;
}

.btn:active, .btn.active
{
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-blue
{
	color: #ffffff;
	background: #428bca;
	border: #357ebd;
	box-shadow: none;
}
.btn-blue:hover
{
	color: #ffffff;
	background: #3276b1;
	border: #285e8e;
}
.btn-green
{
	color: #ffffff !important;
	background: #5cb85c !important;
	border: #4cae4c !important;
	box-shadow: none;
}
.btn-green:hover
{
	color: #ffffff;
	background: #47a447;
	border: #398439;
}
.btn-lam
{
	color: #ffffff;
	background: #5bc0de;
	border: #46b8da;
	box-shadow: none;
}
.btn-lam:hover
{
	color: #ffffff;
	background: #39b3d7;
	border: #269abc;
}
.btn-black
{
	text-transform: none;
	font-size: 14px;
	color: #fff;
	background: #101010;
	border: #fff;
	box-shadow: 2px 2px 1px 0px #d6d6d6; /*box-shadow: inset 0px 0px 2px 1px #f7f7f7;*/
	background-image: linear-gradient( to bottom, #7c7c7c 0%, #101010 100%);
	background: -webkit-linear-gradient( -90deg, #7c7c7c 0%, #101010 100%);
	background: -moz-linear-gradient( -90deg, #7c7c7c 0%, #101010 100%);
	background: -ms-linear-gradient( 0deg, #7c7c7c 0%, #101010 100%);
}
.btn-black:hover
{
	background-image: linear-gradient( to bottom, #7c7c7c 0%, #000000 100%);
}
.btn-delete
{
	background-color: #1e5e88;
	background: -webkit-linear-gradient(90deg, #1e5e88 18%, #5e869f 56%) repeat scroll 0 0 transparent !important;
	background: -moz-linear-gradient(90deg, #1e5e88 18%, #5e869f 56%) repeat scroll 0 0 transparent !important;
	background: -ms-linear-gradient( 90deg, #1e5e88 18%, #5e869f 56%);
	color: white;
	border: none;
	box-shadow: none;
	padding: 3px 9px;
	border-radius: 3px;
	font-weight: normal;
	font-size: 11px;
	box-shadow: 1px 3px 2px #6189a2 inset;
}
/*END-BUTTON*/
/*CSS-THONG DUNG*/
.search
{
	padding: 10px 0px;
	position: relative;
	width: 300px;
}
.search .RadInput input
{
	width: 258px !important;
	margin-left: 14px;
	box-shadow: 0px 0px 1px 0px inset;
	padding-left: 11px !important;
}
.search > div
{
	width: 1px;
	height: 28px;
	position: absolute;
	bottom: 10px;
	right: 74px;
	background: #143146;
	right: 55px;
}
.search-input
{
	border: 1px solid #143146 !important;
	height: 28px !important;
	color: #73a7cb !important;
	background: none !important;
	width: 300px !important;
}

.btn-search
{
	cursor: pointer;
	background: url('Icon/icon-search.png') no-repeat;
	width: 28px;
	height: 23px;
	position: absolute;
	border: none;
	right: 21px;
	top: 15px;
}
.fieldset-df
{
	border: 1px solid #ccc;
}
.fieldset-df legend
{
	font-size: 13px;
	font-weight: bold;
}
.title
{
	font-size: 15px;
	font-weight: bold;
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}
.clear
{
	clear: both;
}
.d-block
{
	display: block;
}
.d-none, .hidden
{
	display: none;
}
.align-l
{
	text-align: left;
}
.align-c
{
	text-align: center;
}
.align-r
{
	text-align: right;
}
.ver-mid
{
	vertical-align: middle;
}
.ver-top
{
	vertical-align: top;
}
/*END-CSS-THONG DUNG*/
/*IMAGES*/
.img
{
	vertical-align: middle;
}
.img-padding
{
	display: inline-block;
	height: auto;
	max-width: 100%;
	padding: 4px;
	line-height: 1.428571429;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.img-border
{
	border-radius: 5px;
}
/*END-IMAGES*/
/*Telarik*/
.RadInput .riTextBox, html body .RadInputMgr
{
	width: 315px !important;
	height: 25px;
	padding: 0px !important;
	padding-left: 5px !important;
	font-size: 13px !important;
}
.RadInput textarea
{
	height: 70px !important;
}
.RadTabStrip.radTab
{
	text-transform: uppercase;
	background: #fff;
}
.RadTabStrip.radTab .rtsUL
{
}
.RadTabStrip.radTab .rtsLI
{
}
.RadTabStrip.radTab .rtsLI > .rtsLink
{
	background: none;
	font-weight: bold;
	padding: 0px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: #313131;
}
.RadTabStrip.radTab .rtsLI > .rtsLink.rtsSelected
{
	background: #dadada;
	color: #313131;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	font-size: 13px;
}
.RadTabStrip.radTab .rtsLI.rtsLast > .rtsLink.rtsSelected
{
	border-right: 0;
}
.RadTabStrip.radTab .rtsLI > .rtsLink .rtsOut
{
	background: none;
	padding: 0px;
}
.radTabContent
{
	background: #fff;
	padding: 10px 10px 10px 0px;
}
.RadComboBox_Default, .RadComboBox_Default .rcbInput, .RadComboBoxDropDown_Default
{
	font-size: 13px !important;
}
.RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput
{
	padding-left: 4px !important;
}
/*End-Telarik*/
/*Slide*/
.slide
{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 10px 0px;
}
.slide-test
{
	width: 130px;
	height: 130px;
	float: left;
	margin: 0px 5px;
}
.slide-test img
{
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
}
.btn-slide
{
	bottom: 101px;
	height: 0;
	left: 8px;
	position: absolute;
	width: 576px;
	z-index: 1;
}
.preview
{
	float: left;
	background: url('/App_themes/Default/Images/preview-btn.png') no-repeat;
	width: 15px;
	height: 43px;
	cursor: pointer;
	left: -26px;
	position: absolute;
}
.next
{
	float: right;
	background: url('/App_themes/Default/Images/next-btn.png') no-repeat;
	width: 15px;
	height: 43px;
	cursor: pointer;
	right: 5px;
	position: absolute;
}
.slide .caroufredsel_wrapper
{
	width: 561px !important;
	height: 150px !important;
}
/*End-Slide*/



/*TREE VIEW*/
.treeView
{
	width: 300px;
	font-family: Arial !important;
	overflow: hidden;
}
.treeView > ul
{
}
.treeView > ul > li
{
}
.treeView > ul > li > div
{
	background-color: #27526e !important;
	background: linear-gradient( 0deg, #204562 0%, #2e5e79 100%) !important;
	background: -webkit-linear-gradient( 90deg, #204562 0%, #2e5e79 100%) !important;
	background: -moz-linear-gradient( 90deg, #204562 0%, #2e5e79 100%) !important;
	background: -ms-linear-gradient( 0deg, #204562 0%, #2e5e79 100%) !important;
	border-top: 1px solid #4d6a80;
	border-bottom: 1px solid #1a3346;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	padding-left: 25px !important;
}
.treeView > ul > li > div > span
{
	opacity: 0.5;
}
.treeView > ul > li > div .rtIn, .treeView > ul > li > div .rtIn:hover
{
	background: none !important;
	border: 0px !important;
	padding: 3px 0px !important;
	width: 100%;
}
.treeView > ul > li > div a
{
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}
.treeView > ul > li > ul
{
	background: url(Images/treeview-bg.png) !important;
}
.treeView > ul > li > ul > li
{
	background: none !important;
}
.treeView > ul > li > ul > li > div
{
	background: none !important;
	padding-left: 0px !important;
}
.treeView > ul > li > ul > li > div > div
{
	background: url(Images/treeview-li.png) no-repeat 0px center !important;
	border: 0px !important;
	padding: 6px 3px 6px 12px !important;
	width: 100%;
}
.treeView > ul > li > ul > li > div > div a
{
	color: #fff;
	font-size: 13px;
}
.treeView > ul > li > ul > li > div > div a:hover
{
	color: #43bbff;
}
.treeView > ul > li > ul > li > div .rtPlus, .treeView > ul > li > ul > li > div .rtMinus
{
	margin: 9px -9px 0px -1px !important;
	position: relative;
	z-index: 1;
	opacity: 0.5;
}
.treeView > ul > li > ul > li > ul .rtIn
{
	background: none !important;
	border: none !important;
	padding: 3px 2px 2px !important;
}
.treeView > ul > li > ul > li a
{
	color: #fff;
}
.treeView > ul > li > ul > li a:hover
{
	color: #43bbff;
}


/*END TREE VIEW*/
.bg-left
{
	background: url(Images/treeview-bg.png);
}
.shadow-bottom
{
	background: url(Images/logo-admin-shadow2.png) no-repeat;
	height: 31px;
	width: 100%;
}
.logo-admin
{
	background: url(Images/logo-admin2.png) 0px 33px no-repeat;
	text-transform: uppercase;
	color: white;
	height: 141px;
	padding-left: 57px;
	position: relative;
	margin-left: 25px;
}
.logo-admin b
{
	font-size: 19px;
	display: block;
	position: absolute;
	top: 58px;
}
.logo-admin span
{
	font-size: 16px;
	display: block;
	position: absolute;
	top: 91px;
	left: 0px;
}
.logo-admin i
{
	width: 236px;
	height: 10px;
	background: url(Images/logo-admin-shadow.png) no-repeat;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.pageview
{
	height: 22px;
	background: -webkit-linear-gradient(90deg, #b8c4cd 12%, #bbcad3 76%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(90deg, #b8c4cd 12%, #bbcad3 76%) repeat scroll 0 0 transparent;
	padding: 4px 10px 4px 10px;
}
.box-admin
{
	border: 1px solid #c8c8c8;
	padding: 0px 10px 10px 10px;
	border-radius: 5px 5px 0px 0px;
	position: relative;
}
.box-admin h3
{
	color: #1f1f1f;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: normal;
	position: absolute;
	left: 0px;
	height: 45px;
	width: 997px;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 1px solid #c8c8c8;
	line-height: 45px;
	padding-left: 10px;
	background: -webkit-linear-gradient(90deg, #f4f4f4 18%, #fcfcfc 56%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(90deg, #f4f4f4 18%, #fcfcfc 56%) repeat scroll 0 0 transparent;
}

.Content_Title
{
	margin-top: 58px;
	margin-bottom: 5px;
}
.underline
{
	text-decoration: underline !important;
}
.Content_Title span
{
	color: #000;
}
.btn-paging
{
	color: #27526e;
}
.admin-category
{
	margin-top: 60px;
	border: none;
}
.table-action
{
}
.table-action > tbody > tr > td > span, .table-action > tbody > tr > td table > tbody > tr > td > span
{
	color: #313131;
	font-size: 13px;
	font-weight: bold;
}
.w180
{
	width: 180px;
}
.mr180
{
	margin-right: 180px;
	margin-left: 10px;
}
.upload
{
	border: 3px solid #98b8cf;
	width: 318px;
}
.img-upload
{
	width: 90px;
	height: 83px;
	border: 1px solid #c8c8c8;
	padding: 2px;
}
.box-upload
{
	width: 165px;
	margin-top: 5px;
}
.box-upload .fright
{
	margin-top: 60px;
}
.icon-home-menu
{
	display: block !important;
	margin-left: 66px;
	margin-bottom: 5px;
	margin-top: 3px;
}
.icon-page-home
{
	margin-left: 74px;
	margin-bottom: 4px;
	display: block !important;
}
.icon-setup-menu
{
	display: block !important;
	margin-top: 4px;
	margin-left: 67px;
}
.icon-new-menu
{
	display: block !important;
	margin-left: 67px;
	margin-top: 3px;
	margin-bottom: 4px;
}
.icon-tool-menu
{
	display: block !important;
	margin-top: 3px;
	margin-left: 67px;
	margin-bottom: 4px;
}
.relative
{
	position: relative;
	height: 1600px;
}
.left-bottom
{
	/*position: absolute;
	padding-top: 50px;
	bottom: 50px;
	left: 0px;
	width: 100%;*/
	width: 100%;
	margin-top: 150px;
	margin-bottom: 100px;
}
.left-bottom span
{
	color: #fff;
	font-size: 13px;
	margin-left: 40px;
}

.table-master
{
}
.table-master thead > tr > th
{
	background: url('images/bg-menu.png') !important;
	color: #fff !important;
	font-size: 13px;
}
.table-master tbody > tr > td
{
	border-right: 1px dashed #b7b7b7 !important;
	color: #484848;
	padding: 5px;
	font-size: 13px;
}
.box-admin .RadGrid_Default
{
	border: none;
}
.table-master thead > tr > td
{
	border-right: 1px dashed #b7b7b7 !important;
	color: #484848;
	padding: 5px;
	font-size: 13px;
}
.table-master .RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader a
{
    color: #fff !important;
}
.bg-left fieldset
{
	float: left;
}