body {
	min-width: 320px;
}

#outer-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	overflow-y: auto;
}

.show-left-menu #outer-wrapper {
	/*left: 0;*/
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	overflow-y: visible;
}

.ie9 .show-left-menu #outer-wrapper {
	left: 0;
}

#left-menu {
	left: 0;
}

.off-canvas-menu {
	display: none;
	width: 257px;
	height: 100%;
	position: absolute;
	top: 0;
	padding-top: 80px;
}

#inner-wrapper {
	overflow: hidden;
	min-height: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

/* min width; */

@media (max-width: 320px) {
	body {
		width: 320px;
	}
}


/*width > 767px*/

@media (max-width: 767px) {
	body {
		padding-left: 0;
		padding-right: 0;
	}

	#inner-wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	.show-left-menu #outer-wrapper {
		/*left: 257px;*/
		-webkit-transform: translate3d(257px, 0, 0);
		-moz-transform: translate3d(257px, 0, 0);
		-ms-transform: translate3d(257px, 0, 0);
		-o-transform: translate3d(257px, 0, 0);
		transform: translate3d(257px, 0, 0);
	}

	.ie9 .show-left-menu #outer-wrapper {
		left: 257px;
	}

	nav#left-menu {
		left: -257px;
	}

	.navbar-fixed-top,
	.navbar-fixed-bottom,
	.navbar-static-top {
		margin-left: 0;
		margin-right: 0;
	}

	.off-canvas-menu {
		padding-top: 0;
		display: block;
	}

	#top-menu {
		display: none;
	}
}


/*reset*/

html {
	-ms-overflow-style: scrollbar;
}

input::-moz-focus-inner {
	border: 0;
}

input[type=text]::-ms-clear {
	display: none;
}

textarea:focus {
	outline: none;
}

* {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-scrolling-overflow: touch;
}

a:focus {
	outline: none;
	outline-offset: 0;
}

.row,
.form-horizontal,
.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

.col-xs-3,
.col-xs-4,
.col-xs-9,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-6,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
	padding-left: 0;
	padding-right: 0;
	vertical-align: middle;
}

.navbar {
	border-radius: 0;
}

/*h1 h2 h3 h4 h5*/

h2 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 20px;
}


/*font*/

.font-red {
	color: red;
}

.font-gray {
	color: #999999;
}

.font-green {
	color: #5CB85C;
}


/*block hide*/

.block {
	display: block !important;
}


/*mobile*/


/*brand*/

.brand {
	width: 147px;
	height: 48px;
	/*background-image: url('../../images/logo-globalvision.png');
	background-repeat: no-repeat;
	background-position: center;*/
	margin-top: 2px;
	margin-right: 30px;
}


/*nav-left*/

.nav-left {
	height: 100%;
	background-color: #EEEEEE;
	border-right: 1px solid #D4D4D4;
	overflow: auto;
}

.nav-left .navbar-nav {
	padding-top: 47px;
	padding-bottom: 10px;
}

.nav-left a {
	color: #555555;
}

.nav-left li a {
	padding: 10px 15px;
	margin: 0 10px;
}

.nav-left .dropdown a:focus,
.nav-left .dropdown a:hover {
	background-color: #DDDDDD;
	cursor: pointer;
	color: #333333;
}

.nav-left .dropdown li a:focus,
.nav-left .dropdown li a:hover,
.nav-left .dropdown li.active a:focus,
.nav-left .dropdown li.active a:hover {
	background-color: #dadddc;
	color: #FFFFFF;
	cursor: pointer;
}

.nav-left li.active a {
	font-weight: bold;
}

.nav-left .level1 a:focus,
.nav-left .level1 a:hover,
.nav-left li.active a:focus,
.nav-left li.active a:hover {
	background-color: #DDDDDD;
	color: #333333;
}

.nav-left .dropdown-menu {
	padding: 0;
	min-width: inherit;
	border-radius: 0;
}

.nav-left .dropdown-menu a {
	color: #555555;
}

.nav-left .caret {
	float: right;
	border-top: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid rgba(0, 0, 0, 0);
	border-left: 4px solid;
	margin-top: 5px;
	margin-right: -2px;
}

.nav-left .open .caret {
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-top: 4px solid;
	margin-top: 6px;
	margin-right: 0;
}

.nav-left .divider {
	border-bottom: 1px solid #D4D4D4;
	margin: 5px 10px;
}

.nav-left .open .dropdown-toggle,
.nav-left .open .dropdown-toggle:hover,
.nav-left .open .dropdown-toggle:focus {
	background-color: #D4D4D4;
	color: #333333;
}

.nav-left .dropdown.open .dropdown-menu {
	margin: 0 10px;
}

.nav-left .dropdown.open .dropdown-menu a {
	margin: 0;
}

.nav-left .dropdown.open .dropdown-menu .active a {
	display: none;
}

.nav-left .navbar-right {
	padding-top: 0;
	margin-top: -10px;
}

.nav-left .navbar-right .dropdown-toggle {
	position: absolute;
	top: 8px;
	font-weight: bold;
	color: #333333;
}

.nav-left .navbar-right .dropdown-toggle:hover {
	background: none;
	cursor: default;
}

.nav-left .navbar-right .dropdown-toggle .caret {
	display: none;
}

.nav-left .navbar-right .dropdown {
	position: inherit;
}

.nav-left .navbar-right .dropdown-menu {
	background-color: rgba(0, 0, 0, 0);
	border: 0 none;
	box-shadow: none;
	float: none;
	margin-top: 0;
	position: static;
	width: auto;
	display: block;
}

.nav-left .navbar-right .open .dropdown-menu > li > a {
	padding: 10px 15px;
	line-height: 1.42857;
}

.nav-left .navbar-right li a:focus,
.nav-left .navbar-right li a:hover,
.nav-left .navbar-right .dropdown .active a:focus,
.nav-left .navbar-right .dropdown .active a:hover {
	color: #333333;
	background-color: #DDDDDD;
}

.nav-left .navbar-right .active a {
	background: none;
}

.nav-left .level2 {
	padding-left: 10px;
}

.nav-left .level3 {
	padding-left: 20px;
}

.nav-left .level4 {
	padding-left: 30px;
}

.nav-left .level5 {
	padding-left: 40px;
}

.nav-left .level5 a:focus,
.nav-left .level5 a:hover {
	background: none;
	cursor: default;
}

.nav-left .current {
	padding-left: 10px;
}


/*navbar-toggle*/

.navbar-toggle {
	padding: 10px;
	/*background-color: #dadddc;*/
	margin-right: 15px;
}

.navbar-toggle .icon-bar {
	/*background-color: #FFFFFF;*/
	background-color: #000;
}


/*navbar-top*/

.navbar-top {
	border: none;
	border-bottom: 1px solid #D4D4D4;
	margin: 0 10px;
}


/*content*/

.content {
	margin-top: 20px;
	margin-bottom: 30px;
}

.content-documents h2 {
	margin-bottom: 15px;
}


/*checkbox*/

.col-checkbox {
	margin: 0;
	padding-left: 28px !important;
	position: relative;
	font-weight: normal;
	line-height: normal;
}

.col-checkbox input[type='checkbox'] {
	position: absolute;
	margin-top: 2px;
	margin-left: -19px;
}

.form-group .col-checkbox {
	margin-right: 10px;
}


/*icon*/

.icon-calendar {
	margin-left: 5px;
	display: inline-block;
	position: relative;
}

.icon-calendar:focus,
.icon-calendar:hover {
	text-decoration: none;
}

.icon-print {
	background-color: #FFFFFF;
	background-image: url('../images/icon-print.png');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 30px;
	height: 28px;
	float: right;
	margin-top: -2px;
	margin-left: 8px;
}


/*form*/

input[type="file"] {
	padding: 0;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	margin-top: 2px;
}

