/*CUSTOM THEME*/
a {
    text-shadow: none;
    color: #105cb6; 
} 
body {
	background-color: #FFF;
	font-size: 10pt;
	font-family: Arial;
}

.page-header.navbar {
	background-color: #FFF; 
}

.banner_text {
	color: #007065;
	font-weight: bolder;
	z-index: 1;
}

.banner_text_1 {
	font-size: 14pt;
	padding-top: 5px;
	margin-bottom: 5px;
}

.banner_text_2 {
	text-shadow: 1px 1px #007065;
	font-size: 16pt;
	align: center;
}

.banner_text_3 {
	font-size: xx-small;
	padding-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
}

.banner_text_4 {
	text-shadow: 1px 1px #007065;
	font-size: x-small;
	align: center;
	vertical-align: middle;
}

.bg_text_banner {
	position: relative;
	left: -150px;
	opacity: 0.2;
	z-index: 2;
}

.banner-right p {
	margin: 0px;
	color: #cacaca;
	font-size: 9pt;
}

.row {
	margin-right: 0px;
}

.bottom-align-text {
	top: 50px;
	padding-right: 0px;
	font-weight: 9pt;
}

.classic-menu-dropdown:BEFORE {
	content: "|";
	position: absolute;
	margin: 5px -1px;
	font-size: 0.8em;
}

.classic-menu-dropdown:FIRST-CHILD:BEFORE {
	content: "";
}

.classic-menu-dropdown a:HOVER {
	background-color: #FFF !important;
}

.sidebar-toggler-wrapper {
	background-color: #059d97
}
.page-content-wrapper {
	border-bottom: 1px solid #4a83b6;
}
.page-content-header {
	height: 24px;
	background-color: #059d97;
	border-bottom: 1px solid #4a83b6;
	border-left: none;
	padding: 0px 10px 5px 10px;
}
@media (min-width: 992px) {.page-content-wrapper .page-content {
	margin-left: 233.5px;
}
}
.page-content-main {
	min-height: 501px;
	/*border-bottom: 1px solid #4a83b6;*/
	/*border-right: 1px solid #059d97;*/
	/*padding: 10px 20px 10px 20px;*/
}
.page-sidebar {
	border-bottom: none;
}
.page-sidebar-menu-closed .sidebar-title {
	display: none;
}

