/* Toggle page */
.toggle-page { display: none; }
.toggle-page.show { display: block; }

/* App Form */
.ui-app-form.mode-create .hide-on-create, .ui-app-form.mode-update .hide-on-update { display: none; }

/* Autocomplete */
.ui-autocomplete { padding: 0; }
.ui-autocomplete .ui-menu-item a.ui-state-focus { background-image: none; background-color: #eee; border: 0 none; margin: 0; color: #333; }
.ui-autocomplete-loading { background: white url(../../../images/icon_loading.gif) 98% center no-repeat; }

/* Date picker */
.ui-corner-all { border-radius: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #036; }
.ui-widget { margin-top: -1px; border-color: #ccc; background-color: #fff; background-image: none; font-size: inherit; font-family: inherit; }
.ui-datepicker .ui-state-hover { background: transparent none; border-color: #ccc; }
.ui-widget-header { background-image: none; background-color: #999; border: 0 none; }
.ui-widget-header .ui-state-hover { background: #000 none; border-color: transparent; }
.ui-widget-header .ui-state-hover .ui-icon { background-image: url(../../../libraries/jquery/images/ui-icons_ffffff_256x240.png); }
/*.ui-datepicker.ui-widget { z-index: 888 !important; }*/
.ui-datepicker .ui-datepicker-title { line-height: 20px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 0; }
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { right: 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover { left: 0; }
.ui-datepicker table thead th { text-transform: uppercase; font-size: 0.8em; padding: 0.3em; }
.ui-datepicker-calendar .ui-state-default { background-color: transparent; background-image: none; }
.ui-datepicker-calendar .ui-state-highlight { background-color: #eee; border-color: #ddd; } /* today */
.ui-datepicker-calendar .ui-state-active { background-color: #c00; border-color: #c00; color: #fff; } /* selected */
.ui-datepicker-calendar .ui-state-hover { background-color: #c00; border-color: #c00; color: #fff; } /* hover */
.ui-datepicker.month-picker .ui-datepicker-calendar { display: none; }
.ui-datepicker .ui-datepicker-title option { color: #333; }
.ui-datepicker.month-picker .ui-datepicker-prev, .ui-datepicker.month-picker .ui-datepicker-next { height: 100%; }

/* CKEditor */
/* rule-based override */
body .cke_chrome,body .cke_top,body .cke_toolgroup,body .cke_combo_button,body .cke_bottom,body .cke_dialog_body .cke_dialog_title,body .cke_dialog_body .cke_dialog_footer{background:0;border:0;box-shadow:none;filter:none}
body a.cke_button_off:hover,body a.cke_button_off:focus,body a.cke_button_off:active,body a.cke_button_disabled:hover,body a.cke_button_disabled:focus,body a.cke_button_disabled:active{background-color:transparent;background-image:none;filter:none;}
body .cke_combo_off a.cke_combo_button:hover,body .cke_combo_off a.cke_combo_button:focus{background-color:transparent;background-image:none;filter:none}
body .cke_combo_off a.cke_combo_button:active,body .cke_combo_on a.cke_combo_button{border:0 none;background-color:transparent;background-image:none;filter:none}
body .cke_button_on{background-color:transparent;background-image:none;box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 0 0 rgba(0,0,0,.2);filter:none}
/* additionals */
body .cke_chrome { border: 1px solid #b6b6b6; }
body .cke_top { border-bottom :1px solid #ccc; }
body .cke_bottom { border-top:1px solid #ccc; }
body a.cke_button,body .cke_combo a.cke_combo_button,body .cke_combo_off a.cke_combo_button:active{ border:1px solid transparent; }
body a.cke_button:hover,body .cke_combo:hover .cke_combo_button{ border-color:#ccc; }
body a.cke_dialog_tab, body a.cke_dialog_tab:hover { background-image: none; }
body a.cke_dialog_tab_selected:hover { background-color: #fff; }
body a.cke_dialog_ui_button, body a.cke_dialog_ui_button:hover { background-image: none; box-shadow: none; }
body a.cke_dialog_ui_button span { text-shadow: none; }
body a.cke_dialog_ui_button_ok:hover { background-color: #88be14; }

/* Ajax Upload File */
.ui-ajax-upload-file { height: 10px; margin-top: 5px; }
.ui-ajax-upload-file .ajax-upload-file-frame { width: 100%; height: 100%; }
.upload-file-control .ajax__fileupload { border: 0 none; padding: 0; }
.upload-file-control .ajax__fileupload_topFileStatus { color: #999; }
.upload-file-control .ajax__fileupload_queueContainer { padding-bottom: 2px; margin-bottom: 4px; border-color: #ddd; background-color: #fff; }
.upload-file-control .ajax__fileupload_fileItemInfo .pendingState { color: #666; }
.upload-file-control .ajax__fileupload_fileItemInfo .pendingState .uploadstatus { color: #ccc; display: none; }
.upload-file-control .ajax__fileupload_fileItemInfo { height: auto; overflow: visible; min-height: 24px; }
.upload-file-control .ajax__fileupload_fileItemInfo .filename { font-weight: normal; }
.upload-file-control .ajax__fileupload_fileItemInfo .filetype { display: none; }
.upload-file-control .ajax__fileupload_fileItemInfo .uploadedState { color: #9a8; }
.upload-file-control .ajax__fileupload_fileItemInfo div.removeButton,
	.upload-file-control .ajax__fileupload_uploadbutton,
	.upload-file-control .ajax__fileupload_selectFileButton,
	.upload-file-control .ajax__fileupload_selectFileButton:hover,
	.upload-file-control .ajax_fileupload_cancelbutton { background-color: #f0f0f0; border-radius: 4px; color: #666; font-weight: normal; font-size: 13px; line-height: 24px; }
.upload-file-control .ajax__fileupload_fileItemInfo div.removeButton,
	.upload-file-control .ajax__fileupload_uploadbutton { padding-left: 10px; padding-right: 10px; width: auto; height: auto; }
.upload-file-control .ajax__fileupload_selectFileButton { position: fixed; }
.upload-file-control .ajax__fileupload_uploadbutton { display: none; }
.upload-file-control .ajax__fileupload_footer { min-height: 24px; padding-right: 5px; margin-top: 0; }
.upload-file-control .ajax__fileupload_footer { display: none; }
.upload-file-control.uploading .ajax__fileupload_footer { display: block; }
.upload-file-control.hide-select .ajax__fileupload_selectFileContainer, .upload-file-control.hide-select .ajax__fileupload_topFileStatus { display: none; }
.upload-file-control.hide-select .ajax__fileupload_queueContainer { margin-top: 0 !important; }
body.path-uploadfile { background-color: transparent; }

/* Commentary */
.upload-file-control.comment-upload .ajax__fileupload_fileItemInfo div.removeButton,
	.upload-file-control.comment-upload .ajax__fileupload_uploadbutton,
	.upload-file-control.comment-upload .ajax__fileupload_selectFileButton,
	.upload-file-control.comment-upload .ajax__fileupload_selectFileButton:hover,
	.upload-file-control.comment-upload .ajax_fileupload_cancelbutton { background-color: rgba(0,0,0,0.5); color: #fff; }

/* Search Page */

/*.ui-search-page.search-loading .loading, .ui-search-page.pagination-loading .loading { display: block; }*/
.ui-search-page .loading .modal-dialog { top: 50%; margin-top: -31px; left: 50%; margin-left: -150px; width: 300px; height: 62px; }
.ui-search-page .loading .modal-content { }
.ui-search-page .no-result, .ui-search-page.search-completed.has-result .no-result { display: none; }
.ui-search-page.search-completed .no-result { display: block; }
.ui-search-page .result-items { display: none; }
.ui-search-page .list .result-item { cursor: pointer; }
.ui-search-page .pagination-container { display: none; }
.has-result .pagination-container { display: block; }
.ui-search-page.has-result .result-items { display: block; }
.ui-search-page .message.loading, .ui-search-page .message.no-result { text-align: center; }

.ui-search-page table td { border-bottom: 0 none; }
.ui-search-page table .result-item th { border-bottom: 0 none; color: #ccc; }
.ui-search-page table tr.result-item td, .ui-search-page table .result-item tr.last-child td { border-bottom: 1px solid #ccc; }

.ui-radio-button { border: 1px solid #ddd; border-radius: 5px; cursor: pointer; padding: 10px; margin: 2px 0; }
.ui-radio-button .ui-radio-button-input { display: none; }
.ui-radio-button:hover { background-color: #eee; }
.ui-radio-button.radio-button-selected { border-color: #999; font-weight: bold; }

.ui-transform-dropdown-container .ui-transform-dropdown { display: none; }
.ui-transform-dropdown-container .dropdown-item { border: 1px solid #ddd; border-radius: 5px; cursor: pointer; padding: 10px; margin: 2px 0; }
.ui-transform-dropdown-container .dropdown-item:hover { background-color: #eee; }
.ui-transform-dropdown-container .dropdown-item.dropdown-item-selected { border-color: #999; font-weight: bold; }

.pagination { margin: 20px 0; border-radius: 10px; overflow: hidden; }
.pagination > li > a, .pagination > li > span, .pagination > li.disabled > span { float: left; padding: 7px 15px; line-height: 20px; text-decoration: none; color: #FFF; background-color: #ccc; border: 1px solid transparent; border-left-width: 0; margin-right: 1px; margin-left: 0; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span { background-color: #999; color: #fff; border-color: transparent; }
.pagination > .active > a, .pagination > .active > span { color: #FFF; cursor: default; }
.pagination > .active > a:hover { background-color: #666; border-color: transparent; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-left-width: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.pagination > li:last-child > a, .pagination > li:last-child > span { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.pagination > li.template { display: none; }
.pagination .prev, .pagination .next { display: none; }
.has-prev .prev, .has-next .next { display: inline; }
.result .result-item { display: none; } /* default hide unless item is in the right page */
.pagination > .pagination-loading > a, .pagination > .pagination-loading > a:hover { background-color: #fff; color: #000; }
.pagination-container.pages-0, .pagination-container.pages-1 { display: none; }

/* Scroller scheme */
/*.cscroller { overflow: auto; }
.cscroller-h { overflow-x: auto; overflow-y: hidden; }
.cscroller-h > *, .cscroller-h .jspPane > * { display: inline-block; vertical-align: middle; }
 .cscroller-h, .cscroller-h .jspPane { white-space: nowrap; }
.cscroller-h > *, .cscroller-h .jspPane > * { white-space: normal; }
.cscroller-v { overflow-x: hidden; overflow-y: auto; }*/
/* Webkit scrollbar styles */
.cscroller::-webkit-scrollbar { width: 8px; height: 8px; }
.cscroller::-webkit-scrollbar-track { background-color: transparent; }
.cscroller::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.1); border-radius: 4px; }
.cscroller::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,0.3); }
.cscroller::-webkit-scrollbar-button,
	.cscroller::-webkit-scrollbar-corner { display: none; }
/* For non-webkit browsers, set jScrollPane styles. Firefox bug, do not group rules with ::-webkit-* or rules will not apply to Firefox since it doesn't understand ::-webkit-* */
/*.cscroller .jspHorizontalBar,
	.cscroller .jspVerticalBar { background-color: transparent; }
.cscroller .jspHorizontalBar { height: 8px; }
.cscroller .jspVerticalBar { width: 8px; }
.cscroller-h .jspVerticalBar,
	.cscroller-v .jspHorizontalBar { display: none; } / * Hide unnecessary scroll bar * /
.cscroller .jspTrack { background-color: transparent; }
.cscroller .jspDrag { background-color: rgba(0,0,0,0.1); border-radius: 4px; }
.cscroller .jspDrag:hover { background-color: rgba(0,0,0,0.3); }*/

@media print 
{
	.ui-app-form .cke_chrome { display: none !important; }
}