.btn-blue {
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
	font-size: 12px;
	padding: 6px 12px;
	height: 30px;
	width: 100%;
}

.btn-blue:hover,
.btn-blue:focus {
	color: #55585a;
}

@media (max-width: 767px) {
	.checked-count {
		display: inline-block;
	}

	.btn-blue + .btn-blue,
	.btn-blue + .btn-gray,
	.btn-gray + .btn-blue,
	.btn-blue + .checked-count,
	.btn-gray + .checked-count {
		margin-top: 10px;
	}
}

.btn-gray {
	border: 1px solid #DDDDDD;
	background-color: #F9F9F9;
	font-size: 12px;
	/*padding: 0 12px;*/
	height: 30px;
	width: 100%;
}

.btn-blue[disabled],
.btn-gray[disabled],
.btn-blue[disabled]:hover,
.btn-gray[disabled]:hover,
.btn-blue[disabled]:focus,
.btn-gray[disabled]:focus {
	border-color: #666 !important;
	color: #666 !important;
}


/*a.btn {
    line-height: 28px;
}*/

a.btn-gray {
	color: #333333;
}

.footable-row-detail-value a.btn {
	margin-top: 10px;
}

.form-group-btn {
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: 1px solid #DDDDDD;
	padding-top: 15px;
}

.form-group-btn .btn {
	margin-bottom: 10px;
}

.form-group-btn .checked-count {
	display: block;
}

.form-group-btn.noborder {
	border: none;
	margin-top: 0;
	margin-bottom: 10px;
}

.form-group-btn.label-padding {
	margin-top: -5px;
	margin-bottom: 5px;
}

.form-control {
	font-size: 12px;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-top: 0;
}

select.form-control {
	-webkit-appearance: menulist-button;
}

.form-control optgroup {
	margin-bottom: 10px;
}

.form-group-checkbox {
	margin-top: 5px;
	border-top: 1px solid #D4D4D4;
}

.form-group-checkbox h5 {
	font-weight: bold;
	font-size: 12px;
	margin-top: 20px;
}

.group-control {
	margin-top: 2px;
	margin-bottom: 10px;
}

.row-count {
	float: right;
}

.text-static {
	display: block;
	margin-top: 10px;
	margin-bottom: 0;
}

.breadcrumb-link {
	background: none;
	border-radius: 0;
	margin-top: -3px;
	margin-bottom: 7px;
	padding: 0;
	text-align: left;
}

.breadcrumb-link li a {
	white-space: nowrap;
}

.breadcrumb-link > li + li:before {
	content: " ";
}

.breadcrumb-link li:first-child + li {
	float: right;
}

.breadcrumb-link.margin1 {
	text-align: right;
}

.breadcrumb-toggle {
	background: none;
	border-radius: 0;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}

.breadcrumb-toggle li a {
	white-space: nowrap;
}

.breadcrumb-toggle > li + li:before {
	content: "| ";
}

.breadcrumb-report {
	margin-top: -10px;
	margin-bottom: 0;
}

.input-wrap input {
	margin-bottom: 7px;
}

.filter-wrap {
	margin-bottom: 10px;
}

.filter-wrap .form-group-btn {
	margin-top: 20px;
}

.filter-wrap-row {
	margin-bottom: -10px;
}

.form-horizontal {
	border: 1px solid #AAAFB9;
}

.form-horizontal > [data-toggle="collapse"]:hover,
.form-horizontal > [data-toggle="collapse"]:focus {
	text-decoration: none;
}

.form-horizontal h3 {
	margin: 0;
	background-color: #AAAFB9;
	color: #FFFFFF;
	font-size: 16px;
	padding: 10px;
}

.form-horizontal .form-group label {
	padding: 10px;
	background-color: #F6F6F6;
	display: block;
}

.form-horizontal .form-group .control-input {
	padding: 10px;
	border-bottom: 1px solid #DDDDDD;
}

.form-horizontal .form-group .control-input input,
.form-horizontal .form-group .control-input select,
.form-horizontal .form-group .control-input textarea {
	max-width: 500px;
}

.form-horizontal .form-control-static {
	padding-top: 0;
	padding-bottom: 5px;
}

.form-horizontal .form-group .radio label {
	background-color: #FFFFFF;
	padding-top: 0;
}

.form-horizontal .form-group-btn {
	border: none;
	padding: 10px;
}

.form-horizontal > .panel-collapse > .form-group-btn {
	margin-bottom: 0;
}

.form-horizontal > .panel-collapse > .form-group-btn:last-child {
	border-bottom: 0;
}


/*editable*/

.editable {
	border: none;
	padding: 0;
	background: none;
	width: 100%;
	color: #dadddc;
	height: 10px;
	padding: 0;
	line-height: normal;
	resize: none;
	overflow-y: hidden;
}


/*
.editable-parent, .editable:focus {
	background: #F2F7FD;
}
*/

.editable[disabled=disabled],
.editable:disabled {
	color: #999999;
}

.form-narrow[disabled=disabled],
.form-narrow:disabled {
	color: #999999;
}

.row-header td.editarea {
	background-color: #FFFFFF !important;
}


/*label*/

label {
	margin-bottom: 3px;
}


/*table*/

.table {
	margin-bottom: 0;
}


/*footable*/

.table-footable {
	margin-top: 10px;
	border: 1px solid #D4D4D4;
}

.table-footable thead tr th:first-child,
.table-footable tbody tr td:first-child {
	border-left: 1px solid #D4D4D4;
	width: 1px;
	padding: 8px 0 8px 8px;
}

.table-footable .footable-last-column,
.table-footable thead tr th:last-child,
.table-footable tbody tr td:last-child {
	border-right: 1px solid #D4D4D4;
}

.table-footable .footable-row-detail-cell {
	border-top: none;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	padding-left: 20px;
}

.table-footable .footable-row-detail-inner {
	margin-top: -8px;
	margin-bottom: 8px;
	margin-left: 23px;
}

.table-footable .footable-detail-show td {
	border-bottom: none;
}

.table-footable th {
	background-color: #dadddc;
	color: #FFFFFF;
}

.table-footable > thead > tr > th {
	border-bottom: none;
	vertical-align: bottom;
}

.table-footable .footable-odd,
.table-footable .footable-odd + .footable-row-detail {
	background-color: #F9F9F9;
}

.table-footable .tr-nomatch td {
	padding: 0;
}

.table-footable .tr-nomatch td div {
	border: 1px solid #D4D4D4;
	border-top: none;
	padding: 8px;
}

.table-footable.no-paging .tr-pagination .pagination {
	display: none;
}

.table-footable.no-paging .tr-pagination td {
	padding: 0;
}

.table-footable.no-paging tfoot .tr-pagination td {
	padding: 8px;
}

.table-footable small {
	display: inline-block;
	line-height: 12px;
	margin-top: 2px;
}

.table-footable .footable-row-detail-name,
.table-footable .footable-row-detail-value {
	vertical-align: top;
	padding-top: 3px;
}

.table-footable .footable-row-detail-value {
	padding-right: 10px;
}

.table-footable .footable-row-detail-name {
	padding-right: 10px;
}

.table-footable .footable-sortable {
	padding-right: 18px !important;
}

.table-footable .footable-sort-indicator {
	float: right;
	margin-right: -11px;
}

.table-footable.breakpoint > tbody > tr > td > span.footable-toggle {
	padding-right: 0;
	margin-top: -2px;
}

.table-condensed.table-footable tbody tr td:first-child {
	padding-top: 5px;
	padding-right: 5px;
}


/*glyphicon*/

.glyphicon span {
	display: none;
}


/*pagination*/

.pagination {
	border-radius: 0;
}

.footable > tfoot .pagination {
	margin-top: 4px;
	margin-left: -8px;
	margin-right: -8px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #55585a;
	border-color: #dadddc;
}

.tr-pagination .pagination {
	margin: 0;
	border: none;
}


/*table report*/

