/* 
	CSS classes for Dynamic Form Editor 
	-----------------------------------
*/


/*
	Panels 
	------
*/


/* Root panel */
.dfe-root-panel {
	width: 100% !important;
	border: none !important;
	padding: 4px 0px !important;
}


/* Panel inside root panel - west layout unit */
.dfe-panel-west {
	border: none !important;
}


/* Panel inside root panel - center layout unit */
.dfe-panel-center {
	border: none !important;
	position: relative !important;
}

/* Panel inside table header */
.dfe-table-header-panel {
	border: none !important;
	background-color: transparent !important;
	display: inline-block;
}
.dfe-table-header-input {
	border: none !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #E6F0D3 !important;	
	background-color: transparent !important;
}

.dfe-print-panel {
	border: none;
}

.dfe-navigation-menu-path {
	font-size: 85%;
	color: #838383;
}


/* Datatable */
.dfe-datatable {
	
}


/* Datatable - tableStyleClass */
.dfe-datatable-table {
	border: none !important;
}
.dfe-datatable-table tfoot {
	border: none !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #DDDDDD !important;
}
.dfe-datatable-table tfoot td {
	background-color: transparent !important;
	border: none !important;
}


/* Datatable - rowStyleClass */
.dfe-datatable-row {
	border: none !important;
}
.dfe-datatable-row tr, .dfe-datatable-row td {
	border: none !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #E6F0D3 !important;
}

/* Tab view */
.dfe-tabview {
	
}


/* Tab title */ 
.dfe-tab-title {
	/* border: none !important; */
}


/* Panel grid inside tab    
	--- removed --- width: 75% !important;
*/
.dfe-tab-panel {
	border-collapse: collapse;
	border: none !important;
	padding: 0.4em 0em !important;
	/* margin-bottom: 20px; */	
}


.dfe-tab-panel tr, .dfe-tab-panel td {
	border: none !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #E6F0D3 !important;
}


/* .dfe-tab-panel tr:last-child {
   border-bottom: none !important;
} */

/*
	Dynamic Form Builder 
	--------------------
*/


/* component output label */ 
.dfe-dfb-output-label {
	
}


/* DFB component attached validation error message */ 
.dfe-dfb-message {
	
}


/* DFB panel for grouping component body and validation message */
.dfe-dfb-panel, .dfe-dfb-panel tr {
	border: none !important;
/* 	width: 100%; */
}
.dfe-dfb-panel td {
	width: inherit;
	border: none !important;
}


.dfe-dfb-panel span.dfe-auto-complete-rw,
.dfe-dfb-panel .dfe-auto-complete-rw input {
	width: inherit;
}

#app:wizard:student_input .dfe-dfb-panel .dfe-auto-complete-rw input {
	width: 50% !important;
}

/*
	Components 
	----------
*/


/* DFE inputText */
.dfe-input-text-ro {
	opacity: 1.0;
	width: 250px !important;
	border: none !important;
	box-shadow: none !important;
}
.dfe-input-text-rw {
	width: 250px !important;
	box-shadow: none !important;
	border-style: solid;
	border-width: medium;
	background-color: #E6F0D3 !important;
}

/* DFE inputNumber */
.dfe-input-number-ro input {
	opacity: 1.0;
	width: 250px !important;
	border: none !important;
	box-shadow: none !important;
}
.dfe-input-number-rw input {
	width: 250px !important;
	box-shadow: none !important;
	border-style: solid;
	border-width: medium;
	background-color: #E6F0D3 !important;
}

/* DFE inputMask */
.dfe-input-mask-ro {
	opacity: 1.0;
	width: 250px !important;
	border: none !important;
	box-shadow: none !important;
}
.dfe-input-mask-rw {
	width: 250px !important;
	box-shadow: none !important;
	border-style: solid;
	border-width: medium;
	background-color: #E6F0D3 !important;
}


/* DFE password */
.dfe-password-ro {
	opacity: 1.0;
	width: 250px !important;
	border: none !important;
	box-shadow: none !important;
}
.dfe-password-rw {
	width: 250px !important;
	box-shadow: none !important;
	border-style: solid;
	border-width: medium;
	background-color: #E6F0D3 !important;
}
.dfe-password-panel {
	width: 100% !important;
}
.dfe-password-panel tr, .dfe-password-panel td {
	width: 100% !important;
	border: none !important;
	padding: 0px !important;
}


/* DFE selectOneMenu */
.dfe-select-one-menu-ro {
	border: none !important;
	pointer-events: none;
}

.dfe-select-one-menu-ro .ui-inputfield {
	background-color: #ffffff !important;
}

.dfe-select-one-menu-ro * {
	opacity: 1.0;
	box-shadow: none !important;
}
.dfe-select-one-menu-ro .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
	visibility: hidden !important;
}
.dfe-select-one-menu-rw * {
	background-color: #E6F0D3 !important;
}
.dfe-select-one-menu-panel-rw {
	font-size: 80%;
}
.dfe-select-one-menu-panel-rw ul {
	background-color: #E6F0D3 !important;
}
/* .dfe-select-one-menu-rw { */
/* 	width: 50% !important; */
/* } */
.dfe-select-one-menu-rw button {
	background-color: #E6F0D3 !important;
}

