/* * * PrimeFaces Aristo Theme* http://wijmo.com/* * Based on the Aristo theme concept created by 280 North and Pinvoke (https://github.com/280north/aristo).* */
/** jQuery UI CSS Framework @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Theming/API** To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=c4c4c4&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=a8a8a8&fcHeader=4f4f4f&iconColorHeader=898989&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=a8a8a8&fcContent=4f4f4f&iconColorContent=616161&bgColorDefault=c4c4c4&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=80&borderColorDefault=a8a8a8&fcDefault=4f4f4f&iconColorDefault=ffffff&bgColorHover=c4c4c4&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=80&borderColorHover=a8a8a8&fcHover=4f4f4f&iconColorHover=ffffff&bgColorActive=c4c4c4&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=4f4f4f&iconColorActive=ffffff&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=4f4f4f&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px*/

/* Component containers----------------------------------*/
.ui-widget {
	font-family: Verdana;
	font-size: 11px;
}
.ui-widget .ui-widget {
	font-size: 11px;
}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
	font-family: Verdana;
	font-size: 11px;
}

/* Interaction states----------------------------------*/

/* Interaction Cues----------------------------------*/

/* Icons----------------------------------*/ /* states and images */

/* positioning */

/* Misc visuals----------------------------------*/

/* Corner radius */

/* Overlays */

/*** Widget Extensions*/

/* PrimeFaces Extensions */

/**********************/
/***** CSL ADD ON *****/
/**********************/
/** MENUBAR **/
#csl_MenuBar .ui-menuitem-text {
	font-family: Verdana;
	font-size: 12px;
	font-weight: 400;
}
#csl_MenuBar .ui-menu.ui-menubar.ui-widget.ui-widget-content.ui-corner-all.ui-helper-clearfix {
	background: #FFFFFF;
	border: none;
	width: 100%;
}
/*#csl_MenuBar .ui-menuitem-link.ui-corner-all {
	width: 150px;
}*/
#csl_MenuBar .ui-widget-content.ui-menu-list.ui-corner-all.ui-helper-clearfix.ui-menu-child.ui-shadow {
	background: #c6e2ec;
	width: 150px;
}
#csl_MenuBar .ui-menuitem-link.ui-corner-all.ui-state-hover {
	background: #048AAF;
	color: #FFFFFF; 
}


/** INQUIRY SCREEN **/
#csl_Inquiry_1 .outputText, #csl_Inquiry_2 .outputText {
	color: #444444;					/* $Color 17 */
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	width: 100px;
	height: 20px;
	background-color: transparent;
	box-sizing: border-box;
	display: block;
	border-right: 1px solid #FFFFFF;
}
#csl_Inquiry_1 .inputText, #csl_Inquiry_2 .inputText {
	background-color: #c6e2ec;		/* $Color 6  */
	color: #444444;					/* $Color 17 */
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	width: 120px;
	height: 13px;
}
#csl_Inquiry_1 .inputTextRefresh, #csl_Inquiry_2 .inputTextRefresh {
	background-color: #FF7D2F !important;		
	color: #444444;					/* $Color 17 */
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	height: 13px;
	width: 120px;
}
#csl_Inquiry_1 .selectOneMenu, #csl_Inquiry_2 .selectOneMenu {
	color: #444444;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	height: 21px;
	width: 128px !important;
}
#csl_Inquiry_1 .selectOneMenuRefresh, #csl_Inquiry_2 .selectOneMenuRefresh {
	background: #FF7D2F !important;
	color: 444444 !important;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	height: 21px;
	width: 128px !important;
}
#csl_Inquiry_1 .calendar input, #csl_Inquiry_2 .calendar input {
	color: #444444;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	width: 120px !important;
	height: 13px !important;	
}
#csl_Inquiry_1 .calendarRefresh input, #csl_Inquiry_2 .calendarRefresh input {
	background-color: #FF7D2F !important;
	color: #444444;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	width: 120px !important;
	height: 13px !important;	
}