.table-responsive-x {
	margin-bottom: 15px;
}

.form-narrow {
	width: 100%;
	min-width: 100px;
	padding: 1px;
}

.table-report thead tr th {
	background-color: #dadddc;
	color: #FFFFFF;
	text-align: center;
	border-bottom: none;
}

.table-report thead tr th span {
	display: block;
}

.table-report tbody tr td {
	padding: 6px;
	background-color: #FFFFFF;
}

.table-report thead tr th:first-child {
	text-align: left;
}

.table-report tbody tr td:first-child {
	line-height: normal;
	padding: 6px;
	background-color: #E7EFF7;
}

.table-report th span {
	margin-left: -5px;
	margin-right: -5px;
	padding-left: 8px;
	padding-right: 8px;
}

.table-report .plan-currency-input,
.table-report .plan-currency-display {
	font-weight: normal;
}

.table-report .plan-country,
.table-report .plan-currency-input {
	border-top: 1px solid #D4D4D4;
	padding-top: 5px;
	margin-top: 5px;
}

.table-report .plan-currency-input,
.table-report .plan-currency-display {
	color: #333333;
	background-color: #E7EFF7;
}

.table-report .plan-currency-display {
	margin-bottom: -5px;
	padding-bottom: 4px;
}

.table-report thead tr.remove-column {
	display: none;
}


/*collapsible row*/

.collapsible-row-header,
.collapsible-row {
	border: none !important;
}

.table-bordered tbody.collapsible-row-header tr td {
	border: none !important;
	border-top: 2px solid #D4D4D4 !important;
	background-color: #F7F7F7;
	cursor: pointer;
}

.collapsible-row-header td:first-child {
	cursor: pointer;
	padding-left: 29px !important;
	font-weight: bold;
	border-right: 1px solid #D4D4D4 !important;
}

.collapsible-row-header td:first-child .glyphicon {
	margin-left: -30px;
	padding-left: 10px;
	margin-right: 6px;
	color: #888888;
	font-size: 14px;
	top: 2px;
}

.collapsible-row td:first-child {
	padding-left: 30px !important;
	border-right: 1px solid #D4D4D4;
	padding-top: 8px;
	padding-bottom: 8px !important;
}

.row-header {
	font-weight: bold;
}

.row-header td {
	padding-top: 8px !important;
	background-color: #F7F7F7 !important;
}

.row-header td:first-child {
	padding-left: 30px !important;
}

.row-header td span {
	display: inline-block;
	position: absolute;
	margin-left: -30px;
	padding-left: 13px;
}

.collapsible-row-header.tbody-sub td:first-child,
.collapsible-row.tbody-sub td:first-child {
	padding-left: 52px !important;
	border-top: 1px solid #D4D4D4 !important;
}

.table-bordered tbody.collapsible-row-header.tbody-sub tr td {
	border-width: 1px !important;
}


/*dropdown plan*/

.dropdown-plan {
	text-align: center;
	margin-top: -5px;
	margin-bottom: 10px;
}

.dropdown-plan .dropdown-menu {
	text-align: left;
	position: relative;
	width: 100%;
	height: 100%;
	left: auto;
	right: auto;
	float: none;
	overflow-x: auto;
	box-shadow: none;
	filter: none;
	z-index: 1;
	padding: 0;
}

.dropdown-plan .open .dropdown-menu {
	display: none;
}

.dropdown-plan .dropdown-menu .dropdown-header {
	padding-left: 12px;
}

.dropdown-plan .dropdown-menu li label {
	display: block;
	white-space: normal;
	border-top: 1px solid #EEEEEE;
	color: #dadddc;
	padding: 8px 12px !important;
	font-size: 11px;
	cursor: pointer;
	min-width: 150px;
	margin-right: 0;
}

.dropdown-plan .dropdown-menu .active label {
	color: #333333;
	background-color: #e7eff7;
}

.dropdown-plan .dropdown-menu li:first-child + li {
	display: none;
}

.dropdown-plan .dropdown-menu li .col-checkbox input[type='checkbox'] {
	margin-top: 1px;
	display: none;
}

.dropdown-plan .dropdown-menu li label span {
	display: none;
}

.brand-buck {
	float: left;
	width: 153px;
	height: 49px;
	background-image: url('../images/bc-logo-full.png');
	background-repeat: no-repeat;
	background-position: center;
}

.brand-company {
	display: none;
	float: right;
	width: 125px;
	height: 49px;
}


/*panel*/

.panel-heading {
	padding: 0;
}

.panel-heading h4 a {
	display: block;
	padding: 10px 15px;
}

.panel .collapse {
	display: block;
	visibility: hidden;
	position: absolute;
	top: -100000px;
}

.panel .collapse.in {
	visibility: visible;
	position: relative;
	top: 0;
}


/*modal*/

.modal-header {
	padding-bottom: 10px;
}

.modal-content .form-horizontal {
	border: none;
}

.modal-content .form-horizontal .form-group {
	background-color: #FFFFFF;
	border: none;
	padding: 0;
}

.modal-content .form-horizontal .form-group label {
	margin-bottom: 3px;
	background: none;
	display: block;
	padding-left: 0;
	padding-bottom: 0;
}

.modal-content .form-horizontal .form-group .control-label {
	width: inherit;
}

.modal-body {
	padding-top: 10px;
	padding-bottom: 10px;
}

.modal-body .form-horizontal {
	border: none;
}

.modal-footer {
	margin-top: 0;
}

.modal-footer .btn {
	margin-bottom: 10px;
}

.modal-footer .btn + .btn {
	margin-left: 0;
	margin-bottom: 0;
}

.modal-body .selectpicker-wrap {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 3px;
}

.modal-body2 {
	padding-left: 15px;
	padding-right: 15px;
}

.modal-body2 .nav > li > a {
	padding: 10px 9px;
	color: #dadddc;
}

.modal-body2 .nav > li > a:focus,
.modal-body2 .nav > li > a:hover {
	color: #dadddc;
}

.modal-body2 .tab-content .tab-pane {
	padding-top: 10px;
	padding-bottom: 10px;
}

.modal-body2 .tab-content .tab-pane .table tr td {
	border: none;
}


/*selectpicker*/

/*.selectpicker-wrap .bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
    margin-bottom: 7px;
}*/

.selectpicker-wrap .btn-default {
	font-size: 12px;
	line-height: 16px;
	background: none;
	padding-left: 10px;
	padding-right: 10px;
}

.selectpicker-wrap .btn-default:focus,
.selectpicker-wrap .btn-default:hover {
	background: none;
}

.selectpicker-wrap .open .btn-default {
	border-color: #66afe9;
	background: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.selectpicker-wrap .opt a {
	font-weight: bold;
}

.selectpicker-wrap .dropdown-menu li a:focus,
.selectpicker-wrap .dropdown-menu li a:hover {
	background-color: #EEEEEE;
}

.selectpicker-wrap .dropdown-menu .selected a:focus,
.selectpicker-wrap .dropdown-menu .selected a:hover {
	background-color: #dadddc;
	color: #FFFFFF;
	outline: none;
}

.selectpicker-wrap .dropdown-menu > li > a {
	padding-left: 15px;
	padding-right: 15px;
	white-space: normal;
}

.selectpicker-wrap .bootstrap-select.btn-group .dropdown-menu dt {
	padding-left: 15px;
	padding-right: 15px;
	color: #333333;
}

.selectpicker-wrap .bootstrap-select.btn-group .dropdown-menu li > a.opt {
	padding-left: 25px;
	padding-right: 15px;
}

.selectpicker.disabled {
	background-color: #E4E4E4;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border: 1px solid #C4C4C4;
}


/*datepicker*/

.pickdate {
	background-image: url('images/icon-calendar.png');
	background-position: 100.5% -1px;
	background-repeat: no-repeat;
}

.newPickDate {
	background-image: url('images/icon-calendar.png');
	background-position: 100.5% -1px;
	background-repeat: no-repeat;
}

.newPickDate[readonly] {
	cursor: pointer !important;
	background-color: transparent !important;
}

.datepicker {
	z-index: 9000 !important;
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover,
.datepicker td.active[disabled],
.datepicker td.active[disabled]:hover {
	background: none;
	background-color: #dadddc;
}


/*CSS on ID*/

#tableSummary thead th:first-child + th,
#tableSummary thead th:first-child + th + th,
#tableSummary tbody td:first-child + td,
#tableSummary tbody td:first-child + td + td,
#tableSummary .footable-row-detail-inner .footable-row-detail-row:first-child,
#tableSummary .footable-row-detail-inner .footable-row-detail-row:first-child + .footable-row-detail-row {
	display: none !important;
}

#tableCurrency .footable-row-detail-inner {
	margin-right: 10px;
}

