/*** START OWEBAPP custom CSS classnames ** add jl. fdez ***/
@charset 'UTF-8';

#OWEBAPP .zImgIconToolbar {
        cursor: pointer;
    background-color: transparent;
}

#OWEBAPP .zFontIcon_Red {
        color: #f00;
}

#OWEBAPP .zFontIcon_Red,
.HeaderPanel.WebPanel .WebActionBar.WebToolBar .zFontIcon_Red span.WebItm_Icon::before {
        color: #F00;
}

#OWEBAPP .zFontIcon_White {
        color: white;
}

#OWEBAPP .zFontIcon_White,
.HeaderPanel.WebPanel .WebActionBar.WebToolBar .zFontIcon_White span.WebItm_Icon::before {
        color: white;
}

#OWEBAPP .zFontIcon_Gold {
        color: #FFD700;
}

#OWEBAPP .zFontIcon_Gold,
.HeaderPanel.WebPanel .WebActionBar.WebToolBar .zFontIcon_Gold span.WebItm_Icon::before {
        color: #FFD700;
}

#OWEBAPP .zDisableControlInput {
        pointer-events: none;
        opacity: 0.6;
}
/*-----------
 Estilo para que los Tiles incorporen una imagen en lugar del Font Icon
 en el objeto Tile:
 Set psHtml to '<div class="WebCon_Sizer" data-ServerOnClick="openview"><div class="Tile_Icon zTileImg_Bizum"></div><div class="Tile_TextUnderIcon">Bizum</div></div>'
-----------*/
#OWEBAPP .zTileImg_Bizum {
        background: transparent url(../Images/bizum.svg) no-repeat center/100%;
        width: 90px;
        height: 90px;
        margin: 0 auto 5px auto;
}
/**************************
/* Color Pallet Df_Material

Main Color = Blue

    Dark            #005899
    Regular         #0072C6
    Light           #348ee6
    
Error Color = Red

    Dark            #971519 
    Regular         #B72025
    
Warning Color = Yellow

    Dark            #E2961C
    Regular         #F4A11E
    
Highlight Color = Yellow

    Regular         #F4A11E
    
Grayscale 

    Darkest (Black) #181818
                    #5C5C5C
                    #8E8A87
                    #BABABA
                    #D9D9D9
                    #E6E6E6
                    #F3F3F3
    Lightest (White)#FFFFFF
    
/**************************
/* Color Pallet Df_Flat_Touch 

Main Color = Blue

    Dark            #005899
    Regular         #0072C6
    Light           #4DA8E8
    
Error Color = Red

    Dark            #971519 
    Regular         #B72025
    
Warning Color = Yellow

    Dark            #E2961C
    Regular         #F4A11E
    
Highlight Color = Yellow

    Regular         #F4A11E
    
Grayscale 

    Darkest (Black) #181818
                    #5C5C5C
                    #8E8A87
                    #BABABA
                    #D9D9D9
                    #E6E6E6
                    #F3F3F3
    Lightest (White)#FFFFFF
    



*/

/***************************
Blue colors std DAF theme Df_Flat_Touch & Df_Material ** add jl. fdez
****************************/
#OWEBAPP .zTextBold{
   font-weight: bold !important;
}
/*** END OWEBAPP custom CSS classnames ** add jl. fdez ***/

/***************************
Tile classes add jl. fdez
****************************/
.Tile.zBlue01 .WebCon_Sizer { 
    background: #2196F3;
}

.Tile.zGrey01 .WebCon_Sizer { 
    background: #9E9E9E;
}
/* end add Tile classes jl. Fdez */


/****************** 
IMPORTANT: nomenclator xra NO LIARSE
------------------------------------
WebIcon_z => Custom Icons sobre los FONTS standard DF, en temas Df_Material & Df_Flat_Touch 
zWebIcon_ => Custom Icons creados sobre la libreria Fontastic zDF-mobile0
******************/

/****************** 
 WebIcon_z on font-family: "dataflex-mobile" (estandard DAF) - add jl. Fdez
******************/
/* The following Font Icon classes can be used with the following controls:
    - WebButton
    - WebColumnButton
    - WebMenuItem
    - Tile (WebHTMLBox) */
/****************** 
consultar lista de iconos disponibles en ..\AppHtml\CssThemes\Df_Flat_Touch\Fonts\icons-reference.html
consultar lista de iconos disponibles en ..\AppHtml\CssThemes\Df_Material\Fonts\icons-reference.html
******************/
.WebIcon_zClose:before,
.WebIcon_zClose button:before,
button.WebIcon_zClose:before,
.WebIcon_zClosed > div > span.WebItm_Icon:before {
    content: ":";
    font-size: 20px;
        /* padding-top: 4px; */
} 

