BOOTSTRAP CUSTOMIZATION */
@media (min-width: 767px) {
	.form-inline-shift .col-xs-12:not(:first-child) {padding-left: 0;}
	.form-inline-shift .col-xs-12:not(:last-child) {padding-right: 0;}
}

.flex-row {
    display: flex;
    align-items: start;
	flex-direction: row;
}
.flex-column {
	display: flex;
	align-items: start;
	flex-direction: column;
	flex-wrap: wrap;
	height: 1000px;
	width: 200px
}
.wrap-flex {padding: 10px 20px;}

/* LTE CUSTOMIZATION */
body.fullscreen .main-header, body.fullscreen .main-sidebar, body.fullscreen .main-footer, body.fullscreen .breadcrumb {display: none;}
@media (min-width: 768px) {
	body.fullscreen .content-wrapper, body.fullscreen.sidebar-mini.sidebar-collapse .content-wrapper {margin-left: 0 !important;}
}

@media print {
    .no-print, .no-print * { display: none !important; }
}
@media not print {
	.print-only, .print-only * { display: none !important; }
}

@media (max-width: 767px) {
	.main-header .logo {
		display: none;
	}
}
.main-header .navbar-brand {
	font-weight: bold;
	font-size: 24px;
}

.main-header .navbar .navbar-title {
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.main-header .logo .logo-mini img {
	max-width: 30px;
	max-height: 30px;
	margin: 10px;
}

.main-sidebar .user-panel .image {
	width: 45px;
	height: 45px;
}

.sidebar-collapse .main-sidebar .user-panel .image {
	width: 30px;
	height: 30px;
}

.main-sidebar .user-panel .image img {
	width: 100%;
	height: 100%;
}

.sidebar-menu > li.header {
	text-transform: uppercase;
}

.treeview-menu {
	padding-left: 25px;
}

.content-wrapper.no-sidebar {
	margin-left: 0;
}

label.checkbox, label.radio {
	font-weight: 400;
}

.box-header label.checkbox, .box-header label.radio {
	margin-top: -1px;
}

.box-header > .box-tools > .pagination {
	margin-top: 5px !important;
}

.btn-box-tool {
	margin-left: 15px;
}

.info-box .info-box-icon {
	padding: 5px;
}

.nav-tabs-custom {
	box-shadow: none;
}
.nav-tabs-custom > .tab-content {
	background-color: #fafafa;
	border: #f4f4f4 1px solid;
	border-top: none;
}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
	background-color: #fafafa;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
	border-left-width: 1px;
}

footer.simple {
	max-width: 360px;
	margin: 30px auto 0px auto;
	text-align: center;
	border-top: #d4d4d4 1px solid;
	padding: 30px 0px;
}

[class^="iradio_"] {
	margin-right: 5px;
}

.checkbox-inline:first-child, .radio-inline:first-child {
	padding-left: 0px;
}

