html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-size: 15px;
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
}

body .ui-widget, body .ui-widget .ui-widget {
    font-size: 14px;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
    font: normal normal normal 28px/1 FontAwesome;
}

.layout-footer {
	background-color: #ffffff;
	border-top: 1px solid #ebebef;
	border-bottom: 1px solid #ebebef;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100% !important;
	height: 23px;
	margin: auto !important;
	padding: 0px 1.5% !important;
	font-size: 12px;
	text-align: right;
	line-height: 22px;
	padding-right: 20px;
}

.layout-right-panel {
	overflow: scroll;
}

.ui-panelgrid-footer td {
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: center;
}

.ui-panelgrid thead tr td {
	text-align: center !important;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

.Bold{
	font-weight: bold;
}

/* Floating */
.Fleft {
	float: left;
}

.Fright {
	float: right;
}

.Fnone {
	float: none !important;
}

/* font colors */
.Gray {
	color: #5A5A5A !important;
}

.Softgray {
	color: #CDCDCD !important;
}

.Yellow {
	color: #FFD100 !important;
}

.White {
	color: #ffffff;
}

.Red {
	color: #e90c45 !important;
}

.Orange {
	color: #F15A29 !important;
}

.Softblue {
	color: #C1E1F4 !important;
}

.Hardblue {
	color: #27AAE1 !important;
}

.Leaden {
	color: #778D9B !important;
}

.Green {
	color: #71CC8D !important;
}

.Purple {
	color: #673AB7 !important;
}

.Pink {
	color: #E91E63 !important;
}

.Cyan {
	color: #00BCD4 !important;
}

body .ui-button {
	font-weight: bold;	
}

body .ui-button.accent-btn {
	background-color: #FFB300;
	color: #212121;
}

body .ui-button.accent-btn.ui-state-hover {
	background-color: #FF8F00;
}

body .ui-button.accent-btn.ui-state-focus {
	outline: 0 none;
	background-color: #ffc233;
}

body .ui-button.accent-btn .ui-icon {
	color: #212121;
}

body .ui-button.blue-grey-btn {
	background-color: #607D8B;
}

body .ui-button.blue-grey-btn.ui-state-hover {
	background-color: #37474F;
}

body .ui-button.blue-grey-btn.ui-state-focus {
	outline: 0 none;
	background-color: #7b96a3;
}

body .ui-button.cyan-btn {
	background-color: #00BCD4;
	border: 1px solid #00BCD4 !important;
}

body .ui-button.cyan-btn.ui-state-hover {
	background-color: #00838F;
}

body .ui-button.cyan-btn.ui-state-focus {
	outline: 0 none;
	background-color: #08e3ff;
}

body .ui-button.teal-btn {
	background-color: #009688;
}

body .ui-button.teal-btn.ui-state-hover {
	background-color: #00695C;
}

body .ui-button.teal-btn.ui-state-focus {
	outline: 0 none;
	background-color: #00c9b6;
}

body .ui-button.red-btn {
	background-color: #F44336;
	border: 1px solid #F44336;
}

body .ui-button.red-btn.ui-state-hover {
	background-color: #C62828;
}

body .ui-menubutton.red-btn button{
	background-color: #F44336;
	border: 1px solid #F44336;
}


body .ui-button.red-btn.ui-state-focus {
	outline: 0 none;
	background-color: #f77066;
}

body .ui-button.green-btn {
	background-color: #4CAF50;
	border: 1px solid #4CAF50 !important;
}

body .ui-menubutton.green-btn button {
	background-color: #4CAF50;
	border: 1px solid #4CAF50 !important;
}

body .ui-button.green-btn.ui-state-hover {
	background-color: #2E7D32;
}

body .ui-button.green-btn.ui-state-focus {
	outline: 0 none;
	background-color: #6ec071;
}

body .ui-button.deep-orange-btn {
	background-color: #FF5722;
}

body .ui-button.deep-orange-btn.ui-state-hover {
	background-color: #D84315;
}

body .ui-button.deep-orange-btn.ui-state-focus {
	outline: 0 none;
	background-color: #ff7e55;
}

body .ui-button.purple-btn {
	background-color: #673AB7;
	border: 1px solid #673AB7 !important;
}

body .ui-button.purple-btn.ui-state-hover {
	background-color: #4527A0;
}

body .ui-button.purple-btn.ui-state-focus {
	outline: 0 none;
	background-color: #8259cb;
}

body .ui-button.pink-btn {
	background-color: #E91E63;
}

body .ui-button.pink-btn.ui-state-hover {
	background-color: #AD1457;
}

body .ui-button.pink-btn.ui-state-focus {
	outline: 0 none;
	background-color: #ee4c83;
}

body .ui-button.amber-btn {
	background-color: #FFC107;
	border: 1px solid #FFC107 !important;
}

body .ui-button.amber-btn.ui-state-hover {
	background-color: #FF8F00;
}

body .ui-button.amber-btn.ui-state-focus {
	outline: 0 none;
	background-color: #ffce3a;
}

body .ui-button.orange-btn {
	background-color: #FF9800;
}

body .ui-button.orange-btn.ui-state-hover {
	background-color: #EF6C00;
}

body .ui-button.orange-btn.ui-state-focus {
	outline: 0 none;
	background-color: #ffad33;
}

body .ui-button.brown-btn {
	background-color: #795548;
}

body .ui-button.brown-btn.ui-state-hover {
	background-color: #4E342E;
}

body .ui-button.brown-btn.ui-state-focus {
	outline: 0 none;
	background-color: #996b5b;
}

.ui-panel .ui-panel-footer {
	text-align: right !important;
}

.ui-datatable .ui-datatable-footer {
	text-align: center !important;
}

.ui-datatable .ui-datatable-header {
	text-align: center !important;
}

body .ui-treetable .ui-treetable-data > tr > td {
    padding: 0.75em 1.214em;
    border: inherit;
}

.ui-treetable th, .ui-treetable tfoot td {
    text-align: center !important;
}

body .ui-datatable .ui-datatable-data>tr>td {
	border: inherit;
	text-align: center;
}

body .ui-datatable thead th {
	border: 1px solid #e0e0e0 !important;
	text-align: center
}

.layout-wrapper.layout-horizontal .layout-menu-container {
   padding-left:5em;
}

.layout-wrapper.layout-horizontal .layout-menu-container {
    min-height: 32px;
    padding: 0 5em
}

.layout-wrapper .route-bar {
    min-height: 32px;
    background-color: #ffffff;
}

.layout-wrapper .route-bar .route-bar-breadcrumb {
    padding-left:5em
}

body .ui-breadcrumb {
    padding: 0;
}

.ui-tree {
    width: 100%;
    position: relative;
}

/* Width */
.Wid100{ width:100%;}
.Wid90{ width:90%;}
.Wid85{ width:85%;}
.Wid80{ width:80%;}
.Wid70{ width:70%;}
.Wid65{ width:65%;}
.Wid60{ width:60%;}
.Wid50{ width:50%;}
.Wid45{ width:45%;}
.Wid40{ width:40%;}
.Wid35{ width:35%;}
.Wid30{ width:30%;}

/* Width Special Values */
.Wid33{ width:33.3%;}
.Wid25{ width:25%;}
.Wid20{ width:20%;}
.Wid15{ width:15%;}
.Wid10{ width:10%;}

.Wid90top{ width:90%;vertical-align: top;}
.Wid80top{ width:80%;vertical-align: top;}
.Wid70top{ width:70%;vertical-align: top;}
.Wid60top{ width:60%;vertical-align: top;}
.Wid50top{ width:50%;vertical-align: top;}
.Wid45top{ width:45%;vertical-align: top;}
.Wid40top{ width:40%;vertical-align: top;}
.Wid30top{ width:30%;vertical-align: top;}
.Wid35top{ width:35%;vertical-align: top;}
.Wid15top{ width:15%;vertical-align: top;}
.Wid33top{ width:33.3%;vertical-align: top;}
.Wid25top{ width:25%;vertical-align: top;}
.Wid20top{ width:20%;vertical-align: top;}
.Wid10top{ width:10%;vertical-align: top;}

.Wid90right{ width:90%;text-align: right;}
.Wid80right{ width:80%;text-align: right;}
.Wid70right{ width:70%;text-align: right;}
.Wid60right{ width:60%;text-align: right;}
.Wid50right{ width:50%;text-align: right;}
.Wid45right{ width:45%;text-align: right;}
.Wid40right{ width:40%;text-align: right;}
.Wid30right{ width:30%;text-align: right;}
                      
.Wid33right{ width:33.3%;text-align: right;}
.Wid25right{ width:25%;text-align: right;}
.Wid20right{ width:20%;text-align: right;}
.Wid10right{ width:10%;text-align: right;}

.capitalized {
	text-transform: capitalize !important;
}