body {
	background-color: #ffffff !important;
}

.ui-growl {
	z-index: 1050 !important;
}

.ui-tabs-selected .tab-badge {
	background-color: #a8a8a8 !important;
}

.tab-badge {
	position: relative;
    right: 11px;
    height: 16px;
    width: 18px;
    float: left;
    line-height: 17px;
    top: 50%;
    font-size: 10px;
    /* margin-top: -10px; */
    font-weight: 700;
    background-color: #cbcbcc;
    color: #000000;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: -8px;
}

.layout-ajax-loader .layout-ajax-loader-background{
	width: 100%;
    height: 100%;
	background: rgba(0, 0, 0, 0.13);
	position: fixed !important;
    right: 0px !important;
    bottom: 0px !important;
    z-index:2000;
}

.layout-ajax-loader-icon {
	position: fixed;
    right: 50%;
    bottom: 50%;
}

.ui-selectonemenu-panel {
	z-index:9999 !important;
	max-width: 100%
}

.ui-selectonemenu {
	min-width: 0px !important;
	line-height: 1.2;
}

.p-grid.totals-panel {
	background-color: #ffffff;
    color: #212121;
    text-align: center;
    margin: 0px;
}

.p-grid.totals-panel .box {
	border: 1px solid #e0e0e0;
	padding: 5px;
}

.totals-panel-title {
	white-space: normal;
	font-size: 12px !important;
}

.totals-panel-value {
	font-weight: bold;
    color: black;
    font-size: 14px;
}


.company-data {
	margin-top: -8px;
    color: white;
    display: none;
    margin-left: 10px;
}

.user-name {
	float: left;
	color: white;
	margin-top: 5px;
	margin-right: -5px;
	display: none !important;
}

.company-bar {
	margin-top: 60px; 
	display: block; 
	color: white; 
	text-align: center; 
	font-weight: bold; 
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0) !important; 
	padding: 0px !important; 
	height: 41px !important;
	background-color: #03A9F4;
}

.sticky-company-bar {
	z-index: 995 !important;
	box-shadow: none;
}

.layout-topbar {
	box-shadow: none !important;
}

@media (min-width: 897px) {
	.company-data {
	    float: left;
	}
	.user-name {
		display: block !important;
	}
}

@media (max-width: 640px) {
	.layout-wrapper .layout-main {
	    padding-top: 0px !important;
	}
}

@media (min-width: 641px) {
	.company-data {
	    display: block !important;
	}
	
	.company-bar {
		display: none !important;
	}
}

@media (max-width: 1025px) {
	.layout-topbar-logo {
		display: none !important;
	}
}

.ui-sidebar-top{
	height: auto; 
	max-height:100%;
	overflow-y: scroll;
	z-index: 1005 !important;
}

.nopad {
	padding: 0;
}

.ui-sidebar-mask.ui-widget-overlay {
	background-color: rgba(139, 139, 144, 0.25) !important;
}

.addon-g-btn {
	margin-top: 16px !important;
}

@media (min-width: 1025px){
	
	/* .ui-fieldset .addon-lg-btn {
		margin-top: 22px !important;
	} */
	
	.ui-datatable-header .addon-lg-btn {
		margin-top: 29px !important;
	}
	
	.addon-lg-btn {
		margin-top: 16px !important;
	}
	
	/* .ui-dialog-content .addon-lg-btn {
		margin-top: 24px !important;
	} */
	
}

@media (min-width: 641px){
	
	.addon-md-btn {
		margin-top: 16px !important;
	}
	
}

.record-description {
	font-weight: bold;
	color: black;
}

.layout-horizontal .sticky-route-bar {
	top: 106px !important;
}

.layout-horizontal .layout-menu-container {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0) !important;
}

.layout-horizontal .sticky-route-bar {
	z-index: 98 !important;
}

.sticky-route-bar {
	top: 60px !important;
	box-shadow: none;
	z-index: 996 !important;
}

@media ( max-width : 640px) {
	.sticky-route-bar {
		top: 100px !important;
	}
}

.change-row-btn {
	height: 23px ! important;
	margin-left: 7px;
	background-color: rgba(0, 0, 0, 0) ! important;
	color: #363a41 !important;
	border: none !important;
	cursor: pointer;
}

.change-row-panel .ui-overlaypanel-content {
	padding: 0px !important;
}

.last-update-panel {
	text-align: right;
	margin-top: -15px;
	float: right;
}

.card {
	border: 1px solid #FFFFFF !important;
}

input + .ui-inputgroup-addon, .ui-calendar + .ui-inputgroup-addon {
	padding: 0px !important;
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 3px !important;
    border-top-left-radius: 0px !important;
}

.ui-outputlabel-rfi {
	color: red;
}

.success-btn>button {
	background-color: #4CAF50 !important;
	border-color: #4CAF50 !important;
}

/* .warning-btn{
	color: white !important;
} */

/* tabs */
.ui-tabs {
	overflow: hidden;
	position: initial !important;
}

.ui-tabs-nav {
	border-bottom: 1px solid #eaeaea !important;
}