#tableCurrency .footable-row-detail-row {
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
}

#tableCurrency .footable-row-detail-name,
#tableCurrency .footable-row-detail-value {
	border-bottom: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	padding-left: 5px;
	padding-right: 5px;
}

#tableCurrency .footable-row-detail-name {
	background-color: #E7EFF7;
}

#tableCurrency .footable-row-detail-value {
	background-color: #FFFFFF;
}

#tableCurrency tfoot td {
	border: none;
}

#tableCurrency .tr-pagination {
	border-top: 1px solid #D4D4D4;
}

#tableReports .footable-row-detail-inner {
	margin-right: 10px;
}

#tableReports .footable-row-detail-row {
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
}

#tableReports .footable-row-detail-name,
#tableReports .footable-row-detail-value {
	border-bottom: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	padding-left: 5px;
	padding-right: 5px;
}

#tableReports .footable-row-detail-name {
	background-color: #E7EFF7;
}

#tableReports .footable-row-detail-value {
	background-color: #FFFFFF;
}

#tableReports tfoot td {
	border: none;
}

#tableReports .tr-pagination {
	border-top: 1px solid #D4D4D4;
}

.trustee.trustees .table thead th:first-child + th,
.trustee.trustees .table tbody td:first-child + td,
.trustee.trustees .table .footable-row-detail-inner .footable-row-detail-row:first-child {
	display: none !important;
}

.trustee .divs.hide {
	display: block !important;
	visibility: hidden;
	position: absolute;
	top: -1000000px;
}

.trustee h4 {
	margin-top: 25px;
	font-size: 18px;
}

.trustee.course .table thead th:first-child + th + th + th,
.trustee.course .table tbody td:first-child + td + td + td {
	display: none !important;
}

.trustee .footable-row-detail-value .editRow {
	background-image: none;
	border-radius: 0;
	cursor: pointer;
	display: block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #dadddc;
	border: 1px solid #dadddc;
	font-size: 12px;
	height: 29px;
	padding: 0 12px;
	width: 100%;
	line-height: 27px;
	margin-top: 10px;
	color: #FFFFFF;
}

.trustee .footable-row-detail-value .editRow:hover {
	text-decoration: none;
}

.trustee .footable-row-detail-value .editRow:focus {
	text-decoration: none;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}

.trustee .breakpoint .footable-visible {
	border-right: 1px solid #d4d4d4;
}

.trustee .breakpoint .footable-first-column.footable-visible {
	border-right: none;
}


/*desktop*/