/** TITLEBAR **/
.pagetitle {
	color: #048AAF;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}
.graphicImage {
	text-align: center; 
	width : 14px; 
	height : 14px;
}
.user {
	font-family: Verdana;
	font-size: 11px;
	font-weight: 400;
	height: 17px;
	text-align: center;
	color: #004080;
	width: 200px;
}
.environment {
	color: red;
	font-weight: 600;
	font-family: Verdana;
	font-size: 11px;
}



/** COMMANDBUTTON **/
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.commandButton {
	background: #048AAF; 		/* $Color 18 */
	color: #FFFFFF; /* $Color 14 */
	font-size: 11px;
	font-weight: 400;
	height: 27px;
	font-family: Verdana;
	width: 80px;
	text-shadow: none;
}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.commandPromptButton {
	font-size: 11px;
	font-weight: 400;
	height: 27px;
	font-family: Verdana;
	width: 80px;
	text-shadow: none;
}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.iconCommandButton {
	background: #048AAF; 		/* $Color 18 */
  	height: 27px;
	width: 27px;
}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.icon_populate_pref {
	background: #FF7D2F; 		/* $Color 18 */
  	height: 27px;
	width: 27px;
}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.smallIcon {
	background: #048AAF; 		/* $Color 18 */
  	height: 17px;
	width: 17px;
}
.ui-button-icon-left.ui-icon.ui-c {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.commandButtonSp{
	background: red; 		/* $Color 18 */
	color: white; /* $Color 14 */
	font-size: 11px;
	font-weight: 400;
	height: 27px;
	font-family: Verdana;
	width: 80px;
	text-shadow: none;
}


/** INPUTTEXT **/
.filter {
	color : #444444;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	height: 17px;
}
.filterInputText {
	background: #c6e2ec;
	color: #444444;					/* $Color 17 */
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
}
.inputText {
	background-color: #c6e2ec;		/* $Color 6  */
	color: #444444;					/* $Color 17 */
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	width: 150px;
	height: 13px;
}
.inputTextRefresh {
	background-color: #FF7D2F !important;		
	color: #444444;					/* $Color 17 */
	font-size: 11px;
	font-family: Verdana;
	height: 13px;
	width: 150px;
	font-weight: 400
}
.inputText_disable {
	background-color: #e3e6e8 !important;		/* $Color 6  */
	color: #444444;					/* $Color 17 */
	font-size: 11px;
	font-family: Verdana;
	width: 150px;
	height: 13px;
	font-weight: 400
}


/** INPUTTEXTAREA **/
.inputTextarea {
	font-family: Verdana;
	border: 1px solid #7A7A7A;	
	background-color: #c6e2ec;	
	color: #444444;				
	font-size: 11px;
	padding-left: 3px;
	width: 150px;
	text-shadow: none;
}


/** SELECTONEMENU **/
/** To remove the horizontal scrollbar **/
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
	overflow: auto;
	padding-right: 10px;
	max-width: 800px

}
/** Label **/
.ui-selectonemenu .ui-selectonemenu-label {
    background: #c6e2ec !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list {
    background: #c6e2ec !important;
}
/** Selectitem selected **/
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-state-highlight {
    background:#048AAF !important;  
    text-shadow: none;
    color: #444444; 
    width: 100%;
    max-width: 800px
}
.selectOneMenuRefresh .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-state-highlight {
    background: #444444 !important;  
    text-shadow: none;
    color: #444444; 
    width: 100%;
    max-width: 800px
}
/** Selectitem hover **/
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-state-hover {
	width: 100%;
	max-width: 800px
}
.selectOneMenu {
	color: #444444;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	height: 21px;
	width: 158px !important;
}
.selectOneMenuRefresh .ui-selectonemenu-label {
    background: #FF7D2F !important;
}
.panels .ui-selectonemenu-list { 
    background: #FF7D2F !important;
}
.selectOneMenuRefresh .ui-selectonemenu-item {
    background-color: #048AAF !important;
}
.selectOneMenuRefresh {
	background :#FF7D2F  !important;
	color: 444444 !important;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	height: 21px;
	width: 158px !important;
}
/** Label covering the SelectOneMenu **/
.ui-selectonemenu-label{
	width:100% !important;
}
.ui-selectonemenu-panel {
	background-color: #c6e2ec;
}
.panels .ui-selectonemenu-panel {
	background-color: #FF7D2F !important;
}
.panels .ui-selectonemenu-items-wrapper {
	background-color: #FF7D2F !important;
}
/** Filter on SelectOneMenu **/
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
	background: #c6e2ec !important;
	padding-right: 15px
}
.panels .ui-selectonemenu-filter-container {
	background: #FF7D2F !important;
	padding-right: 15px
}
.ui-selectonemenu-panel .ui-selectonemenu-filter {
	background: #c6e2ec !important;
	padding-right: 25px
}
.panels .ui-selectonemenu-filter {
	background: #FF7D2F !important;
	padding-right: 25px
}
.panels {
	background-color: #FF7D2F !important;
}