.ui-tabs-panels {
	border: none !important;
}

.ui-tabs-header {
	background-color: #ffffff !important;
	border: 1px solid #eeeeee !important;
	border-bottom: none !important;
    font-weight: normal !important;
}

.ui-tabs-selected {
    border-top-width: 2px !important;
    font-weight: bold !important;
	margin-bottom: -1px !important;
}

.ui-tabs-header.ui-state-disabled {
	background-color: #f0f0f0 !important;
	color: #777777 !important;
}

.ui-tabs-header a {
	color: black !important;
}

.ui-chkbox {
	margin-right: 3px !important;
}

.ui-checkbox-w {
	width: auto !important;
}

.currency-input{
	text-align: right;
}

.quantity-input{
	text-align: center;
}

.ui-selectonemenu.ui-state-disabled .ui-inputfield {
	background-color: #eeeeee !important;
}

.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger {
	background-color: #eeeeee !important;
}

.ui-inputfield {
	background-color: white !important;
}

.ui-selectonemenu-label {
	overflow: initial !important;
}

.ui-selectonemenu-filter-container {
	width: 100% !important;
}

.ui-selectonemenu-trigger{
	background-color: white !important;
}

.ui-inputfield.ui-state-disabled {
    background-color: #eeeeee !important;
}

.ui-selectonemenu{
	overflow: hidden;
}

/* Menu */

.layout-horizontal .search-item {
	margin-left: -6px;
    margin-top: 2px;
    width: 160px !important;
    float: left;
}

.layout-horizontal .search-item i {
    left: 125px;
    top: 7px !important;
}

.search-item {
	margin-left: 8px;
	margin-top: 8px;
}

.search-item input {
	width: 95%;
}

.layout-menu-container .search-item i {
	position: absolute;
    color: #777777;
    font-size: 18px;
}

.layout-menu-container .search-item i {
	right: 18px;
    top: 14px;
}

.layout-slim  .search-item {
	display:none;
}

/* datatable */

.ui-datatable .status-record-1 {
	color: green !important;
}

.ui-datatable .status-record-2 {
	color: grey !important;
}

.ui-datatable .status-record-0 {
	color: red !important;
}

.ui-datatable .process-status-record-0 {
    color: red !important;
}

.ui-datatable .process-status-record-1 {
    color: grey !important;
}

.ui-datatable .process-status-record-2 {
    color: green !important;
}

.ui-datatable .movement-status-record-1 {
    color: green !important;
}

.ui-datatable .movement-status-record-2 {
    color: red !important;
}

.ui-datatable .movement-status-record-3 {
    color: red !important;
}
.ui-datatable .movement-status-record-4 {
    color: green !important;
}
.ui-datatable .movement-status-record-5 {
    color: green !important;
}


.ui-datatable {
	overflow-x: hidden;
}

.ui-datatable-data .ui-button {
	color: black !important;
}

.ui-datatable-header {
	overflow: hidden;
	font-size: 18px;
	/*  background-color: #f5f5f5 !important;
    border: 1px solid #eaeaea !important;
    color: #000000 !important; */
}

.ui-datatable tfoot tr {
	height: 35px;
}

.ui-datatable tfoot td {
	font-weight: bold;
	font-size: larger;
}

.totals-table-header {
	font-weight: 100;
}

.table-row-number {
	text-align: center;
}

.table-content-center {
	text-align: center;
}

.table-content-right {
	text-align: right !important;
	padding-right: 10px !important;
}

.table-content {
	padding-left: 10px !important;
}

.table-column-onebutton {
	text-align: center;
}

.ui-datatable .ui-column-title {
	white-space: normal;
}

body .ui-datatable .ui-datatable-data tr td {
	padding: 0px;
}

.ui-datatable thead .ui-selection-column {
	padding: 0px !important;
}

/* .ui-datatable-scrollable-header .ui-chkbox{
    margin: 0px;
    position: relative;
    left: 50%;
    margin-left: -10px;
}
 */
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td,
	.ui-datatable tfoot th {
	border: 1px solid #c9cdd2;
}

@media (max-width: 640px) {
	.ui-datatable .ui-datatable-data .ui-selectonemenu, .ui-datatable .ui-datatable-data .ui-inputfield {
	    width: auto !important;
	}
}


.ui-datatable .ui-inputfield {
	margin-bottom: 0;
	width: 100%;
}

.ui-datatable .ui-selectonemenu {
	margin-bottom: 0;
	width: 100%;
}

.datatable-export-link {
	margin-right: -5px;
	float: right;
	text-align: center;
}

.datatable-export-icons {
	font-size: 25px;
	margin-top: -3px;
	margin-right: 10px;
}

.ui-paginator .datatable-export-link {
	margin-top: 8px;
}

.min-height-datatable .ui-datatable-tablewrapper {
	min-height: 350px;
}

.ui-datatable-empty-message {
	background-color: #c9cdd2 !important;
}

.ui-datatable .ui-column-filter {
	margin-top: 4px;
}