/* DFE selectManyMenu */
.dfe-select-many-menu-ro {
	opacity: 1.0;
	width: 100% !important;
	border: none !important;
	box-shadow: none !important;
}
.dfe-select-many-menu-rw {
	width: 100% !important;
	background-color: #E6F0D3 !important;
}
.dfe-select-many-menu-ro li {
	pointer-events: none;
}


/* DFE tree */
.dfe-tree-ro {
	opacity: 1.0;
	width: 100% !important;
	pointer-events: none;
	border: none;
}
.dfe-tree-rw {
	width: 100% !important;
	background-color: #E6F0D3 !important;
}
/* for p:tree that uses ".not-clickable" re-enable tree expanding although mouse events are disabled */
.ui-tree .ui-tree-toggler {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	pointer-events: auto;
}


/* DFE checkbox */
.dfe-checkbox-ro {
	opacity: 1.0;
	pointer-events: none;
}
.dfe-checkbox-rw {
	background-color: #E6F0D3 !important;
}


/* DFE datePicker */
.dfe-date-picker-ro * {
	width: 80% !important;
	opacity: 1.0 !important;
	border: none !important;
	box-shadow: none !important;
}

.dfe-date-picker-rw * {
	width: 80% !important;
	box-shadow: none !important;
	border-style: solid;
	border-width: medium;
	background-color: #E6F0D3 !important;
}

/* DFE autoComplete */
.dfe-auto-complete-ro {
	width: 50% !important;
}
.dfe-auto-complete-ro input {
	opacity: 1.0 !important;
	border: none !important;
	box-shadow: none !important;
	width: 100% !important;
}
span.dfe-auto-complete-ro {
	width: 100% !important;
}

.dfe-auto-complete-ro button {
	visibility: hidden !important;
}
.dfe-auto-complete-rw {
/*	width: 50% !important;*/
}
.dfe-auto-complete-rw input {
	box-shadow: none !important;
	background-color: #E6F0D3 !important;
}
.dfe-auto-complete-rw button {
	background-color: #E6F0D3 !important;
}
.dfe-auto-complete-panel-rw {
}
.dfe-auto-complete-panel-rw ul {
	background-color: #E6F0D3 !important;
	font-size: 80% !important;
}


/* DFE richHTMLEditor */
.dfe-rich-html-editor-ro {
	width: 100% !important;
}
.dfe-rich-html-editor-ro * {
/* 	opacity: 1.0; */
	border: none !important;
	box-shadow: none !important;
/* 	visibility: hidden !important; */
}
.dfe-rich-html-editor-ro iframe {
	opacity: 1.0;
	visibility: visible !important;
}
.dfe-rich-html-editor-rw {
	width: 100% !important;
}
.dfe-rich-html-editor-rw iframe {
	background-color: #E6F0D3 !important;
}


/* DFE pickList */
.dfe-pick-list-ro {						/* DOES NOT WORK!!! */
	opacity: 1.0;
	pointer-events: none;
	width: 100% !important;
	border: none !important;
	box-shadow: none !important;
}
.dfe-pick-list-rw {
	width: 100% !important;
	background-color: #E6F0D3 !important;		/* DOES NOT WORK!!! */
}


/* DFE fileUpload */
.dfe-file-upload-ro {						/* DOES NOT WORK!!! */
	opacity: 1.0;
	pointer-events: none;
	border: none !important;
	box-shadow: none !important;
}
.dfe-file-upload-rw {
	width: 100% !important;
	background-color: #E6F0D3 !important;		/* DOES NOT WORK!!! */
}

/* DFE inputTextArea */
.dfe-input-text-area-ro {
	opacity: 1.0;
	border: none !important;
	box-shadow: none !important;
	background-color: white !important;
}
.dfe-input-text-area-rw {
	box-shadow: none !important;
	border-style: solid;
	border-width: medium;
	background-color: #E6F0D3 !important;
}

/* Warning text */
.dfe-text-warning {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}


/* Remove color from field in panelgrid-cell */

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.dfe-select-one-menu-ro {
	background: #ffffff !important;
}

.ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.dfe-input-text-ro {
	background: #ffffff !important;
}

.dfe-detail-in-form {
	background: none;
	border: none;
}

.dfe-detail-in-form .ui-datatable-header {
	background: none;
	border: none;
}

.dfe-detail-in-form .ui-datatable thead th {
    padding: 1px 5px;
    background: #E6F0D3;
}

.dfe-detail-in-form .dfe-select-one-menu-rw {
	width: 50% !important;
}

.dfe-detail-in-form td {
	border: medium none !important;
}

.dfe-select-one-menu-rw label {
	width: initial !important;
}

.dfe-row-index {
	font-weight: bold;
}