/** CSS ERP-NVS OVERIGHT CSS CRM*/
@CHARSET "UTF-8";

/**
 * Tao background full body.
 * @author Mr.Khanh 02.02.2015
 */
body {
	background-color: #e3f0fb;
	background-size: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	color: #333333;
	font-family: "Tahoma", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

/* #main {position: fixed;top: 50px;right: 0;bottom: 0;left: 0;overflow: auto;z-index: -1;background: url("../images/bg/bg-nvs.png") repeat-x scroll 0 0 #CBCBCB;background-size: 100% 100%;} */
/** end.Tao background full cho body. */

/**
 * Custom giao dien crm, erp
 * @author Mr.Thuan
 * @edit   05/02/2015
*/

/*** Breadcrumb ***/
#body-container .breadcrumb-wrapper {
	border: 1px solid transparent;
}

#body-container .breadcrumb-wrapper ol.breadcrumb {
	white-space: nowrap;
	padding: 4px 0px;
	background-color: transparent;
}

/*** Panel ***/
.erp-customize #body-container>div.panel {
	padding: 5px 0;
	margin-bottom: 0
}

.erp-customize #body-container>div.panel>div.panel-body {
	padding: 0
}
/*** toolbars wrapper left ***/
.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper
	{
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 4px;
	position: relative;
	padding: 3px 0;
	margin-bottom: 6px;
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default
	{
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0px !important
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header
	{
	width: 25%
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .navbar-brand
	{
	margin-top: 2px;
	padding: 3px 0px 3px 5px !important;
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .navbar-search
	{
	padding-left: 32px;
	margin-left: 0
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search .btn-group .btn
	{
	background: none
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search #search-keyword
	{
	width: 100%
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search .input-group.search
	{
	width: 100%
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search
	{
	z-index: 100;
	position: relative;
}

#filter-bar .filter-search.fltlft, .filter-search.fltlft {
	padding-right: 30px;
	float: none;
	width: 100%;
}

#filter-bar .filter-search.fltlft, .filter-search.fltlft>.btn-group {
	float: none;
	width: 100%;
}

#filter-bar .filter-search.fltlft, .filter-search.fltlft>.btn-group>.btn:last-child
	{
	width: 100%
}

#filter-bar .filter-search.fltlft, .filter-search.fltlft>.btn-group>.btn
	{
	padding-top: 1px;
	line-height: initial;
	border: 0 none;
}

.search-fold {
	position: absolute;
	right: 0;
	top: 0
}

.toolbar-search .search-keyword {
	border: 0 none;
	background: none;
	margin-bottom: 0
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search #filter-bar
	{
	position: absolute;
	width: 600px;
	border-radius: 6px;
	max-width: inherit;
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .navbar-search .container
	{
	padding: 0
}

/***** Khung search *****/
.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search #filter-bar .form-horizontal .form-group
	{
	margin: 0
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search #filter-bar .form-horizontal>.form-group>label,
	.toolbars-wrapper #filterForm #filter-bar .form-group>div.col-sm-4.col-xs-12 label
	{
	text-align: left;
	padding-left: 0;
	float: left;
	clear: both;
	width: 32%;
	max-width: 300px;
	padding: 5px 10px 5px 5px;
	font-weight: normal;
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search #filter-bar .form-horizontal>.form-group>div
	{
	float: left;
	max-width: 400px;
	width: 68% !important;
	position: relative;
	border: 0 none;
	border-color: transparent;
	background-color: transparent;
	line-height: 26px;
	margin-bottom: 2px;
	padding-right: 0;
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search #filter-bar .form-horizontal .form-group>div .input-sm
	{
	height: 30px;
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search #filter-bar .form-horizontal .form-group>div label
	{
	line-height: 13px;
	padding-top: 2px;
	display: inline-block;
	min-width: 130px;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 5px;
	margin-left: 0
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-header .toolbar-search #filter-bar .form-horizontal .form-group>div label[class^="radio"]
	{
	min-width: 63px;
}

/*** toolbars wrapper right ***/
.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-collapse.collapse
	{
	width: 75%;
	padding-left: 10px;
	padding-right: 0px;
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar.navbar-default .navbar-collapse.collapse .navbar-nav.navbar-right:last-child
	{
	margin: 0
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar-nav>li>a
	{
	padding: 6px 5px 2px 4px;
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar .nav-toolbars a span
	{
	font-size: 14px;
}

.erp-customize #body-container>div.panel>div.panel-body .toolbars-wrapper .navbar .nav-toolbars a
	{
	font-size: 11px;
}

/*** Khung truoc table ***/
.erp-customize #body-container>div.panel>div.panel-body #body-wrapper {
	margin-bottom: 0;
	background-color: transparent;
	padding: 0;
	border-color: transparent;
}

.erp-customize #body-container>div.panel>div.panel-body #body-wrapper .panel-body
	{
	padding: 0
}

.erp-customize #body-container>div.panel>div.panel-body #body-wrapper .panel-body .paging_count,
	.paging_count {
	padding: 4px 15px;
	display: inline-block;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	background: #44b2f8;
	color: white;
	border: 0 none;
	margin: 0px 0px -1px 0px;
	clear: both;
	white-space: nowrap;
	font-size: 11px;
	font-weight: normal;
}

/* Them moi, cap nhat form */
.erp-customize #body-container>div.panel>div.panel-body #body-wrapper #adminForm.form-horizontal
	{
	margin: 0px 0 8px 0;
	overflow: hidden;
	background: #F5F5F5;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #e7e7e7;
}

.erp-customize #body-container>div.panel>div.panel-body #body-wrapper #adminForm.form-horizontal .form-group
	{
	margin: 10px 0px
}

.erp-customize #body-container>div.panel>div.panel-body #body-wrapper #adminForm.form-horizontal .form-group label.col-xs-12.col-sm-3
	{
	float: left;
	clear: both;
	width: 24%;
	max-width: 200px;
	padding: 10px 10px 10px 5px;
	word-break: break-word;
	text-overflow: initial;
	white-space: initial;
	overflow: initial;
	text-align: left;
	font-weight: normal;
}

.erp-customize #body-container>div.panel>div.panel-body #body-wrapper #adminForm.form-horizontal .form-group div.col-xs-12.col-sm-7,
	.zend_form dd {
	float: left;
	max-width: 700px;
	width: 76%;
	padding: 5px 0 5px 5px;
	position: relative;
}

.zend_form dd select {
	width: 100%
}

#fieldset-adminForm .input-group, #fieldset-adminForm .form-control.btn,
	#fieldset-adminForm ul.erorrs>li, #fieldset-adminForm input,
	#fieldset-adminForm select, #fieldset-adminForm textarea {
	width: 100%;
}
/* End Them moi, cap nhat form */

/* Xem chi tiet form */
.erp-customize #body-container>div.panel>div.panel-body #body-wrapper .panel-body #filterForm
	{
	margin: 0px 0 8px 0;
	overflow: hidden;
	background: #F5F5F5;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #e7e7e7;
}

.erp-customize #body-container>div.panel>div.panel-body #body-wrapper .panel-body #filterForm .form-group
	{
	margin: 0
}

.erp-customize #body-container>div.panel>div.panel-body #body-wrapper .panel-body #filterForm .form-group label.col-xs-12.col-sm-3
	{
	width: 24%;
	max-width: 200px;
	float: left;
	clear: both;
	padding: 7px 10px;
	background: #eee;
	margin: 1px 0px;
	border: 1px solid #ddd;
	word-break: break-word;
	text-align: left;
	font-weight: normal;
	white-space: inherit;
}

.erp-customize #body-container>div.panel>div.panel-body #body-wrapper .panel-body #filterForm .form-group div.col-xs-12.col-sm-7
	{
	float: left;
	line-height: 34px;
	overflow: hidden;
	font-size: 12px;
	color: #4594C7;
	padding-left: 5px;
	max-width: 700px;
	width: 76%;
}

.erp-customize #body-container>div.panel>div.panel-body #body-wrapper .panel-body #filterForm .form-group div.col-xs-12.col-sm-7 input,
	.erp-customize #body-container>div.panel>div.panel-body #body-wrapper .panel-body #filterForm .form-group div.col-xs-12.col-sm-7 textarea
	{
	background-color: transparent;
	border: 0 none;
	box-shadow: none
}

.erp-customize #body-container>div.panel>div.panel-body #body-wrapper .panel-body #filterForm .form-group div.col-xs-12.col-sm-7 .ui-combobox-button.input-group-addon
	{
	display: none
}
/* End xem chi tiet form */

/* Button modal */
.modal-dialog .modal-content .modal-footer .btn, #dummy_submit_button {
	border: 1px solid #1B90DA;
	background-color: #208FD5;
	color: white;
	display: block;
	margin: 2px 00px 2px 00px;
	padding: 3px;
	text-align: center;
	font-size: 12px;
	border-radius: 3px;
	text-shadow: 0px -1px 2px #106EB2;
	cursor: pointer;
	max-height: 28px;
}

.modal-dialog .modal-content .modal-footer .btn:hover,
	#dummy_submit_button:hover {
	background-image: -webkit-linear-gradient(top, rgba(33, 142, 202, 1),
		rgba(55, 166, 236, 1));
	background-image: -moz-linear-gradient(top, rgba(33, 142, 202, 1),
		rgba(55, 166, 236, 1));
	background-image: -o-linear-gradient(top, rgba(33, 142, 202, 1),
		rgba(55, 166, 236, 1));
	background-image: -ms-linear-gradient(top, rgba(33, 142, 202, 1),
		rgba(55, 166, 236, 1));
	background-image: linear-gradient(to bottom, rgba(33, 142, 202, 1),
		rgba(55, 166, 236, 1));
	color: white;
	border-color: #1B90DA;
}

.modal-dialog .modal-content .modal-footer .btn {
	float: right;
	margin-left: 5px;
}

.modal-dialog nav.navbar .nav-toolbars a span {
	font-size: 14px;
}

#dummy_submit_button {
	margin-top: 10px;
}

/**
 * Reset table crm, erp
 * @author Mr.Thuan
 * @edit   05/02/2015
*/
.i-table.cool thead, .i-table thead {
	background: #eee;
}

.panel table.table-bordered {
	border: 1px solid #ddd
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 0px;
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 0px;
	padding: 8px;
}

.i-table {
	box-shadow: none;
	-webkit-box-shadow: none
}

.i-table>tbody>tr>th, .i-table>tfoot>tr>th, .i-table>tbody>tr>td,
	.i-table>tfoot>tr>td {
	border: 1px solid #ddd
}

.i-table th {
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: normal;
}

.i-table tr.top td, .i-table td.top {
	vertical-align: top;
}

.i-table tr.middle td, .i-table td.middle {
	vertical-align: middle;
}

.i-table tr.bottom td, .i-table td.bottom {
	vertical-align: bottom;
}

.i-table thead>tr>th, .i-table tbody>tr>th, .i-table tfoot>tr>th,
	.i-table thead>tr>td, .i-table tbody>tr>td, .i-table tfoot>tr>td {
	vertical-align: middle;
}

.i-table thead, .i-table.cool thead {
	background: #eee;
}

.i-table>thead>tr>th {;
	font-weight: normal;
}

.i-table>tbody>tr>th, .i-table>tfoot>tr>th, .i-table>tbody>tr>td,
	.i-table>tfoot>tr>td {
	height: 38px;
}

.i-table>tbody>tr:hover>td, .i-table>tfoot>tr:hover>td, .i-table>tbody>tr:hover>th,
	.i-table>tfoot>tr:hover>th {
	/* background: #eef3ff; */

}

.i-table>tbody>tr:hover>td:first-child {
	border-left: 1px solid #44b2f8;
}

.glyphicon:empty {
	margin: 0 auto;
	width: 1.2em;
	text-decoration: none;
	top: 0
}

.i-table>tfoot .container {
	width: inherit;
}

.i-table.table-condensed tbody>tr>th, .i-table.table-condensed tbody>tr>td
	{
	padding: 3px 6px;
	word-break: break-word;
}

.i-table.table-condensed tbody>tr>th, .i-table.dashboard tbody>tr>td {
	padding: 6px;
}

.table-bordered {
	border-top: 1px solid #ddd;
	background-color: white
}

.table-bordered.hot>thead>tr>th, .table-bordered.hot>thead>tr>th a {
	color: #FFF !important;
	font-weight: normal !important;
	font-size: 12px;
}

.table-bordered.hot thead tr th a span.glyphicon:empty {
	color: #FFF
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>th a,
	.table-bordered>thead>tr>td a {
	color: #333 !important;
	font-weight: normal !important;
	font-size: 12px;
	text-transform: inherit;
}

.i-table tr.title {
	color: #9F8752;
	font-size: 11px;
	font-weight: bold;
}

/* Custom Phan Trang */
.i-table>tfoot {
	padding: 15px 0;
}

.i-table>tfoot .btn-xs {
	padding: 3px 9px;
	border: 1px solid #ddd;
	background-color: #eee;
	box-shadow: none;
	border-radius: 3px;
}

.i-table>tfoot .btn-xs.active {
	background-color: #ddd;
	border-color: #ccc
}

.i-table>tfoot .btn-xs:hover, .i-table>tfoot .btn-xs.number.active {
	background-color: #208FD5;
	color: white;
	border-color: #1B90DA
}

.i-table>tfoot .dropup {
	border: 0;
	box-shadow: none
}

.i-table>tfoot .dropup .caret {
	margin-top: -2px;
	margin-left: 4px;
	display: inline-block
}

/* .table .pagination-wapper .btn-xs:hover, .table .pagination-wapper .dropup:hover, .table .pagination-wapper .btn-xs.active{background:#dadada;border-radius:3px} */
/* Custom Phan Trang */
.input-name-full {
	line-height: 20px;
}

.i-table tbody tr td:last-child {
	min-width: 76px
}

.i-table tbody tr:first-child td, .i-table tbody tr:nth-of-type(n+2) td
	{
	background-color: white
}

.i-table tbody tr:nth-of-type(2n) td {
	background-color: #f5f5f5
}

.i-table tbody tr:first-child:hover td, .i-table tbody tr:nth-of-type(n):hover td
	{
	background-color: #f5f5f5
}

.modal {
	overflow-y: auto
}

.panel-default {
	border-color: transparent;
}