.WebIcon_zCloseFilled:before,
.WebIcon_zCloseFilled button:before,
button.WebIcon_zCloseFilled:before,
.WebIcon_zClosedFilled > div > span.WebItm_Icon:before {
    content: "X";
    font-size: 20px;
        /* padding-top: 4px; */
} 

.WebIcon_zFileUpload:before,
.WebIcon_zFileUpload button:before,
button.WebIcon_zFileUpload:before,
.WebIcon_zFileUpload > div > span.WebItm_Icon:before {
    content: "\3df";
} 

.WebIcon_zAddShoppingCart:before,
.WebIcon_zAddShoppingCart button:before,
button.WebIcon_zAddShoppingCart:before,
.WebIcon_zAddShoppingCart > div > span.WebItm_Icon:before {
    content: "T";
} 

.WebIcon_zPdf:before,
.WebIcon_zPdf button:before,
button.WebIcon_zPdf:before,
.WebIcon_zPdf > div > span.WebItm_Icon:before {
    content: "[";
    font-size: 18px;
        padding-top: 2px;
} 

.WebIcon_zCloud_download:before,
.WebIcon_zCloud_download button:before,
button.WebIcon_zCloud_download:before,
.WebIcon_zCloud_download > div > span.WebItm_Icon:before {
    content: "\65";
    font-size: 20px;
        /* padding-top: 4px; */
} 

.WebIcon_zFile_download:before,
.WebIcon_zFile_download button:before,
button.WebIcon_zFile_download:before,
.WebIcon_zFile_download > div > span.WebItm_Icon:before {
    content: "\98";
    font-size: 20px; 
        /* padding-top: 4px; */
} 

.WebIcon_zTick:before,
.WebIcon_zTick button:before,
button.WebIcon_zTick:before,
.WebIcon_zTick > div > span.WebItm_Icon:before {
    content: "f";
        /* padding-top: 4px; */
    font-size: 20px;
}

.WebIcon_zPerson:before,
.WebIcon_zPerson button:before,
button.WebIcon_zPerson:before,
.WebIcon_zPerson > div > span.WebItm_Icon:before {
    content: ")";
        /* padding-top: 4px; */
    font-size: 20px;
}

.WebIcon_zMoreVert:before,
.WebIcon_zMoreVert button:before,
button.WebIcon_zMoreVert:before,
.WebIcon_zMoreVert > div > span.WebItm_Icon:before {
    content: "\e014";
        /* padding-top: 4px; */
    font-size: 18px;
}

/****************** 
/****************** 
 zWebIcon_ on font-family: "zdf-mobile" (creada en Fontastic.me con la cta jlfernandez@eventsnfc.com) - add jl. Fdez
/****************** 
******************/
/* The following Font Icon classes can be used with the following controls:
    - WebButton
    - WebColumnButton
    - WebMenuItem
    - Tile (WebHTMLBox) */
/****************** 
consultar lista de iconos disponibles en ..\AppHtml\CssStyle\icons-reference.html
******************/

@font-face {
  font-family: 'zdf-mobile';
  src:url('fonts/zdf-mobile.eot');
  src:url('fonts/zdf-mobile.eot?#iefix') format('embedded-opentype'),
    url('fonts/zdf-mobile.woff') format('woff'),
    url('fonts/zdf-mobile1.ttf') format('truetype'),
    url('fonts/zdf-mobile.svg#zdf-mobile') format('svg');
  font-weight: normal;
  font-style: normal;
}

.Tile_Icon[class^="zWebIcon_"]:before,
.Tile_Icon[class*=" zWebIcon_"]:before,
.WebCard_Icon[class^="zWebIcon_"]:before,
.WebCard_Icon[class*=" zWebIcon_"]:before,
[class^="zWebIcon_"] button:before,
[class*=" zWebIcon_"] button:before,
button[class^="zWebIcon_"]:before,
button[class*=" zWebIcon_"]:before,
[class^="zWebIcon_"] > div > span.WebItm_Icon:before,
[class*=" zWebIcon_"] > div > span.WebItm_Icon:before 
{
    font-family: "zdf-mobile" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;  
    display: inline-block;
}

/****************** 
A partir de aquí se definen los custom zWebIcon_ desde zdf-mobile (Fontastic.me)
****************** 
NO AÑADIR manualmente NADA a partir de la etiqueta "START automatic generation..."
A partir de la etiqueta se genera automaticamente el resto de este fichero con WinTool
******************/

/* START automatic generation zWebIcon_ from Fontastic.me */