.chat .item:first-child {border-bottom: 1px solid #f4f4f4; margin-bottom: 2em;}

ul.horizontal > li {display: inline-block;}
ul.horizontal > li:not(:last-child):after {content: " | "; display: inline-block; position: relative; margin: 0 5px;}

/* MODAL */
.modal.in {
	padding-right: 0 !important;
}
.modal.in .modal-dialog {
	margin: 15px !important;
	width: calc(100% - 30px);
	height: calc(100vh - 30px);
}
.modal-header .btn-info {
	position: absolute;
	right: 40px;
	top: 14px;
}
.modal-content {
	height: 100%;
}
.modal-content .box-group .box {
	border-bottom: none;
	box-shadow: none;
}
.modal-content > .modal-body {
	height: calc(100% - 55px);
	overflow: auto;
}

.modal-content .img, .modal-content .img.thumb {
	display: block;
	margin-bottom: 5px;
}
.modal-content .img {
	width: 100%;
	height: 120px;
}
.modal-content .img img {
	max-width: 100%;
	max-height: 100%;
}

.modal-content .modal-footer {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -15px;
}

@media (max-width: 991px) {
	.modal-dialog {
		width: calc(100% - 30px);
	}
}
@media (min-width: 992px) {
	.modal-dialog {
		width: 800px;
	}
}

/* GENERAL */
.help-block {
	color: #dd4b39 !important;
}

.tag {
	display: inline-block;
	margin-right: 5px;
	font-style: italic;
	color: #777;
}
.tag:not(:last-child):after {
	content: ",";
}

.box-wrapper {
	border-radius: 3px;
	padding: 15px;
}

.box-wrapper.background {
	background-color: #f4f4f4;
}

/* DATA TABLE */
.dataTables_empty {
	background-color: #d9edf7;
}
.table-shift-default {
	width: 100% !important;
}
.table-shift-default {
	counter-reset: counter-shift-default;
}
.table-shift-default tbody {
	counter-reset: counter-shift-default-inner;
}
.table-shift-default thead td {
	background-color: #c4c4c4;
	color: #fff;
}
.table-shift-default tfoot td, .table-shift-default .body-footer td {
	background-color: #e4e4e4;
	font-weight: bold;
}

.input-per-page {max-width: 50px;}
.table-shift-default .sort .fa {float: right; margin-top: 2px; margin-right: 5px; color: #444; cursor: pointer;}
.table-shift-default .sort .fa-sort:before {color: #c4c4c4;}

.table-shift-default .action { min-width: 105px; }
.table-shift-default .circle-width { min-width: 175px; }
.table-shift-default .action.action-4x { min-width: 130px; }
.table-shift-default .action .btn:not(:last-child) {
	margin-right: 4px;
}
.table-shift-default .action .btn {
	margin-bottom:4px;
}
.table-shift-default .counter:before {
	content: counter(counter-shift-default) ".";
	counter-increment: counter-shift-default;
	counter-reset: counter-shift-default-inner;
}
.table-shift-default .counter-inner:before {
	content: counter(counter-shift-default-inner, lower-alpha) ".";
	counter-increment: counter-shift-default-inner;
}
.table-shift-default th.thumb, .table-shift-default td.thumb {
	width: 60px !important;
}
.table-shift-default img.thumb, .table-shift-default .img.thumb, .modal-content .img.thumb img {
	max-width: 60px !important;
	max-height: 30px !important;
}
.table-shift-default .badge:not(:last-child), .table-shift-default .label {
	margin-right: 3px;
}
.table-shift-default .msg {text-align: center;}
.table-shift-default .number {text-align: right;}
.table-shift-default .w1 { width: 1%; }
.table-shift-default .w10 { width: 10%; }
.table-shift-default .w12 { width: 12%; }
.table-shift-default .w15 { width: 15%; }
.table-shift-default .w20 { width: 20%; }
.table-shift-default ul, .table-shift-default ol {
	padding-left: 15px;
}

.table-shift-default .label-block { display: block; margin-bottom: 0.5em;}

/* CHOSEN */
select.form-control + .chosen-container-multi .chosen-choices {
	border-radius: 0;
}
select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	padding: 0;
	font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.multiple-data-wrapper {
	padding: 0;
    list-style: none;
}
.multiple-data-wrapper li {
	position: relative;
	display: inline-block;
    background-image: none;
}
.multiple-data-wrapper li span {
	word-wrap: break-word;
}
.multiple-data-wrapper li:hover span:after {
	position: relative;
	display: inline-block;
	content: "x";
	margin-left: 5px;
}

/* LOGIN */
.login-logo {text-align: center;}
.login-logo img {max-width: 360px; max-height: 160px;}

/* ATTENDANCE */
.content-wrapper.lounge {background: url('../../img/bg-attendance.png') center bottom;}
.content-wrapper.lounge .content-header h1 {text-align: center;}
.content-wrapper.lounge .content-header .company {text-align: center; margin-bottom: 30px; font-size: 42px; font-weight: bold;}
.content-wrapper.lounge .content-header .company img {max-width: 360px;}

/* ASSET */
.btn-delete-image {position: absolute; top:15; left:15;}
.owl-carousel-custom {padding-left:15px; padding-right:15px;}

#seat-container thead th, #seat-container thead td {text-align: center;}
#seat-container td:first-child {text-align: center;}

/* TRANSACTION BOARD */
#transaction-board .content-header h1 {margin-bottom: 1em;}
#transaction-board .content-header h2 {margin-top: 0;}
#transaction-board ul.horizontal {padding-left: 0;}
#transaction-board .content .masonry {columns: 1; column-gap: 15px; width: 100%;}
#transaction-board .note {display: inline-block; padding: 15px; width: 100%; margin: 0 15px 15px 0; background-color: #ccc;  cursor: pointer;}
#transaction-board .note.active {background-color: #f39c12; }
#transaction-board .note .badge {margin-top: 8px;}
#transaction-board .note .desc {margin-bottom: 5px;}
#transaction-board .note .desc h6 {font-weight: bold; margin-bottom: 0;}
@media (min-width: 384px) {
	#transaction-board .content .masonry {columns: 2;}
}
@media (max-width: 767px) {
	#transaction-board .content-header h1 {font-size: 16px;}
	#transaction-board .content-header h2 {font-size: 20px;}
	#transaction-board .clock-wrapper {top: 15px !important;}
	#transaction-board ul.horizontal {font-size: 10px;}
}
@media (min-width: 768px) {
	#transaction-board .content .masonry {columns: 3;}
}
@media (min-width: 992px) {
	#transaction-board .content .masonry {columns: 4;}
}
@media (max-width: 1199px) {
	#transaction-board ul.horizontal .active {text-decoration: underline;}
	#transaction-board .clock-wrapper {position: absolute; top: 10px; right: 0;}
}
@media (min-width: 1200px) {
	#transaction-board .content .masonry {columns: 5;}
}

#transaction-container tbody {counter-reset: default;}
#transaction-container tbody tr td.counter {content: counter(default).; counter-increment: default;}

/* POINT OF SALES */
#sales-container .products {margin-right: 0;}
#sales-container .products .thumbnail {margin-right: -15px;}
#sales-container .caption h5 {font-weight: bold; overflow: hidden;}
#sales-container .caption .price {overflow: hidden;}
#sales-container .transaction .title h5 {font-weight: bold;}
#sales-container .transaction .qty {width: 150px; text-align: right;}

.cart-list {border: #ddd 1px solid; padding: 4px; margin-bottom: 15px; background-color: #fff;}
.cart-list .id-container {text-align: center; background-color: #eee;}
.cart-list .id-container h2 small {display: block; font-size: 12px; margin-top: 15px;}

#product-cart .transaction td, #product-cart .transaction th {vertical-align: top;}
#product-cart .transaction .qty {width: 50px; text-align: right;}
#product-cart .transaction .title h5 {margin-top: 0;}
#product-cart .transaction .price {width: 150px; text-align: right;}
#product-cart .transaction .discount {width: 150px; text-align: right;}
#product-cart .transaction .subtotal {width: 120px; text-align: right;}

/* REPORT GENERIC */
iframe.backend-report-generic {width: 100%; height: calc(100vh - 220px); background-color: #fff;}

/* ZOOM HOVER PICTURE */
.zoom {
	transition: .1s ease-in-out;
	transform-origin: 0% 0%;
}

.zoom:hover {
	-ms-transform: scale(10); /* IE 9 */
	-webkit-transform: scale(10); /* Safari 3-8 */
	transform: scale(10);
	transition: .1s ease-in-out;
	padding: 0px;

}