/** CALENDAR INPUTTEXT **/
.ui-inputfield.ui-widget.ui-state-default {
  background-color: #c6e2ec;
  font-weight: 400;
}
.calendar input {
	color: #444444;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	width: 150px !important;
	height: 13px !important;
}
.calendarRefresh input {
	background-color: #FF7D2F !important;
	color: #444444;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	width: 150px !important;
	height: 13px !important;
}


/** DATATABLE **/
.dataTable {
	 border: 0; 
	 cellpadding: 2; 
	 cellspacing: 0;
}
.ui-datatable tbody td.wrap {
	white-space: normal !important;
}


/** SELECTBOOLEANCHECKBOX **/
.selectBooleanCheckbox {
	height: 23px;
	width: 23px;
}


/** FLAG **/
.flag_image{
	width : 14px; 
	height : 14px;
}


/** PANEL **/
.ui-panel .ui-panel-content {
    padding: 0;
}
.ui-panel {
	border: 0;
}

/** OUTPUTTEXT **/
.outputText_Clear {
	font-family: Verdana;
	color: #444444;
	font-size: 11px;
	font-weight: 400;
	height: 17px;
}
.displayText {
	background-color: white;		/* $Color 6  */
	color: #444444;					/* $Color 17 */
	font-size: 11px;
	padding-left: 3px;;
	font-family: Verdana;
	width: 700px;
	height: 17px;
	font-weight: 400;
	border-style: solid;
	border-width: 1px;
	border-color: white
}
.outputText {
	color: #444444;					/* $Color 17 */
	font-size: 11px;
	font-family: Verdana;
	font-weight: 400;
	width: 160px;
	height: 20px;
	background-color: transparent;
	box-sizing: border-box;
	display: block;
	/*border-width: 1px;
	border-color: red;*/
}
.prompt {
	font-size: 11px;
	color: blue;
	font-family: Verdana;
	font-weight: 400;
	background-color: #b0e0b0
}
.outputGridHeaderText {
	box-sizing: border-box;
	display: block;
	font-family: Verdana;
	color: #444444;
	font-size: 11px;
	font-weight: 400;
	background-color: transparent;
	height: 17px;
}
.outputGridText {
	font-family: Verdana;
	color: #444444;
	font-size: 11px;
	font-weight: 400;
	background-color: transparent;
	height: 17px;
}
.message {
	font-size: 11px;
	color: #de5c5c;
	font-family: Verdana;
	font-weight: 400
}
.hmessage {
	border: 1;
	font-size : 11px;
	font-family: Verdana;
	font-weight: 400;
	box-sizing: border-box;
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
	font-size: 11px;
}
.outputLinkEx {
	color: #999999;					/* $Color 9  */
	text-decoration: none;
}
.inform {
	font-size: 11px;
	color: #ff8040;
	font-family: Verdana;
	font-weight: 400;
	width: 400px;
	height: 17px
}
.jsp_file_name_report {
	font-family: Verdana;
	font-weight: 100;
	font-size: 9px;
	text-align: right
}
.pagesubtitle {
	color: gray;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	
}
.messageText {
	font-family: Verdana;
	color: red;
	font-size: 11px;
	font-weight: 400;
	height: 17px;
	width: 800px;
	border-style: solid;
	border-width: thin;
	border-color: white;
	text-align: left;
	vertical-align: top
}
.userid {
	color: silver;
	font-family: Verdana;
	font-weight: 100;
	font-size: 11px;
	text-align: right
}


/** FILEUPLOAD **/
.fileupload {
	border: 1px solid #7A7A7A;		/* $Color 18 */
	background-color: #F5F5F8;		/* $Color 6  */
	font-size: 11px;;
	font-family: Verdana;
	color: #000000;					/* $Color 17 */
	padding-left: 3px;
	width: 700px;
}