/* Styling for generic skinned components - inputs, jsf components etc */
@font-face { font-family: 'besom'; src: url('besom-free-font-webfont.eot'); src: url('besom-free-font-webfont.eot?#iefix') format('embedded-opentype'), url('besom-free-font-webfont.woff2') format('woff2'), url('besom-free-font-webfont.woff') format('woff'), url('besom-free-font-webfont.ttf') format('truetype'), url('besom-free-font-webfont.svg#besom_2regular') format('svg'); font-weight: normal; font-style: normal; } /* Licence: 6E6FA10F-67984CF8-BCABDD47-8FA713CD */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

h1, h2, h3, h4, p, li  { line-height: 1.5 }
em { font-style: italic; }
ol { list-style: decimal;}

div.spacer {  height: 5px; width: 100%;}
div.spacer2 {  height: 10px; width: 100%;}

table td {  white-space: normal !important }

.error textarea { border: 1px solid red; padding: 0.1rem 0rem 0.2rem 0.1rem}
.error input { border: 1px solid red; padding: 0.1rem 0rem 0.2rem 0.1rem; margin-right: 2px;}
.error, .required { color: red }
.warn { color: #f47a20; }
.error { padding: 3px 5px 0px 0px; font-size: 0.8rem }
.errors { color: red; vertical-align: middle;  }
.breakontonewline { clear: both; }
input.inputErrors, select.inputErrors, .inputErrors input { border: 1px solid red !important; }
.required { padding-left: 2px; }
.clear { clear:both; }

.valign { position: relative; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */ transform: translateY(-50%); height: auto; }

a:hover { cursor: pointer; }

.input, .output { float: left; padding: 5px; }
.output { padding-top: 8px; }
input:disabled, input[readonly] { background: #dddddd !important}

.timeoutactionbutton { margin: 0px 5px; }


/* CK Editor */
.main .cke_skin_kama .cke_toolgroup{ background-image: none; }
.main .cke_skin_kama .cke_rcombo a,.cke_skin_kama .cke_rcombo a:active,.cke_skin_kama .cke_rcombo a:hover {  border: none; padding: 0px !important; margin-top: 2px;  }
.main .cke_skin_kama .cke_rcombo a:hover {  border: none; box-shadow: 1px 1px 1px #bbbbbb  }
.main .cke_skin_kama .cke_rcombo .cke_off a:hover .cke_openbutton,.cke_skin_kama .cke_rcombo .cke_off a:focus .cke_openbutton,.cke_skin_kama .cke_rcombo .cke_off a:active .cke_openbutton,.cke_skin_kama .cke_rcombo .cke_on .cke_openbutton{border-color: inherit ;background-color: inherit; }
.cke_editor td { border: none !important; }

/* Colour picker composite component */
.colourpicker .currentcolour { width: 20px; height: 20px; margin: 8px 5px 0px 5px; float: left; z-index: 1000; border: 1px solid #cccccc}
.colourpicker .prompt {font-size: 9pt; margin: 8px 5px 0px 0px; float: left; }


/* PrimeFaces skinning */
.ui-colorpicker_field input[type="text"], .ui-colorpicker_hex input[type="text"] { background: none; border: none; color: white; width: 27px; margin-top: 1px;  font-size: 8pt !important; min-width: 15px !important; }
.ui-colorpicker.ui-inputfield { padding: 3px }
.clr-picker button { background: #666 !important }

.hasDatepicker { border-radius: 0px !important; }
.calendarInput .ui-state-disabled { box-shadow: none; }

body textarea, body input[type="text"], body input[type="password"], body select, body .ui-selectonemenu { font-size: 14px; width: 230px } 
body .ui-picklist-list .ui-picklist-item { font-size: 9pt; padding: 3px 5px 0px 5px !important; margin: 0px !important; }
body .ui-picklist-filter-container { margin-bottom: 2px !important; height: 20px; margin-top: 8px !important}
body .ui-picklist-filter-container .ui-icon-search { padding: 0px !important; margin: -3px 0px 0px 0px !important; }
body .ui-picklist .ui-picklist-caption { padding-bottom: 5px }
body .ui-picklist .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { margin-left: -6px; font-size: 9pt }

body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { padding: 3px; font-size: 9pt }


.ui-password-icon { font-size: 12pt; }
.ui-fileupload { max-width: 100% }
.ui-picklist-target .ui-picklist-item { font-weight: bold !important; }

.ui-dialog { z-index: 10000 !important; } /* position: absolute !important; top: 40% !important; left: 50% !important } */
.ui-dialog .ui-dialog-content { padding: 10px }
.ui-dialog .ui-dialog-title { font-size: 1.0rem; padding: 10px }
.ui-datepicker { z-index: 200000 !important; }

.ui-fileupload-buttonbar { font-size: 0.8rem}

.ui-fileupload-content table { width: 100%; }
.ui-fileupload-content td { vertical-align: middle; padding: 10px !important;  max-width: 155px; overflow:hidden;  }
.ui-fileupload-progress .ui-progressbar { width: 50px; border-radius: 5px }

.ui-datatable { width: 100%}
.ui-datatable table { table-layout: auto; }
.ui-datatable td, .ui-datatable th { font-size: 11px; padding: 4px 10px ; }
.ui-datatable a { color: #0078D0 }
.ui-datatable-even:hover, .ui-datatable-odd:hover  { background: #fbf8cd !important }
.ui-menu a { color: inherit; }

.ui-tabs-top li:hover {  box-shadow: none; background: linear-gradient(#eeeeee, #aaaaaa);
}

.ui-growl { z-index: 100000 !important;}
#growl_container .ui-growl-image-error { background:url('/images/icons/growl-error-large.png') no-repeat !important}
.ui-growl-icon-close { background: white; background-image:url('/images/icons/cross.png') no-repeat !important; padding: 3px }
#growl_container .ui-icon-closethick { background-image:url('/images/icons/cross.png') !important; background-position: -2px -2px;  }

.cke_dialog input { width: auto !important; background: none !important;}

.hasdownchevron, .hasrightchevron { position: relative; padding-right: 30px !important;}
.hasdownchevron:after, .hasrightchevron:after { content: ""; position: absolute; top: 11px; right: 10px; display: block; border-style: solid; border-width: 2px 2px 0 0; transform: rotate(45deg); height: 8px; width: 8px; }
.hasdownchevron:after { transform: rotate(135deg); }
.hasupchevron:after { transform: rotate(315deg); top: 15px}
.flatbutton.hasdownchevron:after, .flatbutton.hasrightchevron:after { top: 15px }

.versiontable { margin: 5px auto 0px auto}
.versiontable tr { font-size: 1.0rem }
.versiontable tr:first-child { font-weight: bold; font-size: 1.0rem }
.versiontable tr td { padding: 3px }