@media (min-width: 768px) {
	#inner-wrapper {
		overflow: auto;
	}
	/*reset*/
	/*h1 h2 h3 h4 h5*/
	h2 {
		margin-bottom: 30px;
		font-size: 20px;
	}

	h2.lessmargin {
		margin-bottom: 5px;
	}
	/*nav-top*/
	.navbar-top {
		margin: 0 15px;
	}

	.nav-top .divider {
		display: none;
	}

	.nav-top .dropdown a:hover,
	.nav-top .dropdown a:focus,
	.nav-top .nav .open > a,
	.nav-top .nav .open > a:hover,
	.nav-top .nav .open > a:focus {
		background-color: #dadddc;
		color: #FFFFFF;
		cursor: pointer;
	}

	.nav-top .dropdown-menu {
		background-color: #FFFFFF;
		border: 2px solid #dadddc;
		border-radius: 0;
		box-shadow: none;
		font-size: 12px;
		min-width: 221px;
	}

	.nav-top .navbar-nav .active a {
		font-weight: bold;
		color: #555555;
	}

	.nav-top .navbar-nav .active a:focus,
	.nav-top .navbar-nav .active a:hover {
		background: none;
		color: #2a6496;
	}

	.nav-top .navbar-nav li a {
		padding: 16px 10px 16px 10px;
	}

	.nav-top .navbar-nav .dropdown {
		padding-right: 15px;
		background-image: url('images/arrow.png');
		background-position: right center;
		background-repeat: no-repeat;
	}

	.nav-top .navbar-nav .dropdown li a {
		padding: 5px 20px 5px 20px;
		color: #555555;
	}

	.nav-top .navbar-nav .dropdown li a:focus,
	.nav-top .navbar-nav .dropdown li a:hover {
		color: #FFFFFF;
	}

	.nav-top .navbar-nav .dropdown .active a {
		color: #FFFFFF;
		font-weight: normal;
		background-color: #dadddc;
	}

	.nav-top .navbar-nav .dropdown .active a:focus,
	.nav-top .navbar-nav .dropdown .active a:hover {
		color: #FFFFFF;
		background-color: #dadddc;
	}

	.nav-top .level1 a:hover,
	.nav-top .dropdown:hover .dropdown-toggle {
		background-color: #dadddc;
		color: #FFFFFF;
	}

	.nav-top .navbar-right:last-child {
		margin-right: 0;
	}

	.nav-top .navbar-right .dropdown {
		padding-right: 0;
		background: none;
	}

	.nav-top .navbar-right .dropdown .active a:focus,
	.nav-top .navbar-right .dropdown .active a:hover {
		background-color: #dadddc;
	}

	.nav-top .navbar-nav .dropdown.nolevel {
		background-image: none;
	}
	/*content*/
	/*footable*/
	.footable-toggle {
		display: none !important;
	}

	.table-footable .footable-first-column {
		display: none !important;
	}
	/*form*/
	.btn-blue,
	.btn-gray {
		width: auto;
	}

	.form-control {
		vertical-align: top;
	}

	.form-group-btn {
		margin-bottom: 0;
		padding-top: 12px;
	}

	.form-group-btn .btn {
		margin-right: 10px;
		margin-bottom: 0;
	}

	.form-group-btn .checked-count {
		display: inline-block;
	}

	.form-group-btn.noborder {
		display: inline-block;
		border: none;
		margin-top: 10px;
		padding-top: 0;
		margin-right: 10px;
		margin-bottom: 0;
	}

	.form-group-btn.label-padding {
		margin-right: -10px;
	}

	.row-count {
		float: none;
		margin-left: 5px;
	}

	.form-narrow {
		max-width: 200px;
	}

	.form-group-checkbox {
		margin-top: 10px;
	}

	.input-wrap {
		width: 22%;
		display: inline-block;
		vertical-align: middle;
		margin-left: 5px;
	}

	.input-wrap input {
		margin-bottom: 0;
	}

	.input-wrap.w1 {
		width: 120px;
		margin-right: 10px;
	}

	.input-wrap.w2 {
		width: 135px;
	}

	.input-wrap.w4 {
		width: 165px;
		margin-right: 10px;
	}

	.input-wrap.w5 {
		width: 200px;
		margin-right: 10px;
	}

	.input-wrap.f1 {
		width: 450px;
	}

	.input-wrap.f1 {
		margin-right: 10px;
	}

	.input-wrap .selectpicker-wrap#searchDuration {
		width: 97%;
	}

	.input-wrap #search {
		width: 97.7%;
	}

	.filter-wrap {
		display: inline-block;
	}

	.filter-wrap label {
		width: 80px;
		text-align: right;
		margin-top: 5px;
	}

	.filter-wrap .input-wrap {
		vertical-align: middle;
	}

	.filter-wrap .form-group-btn {
		margin-top: 0;
		margin-left: 88px;
		border-top: none;
		padding-top: 0;
	}

	.filter-wrap .form-group-btn.nomargin {
		margin-left: 5px;
	}

	.filter-wrap.w1 label {
		width: 105px;
	}

	.filter-wrap.w1 .form-group-btn {
		margin-left: 108px;
	}

	.filter-wrap-row {
		margin-bottom: 5px;
	}

	.form-horizontal .form-group {
		background-color: #F6F6F6;
		border-bottom: 1px solid #DDDDDD;
	}

	.form-horizontal .form-group label {
		padding-top: 21px;
	}

	.form-horizontal .form-group .control-label {
		width: 22%;
	}

	.form-horizontal .form-group .control-input {
		border-bottom: none;
		border-left: 1px solid #DDDDDD;
		background-color: #FFFFFF;
		width: 78%;
	}

	.form-horizontal .form-group .control-input .form-control {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.form-horizontal .form-group-btn {
		background-color: #FFFFFF;
		padding-bottom: 15px;
	}

	.form-horizontal .form-group-btn .btn {
		margin-left: 5px;
	}

	.form-horizontal .form-group .col-sm-offset-2 {
		margin-left: 22%;
	}

	.form-horizontal .form-group-btn .col-sm-10 {
		width: 78%;
	}

	.form-horizontal .form-control-static {
		padding-top: 11px;
		padding-bottom: 10px;
	}

	.form-horizontal .radio label {
		background-color: #FFFFFF;
	}
	/*breadcrumb*/
	.breadcrumb-link {
		text-align: left;
		margin: 0;
		margin-left: 5px;
		display: inline-block;
	}

	.breadcrumb-link li:first-child + li {
		float: none;
	}

	.breadcrumb-link.margin1 {
		display: block;
		margin: 0;
	}

	.breadcrumb-link.margin1 .row-count {
		display: block;
		margin-left: 0;
		text-align: right;
		margin-right: 75px;
	}

	.breadcrumb-toggle {
		margin: 0;
		text-align: right;
	}

	.breadcrumb-toggle > li {
		line-height: 27px;
	}

	.breadcrumb-toggle > li + li:before {
		content: " ";
		padding: 0;
	}

	.breadcrumb-toggle li:first-child {
		display: none;
	}

	.breadcrumb-toggle.margin1 {
		margin-top: -22px;
		margin-bottom: -10px;
	}

	.breadcrumb-report {
		margin-top: 0;
		margin-bottom: -10px;
	}
	/*label*/
	label {
		margin-bottom: 0;
	}
	/*table report*/
	.table-responsive-x {
		overflow-x: auto;
		background-color: #E7EFF7;
		margin-top: 10px;
	}

	.table-report {
		/*width: auto;*/
	}

	.table-report thead tr th,
	.table-report tbody tr td {
		display: table-cell;
	}

	.table-report thead tr th {
		border-top: none;
	}

	.table-report thead tr.remove-column {
		display: table-row;
		border-bottom: none;
		border-top: 1px solid #DDDDDD;
	}

	.table-report thead tr.remove-column th {
		text-align: right;
	}

	.table-report thead tr.remove-column th span {
		cursor: pointer;
	}

	.table-report thead tr.remove-column th label input {
		display: none;
	}

	.table-report .plan-currency-input,
	.table-report .plan-currency-display {
		white-space: nowrap;
	}

	.table-report thead tr th:first-child,
	.table-report tbody tr td:first-child {
		display: table-cell !important;
		white-space: nowrap;
	}
	/*panel*/
	.panel-group .panel {
		border-radius: 0;
		box-shadow: none;
	}

	.panel-group .panel + .panel {
		margin-top: 0;
	}

	.panel .collapse {
		display: none;
		visibility: visible;
		position: relative;
		top: 0;
	}

	.panel .collapse.in {
		visibility: visible;
		position: relative;
		top: 0;
	}
	/*dropdown plan*/
	.dropdown-plan {
		margin-bottom: 0;
	}

	.dropdown-plan .dropdown.block {
		padding-top: 0;
	}

	.dropdown-plan .dropdown.open {
		padding-top: 0;
	}

	.dropdown-plan .dropdown .dropdown-toggle {
		position: absolute;
		right: 0;
		margin-top: -19px;
	}

	.dropdown-plan .dropdown .dropdown-toggle .text {
		margin-right: 3px;
	}

	.dropdown-plan .dropdown .dropdown-toggle.dropup {
		margin-top: -39px;
	}

	.dropdown-plan .dropdown-menu {
		position: relative;
		width: 100%;
		height: 100%;
		left: auto;
		right: auto;
		float: none;
		overflow-x: auto;
		box-shadow: none;
		filter: none;
		z-index: 1;
		padding: 0;
		margin-top: 20px;
		margin-bottom: -5px;
	}

	.dropdown-plan.block .dropdown-menu {
		display: block;
		margin-top: 0;
	}

	.dropdown-plan .dropdown-menu .dropdown-header {
		display: none;
	}

	.dropdown-plan .dropdown-menu li {
		display: table-cell;
		border-left: 1px solid #DDDDDD;
		padding-bottom: 10px;
		color: #dadddc;
		background-color: #FFFFFF;
	}

	.dropdown-plan .dropdown-menu li label {
		display: block;
		padding: 8px !important;
		border-top: none;
		position: relative;
		color: #dadddc;
		background-color: #FFFFFF;
	}

	.dropdown-plan .dropdown-menu li:first-child + li + li {
		border-left: none;
	}

	.dropdown-plan .dropdown-menu label {
		min-height: 70px;
	}

	.dropdown-plan .dropdown-menu .active,
	.dropdown-plan .dropdown-menu .active label {
		color: #333333;
		background-color: #EEEEEE;
	}

	.dropdown-plan .dropdown-menu .active label span {
		display: block;
		position: absolute;
		margin-left: 125px;
		margin-top: 65px;
	}

	.dropdown-plan .dropdown-menu li label input[type="checkbox"] {
		display: none;
	}
	/*footer*/
	.brand-company {
		display: block;
	}
	/*selectpicker*/
	.selectpicker-wrap {
		width: 200px;
		display: inline-block;
		margin-left: 5px;
		margin-right: 10px;
	}

	.selectpicker-wrap .bootstrap-select.btn-group:not(.input-group-btn),
	.bootstrap-select.btn-group[class*="span"] {
		/*margin-bottom: 0;*/
		vertical-align: middle;
	}

	.selectpicker-wrap.w1 {
		width: 125px;
		margin-right: 0;
	}

	.selectpicker-wrap.w2 {
		width: 135px;
	}

	.selectpicker-wrap.w3 {
		width: 100px;
		margin-right: 0;
	}

	.selectpicker-wrap.w4 {
		width: 165px;
	}

	.selectpicker-wrap.w5 {
		width: 220px;
	}

	.selectpicker-wrap.margin1 {
		margin-right: 10px;
	}
	/*modal*/
	.modal-content .form-horizontal {
		max-width: 800px;
	}

	.modal-content .form-horizontal .form-group {
		padding-bottom: 5px;
	}

	.modal-content .form-horizontal .form-group .control-label {
		padding-top: 6px;
		width: 25%;
	}

	.modal-body .form-group-first {
		margin-top: 15px;
	}

	.modal-body .selectpicker-wrap {
		margin-bottom: 10px;
	}

	.modal-footer .btn {
		margin-bottom: 0;
	}

	.modal-footer .btn + .btn {
		margin-left: 10px;
	}

	.modal-body2 .nav > li > a {
		padding: 10px 15px;
	}

	.modal-body2 .tab-content .tab-pane {
		padding-top: 15px;
		padding-left: 13px;
		padding-right: 13px;
	}
	/*CSS ID*/
	#tableSummary th:first-child + th + th + th,
	#tableSummary td:first-child + td + td + td {
		border-left: 1px solid #D4D4D4;
	}

	#tableCurrency th:first-child + th,
	#tableCurrency td:first-child + td {
		border-left: 1px solid #D4D4D4;
	}

	#tableReports th,
	#tableReports td {
		border: 1px solid #D4D4D4;
	}

	.table-border-left th:first-child,
	.table-border-left th:first-child {
		display: none;
	}

	.table-border-left th:first-child + th,
	.table-border-left td:first-child + td {
		border-left: 1px solid #D4D4D4;
	}

	.trustee {
		margin-top: -14px;
	}

	.trustee .input-wrap,
	.trustee .selectpicker-wrap {
		display: inline-block;
		vertical-align: top;
		margin-top: 10px;
	}

	.trustee .breadcrumb-link {
		margin-top: 31px;
	}

	.trustee .form-group-btn {
		display: block;
		margin-left: 5px;
		margin-top: 17px;
	}

	.trustee .main-input-wrap {
		display: inline-block;
	}

	.trustee .selectpicker-wrap.w4 {
		width: 160px;
	}

	.trustee.trustees .table th:first-child + th + th,
	.trustee.trustees .table td:first-child + td + td {
		border-left: 1px solid #D4D4D4;
	}

	.trustee.course .table th:first-child + th,
	.trustee.course .table td:first-child + td {
		border-left: 1px solid #D4D4D4;
	}

	.tableAccounting th:first-child + th,
	.tableAccounting td:first-child + td {
		border-left: 1px solid #D4D4D4;
	}

	.links span {
		margin-left: 5px;
		margin-right: 5px;
		vertical-align: middle;
	}

	.links .btn {
		line-height: normal;
		margin: 0;
		padding: 0;
		background: transparent;
		color: #dadddc;
		border: none;
		display: inline-block;
		height: auto;
		line-height: normal;
		border-radius: 0;
		min-width: 0;
	}

	.links .btn:hover,
	.links .btn:focus {
		color: #2a6496;
		text-decoration: underline;
		background-color: transparent;
	}
}

