@charset "ISO-8859-1";

.ui-widget {
	font-family: inherit;
	outline: none;
}

.ui-widget a {
	color: #65c3df;
}
.ui-widget-content {
	color: inherit;
}
.ui-panel .ui-panel-content {
	padding: 0.5em;
}
.ui-panel {
    background-color: inherit;
}
.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	text-shadow: none;
	background-image: none;
	font-weight: normal;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-family: inherit;
}

td.multi-edit-action {
	width: 94px;
    display: block;
    border: none !important;
    margin-top: 5px;
}

.fixed-table-width {
	width: 893px;
}
.fixed-table-width td {
	padding: 5px !important; 
}	
.ui-fileupload-row {
    color: #333333;
}
/*** Tree Table  **/
.ui-treetable-toggler.ui-icon{
	text-indent: 0;
	background-image: none;
}
.ui-treetable-toggler.ui-icon.ui-icon-triangle-1-e.ui-c:before {
	background-image: none;
	font-family: 'FontAwesome';
	content: '\f0fe';
	font-size: 16px;
}
.ui-treetable-toggler.ui-icon.ui-c.ui-icon-triangle-1-s:before{
	background-image: none;
	font-family: 'FontAwesome';
	content: '\f146';
	font-size: 16px;
}
.ui-treetable .ui-panel {
	display: inline-block;
	padding: 0px;
	width: 100%;
}
.ui-treetable .ui-outputpanel {
	display: inline;
}
.ui-treetable tbody td {
	overflow: visible !important;
	font-size: 12px !important;
    font-family: Montserrat-Medium;
    font-weight: normal;
}
.ui-droppable-hover {
	background-color: #008000;
}
.ui-draggable.ui-draggable-dragging {
	width:auto;
	background-color: #65c3df;
}
.ui-draggable.ui-draggable-dragging a{
	color: #ffffff;
}
.ui-treetable-selectable-node.ui-state-highlight .ui-commandlink {
	color: #65c3df;
}
.ui-treetable-selectable-node.ui-state-hover {
	background-color: #65c3df;
	color: #ffffff;
}
.ui-treetable .ui-treetable-data tr.ui-state-hover,
.ui-treetable-data tr.ui-state-highlight {
    cursor: default; 
}
.ui-treetable-selectable-node.ui-state-hover a,
.ui-treetable-selectable-node.ui-state-highlight a{
	color: #ffffff !important;
}
.ui-treetable-selectable-node.ui-state-highlight {
	background-image: none;
	background-color: #65c3df;
	color: #ffffff;
}
.ui-treetable-data td {
	padding: 4px;
}

/**  Data List  **/
.ui-datalist-content {
    background-color: inherit;
    border: none;
    margin-left: 30px;
}

.ui-datalist-item a {
	color: #65c3df !important;
}

.ui-datalist-item {
    font-size: 12px !important;
    font-family: Montserrat-Medium;
    font-weight: normal;
}

/* button styles */
.ui-button {
	font-family: Montserrat-Medium;
	background-color: #eff6f6 !important;
	background-image: none;
	background: none;
	border: 1px solid #65c3df !important;
	color: #65c3df !important;
	text-transform: uppercase;
	border-radius: 0;
	width: auto;
	padding: 0 18px;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px !important;
}