.sidebar-title {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,.page-sidebar .sidebar-toggler
	{
	margin: 0px;
}

.control-label {
	padding-right: 5px;
	padding-left: 0px;
}

.xspDataTable {
	margin: 0px !important;
}

.xspDataTable th[role='columnheader'] {
	background-color: #EFEFEF;
}

.xspDataTable th[role='columnheader'] input {
	margin-left: 5px;
}

.xspDataTable th[role='columnheader'] a {
	text-decoration: none;
}

.xspPanelViewColumnHeader,.xspPanelViewColumnHeader:HOVER {
	background-color: #EFEFEF;
	color: #4D5553;
	white-space: nowrap;
}

.form .form-body {
	padding: 0px;
}
.form-group {
	margin-bottom: 0px;
}
.form-group>div>span {
	padding-top: 7px;
	padding-bottom: 0px;
	display: inline-block;
}

.col-to-table table {
	margin-top: 10px;
}

.custom-readonly {
	background-color: transparent;
	border: 0;
	padding-top: 0px;
}

.page-sidebar-menu li a.active {
	text-decoration: underline;
}

ul.page-sidebar-menu>li {
	background-color: #C3E1E0;
}

ul.page-sidebar-menu>li ul {
	background-color: #FFF;
}

ul.page-sidebar-menu>li.sidebar-toggler-wrapper {
	background-color: #059d97;
}

.page-sidebar .page-sidebar-menu>li>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a
	{
	font-size: 10pt;
	padding: 3px 5px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a,.page-sidebar .page-sidebar-menu .sub-menu>li>a
	{
	font-size: 10pt;
	padding: 3px 10px;
}

.page-sidebar .page-sidebar-menu>li>a>span,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>span
	{
	font-size: 10pt;
}

.row-quahanxuly {
	color: red;
}
.row-chuaxuly {
	color: green;
}
.row-cothoihanxl {
	color: #FF7F00;
}
/*BANNER AREA*/
.banner-left {
	text-align: center;
}

.page-header.navbar .page-logo {
	width: auto;
	padding-top: 5px;
}

@media ( max-width : 992px) {
	.bg_text_banner,.banner-center,.banner-right {
		display: none;
	}
}

.page-logo .user-info {
	list-style-type: none;
	float: left;
	margin: 10px 0 0 0;
	padding: 0px;
}

.page-logo .user-info li {
	float: left;
	padding: 0 5px;
}

.hor-menu ul {
	list-style-type: none;
	padding: 0px;
}

.hor-menu li {
	float: left;
	display: block;
}

.hor-menu li.active {
	
}

.hor-menu a {
	font-weight: bold;
	font-size: 9pt;
	color: #091528;
	padding: 0px;
	line-height: 20px;
	text-decoration: none;
}

.hor-menu a:hover,.hor-menu a:focus {
	color: #555;
	background-color: #e7e7e7;
}

.page-header.navbar .hor-menu .navbar-nav>li>a {
	padding: 3px 7px;
}

.page-header.navbar .hor-menu .navbar-nav {
	margin-top: 27px;
}

/*Page content*/
.page-content-header {
	font-weight: 700;
	color: #fff;
}

table.xspDataTableViewPanel {
	margin-top: 5px;
}

.xspColumnViewStart {
	padding-left: 3px !important;
	padding-right: 0px !important;
	white-space: nowrap;
}

legend {
	margin-bottom: 10px;
}

/*FORM HSCV*/
.form-horizontal {
	margin: 0px 15px 0px 15px;
}

.form-hscv .form-group {
	border-right: 1px solid #DFDFDF;
}

.form-hscv .form-group {
	margin-bottom: 0px;
	border-left: 1px solid #DFDFDF;
}

.form-hscv .form-header,.form-hscv-grid .form-header {
	padding: 3px 0px 3px 10px;
	background: #EFEFEF;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	color: blue;
	font-size: 10pt;
	font-weight: bold;
}

.form-hscv .form-group {
	border-top: 1px solid #DFDFDF;
}

.form-hscv .form-group div {
	margin: 0px;
	border-left: 1px solid #DFDFDF;
	min-height: 27px;
}

.form-hscv .form-group label {
	margin: 0px;
	min-height: 27px;
}

.form-hscv .row-last {
	border-bottom: 1px solid #DFDFDF;
}

.form-actions {
	border-top: 1px solid #DFDFDF;
	margin-top: 10px;
}

.portlet-n-right {
	padding-left: 0px;
	padding-right: 0px;
}

.date-icon {
	position: absolute;
	top: 2px;
	right: 30px;
}

/*END FORM HSCV*/

.modal-title {
	
}

.modal-header {
	padding-bottom: 2px;
	background-color: #EFEFEF;
	padding: 8px;
}

.close {
	position: absolute;
	right: 12px;
	top: 16px;
}

.page-header.navbar {
	height: 53px;
	min-height: 53px;
}

.input-group {
	padding: 3px;
}

.form-control {
	margin: 3px;
}

.control-search {
	margin: 0px;
	height: 32px;
}

.row-search button {
	padding: 6px 7px 6px 7px;
}

.control-label {
	font-weight: 600;
}

.text-red {
	color: red;
	padding-left: 3px;
	padding-right: 2px;
}

.page-content-main {
	/*border-bottom: 1px solid #64c5c2;*/
	/*border-left: 1px solid #64c5c2;*/
}

.xspColumnViewEnd {
	padding-right: 2px;
}

/*BCTK*/
.table thead tr th {
	text-align: center;
}













#table_scroll {
  width: 100%;
}
#table_scroll tbody td {
  padding: 10px;
  
}
#table_fixed thead th {
  padding: 10px;
  border-bottom-width: 0px;
  font-weight: 100;
}


/*END BCTK*/
.xspSection-box-header {
	background-color: #dfdfdf;
	padding: 3px;
}
.xspSection-box-header a{
	text-decoration: none;
	cursor:pointer;
}
.input-sm {
	height: 24px;
}

.xspDataTableViewPanelHeaderStart, .xspDataTableViewPanelHeaderMiddle, .xspDataTableViewPanelHeaderEnd,
.xspDataTableViewPanelFooterStart, .xspDataTableViewPanelFooterMiddle, .xspDataTableViewPanelFooterEnd {
	background-color: #fafafa;
    border-top: 1px solid #e8e8e9;
    border-bottom: 1px solid #e8e8e9;
    font-size: .9em;
    height:25px;
}
.xspPagerContainer{
	background-color: #fafafa;
}
.xspPagerRight {
    float: right;
    padding: 4px 0px 0px 0px;
    text-align: center;
    color: #848484;
	background-color: #fafafa;
}
.xspPanelViewColumnHeader {
    text-transform: uppercase;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold !important;
    background: url(headerbg.png) repeat-x;
    line-height: 25px;
    padding: 1px;
}

.xspDataTable thead>tr>th {
    border-top: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
     border-right: 1px solid #DFDFDF;
}
.xspDataTable tbody>tr>td {
    border-top: 1px solid #e8e8e9;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}
.xspColumnViewMiddle {
    padding-left: 2px;
    padding-right: 2px;
}