@media (min-width: 1215px) {
	.trustee .form-group .breadcrumb-link {
		margin-top: 15px;
		display: block;
	}
}

@media (min-width: 1360px) {
	.trustee .form-group .breadcrumb-link {
		margin-top: 31px;
		display: inline-block;
	}
}


/*tongsheng*/

.box.box-color .box-title {
	background: #dadddc;
}

.box.box-color .box-title h3 {
	color: white;
}

.box.box-color .box-title .tabs > li.active > a {
	background: #fff;
	color: #dadddc;
}

.box.box-color .box-title .tabs > li > a {
	color: white;
}

.box.box-color .box-title .tabs > li > a:hover {
	color: #dadddc;
}

.box.box-color .box-title .actions > a {
	color: white;
}

.box.box-color .box-title .actions > a:hover {
	background: #fff;
	color: #dadddc;
}

.box.box-bordered .table {
	margin-bottom: 0;
}

.box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned {
	border-right: 2px solid #dddddd;
}

.box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned th {
	border-right: 2px solid #333333;
}

.box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned td {
	text-align: center;
}

.box.box-bordered .table.table-bordered {
	border-right: 0;
}

.box.box-bordered .table.table-bordered th:first-child,
.box.box-bordered .table.table-bordered td:first-child {
	border-left: 0;
}

.box.box-bordered .table.table-bordered th:last-child,
.box.box-bordered .table.table-bordered td:last-child {
	border-right: 0;
}

.box.box-bordered .form-bordered {
	margin-bottom: 0;
}

.box.box-bordered .slimScrollDiv {
	border-bottom: 2px solid #dddddd;
}

.box.box-bordered.box-color .slimScrollDiv {
	border-bottom: 2px solid #dadddc;
}

.box.box-bordered.box-color .box-title {
	border-color: #dadddc;
}

.box.box-bordered.box-color .box-content {
	border-color: #dadddc;
}

.box.box-bordered .box-title {
	border: 2px solid #dddddd;
}

.box.box-bordered .box-content {
	border: 2px solid #ddd;
	border-top: 0;
}

.box .box-title {
	*zoom: 1;
	border-bottom: 1px solid #ddd;
	padding: 7px 0 7px 10px;
	margin-top: 20px;
}

.box .box-title:after {
	content: "";
	display: table;
	clear: both;
}

.box .box-title h3 {
	float: left;
	margin: 3px 0 3px 0;
	line-height: 24px;
	font-weight: 400;
	color: #444;
	font-size: 20px;
}

.box .box-title h3 i {
	margin: 0 10px;
}

.box .box-title .tabs {
	float: right;
	*zoom: 1;
	margin: 5px 10px 0 0;
	padding: 0;
	list-style-type: none;
}

.box .box-title .tabs:after {
	content: "";
	display: table;
	clear: both;
}

.box .box-title .tabs.tabs-left {
	float: left;
}

.box .box-title .tabs > li {
	float: left;
	margin-right: 5px;
}

.box .box-title .tabs > li:last-child {
	margin-right: 0;
}

.box .box-title .tabs > li > a {
	padding: 4px 8px;
}

.box .box-title .tabs > li > a:hover {
	text-decoration: none;
	background: #eeeeee;
}

.box .box-title .tabs > li.active > a {
	background: #dadddc;
	color: white;
}

.box .box-title .actions {
	margin-top: 0;
	float: right;
	margin-right: 10px;
}

.box .box-title .actions .btn {
	background: none;
	color: #333;
	padding: 5px 9px;
}

.box .box-title .actions .btn:hover {
	background: #dadddc;
	color: white;
}

.box .box-title .actions .content-move {
	cursor: move;
}

.box .box-content {
	*zoom: 1;
	padding: 20px;
	background: white;
}

.box .box-content:after {
	content: "";
	display: table;
	clear: both;
}

.blue-bordered-box {
	border: 2px solid #dadddc;
}

.blue-bordered-box h3 {
	background-color: #dadddc;
	margin: 0;
	padding: 6px 10px 10px 10px;
	color: white;
	font-size: 14px;
}

.blue-bordered-box .form-group {
	border-bottom: 1px solid #ddd;
	background: #f6f6f6;
	margin-bottom: 0;
}

.blue-bordered-box .form-control {
	margin-bottom: 0;
}

.blue-bordered-box .form-group > label {
	padding: 7px;
	text-align: left;
	background: #f6f6f6;
}

.blue-bordered-box .form-group > div {
	padding: 7px;
	background: #fff;
	border-left: 1px solid #ddd;
}

.blue-bordered-box .form-group > div > label {
	padding-top: 0;
}

@media (min-width: 768px) {
	.blue-bordered-box {
		float: right;
		width: 45%;
		margin-left: 2%;
		margin-top: -45px;
	}

	.blue-bordered-box .form-group > label {
		padding: 10px;
	}

	.blue-bordered-box .form-group > div {
		padding: 10px;
	}

	.file-tree-box {
		float: left;
		width: 100%;
	}
}

.tab-content .tab-pane {
	padding-top: 25px;
}

.table-footable.force-wrap .footable-sortable {
	white-space: normal;
	padding-right: 10px;
}

#table-trustees-interests tr > td:first-child + td {
	min-width: 150px;
}

.editable {
	min-height: 16px;
	border: 1px solid #FFFFFF;
}

.editable-parent .editable,
.editable:focus {
	border: 1px solid #aaa;
}

.footable .new-row .editable {
	border: 1px solid #aaa;
}