.buttonenable:hover, button[type="button"]:hover, button[type="reset"]:hover,
	button[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
	input[type="button"]:hover {
	background-color: #65c3df !important;
	color: #eff6f6 !important;
}

.buttondisable ,.buttonenable:disabled, button[type="button"]:disabled, button[type="reset"]:disabled,
	button[type="submit"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled,
	input[type="button"]:disabled {
	font-family: Montserrat-Medium;
	background-color: #dddddd !important;
	color: #a0a0a0 !important;
	border: 1px solid #a0a0a0;
	background-image: none;
	text-transform: uppercase;
	height: 30px;
	border-radius: 0;
	padding: 0 18px;
	cursor: pointer;
	font-weight: normal;
}

input[type="radio"], input[type="checkbox"] {
	vertical-align: unset;
	margin-right: 5px;
}

/* component - toolbar */
.ui-toolbar {
	padding: 30px 30px;
	/* Needed to override richfaces style  */
	background: transparent;
	border: none;
}

.ui-toolbar td {
	padding: 0 10px 0 0;
	/* Needed to override richfaces style   */
	font-size: inherit;
	font-weight: normal;
	white-space: pre-wrap;
}

.ui-toolbar td:last-of-type {
	padding-right: 0;
}
.ui-toolbar td a {
	text-decoration: none;
}

.ui-toolbar td a:hover {
	text-decoration: underline;
}
.ui-toolbar td a.icon-small:hover {
	text-decoration: none;
}

/** Input Text **/
.inputText, .ui-column-filter.ui-inputtext {
	font-family: Montserrat-Light !important;
	font-weight: normal;
	color: #777777;
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 0;
	border: solid 1px #e0e7ee;
	box-sizing: border-box;
	font-size: 14px !important;
	height: 30px;
	line-height: 30px;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left !important;
/* 	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; */
	white-space: nowrap;
	width: 240px;
}

.inputText:disabled {
	background: #dddddd;
}

.inputText:focus {
	border-color: #88bfff;
}

.ui-column-filter.ui-inputtext {
	width: 100%;
}

.ui-column-filter.ui-inputtext:focus {
	border-color: #88bfff;
}

/** Text Area **/
.inputArea {
	font-family: Montserrat-Light !important;
	color: #777777;
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 0;
	border: solid 1px #e0e7ee;
	box-sizing: border-box;
	display: block; 
	font-size: 14px !important;
	height: 80px;
	line-height: 20px;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left !important;
/* 	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; */
	white-space: pre-wrap; 
}

.inputArea:disabled {
	background: #dddddd;
}

.inputArea:focus {
	border-color: #88bfff;
}

/** Select One Menu  **/
.ui-selectonemenu .ui-selectonemenu-label {
	width: 105%;
}
.ui-selectonemenu {
	height: 30px;
}
/** Select Many menu  **/
.ui-selectmanymenu {
	height: 150px !important;
}
.ui-selectlistbox-listcontainer {
	    height: 150px !important;
	    width: 240px !important;
}
/** Common Styles for select one/many **/
.ui-selectonemenu, .ui-selectmanymenu {
	font-family: Montserrat-Light !important;
	color: #777777;
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 0;
	border: solid 1px #e0e7ee;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	float: left;
	font-size: 14px !important;
	font-weight: normal;
	outline: none;
	position: relative;
	padding-left: 10px;
	padding-right: 18px;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
/* 	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; */
	white-space: nowrap;
	width: 240px !important;
}

.ui-selectonemenu.ui-state-focus , .ui-selectmanymenu.ui-state-focus{
	outline: none;
	border-color: #88bfff !important;
}

.ui-selectonemenu:hover, .ui-selectmanymenu:hover {
	border-color: #d0dae5;
}

.ui-selectonemenu:active, .ui-selectonemenu:focus, .ui-selectmanymenu:active, .ui-selectmanymenu:focus {
	border-color: #88bfff;
}

.ui-selectonemenu.disabled, .ui-selectmanymenu:disabled {
	border-color: #e7ecf2;
	color: #90a1b5;
	pointer-events: none;
}

.ui-selectonemenu-list-item, .ui-selectlistbox-item {
	font-family: Montserrat-Light !important;
	cursor: pointer;
	background-image: none !important;
	color: #777777;
	min-height: 30px;
	outline: none;
	cursor: pointer;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 30px;
    list-style: none;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
}

.ui-selectonemenu-list-item.ui-state-highlight , .ui-selectlistbox-item.ui-state-highlight {
	background-color: #65c3df;
	color: black;
}

.ui-selectonemenu-list-item.ui-state-hover , .ui-selectlistbox-item.ui-state-hover{
	background-color: #65c3df;
	color: #ffffff;
}

/**  Radio  **/ 
.ui-radiobutton .ui-radiobutton-box {
    width: 11px;
    height: 12px;
    line-height: 11px;
}

.ui-radiobutton-icon {
    margin-left: -3px;
    margin-top: -3px;
}

/** Checkbox   **/
.ui-selectbooleancheckbox {
    margin-right: 8px;
}
span.ui-chkbox-icon.ui-icon.ui-c.ui-icon-check {
    background-image: url(../../xhtml/images/ui-icons_333333_256x240.png);
}
/** Autocomplete **/
.ui-autocomplete-input {
	font-family: Montserrat-Light !important;
	color: #777777 !important;
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 0;
	border: solid 1px #e0e7ee;
	box-sizing: border-box;
	/* display: block; */
	font-size: 14px !important;
	height: 30px;
	line-height: 30px; 
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left !important;
/* 	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; */
	white-space: nowrap;
	width: 240px;
}

.autocomplete-input .ui-inputfield{
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: none; 
    -moz-border-radius: none;
    border-radius: none; 
}

/** Headers  **/
.ui-panel-titlebar, .ui-widget th.ui-state-default, .ui-datatable-header, .ui-dialog-titlebar, 
.ui-carousel-header, .ui-datatable-footer.ui-widget-header, .ui-picklist-caption, .ui-datagrid-header {
	font-family: Montserrat-Medium;
	font-weight: normal;
	background: none;
	text-shadow: none;
	background-color: #fc7b5e !important;
	border-right: solid 2px #dcdcdc;
	font-size: 14px;
	color: #ffffff;
}
/** Modal Panel **/
/* .ui-icon-closethick:hover {
	background-color: red;
} */
/** Details table **/
.detailsTableCell {
	position: relative;
	vertical-align: middle;
	padding: 7px 10px;
	font-size: 12px !important;
	font-family: Montserrat-Medium;
    font-weight: normal;
	color: #797979;
}
/**  Datatable **/
/* component - data table */
.ui-datatable {
	border-top: solid 2px #dcdcdc;
	border-left: solid 2px #dcdcdc;
	background-color: #FFF;
	empty-cells: show;
	border-collapse: collapse;
}

.ui-datatable-header {
	border-right: solid 2px #dcdcdc;
	border-bottom: solid 2px #dcdcdc;
	padding: 10px;
}

.rich-table-subheader {
	border-bottom: solid 2px #dcdcdc;
}

.columnHeader {
	display: block;
	padding: 10px 0;
}

.ui-datatable-footer {
	border-right: solid 2px #dcdcdc;
	border-bottom: solid 2px #dcdcdc;
}

/**.ui-datatable-data tr:last-of-type {
	border-bottom: 2px solid #dcdcdc
} */
.ui-datatable-tablewrapper.ui-widget-content.ui-state-active {
	border-right: solid 2px #dcdcdc;
}

.ui-datatable-tablewrapper.ui-widget-content .ui-state-hover {
	border-right: solid 2px #dcdcdc;
}

.ui-datatable tbody td {
	position: relative;
	vertical-align: middle;
	padding: 7px 10px;
	font-size: 12px !important;
	font-family: Montserrat-Medium;
	font-weight: normal;
}

.ui-datatable-even {
	background: #f1f1f1;
}

.ui-datatable-odd {
	background: #ffffff;
}

.gridcell:last-of-type {
	border-right: 2px solid #dcdcdc;
}

.ui-datatable-even:hover, .ui-datatable-odd:hover {
	background: #e8e8e8;
}
/**  Datagrid **/
.ui-datagrid-row td.ui-datagrid-column {
	vertical-align: top;
	height: 143px;
}
.ui-datagrid-row td.ui-datagrid-column div.ui-panel {
	height: 100%;
}
.permission-grid .ui-datagrid-row td.ui-datagrid-column {
    height: auto;
}
/** Datatable paginator **/
.ui-paginator {
	font-family: Montserrat-Medium;
	font-weight: normal;
	background: none;
	text-shadow: none;
	background-color: #fc7b5e;
	border-right: solid 2px #dcdcdc;
	font-size: 14px;
	color: #ffffff;
	white-space: nowrap;
}

.ui-paginator-page.ui-state-active {
	background-color: #65c3df;
}

.ui-paginator-first:hover , .ui-paginator-prev:hover , .ui-paginator-next:hover , .ui-paginator-last:hover {
	background-color: #65c3df;
}
.ui-paginator-page:hover {
	background-color: #65c3df;
	color: #ffffff;
}
.ui-paginator-rpp-label.ui-helper-hidden {
    display: inline;
    margin-left: 20px;
    margin-right: 0px; 
    float: none;
    color: #333333;
}

/** Tree **/
.ui-tree {
	width: auto;
	font-size: 14px !important;
}

.ui-treenode-icon {
	color: #65c3df;
	font-size: 16px;
}

.ui-tree .ui-state-highlight {
	background:#65c3df;
	color: #ffffff;
}
.ui-tree .ui-chkbox-box {
    cursor: pointer;
    width: 18px;
    height: 18px;
    float: left;
}
/** Pick List    **/
.ui-picklist .ui-picklist-list {
	width: 200px;
	height: 160px;
	text-align: left;
}
.ui-picklist .ui-picklist-buttons{
	height: auto;
}

.ui-picklist-buttons .ui-button-text {
	font-size: 11px;
	padding: .3em 0.3em .3em 1.5em;
}

.ui-picklist-buttons .ui-button {
	padding: 0 10px;
}

.ui-picklist-item {
	font-size: 12px;
	padding: 5px 10px !important;
	cursor: pointer;
	background-image: none !important;
	color: #777777;
	outline: none;
}

.ui-picklist-item.ui-state-highlight {
	background-color: #65c3df;
	color: black;
}

.ui-picklist-item.ui-state-hover {
	background-color: #65c3df;
	color: #ffffff;
}
.ui-picklist-item.ui-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* Carousel  */
.ui-carousel {
	max-width: 637px;
}

/**  Calendar  **/
.ui-calendar .ui-inputfield {
	font-family: Montserrat-Light !important;
	color: #777777;
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 0;
	border: solid 1px #e0e7ee;
	box-sizing: border-box;
	cursor: pointer;
	/* display: block; */
	font-size: 14px !important;
	height: 30px;
	line-height: 30px;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left !important;
	white-space: nowrap;
	width: 170px;
	position: relative;
}

.rich-calendar-button {
	right: 20px;
	top: 12px;
}

.rich-calendar-button span.fa-calendar {
	font-size: 20px;
}

.ui-icon-calendar {
    background-image: url(../../xhtml/images/calender.png) !important;
    background-position: center center !important;
    width: 32px;
    height: 32px;
    left: 0 !important;
    top: 0 !important;
    margin: -3px -3px !important;
}

.ui-datepicker-trigger.ui-button{
    background: transparent;
    box-shadow: none;
    padding: 0px;
    width: 30px !important;
}
.ui-calendar.ui-trigger-calendar{
	display: inline-flex;
}
.userInput .inputText{
	background-color: white !important;
}
/* Files breadcrumb */
.ui-breadcrumb {
	font-family: Montserrat-Medium;
	font-weight: normal;
	background: none;
	text-shadow: none;
	background-color: #fc7b5e !important;
	border-right: solid 2px #dcdcdc;
	font-size: 14px;
	color: #ffffff;
	display: block;
    overflow: hidden;
    margin-top: -40px ! important;
    height: 40px;
   
	
}
.ui-breadcrumb-chevron{
	margin-top:5px ! important;
}
.ui-breadcrumb ul li a.ui-icon-home {
    padding: 0;
    margin-top: 5px;
    margin-left: 5px;
    overflow: hidden;
}
.ui-breadcrumb ul li span {
     display: block; 
     overflow: hidden; 
     color: #ffffff ! important;
     text-shadow: none;
}
.ui-breadcrumb a{
	text-decoration:none ! important;
}
.userInput .inputText{
	background-color: white !important; 
}