/* remove padding and scrolling from elements that contain an Accordion OR a content-div */ .ui-layout-center , /* has content-div */ .ui-layout-west , /* has Accordion */ .ui-layout-east , /* has content-div ... */ .ui-layout-east .ui-layout-content { /* content-div has Accordion */ padding: 0; overflow: hidden; } .ui-layout-center P.ui-layout-content { line-height: 1.0em; margin: 0; /* remove top/bottom margins from

used as content-div */ } h3, h4 { /* Headers & Footer in Center & East panes */ font-size: 0.9em; background: #EEF; border: 1px solid #BBB; border-width: 0 0 1px; padding: 7px 5px; margin: 0; } .ui-layout-east h4 { /* Footer in East-pane */ font-size: 0.5em; font-weight: normal; border-width: 1px 0 0; } /* format the text inside the toggler */ .ui-layout-toggler.content { font-size: 12px; /* IMPORTANT: default = 1px */ font-weight: bold; text-align: center; } .ui-accordion-header { padding: 0.8em 0.5em 0.8em 0.5em!important; /* καθοριζω το υψος το accordion στο menu */ } .ui-accordion-header-icon { display: none; } /* neutralize pane formatting BEFORE loading UI Theme */ .ui-layout-pane , .ui-layout-content { background: none; border: 0; padding: 0; overflow: visible; } /** ------------------------------------------------------------------------------ **/ /** * ALL CSS below is only for cosmetic and demo purposes * Nothing here affects the appearance of the layout */ body { font-family: Arial, sans-serif; font-size: 0.75em!important; /*0.7em */ } p { margin: 0.5em 0; } /* * Rules below are for simulated drop-down/pop-up lists */ /* body { background-color: #fff; }*/ .container { background-color:#333; } .container div p { background-color:#fff;color:black } div p { border:1px solid #333; padding:4px; } h2 { color:#fff; } /* Notes in center-pane of Tab1 */ #innerTabs.ui-layout-center { padding: 0; } #innerTabs > DIV:first-child {} /* header-title */ #innerTabs > UL { /* tab-buttons - header */ font-size: 0.85em; /* /* background : grey; */ */ color: red!important; padding :1px!important; display: inline-block; } #innerTabs ul li a { /* tab-buttons - link */ text-transform:none!important; } #innerTabs .ui-widget-content {} /* tab-panels-wrapper - content-pane */ #innerTabs > DIV {} /* tab-content wrappers: #simpleTab1, #simpleTab2, etc. */ #innerTabs2 ul { /* tab-buttons - header */ /* background : grey; */ padding :4px!important; } #tabs-west > DIV:first-child {} /* header-title */ #tabs-west .ui-widget-content {} /* tab-panels-wrapper - content-pane */ #tabs-west > ul { /* tab-buttons - header */ /* background : orangered; */ padding :0px!important; margin : 0px!important; border-radius: 0; /* override UI theme */ -moz-border-radius: 0; -webkit-border-radius: 0; text-transform: none; } /* * Accordions */ .accordion , .accordian1{ /* Accordion containers */ height: 100%; } /* * Can't pad #tabpanels .tab-panel containers because have width/height = 100% * so must pad outer-edges of inner-panes instead to get nice whitespace */ .tab-panel .ui-layout-west { padding-left: 10px; } /* same as west__spacing_closed */ .tab-panel .ui-layout-east { padding-right: 10px; } /* same as east__spacing_closed */ /* * Every inner-layout is made up of header, content and footer panels */ .ui-widget-header { padding: 4px 1em; } .ui-widget-footer { font-size: .85em; font-weight: normal !important; } .ui-widget-header { border: 0; color: #FFF; font-size: .85em; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .ui-widget-footer { /* NOTE: no such class, so footer ALSO has: ui-widget-header */ border: 0; color: #FFF; letter-spacing: normal; text-transform: none; text-align: center; padding: 3px 1ex 4px; } .ui-widget-content { /* padding & overflow were already set above under 'Generic Layout Styles' */ border: 0; background: #F9F9F9; color: #000; /* background-image: url('/img/bg.jpg'); */ } .ui-accordion-content { padding: 0.3em 0.3em!important; background: lightyellow!important; // το background απο το accordion } .ui-tabs-anchor { text-transform:none; } /* accordion1 */ .accordMenu ul li a { /* tab-buttons - link */ } ul.ui-autocomplete { background: lightyellow!important; // το background απο το accordion color: black!important; } .ui-autocomplete li.ui-menu-item { color: black!important; } .ui-autocomplete .ui-menu-item a { border:none; color: black!important; } .ui-autocomplete li.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ color: black!important; background: lightgrey; background-image:none } /* Spinner ----------------------------------*/ .ui-spinner {position: relative; border: 0px solid white; } .ui-spinner-buttons {position: absolute} .ui-spinner-button {overflow: hidden} .ui-icon { width: 16px; height: 16px; } .ui-layout-north { border-width: 0 0 1px; overflow: hidden; } .ui-layout-center { border-width: 1px 0 0; padding: 0; overflow: hidden; } .ui-layout-center .ui-widget-content { padding: 0px 0px;/*10px 15px;*/ overflow: auto; } H4 , H5 { padding: 10px 15px; margin: 0; } .pure-form legend {width:80%} .pure-form input[type="text"][disabled] {background-color: #e34353;} .ui-autocomplete { max-height: 350px; z-index : 9999; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding for vertical scrollbar */ padding-right: 5px; } /* highlight results */ .ui-autocomplete span.hl_results { background-color: #ffff66; } /* loading - the AJAX indicator */ .ui-autocomplete-loading { background: white url('/img/ajax.gif') right center no-repeat ; } select { padding:3px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #f8f8f8; color:#888; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } option:selected { background: #FFA62F; } option { background: #f8f8f8; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .55!important; } /* 01.06.2014 - multiselect */ .ui-multiselect-checkboxes {background-color:lightyellow!important} /* */ .chosen-drop ul { background-color: #fff!important; } .chosen-container-single { width:40%!important; height: 25px!important; cursor: text; font-size:1em; } .small >.chosen-container-single { width: 60%!important; height: 25px!important; cursor: text; font-size:1em; } .max > .chosen-container-single { width: 100%!important; height: 25px!important; cursor: text; font-size:1em; } .maxInput { width: 58%;} .chosen-container-single .chosen-choices li.search-field input[type="text"] { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: 25px!important; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text;}