.ui-datatable.ui-datatable-sticky.ui-widget.ui-shadow.ui-sticky {
	top: 75px !important;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.8) !important;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.8)
}

.ui-datatable-scrollable-header {
	border: 0.1px solid #dddddd !important;
	border-bottom: none !important;
	/* border-right: none !important; */
}

.ui-datatable-scrollable-body {
	border: 0.1px solid #dddddd;
	border-top: none;
}

.ui-datatable-footer {
	font-size: 14px !important;
}

.ui-datatable .ui-datatable-data .ui-button {
	/* border-radius: 0px !important; */
	/* border: 1px solid white; */
	border: none;
	background-color: rgba(255, 255, 255, 0) !important;
}

.ui-datatable-scrollable-body::-webkit-scrollbar {
	width: 16px;
}

body .ui-datatable .ui-widget-content {
	height: 26px !important;
}

.ui-datatable .ui-column-filter {
	width: 95% !important;
}

.datatable-small-input, .datatable-small-input .ui-inputfield {
	font-size: 11px !important;
}

.ui-datatable-even:hover, .ui-datatable-odd:hover {
	background-color: #e0e0e0 !important;
}

.hidden-content .tbody.ui-datatable-data{
	display: none
}

.hidden-content .ui-datatable-empty-message{
	display: none
}


.fill-horizontal {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.table-add-button, .table-remove-button {
	width: 100% !important;
	float: left;
}

.table-columns-toggler-button {
	width: 100% !important;
	float: right;
}


h2.section-header {
	text-align: center;
}

.ui-selectcheckboxmenu-label-container {
	text-align: left;
}

@media ( max-width : 640px) {
	.table-column-onebutton {
		text-align: left;
		display: block;
		border: 0 none;
		width: 30% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left !important;
		clear: inherit !important;
	}
	.table-column-Twobutton {
		text-align: left;
		display: block;
		border: 0 none;
		width: 24% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left !important;
		clear: inherit !important;
	}
	.table-column-Manybutton {
		text-align: left;
		display: block;
		border: 0 none;
		width: 19% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left !important;
		clear: inherit !important;
	}
	.table-row-number {
		margin-top: 6px !important;
		text-align: left;
		margin-left: 4px;
	}
	.table-content-center, .table-content-right {
		padding-left: 10px !important;
		text-align: left;
	}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title
		{
		padding: .4em;
		min-width: 30%;
		display: inline-block;
		margin: -.4em 1em -.4em -.4em;
		font-weight: bold;
		font-size: 11px
	}
	.ui-datatable .ui-button {
		float: left !important;
		margin-left: -5px;
	}
	body .ui-datatable .ui-datatable-data tr td {
		padding: 5px;
	}
	.button-edit {
		margin-top: -12px !important;
		margin-left: 22% !important;
	}
	.containerBackgroundColor {
		border: 1px solid #000000 !important;
	}
	.input_check_Status {
		text-align: left;
		display: block;
		border: 0 none;
		width: 50px !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: right !important;
		clear: inherit !important;
		margin-right: 4px;
	}
	.title-row {
		margin-left: -14px;
	}
	.pos-button-preview {
		float:left;
		height: 105px !important; 
		width: 105px;
		margin-top:21px;
		text-align: center; 
		border: 1px solid #000; 
		text-align: center;
    	display: flex;
    	justify-content: center;
    	align-content: center;
    	flex-direction: column;
    	border-radius: 15px;
    	overflow: hidden;
    	text-transform: uppercase;
	}
	.toltipColor {
		margin-left: -22px !important;
	}
}

.ui-row-toggler.ui-icon-circle-triangle-s::before {content: "\f147" !important;}
.ui-row-toggler.ui-icon-circle-triangle-e::before {content: "\f196" !important;}
.ui-row-toggler {
    width: 100% !important;
    height: 100% !important;
    font-size: 18px !important;
    /*  color: #00acac; */
    line-height: normal !important;
}
.ui-row-toggler:focus {
    outline: none;
}

.layout-footer img {
    height: 40px !important;
}

.layout-wrapper .layout-menu-container .layout-menu-logo a img {
    margin-top: 10px !important;
    height: 40px !important;
}



.x-sidebar .ui-sidebar-close {
   display: none !important;
}

.x-sidebar {
    width: 100%;
    overflow: auto;    
    padding: 0px !important;
} 

.x-sidebar .sidebar-content {
    position: relative;
    padding: 0px;
    width: 100%;
    float: left;
}

.x-sidebar .sidebar-content .sidebar-header {
    border-bottom: 1px solid #e3e3e3;
    position: sticky;
    top: 0px;
    z-index: 8000;
    background-color: white;
    -webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-sizing: border-box;
    padding: .5em;
    width: 100%;
    float: left;
}

.x-sidebar .sidebar-content .sidebar-body {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: .5em;
    overflow: hidden;
}

.x-sidebar .sidebar-content .sidebar-footer {
    padding: 5px !important;
    bottom: 0px;
    position: sticky;
    background-color: white;
    -webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    width: 100%;
    float: left;
    box-sizing: border-box;
}