@media (min-width: 768px) {
	.tab-content .collapse {
		display: block;
		height: auto !important;
	}

	.tab-content .panel-heading {
		display: none;
	}

	.tab-content .panel {
		border: none;
	}

	.tab-content .panel-body {
		padding: 0;
		border-top: none !important;
	}

	.tab-content .panel-body form {
		padding-right: 1px;
	}

	.footable > thead > tr > th > span.footable-sort-indicator {
		float: right;
		padding-left: 0;
	}

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

	.remove-row i {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.nav-tabs.tabs-collapsable {
		display: none;
	}

	.tab-content .panel {
		padding-top: 0;
		display: block;
	}

	.table-footable.force-wrap-mobile .footable-sortable {
		white-space: normal;
	}

	.tab-content .form-group.pull-right {
		float: none !important;
	}

	.table-footable .footable-row-detail-value {
		min-width: 120px;
	}
}

@media (min-width: 768px) {
	.tab-content .collapse {
		display: block;
		height: auto !important;
	}

	.tab-content .panel-heading {
		display: none;
	}

	.tab-content .panel {
		border: none;
	}

	.tab-content .panel-body {
		padding: 0;
		border-top: none !important;
	}

	.tab-content .panel-body form {
		padding-right: 1px;
	}

	.tab-content#accordion-tab > .tab-pane {
		display: block;
		visibility: hidden;
		position: absolute;
		top: -100000px;
	}

	.tab-content#accordion-tab > .tab-pane.active {
		visibility: visible;
		position: relative;
		top: auto;
	}

	.footable > thead > tr > th > span.footable-sort-indicator {
		float: right;
	}
	/*.footable-even .footable-sorted-col {
        background: #eef8ff !important;
    }

    .footable-odd .footable-sorted-col {
        background: #dff1ff !important;
    }*/
	.remove-row {
		text-align: center;
	}

	.remove-row i {
		font-size: 12px;
	}
	/*.table-footable .footable-sorted {
        border-top: 1px solid #dadddc !important;
        border-left: 1px solid #dadddc !important;
        border-right: 1px solid #dadddc !important;
    }

    .table-footable .footable-sorted-col {
        border-left: 1px solid #dadddc !important;
        border-right: 1px solid #dadddc !important;
    }

    .footable tbody tr:last-child .footable-sorted-col {
        border-bottom: 1px solid #dadddc !important;
    }*/
}


/*HELM*/


/*mobile*/

.brand-new {
	width: 127px;
	/*background-image: url("../../images/logo-globalvision-new.png");*/
}

.top-logo {
	height: 80px;
	/*background-image: url('../../images/bg-header.png');
    background-position: bottom;
    background-repeat: repeat-x;*/
}

.top-logo .logo-company {
	padding-top: 10px;
	margin: 0 auto;
	/*margin-left: 10px;*/
	/*padding-top: 14px;*/
}

.top-logo .logo-company img {
	/*width: 93px;
            height: 25px;*/
	float: left;
}

.top-logo .logo-company span {
	color: #333333;
	font-family: "Open Sans", Arial;
	font-weight: 400;
	/*font-size: 17px;
      margin-left: 6px;*/
	text-decoration: none;
	/*vertical-align: middle;*/
}

.top-logo .logo-company span {
	font-size: 20px;
	position: relative;
	/*top: -1px;*/
}

.brand-new {
	margin-top: 0;
}

.logo-globalvision-old {
	text-align: right;
	padding: 10px 0 12px 0;
}

.logo-globalvision-old img {
	height: 13px;
	width: 97px;
}

/*desktop*/

@media (min-width: 768px) {
	/*header*/
	.top-logo {
		height: 80px;
	}

	.top-logo .logo-company {
		padding-top: 10px;
		margin: 0 auto;
	}

	.top-logo .logo-company img {
		/*width: 130px;
                height: 35px;
                margin-left: 15px;*/
		float: none;
	}

	.top-logo .logo-company span {
		font-size: 20px;
		position: relative;
		/*top: -1px;*/
	}

	.brand-new {
		margin-top: 0;
	}
	/*.footer2 {
        text-align: left;
        padding: 10px 15px;
    }

        .footer2 .breadcrumb {
            padding-top: 12px;
            margin: 0 auto 3px auto;
        }

            .footer2 .breadcrumb li {
                margin-top: 0;
            }

                .footer2 .breadcrumb li:first-child {
                    text-indent: 15px;
                }

            .footer2 .breadcrumb br {
                display: none;
            }

        .footer2 .copyright {
            margin: 0 auto 0 auto;
}

*/
}

.table-footable th.footable-sorted {
	border-top: none !important;
}

.footable-row-detail-value .btn-blue:hover,
.footable-row-detail-value .btn-blue:focus {
	color: #55585a;
	border-color: #55585a;
}

.selectpicker-wrap .bootstrap-select .btn-default {
	white-space: normal;
	overflow: hidden;
	height: 30px;
	line-height: 40px;
	word-wrap: break-word;
	word-break: break-all;
}

.selectpicker-wrap .bootstrap-select .btn-default .filter-option {
	margin-top: -12px;
	padding-right: 8px;
}

.colorsCode > tbody > tr > td {
	color: black !important;
	padding: 2px 5px 2px 5px !important;
	/*padding-top: 2px !important;
    padding-bottom: 2px !important; 
    padding-left:5px !important; 
    padding-right: 5px !important;*/
}

.btn {
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.top-logo a {
	text-decoration: none;
}

.row-no-gap {
	margin-left: 0;
	margin-right: 0;
}

.row-no-gap > [class*=col-] {
	padding-left: 0;
	padding-right: 0;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
	background-color: transparent;
	color: #55585a;
}

.page-form {
	border: 1px solid #DDDDDD;
	padding: 15px;
	margin-bottom: 10px;
}

.page-form.stack-bottom {
	border-bottom: 0;
	margin-bottom: 0;
}

.page-form > .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: bottom;
}

@media (max-width: 767px) {
	.page-form > .form-group {
		display: block;
	}

	.page-form > .form-group .btn {
		margin-bottom: 0;
	}

	.page-form > .form-group .form-group-btn {
		padding-top: 10px;
	}
}

.page-form > .form-group > label {
	display: block;
}

.page-form > .form-group .selectpicker-wrap,
.page-form > .form-group .input-wrap {
	margin-left: 0;
}

.page-form > .form-group label.col-checkbox {
	padding-top: 6px;
	padding-bottom: 6px;
}

.page-sidebar {
	border: 1px solid #DDDDDD;
	padding: 15px;
}

@media (min-width: 768px) {
	.page-sidebar {
		border-right: 0;
	}
}

.page-sidebar.sidebar-nav {
	padding-right: 15px;
}

.page-sidebar.sidebar-nav .left-menu {
	margin-right: 0;
}

.page-sidebar.sidebar-nav .left-menu ul li {
	padding-left: 0;
}

.page-sidebar.sidebar-nav .left-menu .main-link .iconography-plus-thin,
.page-sidebar.sidebar-nav .left-menu .main-link .iconography-minus-thin,
.page-sidebar.sidebar-nav .left-menu .main-link .iconography-caret-right,
.page-sidebar.sidebar-nav .left-menu .main-link .iconography-caret-down {
	right: 0;
}

.page-table {
	border: 1px solid #DDDDDD;
	padding: 15px;
	overflow-x: auto;
}

@media (max-width: 767px) {
	.page-table {
		border: 0;
		padding: 0;
	}
}

.page-table .table {
	width: 100%;
}

.page-table .table td {
	padding: 5px 7px;
}

.page-table .table thead td {
	background-color: #54585B;
	color: #FFFFFF;
	border: 1px solid #fff;
}

.page-table .table thead tr td:first-child {
	border-right: 1px solid #FFFFFF;
}

.page-table .table thead tr:first-child td {
	border-bottom: 1px solid #FFFFFF;
}

.page-table .table tbody .subheader td,
.page-table .table tbody .subheader td:first-child {
	background-color: #DDDDDD;
	padding-bottom: 0;
	border-bottom: none;
}

