Suggested case list:
Using timer to refresh a grid
383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlinkuser model to move item to another listbox
120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlinkDisabled list item row passed to VM-1981
296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlinkDisabled list item row passed to VM-1981
295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlinkDisabled list item row passed to VM-1981
294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlinkgrid sample with ListModel/RowRenderer
816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlinkgrid sample with ListModel/RowRenderer
809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlinkgrid sample with ListModel/RowRenderer
196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlinkgrid sample with ListModel/RowRenderer
195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlinkgrid sample with ListModel/RowRenderer
194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlinkgrid sample with ListModel/RowRenderer
193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlinkgrid sample with ListModel/RowRenderer
192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlinkgrid sample with ListModel/RowRenderer
191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlinkHierarchy table without using ZK PE/EE
1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlinkgrid sample with ListModel/RowRenderer
128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlinkuser model to move item to another listbox
1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlinkUsing timer to refresh a grid
1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlinkFire a event from child iframe
1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlinkTextbox input restriction sample
1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlinkTest web core taglib in ZUL
1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlinkLatest 10 Fiddles :
Customized Menupopup On Grid Header
5hiepgau172.71.211.10gig0j7May 4, 2024 5:33:29 AMlinkAnother new ZK fiddle
4hiepgau172.68.225.142gig0j7May 4, 2024 5:31:25 AMlinkAnother new ZK fiddle
3hiepgau172.71.218.113gig0j7May 3, 2024 11:46:46 PMlinkAnother new ZK fiddle
2hiepgau162.158.178.201gig0j7May 3, 2024 11:40:57 PMlinkAnother new ZK fiddle
1hiepgau162.158.179.103gig0j7May 3, 2024 10:49:45 PMlinkcustom menu on grid
7hiepgau172.71.214.52261rcaiMay 3, 2024 9:27:35 PMlinkcustom menu on grid
6hiepgau172.71.214.53261rcaiMay 3, 2024 9:26:52 PMlinkcustom menu on grid
5hiepgau172.71.214.53261rcaiMay 3, 2024 9:25:26 PMlinkcustom menu on grid
4hiepgau162.158.114.139261rcaiMay 3, 2024 9:20:17 PMlinkAnother new ZK fiddle
1guest172.70.80.2021nil9qsMay 3, 2024 2:07:26 PMlinkAnother new ZK fiddle
3guest94.126.240.21rnsgu6Jun 17, 2019 4:01:45 PMlinkresources
index.zulzul<zk>
<window border="normal" title="Procesos programados" sclass="ventanaBackGround">
<hbox width="100%">
<hbox hflex="1">
<button
label="Búsqueda avanzada">
</button>
<textbox width="175px" id="txtbuscar"
value="" />
<button id="btnBuscar2"
label="Buscar" />
</hbox>
<hbox pack="end" hflex="1">
<button
label="Nuevo"
width="125px" />
</hbox>
</hbox>
</window>
</zk>
TestComposer.javajavaimport org.zkoss.zk.ui.*;
import org.zkoss.zk.ui.event.*;
import org.zkoss.zk.ui.util.*;
import org.zkoss.zk.ui.ext.*;
import org.zkoss.zk.au.*;
import org.zkoss.zk.au.out.*;
import org.zkoss.zul.*;
public class TestComposer extends GenericForwardComposer{
public void doAfterCompose(Component comp) throws Exception {
super.doAfterCompose(comp);
}
public void onClick$btn(Event e) throws InterruptedException{
Messagebox.show("Hi btn");
}
}
estilos.csscss@font-face {
font-family: 'Open Sans Condensed';
src: url(../fonts/open-sans-condensed-v12-latin-300.eot);
src: local('Open Sans Condensed'), local('Open Sans Condensed'),
url(../fonts/OpenSans-CondLight.ttf),
url('../fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype');
}
/* Comprobar el funcionamiento de la letra en bold en internet Explorer */
@font-face {
font-family: 'Open Sans Bold';
src: url(../fonts/open-sans-condensed-v12-latin-300.eot);
src: local('Open Sans Bold'), local('Open Sans Bold'),
url(../fonts/OpenSans-CondBold.ttf),
url('../fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype');
}
html {
background-color: #f2f2f2;
}
body {
margin: 0px;
padding: 0px;
}
h1, h2, h3, h4, h5 {
font-family: "Open Sans Bold", Open Sans;
}
button #aLKV8r{
display:top;
}
.etimandatory {
font-style: italic;
color: rgb(130, 130, 130);
}
.etimandatory:before {
color: #e32;
content:"* ";
display:inline;
}
.txtmandatory {
border: .15em solid #e32;
}
.iconGVA {
margin-bottom: -1px;
margin-right: 3px;
height:1.5em;
opacity: 0.7;
cursor: pointer;
transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-webkit-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
filter: alpha(opacity=70);
}
.centroGVA {
opacity: .7;
border: .15em solid #fff;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
width: 1.5em;
height: 1.5em;"
}
.groupCab image {
height: 0.5em;
}
.iconGVA> .z-label {
height:1.5em;
opacity: 1 !important;
filter: alpha(opacity=100);
}
.contenedorPrincipal {
border: 2px;
padding: 0.5em .5em;
}
.salir:hover .iconGVA {
opacity:1;
}
.ajuda:hover .iconGVA {
opacity:1;
}
.ano:hover {
#background: #c97b84;
font-weight: bold;
cursor: pointer;
}
.cabeceraDesconectar {
height:0.6em;
background: #c97b84
}
.iconoDesconectar {
background: #fff url (/static/public/images/icos/ico_desconecta_c97b84.svg) no-repeat 2em 0.2em / auto 2.5em ;
height: 10em ;
}
.iconoDanger {
background: #fff url (/static/public/images/icos/ico_desconecta_c97b84.svg) no-repeat 2em 0.2em / auto 2.5em ;
height: 10em ;
}
.iconoWarning {
background: #fff url (/static/public/images/icos/ico_alerta.svg) no-repeat 2em 0.2em / auto 2.5em ;
height: 10em ;
}
.iconoInfo {
background: #fff url (/static/public/images/icos/ico_desconecta_c97b84.svg) no-repeat 2em 0.2em / auto 2.5em ;
height: 10em ;
}
.iconoModalWarning {
cursor:default;
color: #fba900;
font-size: 2em;
margin-left: 1em;
}
.iconoModalInfo {
cursor:default;
color: #19afe0;
font-size: 2em;
margin-left: 1em;
}
.iconoModalSuccess {
cursor:default;
color: #4bc646;
font-size: 2em;
margin-left: 1em;
}
.iconoModalDanger {
cursor: default;
color: #fb1f0d;
font-size: 2em;
margin-left: 1em;
}
.iconoModalDesconectar {
cursor: default;
color: #c97b84;
font-size: 2em;
margin-left: 1em;
}
.cabeceraDanger {
height:0.6em;
background: #fb1f0d;
}
.cabeceraWarning {
height:0.6em;
background: #fba900;
}
.cabeceraSuccess {
height:0.6em;
background: #4bc646;
}
.cabeceraInfo {
height:0.6em;
background: #19afe0;
}
.cursorPointer {
cursor: pointer;
opacity: 1 !important;
}
.usuarioCabecera {
cursor: pointer;
opacity: 1 !important;
}
.modalContainer {
/* height: 11em; */
height: 100%;
}
.tituloMsg {
margin-bottom: 2em;
margin-left: 5em;
font-size: 1.4em !important;
}
.tituloMsgModal {
margin-bottom: 2em;
margin-left: 1em;
font-size: 1.4em !important;
color:#333;
}
.msgModalIcon {
margin-bottom: 2em;
margin-left: 1.4em;
margin-right: 1.4em;
}
.msgModal {
margin-bottom: 2em;
margin-left: 7em;
}
.modalButtons {
margin-top: 1.5em;
padding: 1em;
}
.upper {
text-transform: uppercase;
}
.btnIdioma {
background-color: #19afe0 !important;
border-color: #19afe0;
margin-bottom: 5px;
}
.btnIdioma:hover {
background-color: #0c556d !important;
}
.btnActiveIdioma:hover{
background-color: #11799b !important;
}
.btnIdiTriVal:hover {
background-color: #11799b !important;
}
.btnActiveIdioma::before {
content: "";
display: block;
position: absolute;
width: .6em;
height: .6em;
bottom: 0.1em;
left: 2.4em;
background-color: #11799b;
transform: rotate(45deg);
}
.btnIdiTriVal::before {
content: "";
display: block;
position: absolute;
width: .6em;
height: .6em;
bottom: 0.1em;
left: 2em;
background-color: #11799b;
transform: rotate(45deg);
}
.z-hbox, .z-vbox {
border-spacing: 0;
width: 100% !important;
}
.z-label.iconGVAtext {
opacity:1 !important;
}
.z-popup {
background: #11799b;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.z-label {
/* font-size: .9em; */
font: normal 100% "Open Sans Condensed",Open Sans,Arial,Helvetica,sans-serif;
}
.z-window {
background: #f2f2f2;
border: none !important;
}
.ventanaBackGround .z-window-header {
color: #11799b;
}
.z-window-header {
color: #fff;
font-family: "Open Sans Condensed",Open Sans,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 600;
font-size: 2em;
}
.z-window-icon {
color: #ffffff;
}
.z-window-icon:hover {
color: #fff;
background: transparent !important;
opacity: 1;
cursor: pointer;
}
.z-include {
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}
.z-grid {
border: none;
}
.z-button {
min-height: 2.2em;
background: #11799b;
font: normal 100% 'Open Sans Condensed',Open Sans, Arial,Helvetica,sans-serif;
/* margin: 5px; */
}
.z-button:hover, .z-button:active, .z-button:focus {
color: #fff;
border-color: #0c556d;
background: #0c556d;
-webkit-box-shadow: inset 0 -1px 0 #0c556d;
-moz-box-shadow: inset 0 -1px 0 #0c556d;
-o-box-shadow: inset 0 -1px 0 #0c556d;
-ms-box-shadow: inset 0 -1px 0 #0c556d;
box-shadow: inset 0 -1px 0 #0c556d;
}
.z-button.cancelar:hover, .z-button.cancelar:active, .z-button.cancelar:focus {
/* color: #fff; */
/* border-color: #0c556d; */
/* background: #0c556d; */
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.z-button-image {
height: 1em;
}
.z-a {
-webkit-transition: color .2s ease-out;
-moz-transition: color .2s ease-out;
-ms-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
font-family: "Open Sans Condensed",Open Sans, Arial,Sans-serif;
}
.z-tab {
display: block;
border: 1px solid #dcdcdc;
padding: 7px;
line-height: 32px;
background: #dcdcdc;
text-align: center;
position: relative;
cursor: pointer;
/* float: left; */
color: #333;
margin-left: 11px;
margin-top: 6px;
}
.z-tab:hover {
background: #c8c8c8;
}
.z-tab-text {
color: #333;
font: bold 100% 'Open Sans Condensed', Open Sans, Arial,Helvetica,sans-serif;
}
.z-tabs {
background: #f2f2f2;
width: 100% !important;
/* box-shadow: inset 0px 5px 6px 0px #c6c6c6; */
}
.z-div {
width: 100% !important;
}
.z-tabpanels {
overflow: hidden;
zoom: 1;
width: 100% !important;
}
.z-grid-body {
margin-top: auto;
position: relative;
overflow: hidden;
overflow-anchor: none;
width: 100% !important;
}
.z-tabbox-top>.z-tabs .z-tab.z-tab-selected {
background: #fff;
box-shadow: 0 1px 0 #fff;
}
.z-listheader {
border-top: 1px solid #d9d9d9;
border-left: none !important;9;
padding: 0;
background: #f2f2f2;
}
.z-listbox-header-border{
border-bottom: 1px solid #d9d9d9;
}
.z-listbox-header-border {
border-bottom: none !important;
margin-top: -1px;
position: relative;
}
.z-listcell {
white-space:nowrap;
overflow:hidden;
}
.z-listcell-content, .z-listgroup-content, .z-listgroupfoot-content, .z-listfooter-content {
font-family: "Open Sans Condensed", Open Sans,Arial,Sans-serif;
text-align: left;
margin-left: 10px;
}
.z-tab-selected .z-tab-text {
font-weight: 600;
color: #11799b;
cursor: default;
font: bold 100% 'Open Sans Condensed',Open Sans, Arial,Helvetica,sans-serif;
}
.z-listheader-content {
color: #333;
text-transform: uppercase;
font-size: .9em;
border: 2px solid white;
text-align: left;
font-family: "Open Sans Condensed",Open Sans, "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.z-listbox-header {
font-size: .9em;
overflow: hidden;
background: white;
width: 100% !important;
}
.z-listbox-body {
position: relative;
overflow: hidden;
overflow-anchor: none;
width: 100% !important;
}
.z-row:hover>.z-row-inner, .z-row:hover>.z-cell {
background: transparent;
}
.z-listbox {
/* border: none; */
overflow: hidden;
zoom: 1;
margin: 5px;
}
.z-textbox {
margin: 1px;
}
.z-textbox.buscadorgenerico {
margin: 5px;
}
.infoListaTxt {
font: normal 0.8em Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-style: italic;
color:#4d4f4e;
}
.gva {
font: normal 100% 'Open Sans Condensed',Open Sans ,Arial,Helvetica,sans-serif;
text-transform: uppercase;
font-size: 1.1em;
font-style: normal;
color: #302523;
}
.aplicacion {
float: left;
font: normal 100% 'Open Sans Condensed',Open Sans,Arial,Helvetica,sans-serif;
font-size: 2em;
color:#edf0f0;
font-weight: bold;
line-height: 1.1em;
padding: 0.5em 0em .7em .7em;
}
.cabecera {
overflow: hidden;
color: #fff;
background: #19afe0;
width: 100%;
}
.usuario, .perfil {
display: block;
font: normal .8em 'Open Sans Condensed',Open Sans,Arial,Helvetica,sans-serif;
line-height: 1.4em;
}
.label_idiomes {
display: inline;
font: normal 1.1em 'Open Sans Condensed',Open Sans, Arial,Helvetica,sans-serif;
padding: .2em 1em .2em 1em;
}
a.idioma {
color: #ffffff;
text-decoration: none;
background-color: #314d60;
font-style: italic;
}
a.idioma:hover {
color: #314d60;
background-color: #ffffff;
}
.obligatorio {
font-weight: bold;
color: red;
}
.tablaEntidades .z-listheader-sorticon {
font-size: 14px;
color: #000;
line-height: normal;
position: absolute;
top: 25%;
left: 92%;
}
.z-grid.formulario {
border: none !important;
background-color: #ffffff !important;
}
.z-row.formulario> .z-cell {
border: none !important;
background: none;
vertical-align: top;
}
.z-grid.formulario> .z-grid-header-border{
border: none !important;
background: none;
}
.z-menubar {
display: block;
background: transparent;
position: relative;
text-transform: uppercase;
}
.z-menu-content:active, .z-menuitem-content:active {
color: #ffffff;
background: #0c556d;
}
.z-menu-content>.z-menuitem-content:active {
color: #ffffff;
background: #000;
}
.z-menu:hover, .z-menuitem:hover{
color: #ffffff ;
background: #0c556d;
}
.z-menu-selected>.z-menu-content, .z-menu-selected .z-menu-icon {
color: #ffffff;
background: #0c556d;
}
.z-menu-hover>.z-menu-content, .z-menu-hover .z-menu-icon {
color: #ffffff !important;
background: #0c556d;
}
Comprobar que cuando est� activo el menu principal no le hace el hover de negro ... sin da�ar los dropdown
.z-menu-selected>.z-menu-content, .z-menu-selected .z-menu-icon {
color: #ffffff;
background: #000;
}
.z-menupopup .z-menu-content:hover, .z-menupopup .z-menu-content:hover .z-menu-icon, .z-menupopup .z-menuitem-content:hover {
color: #ffffff;
background: #000;
}
.z-menupopup .z-menu-content:hover .z-menu-icon, .z-menupopup .z-menuitem-content:hover {
background: black;
color: #ffffff;
}
.z-menupopup .z-menu-image, .z-menupopup .z-menuitem-image {
display: none;
}
.z-icon-caret-down:before {
content: "\f107";
}
.z-icon-caret-right:before {
content: "\f105";
}
.z-listheader-sorticon>.z-icon-caret-down:before {
color:#ccc;
content: "\f063";
}
.z-listheader-sorticon>.z-icon-caret-down:before {
color:#333;
content: "\f063";
}
.z-listheader-sorticon>.z-icon-caret-up:before {
color:#333;
content: "\f062";
}
.z-menupopup {
width: 10em;
margin-top:-1px;
padding: 0px;
background: #0c556d;
box-shadow: 0.25em 0.25em 0.2em #aaa;
}
.z-menupopup ul {
color: #ffffff;
background: #0c556d;
}
.z-menupopup .z-menu, .z-menupopup .z-menuitem {
color: #ffffff !important;
background: #0c556d;
}
.z-window-content {
padding: 0px !important;
background: #ffffff;
width: 100%;
}
.z-window-modal {
background: #19afe0 !important;
}
.z-window-modal.fullModal {
background: #19afe0 !important;
margin-top: 88px;
}
.menuAplic {
background: #11799b;
position: relative;
box-shadow: 0px 5px 10px 0px #b0b0b0;
}
.bold {
font-weight: 600;
font-family: 'Open Sans Bold', Open Sans;
}
.rightBlock z-menu-item {
text-align: right;
float: right !important;
}
.z-menuitem-content:hover {
color: white;
background: #0c556d;
}
.z-menu.labelBlue > z-menu-item {
color: #314d60;
}
.z-menu-text, .z-menuitem-text {
font: normal 100% 'Open Sans Condensed',Open Sans,Arial,Helvetica,sans-serif;
font-size: 1.2em;
padding-right: 10px;
}
.z-menupopup .z-menu-content, .z-menupopup .z-menuitem-content {
color: #ffffff;
}
.z-menupopup .z-menu-content[disabled], .z-menupopup .z-menuitem-content[disabled], .z-menupopup .z-menu-content[disabled]:hover, .z-menupopup .z-menuitem-content[disabled]:hover {
color: #11799b;
background: #094356;
opacity: 1;
filter: alpha(opacity=100);
cursor: default;
}
.z-menupopup-separator {
display: none;
}
.z-menu-popup-content> .z-menu-item-content:hover {
color: #ffffff !important;
background: #000;
}
a.z-menu-content>[class^="z-icon-"], [class*=" z-icon-"] {
font-family: FontAwesome;
font-weight: normal;
font-size: 1.6em;
opacity: 1;
}
.z-body {
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
font:normal 100% 'Open Sans Condensed',Open Sans,Arial,Helvetica,sans-serif;
color: #333;
background-color: #f2f2f2;
}
.z-row-content, .z-group-content, .z-groupfoot-content, .z-footer-content {
color: #fff;
}
.z-row .z-row-inner, .z-row .z-cell {
border-top: none;
background: #fff;
overflow: hidden;
}
.GridLayoutNoBorder tr.z-row td.z-row-inner{
/* background-color: #11799b !important;*/
background-color:none;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
}
.moduloContenedor {
/* padding: 0px 15px 15px 15px; */
padding: 0em 1em 3.0em 1em;
}
.menuConfig {
overflow: hidden;
color: #fff;
background: rgb(220,220,220);
position: relative;
top: 0px;
right: 0px;
margin: 0px;
}
/*.z-textbox[disabled],�.z-decimalbox[disabled],�.z-intbox[disabled],�.z-combobox-disabled�*,�.z-datebox-disabled�*� {*/
.z-textbox[disabled], .z-decimalbox[disabled], .z-intbox[disabled], .z-longbox[disabled], .z-doublebox[disabled] {
color:�black�!important;
background:�#f0f0f0�!important;
cursor:�default�!important;
}
.z-row, .z-grid-odd {
background: none !important;
border: none !important;
}
.z-listitem:hover{
color: #555;
}
.z-listitem-selected>.z-listcell {
background: #ccfeff;
}
.z-listitem:hover>.z-listcell {
border-color: #e3e3e3;
background: #eef2fe;
}
.z-listitem-selected:hover>.z-listcell {
border-color: #e3e3e3;
background: #eef2fe;
color: #555;
}
.z-listitem-selected:hover>.z-listcell>.z-listcell-content {
color: #555;
cursor: default;
}
.z-listitem:hover>.z-listcell>.z-listcell-content {
color: #555;
cursor: default;
}
.z-combobox-popup, .z-bandbox-popup, .z-datebox-popup, .z-timebox-popup {
font-family: "Open Sans Condensed",Open Sans,Arial,Sans-serif;
}
.z-div.listaVacia {
font-size: 1.5em;
display: block;
text-align: center;
padding: 150px;
background-color: #f2f2f2;
}
.z-div.listaVacia > .z-image {
height: 1.5em;
margin-bottom: 7px;
}
.z-button.cancelar {
background: transparent;
color: #0c556d;
border: none;
}
.z-button.cancelar:hover {
background: #ddd;
color: #0c556d;
border: none;
}
.z-button.secundario {
background: #19afe0;
color: #ffffff;
border: none;
}
.z-button.secundario:hover {
background: #11799b;
color: #ffffff;
border: none;
}
.z-combobox-button:hover, .z-bandbox-button:hover, .z-datebox-button:hover,
.z-timebox-button:hover, .z-spinner-button:hover,
.z-doublespinner-button:hover {
border-color: #11799b;
background: #11799b;
}
.z-combobox-button:active, .z-bandbox-button:active, .z-datebox-button:active,
.z-timebox-button:active, .z-spinner-button:active,
.z-doublespinner-button:active {
border-color: #0c556d;
background: #0c556d;
}
.btnAcciones {
margin-top:15px;
padding:15px 0px;
}
.floatRight {
float:right !important;
}
.p-l-m {
padding-left:15px;
}
.p-r-m {
padding-right:15px;
}
.p-b-m {
padding-bottom:15px;
}
.p-t-m {
padding-top:15px;
}
.p-m {
padding:15px;
}
.p-l-s {
padding-left:5px;
}
.p-r-s {
padding-right:5px;
}
.p-b-s {
padding-bottom:5px;
}
.p-t-s {
padding-top:5px;
}
.m-s {
padding:5px;
}
.p-b-m {
padding-bottom:15px;
}
.m-l-m {
margin-left:15px;
}
.m-r-m {
margin-right:15px;
}
.m-t-m {
margin-top:15px;
}
.m-t-l {
margin-top: 2em;
}
.m-m {
margin:15px;
}
.m-b-s {
margin-bottom:5px;
}
.m-t-s {
margin-top:5px;
}
.m-s {
margin:5px;
}
.m-r-l {
margin-right:25px;
}
.m-l-l {
margin-left:25px;
}
.m-l {
margin:25px;
}
.z-a.nomLibre {
font-size:1em;
color:green;
}
.z-a.nomUsado {
font-size:1em;
color:red;
}
.datosFormulario {
background-color: #f2f2f2;
border: 2px solid #f2f2f2;
color: #000;
}
.datosDetalleFormulario {
background-color: #f2f2f2;
border: 2px solid #f2f2f2;
}
.datosDetalleFicheros {
border-bottom: 1px solid #dcdcdc;
padding: 2px 2px 2px 2px;
}
.z-combobox-input[readonly] {
background: white;
}
.z-combobox-button {
border-left: 1px solid white;
}
.z-combobox-icon {
color: #19afe0;
font-size: 1em;
}
.z-comboitem:hover {
color: #fff;
background: #19afe0;
}
.z-combobox-button>.z-icon-caret-down:before {
content: "\f078";
}
.pasoAnterior {
position: relative;
background: #11799b;
cursor:pointer;
border: 0.1em solid #11799b;
border-radius:0.2em
}
.pasoAnteriorNum {
background: #11799b;
color: #ffffff;
height:2.2em;
}
.pasoAnteriorLabel {
background-color:#ffffff;
height:2.2em;
}
.pasoSiguiente {
position: relative;
background: #dddddd;
cursor:pointer;
border: 0.1em solid #dddddd;
border-radius:0.2em
}
.pasoSiguienteNum {
background: #dddddd;
height:2.2em;
}
.pasoSiguienteLabel {
background-color: #ffffff;
height:2.2em;
}
.pasoActivo {
position: relative;
background: #19afe0;
cursor:pointer;
border: 0.1em solid #19afe0;
border-radius:0.2em
}
.pasoActivoNum {
background: #19afe0;
color: #ffffff;
height:2.2em;
}
.pasoActivoLabel {
background-color: #ffffff;
height:2.2em;
}
.pasoActivo::before {
content: "";
display: block;
position: absolute;
width: .7em;
height: .7em;
top: 1.9em;
left: 4em;
background-color: #ffffff;
transform: rotate(45deg);
border-bottom-color: #19AFDF !important;
border-bottom: 1px solid;
border-right: 1px solid;
border-right-color: #19AFDF;
}
.z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input {
font-family: "Open Sans Condensed",Arial,Sans-serif;
}
input[type="checkbox"] {
-moz-appearance: none; /* remove firefox default look and feel*/
-webkit-appearance: none; /* remove chrome default look and feel*/
width: 1.4em;
height: 1.4em;
border: .2em solid #c9c9c9;
border-radius: .3em;
margin-right: 5px;
}
input[type="checkbox"]:checked {
width: 1.2em;
height: 1.2em;
border: .2em solid #19afe0;
border-radius: .3em;
font-family: FontAwesome;
font-weight: normal;
font-size: 1.2em;
background-color: #19afe0;
margin-right: 4px;
}
input[type="checkbox"]:checked:after {
content:"\f00c";
color: white;
position: relative;
font-size: .8em;
top: -0.3em;
}
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
margin: 0 2px 4px;
border: .2em solid #c9c9c9;
width: 1.2em;
height: 1.2em;
border-radius: 1em;
}
input[type="radio"]:checked {
width: 1.2em;
height: 1.2em;
border: 0.4em solid #19afe0;
border-radius: 1em;
font-family: FontAwesome;
font-weight: normal;
background-color: white;
margin-right: 4px;
}
.z-row-content, .z-group-content, .z-groupfoot-content, .z-footer-content {
color: #333 !important;
}
input[required], select[required], textarea[required] {
border-color: #ff9300;
}
input[data-error], select[data-error], textarea[data-error] {
border-color: #e00000;
}
input:focus, select:focus, textarea:focus {
border-color: #19afe0 !important;
border: 0.2em solid;
-webkit-transition: border-color .3s ease-out;
-moz-transition: border-color .3s ease-out;
-ms-transition: border-color .3s ease-out;
-o-transition: border-color .3s ease-out;
transition: border-color .3s ease-out;
}
.z-combobox-input:focus, select:focus, textarea:focus {
border-color: none !important;
/* border: 0.2em solid; */
/* -webkit-transition: border-color .3s ease-out; */
/* -moz-transition: border-color .3s ease-out; */
/* -ms-transition: border-color .3s ease-out; */
/* -o-transition: border-color .3s ease-out; */
/* transition: border-color .3s ease-out; */
}
.z-combobox:focus, .z-bandbox-input:focus, .z-datebox-input:focus, .z-timebox-input:focus, .z-spinner-input:focus, .z-doublespinner-input:focus {
border-color: #436983;
-webkit-box-shadow: inset -1px 0 0 #436983;
-moz-box-shadow: inset -1px 0 0 #436983;
-o-box-shadow: inset -1px 0 0 #436983;
-ms-box-shadow: inset -1px 0 0 #436983;
box-shadow: inset -1px 0 0 #436983;
}
.z-radio-content, .z-checkbox-content {
font-weight: 400;
line-height: normal;
color: #333;
}
.z-radio-content, .z-checkbox-content {
font-family: "Open Sans Condensed",Arial,Sans-serif;
color: #333;
}
.z-icon-times, .z-icon-check {
cursor: default;
}
.z-window-close >.z-icon-times {
cursor: pointer;
}
.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {
font-family: "Open Sans Condensed",Open Sans, Arial,Sans-serif;
}
/* ISMAEL */
/* idioma */
.btnIdiTriVal {
border: none;
}
.btnIdiTriVal:hover,
.btnIdiTriVal:focus {
border: none;
border-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
/* cos */
.z-menubar-horizontal .z-menuseparator {
line-height: 31px;
opacity: 0;
}
.z-menu-content,
.z-menuitem-content {
min-height: 28px;
padding: 1px 7px;
}
.z-menu-content,
.z-menuitem-content {
line-height: 10px;
}
.menuAplic {
box-shadow: none;
}
.z-tab {
padding: 3px 7px;
}
.z-tabbox-top > .z-tabs .z-tab {
padding-bottom: 3px;
}
.z-tabbox-accordion .z-tabpanel>.z-tab {
color: #fff;
border-top-width: 0;
padding-top: 8px;
background: #5687a8;
text-align: left;
float: none;
zoom: 1;
margin-left: 1px;
}
.z-tabbox-accordion .z-tabpanel>.z-tab-selected {
/* background: #5687a8; */
background: #11799b;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
cursor: default;
}
.z-listheader-content {
line-height: inherit;
}
.z-paging-input {
height: 25px;
line-height: 20px;
}
.z-paging-button {
height: 25px;
line-height: 20px;
}
.z-paging-info {
height: 25px;
line-height: 20px;
}
.z-paging {
height: 34px;
}
.z-listitem-selected>.z-listcell {
background: #ffebcc;
}
/* ESTILS NOUS */
.imc-menu {
text-align: left;
position: relative;
left: 50%;
transform: translateX(-50%);
}
/* FIN ISMAEL */
/* inicio curro*/
.z-menu-icon {
position: absolute;
top: 12px;
right: 1px;
}
/* fin curro*/
/* INICIO LUCAS */
.z-notification-pointer ~ .z-notification-content
{
display:table-cell;
width:auto;
height:50px;
min-height:60px;
vertical-align:middle;
}
/* FIN LUCAS */