.page-table .table tbody .subheader + .subheader td {
	background-color: #DDDDDD;
	padding-top: 0;
	padding-bottom: 5px;
}

.page-table .table tbody tr td {
	border: 1px solid #ddd;
}

.page-table .table tbody tr td:first-child {
	border-right: 1px solid #DDDDDD;
	background-color: #F7F7F7;
	z-index: 100;
}

.page-table .table td input {
	border: none;
	padding: 0;
	color: #dadddc;
	width: 100%;
}

.page-table .table > tbody + tbody {
	border-top-width: 1px;
}

@media (max-width: 767px) {
	.page-table .table td.hide-on-mobile {
		display: none;
	}
}

.tablefixedleft > div {
	height: auto !important;
	overflow-y: hidden !important;
}

.page-table-title {
	margin: 5px 0 15px;
}

.print-now {
	float: right;
}

.TableFixedcolumn table > thead > tr > th + th {
	border-left: 1px solid #fff;
}

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

.TableFixedcolumn .DTFC_LeftHeadWrapper,
.TableFixedcolumn .DTFC_LeftBodyWrapper {
	border-right: 1px solid #ccc;
}

input.input-border-dotted,
.page-table .table td input.input-border-dotted {
	position: relative;
	border: 1px dotted #bbb;
	margin: -2px -5px;
	padding: 2px 5px;
}

input.input-border-dotted.pickdate,
.page-table .table td input.input-border-dotted.pickdate {
	/*background-image: none;*/
	background-position: right 50%;
	padding-right: 45px;
}


/* sidebar-nav left-menu  */

.sidebar-nav {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.sidebar-nav {
		padding-right: 20px;
	}
}

.sidebar-nav .left-menu {
	margin: 0 5px 15px 0;
}

.sidebar-nav .left-menu ul {
	font-size: 12px;
	font-weight: normal;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.sidebar-nav .left-menu a:not(.btn) {
	font-weight: normal;
}

.sidebar-nav .left-menu ul li {
	border-left: 5px solid #FFFFFF;
	display: block;
	margin: 0;
	padding: 7px 10px;
	font-size: 14px;
}

.sidebar-nav .left-menu ul a {
	color: #666;
}

.sidebar-nav .left-menu ul a:focus,
.sidebar-nav .left-menu ul a:hover {
	color: #55585a;
	text-decoration: none;
}

.sidebar-nav .left-menu .main-link {
	position: relative;
	padding-right: 20px;
	border-left: 0;
	border-bottom: 2px solid #dadddc;
	cursor: pointer;
}

.sidebar-nav .left-menu .main-link > a {
	font-size: 14px;
	color: #666;
}

.sidebar-nav .left-menu .main-link > a:focus,
.sidebar-nav .left-menu .main-link > a:hover {
	color: #55585a;
	text-decoration: none;
}

.sidebar-nav .left-menu .main-link.active {
	border-bottom-color: transparent;
}

.sidebar-nav .left-menu .main-link.active > a {
	color: #55585a;
}

.sidebar-nav .left-menu .main-link .iconography-plus-thin,
.sidebar-nav .left-menu .main-link .iconography-minus-thin,
.sidebar-nav .left-menu .main-link .iconography-caret-right,
.sidebar-nav .left-menu .main-link .iconography-caret-down {
	position: absolute;
	top: 12px;
	right: 10px;
	float: right;
}

.sidebar-nav .left-menu .main-link .iconography-caret-down {
	color: #55585a;
}

.sidebar-nav .left-menu .main-link .iconography-minus-thin,
.sidebar-nav .left-menu .main-link .iconography-caret-down {
	display: none;
}

.sidebar-nav .left-menu .main-link.active .iconography-plus-thin,
.sidebar-nav .left-menu .main-link.active .iconography-caret-right {
	display: none;
}

.sidebar-nav .left-menu .main-link.active .iconography-minus-thin,
.sidebar-nav .left-menu .main-link.active .iconography-caret-down {
	display: block;
}

.sidebar-nav .left-menu .main-link + ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: 2px solid #dadddc;
}

.sidebar-nav .left-menu ul ul {
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 20px;
}

.sidebar-nav .left-menu ul ul li {
	margin-top: 2px;
	line-height: 14px;
	font-size: 12px;
	background: none;
	border-left: none;
}

.sidebar-nav .left-menu ul ul li.active {
	background: none;
	border-left: none;
}

.sidebar-nav .left-menu ul ul li.active a {
	color: #55585a;
}

/* fix top header and nav issues */

.top-logo {
	padding: 15px;
	height: auto;
}

.top-logo .logo-company {
	margin: 0 auto;
	padding: 0;
}

.top-logo .logo-company a {
	display: inline-block;
}

#left-menu-toggle {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	margin: 0;
	margin-top: -93px;
	margin-left: 0;
	border-radius: 0;
}

#top-menu .navbar-nav > li > a {
	padding-top: 6px;
}

@media (max-width: 767px) {
	.top-logo {
		text-align: center;
		padding-bottom: 0;
	}

	.top-logo .logo-company a {
		display: block;
		vertical-align: middle;
		padding-left: 20px;
	}

	.top-logo .logo-company a span.gv-application-name {
		top: 0 !important;
		float: none;
		white-space: nowrap;
		padding: 10px 0 0;
	}

	.top-logo .logo-company .logo {
		margin-bottom: 5px;
	}

	.top-logo .logo-company .logo img {
		display: block;
		float: none;
		margin: 0 auto;
		width: 125px;
		height: auto;
	}

	.top-logo .logo-company .logo-text {
		position: relative;
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-top {
		min-height: 1px !important;
	}

	.notification-toggle {
		position: absolute !important;
		right: 0;
		top: 25px;
	}

	.notification-toggle > a > i {
		font-size: 1.3em;
	}

	.notification-toggle > .dropdown-toggle {
		text-align: right;
	}

	.notification-toggle.open {
		width: 100%;
	}

	.notification-toggle.open .dropdown-menu.notification {
		position: absolute !important;
		left: 0;
		width: 100%;
		height: auto;
		background: #fff;
		border: 1px solid #ccc;
	}
}

@media (max-width: 480px) {
	.top-logo .logo-company a span.gv-application-name {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	#left-menu-toggle {
		margin-top: -65px;
	}
}

@media (min-width: 768px) {
	.top-logo .logo-company a span.gv-application-name {
		margin-left: 10px;
	}
}

#top-menu ul.dropdown-menu .dropdown-menu-link {
	position: relative;
	display: block;
}

#top-menu ul.dropdown-menu .glyphicon {
	font-size: 8px;
	float: right;
	position: relative;
	display: block;
	margin-top: -22px;
	right: 5px;
}

#top-menu ul.dropdown-menu .dropdown-menu-sub {
	list-style: none;
	padding-left: 0;
	width: 100%;
	border: 1px solid #E7E7E7;
	padding: 5px 0;
	max-width: 195px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
}

#top-menu ul.dropdown-menu li:hover .dropdown-menu-sub {
	display: block;
}

#top-menu ul.dropdown-menu .dropdown-menu-sub li a {
	display: block;
}

#top-menu ul.dropdown-menu .dropdown-menu-sub li a:hover {
	text-decoration: none;
}

.nav-left .dropdown.open .dropdown-menu .glyphicon {
	font-size: 8px;
	float: right;
	position: relative;
	display: block;
	margin-top: -22px;
	right: 15px;
}

.nav-left .dropdown.open .dropdown-menu .glyphicon-triangle-right:before {
	content: "\e252";
}

.nav-left .dropdown.open .dropdown-menu .dropdown-menu-sub {
	list-style: none;
}

.nav-left .dropdown.open .dropdown-menu .dropdown-menu-sub li a {
	display: block;
	padding: 5px 15px 5px 5px;
}

.pagination > li > a, .pagination > li > span {
	color: #000;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #000;
}