/* CSS Document */

body{
    position:absolute
    ;box-sizing:border-box;
    ;width:100vw
    ;height:100vh
    ;margin:0pt
    ;border: none
    ;padding:0pt
    ;background-image:url('../images/izidb_background.png')
    ;background-origin: border-box;
    ;background-position: center
    ;background-size:cover
    ;background-attachment: fixed
}
*{
    ;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"
}
#izidb_menu{
    ;position:absolute;
    ;top:var(--izidb_menuTop)
    ;width:100vw
    ;box-sizing: border-box
    ;margin: 0pt
    ;background-color: transparent
    ;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 51.19" preserveAspectRatio="none">\
<defs>\
<style>\
.cls-1{\
fill: url(%23linear-gradient);\
}\
.cls-1, .cls-2, .cls-3 {\
stroke-width: 0px;\
}\
.cls-2 {\
fill: url(%23linear-gradient-3);\
mix-blend-mode: screen;\
}\
.cls-3 {\
fill: url(%23linear-gradient-2);\
mix-blend-mode: overlay;\
}\
</style>\
<linearGradient id="linear-gradient" x1="960" y1="4.29" x2="960" y2="46.46" gradientUnits="userSpaceOnUse">\
<stop offset=".1" stop-color="%23565554" stop-opacity=".4"/>\
<stop offset=".37" stop-color="%23565554" stop-opacity=".51"/>\
<stop offset=".71" stop-color="%23565554" stop-opacity=".6"/>\
</linearGradient>\
<linearGradient id="linear-gradient-2" x1="960" y1="49.25" x2="960" y2="-1.93" gradientUnits="userSpaceOnUse">\
<stop offset=".3" stop-color="red"/>\
<stop offset=".39" stop-color="%23fb2323" stop-opacity=".92"/>\
<stop offset=".58" stop-color="%23f46969" stop-opacity=".77"/>\
<stop offset=".75" stop-color="%23ef9b9b" stop-opacity=".66"/>\
<stop offset=".9" stop-color="%23ecbaba" stop-opacity=".59"/>\
<stop offset="1" stop-color="%23ebc6c6" stop-opacity=".56"/>\
</linearGradient>\
<linearGradient id="linear-gradient-3" x1="960" y1="4.29" x2="960" y2="46.46" gradientUnits="userSpaceOnUse">\
<stop offset=".19" stop-color="%23fff" stop-opacity="0"/>\
<stop offset=".23" stop-color="%23fff" stop-opacity=".03"/>\
<stop offset=".31" stop-color="%23fff" stop-opacity=".12"/>\
<stop offset=".4" stop-color="%23fff" stop-opacity=".27"/>\
<stop offset=".5" stop-color="%23fff" stop-opacity=".47"/>\
<stop offset=".52" stop-color="%23fff" stop-opacity=".5"/>\
<stop offset=".56" stop-color="%23fff" stop-opacity=".34"/>\
<stop offset=".6" stop-color="%23fff" stop-opacity=".19"/>\
<stop offset=".64" stop-color="%23fff" stop-opacity=".09"/>\
<stop offset=".68" stop-color="%23fff" stop-opacity=".02"/>\
<stop offset=".71" stop-color="%23fff" stop-opacity="0"/>\
</linearGradient>\
</defs>\
<rect class="cls-1" width="1920" height="51.19"/>\
<rect class="cls-3" width="1920" height="51.19"/>\
<rect class="cls-2" width="1920" height="51.19"/>\
</svg>')
    ;background-position: top left
    ;background-origin: border-box
    ;background-size:100%;
    ;text-align: center
    ;z-index:100
 }
 
 #izidb_menu>span{
    position:relative
    ;display:inline-block
 }
 
 #izidb_menu>button
 , #izidb_menu>span>button{
 ;font-size:var(--izidb_menuFontSize)
 ;color:white
 ;margin:0pt var(--izidb_menuHorizontalMargin)
 ;display:inline-block
 ;background-color: transparent
 ;border:none;
 ;padding:var(--izidb_menuVerticalPadding) var(--izidb_menuHorizontalPadding)
 }
 
#izidb_menu>button:hover
, #izidb_menu>span>button:hover{
    cursor:pointer;
}

#izidb_menu>button.izidb_oneToOne::before
, #izidb_menu>span>button.izidb_oneToOne::before{
    content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="font-size:27pt" viewBox="0 0 32 32.61" preserveAspectRatio="xMinYMax meet">\
<defs>\
<style>\
.cls-1 {\
fill: none;\
mix-blend-mode: luminosity;\
stroke: %23cecece;\
stroke-linejoin: round;\
stroke-width: 3px;\
}\
</style>\
</defs>\
<polyline class="cls-1" points="1.5 32.61 1.5 8.71 32 8.71"/>\
<line class="cls-1" x1="18.94" x2="18.94" y2="18.83"/>\
<line class="cls-1" x1="25.08" x2="25.08" y2="18.83"/>\
</svg>')
    ;display:inline-block
    ;height:1em
    ;width:1ch
}

#izidb_menu>button.izidb_oneToMany::before
, #izidb_menu>span>button.izidb_oneToMany::before{
    content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="font-size:27pt" viewBox="0 0 32 33.31" preserveAspectRatio="xMinYMax meet">\
<defs>\
<style>\
.cls-1 {\
fill: none;\
mix-blend-mode: luminosity;\
stroke: %23cecece;\
stroke-linejoin: round;\
stroke-width: 3px;\
}\
</style>\
</defs>\
    <polyline class="cls-1" points="1.5 33.31 1.5 9.42 32 9.42"/>\
    <line class="cls-1" x1="15.94" y1=".7" x2="15.94" y2="19.54"/>\
    <polyline class="cls-1" points="28 1.05 19.4 9.77 28 19.19"/>\
</svg>')
    ;display:inline-block
    ;height:1em
    ;width:1ch
}

#izidb_menu>button.izidb_selected
, #izidb_menu>span>button.izidb_selected{
    ;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 218.92 51.17" preserveAspectRatio="none">\
<defs>\
<style>\
.cls-2 {\
fill: url(%23radial-gradient);\
opacity: .6;\
stroke-width: 0px;\
}\
</style>\
<radialGradient id="radial-gradient" cx="109.46" cy="58.81" fx="109.46" fy="58.81" r="56.33" gradientTransform="translate(1066.52 -14.64) rotate(90) scale(.29 16.27)" gradientUnits="userSpaceOnUse">\
<stop offset=".06" stop-color="%23fff"/>\
<stop offset=".09" stop-color="%23fff" stop-opacity=".92"/>\
<stop offset=".2" stop-color="%23fff" stop-opacity=".71"/>\
<stop offset=".3" stop-color="%23fff" stop-opacity=".52"/>\
<stop offset=".41" stop-color="%23fff" stop-opacity=".36"/>\
<stop offset=".52" stop-color="%23fff" stop-opacity=".23"/>\
<stop offset=".63" stop-color="%23fff" stop-opacity=".13"/>\
<stop offset=".74" stop-color="%23fff" stop-opacity=".06"/>\
<stop offset=".86" stop-color="%23fff" stop-opacity=".01"/>\
<stop offset="1" stop-color="%23fff" stop-opacity="0"/>\
</radialGradient>\
</defs>\
<rect class="cls-2" width="218.92" height="51.17"/>\
</svg>')
    ;background-origin: border-box
    ;background-position:top left
    ;background-repeat: no-repeat
    ;background-color: transparent
    ;background-blend-mode: screen
}

.izidb_subMenu{
    position:absolute
    ;left:var(--izidb_menuHorizontalMargin)
    ;width:calc(100% - var(--izidb_menuHorizontalMargin))
    ;display:none
    ;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 218.92 143.43" preserveAspectRatio="none">\
<defs>\
<style>\
.cls-1 {\
fill: url(%23linear-gradient);\
}\
.cls-1, .cls-2 {\
stroke-width: 0px;\
}\
.cls-3 {\
isolation: isolate;\
}\
.cls-2 {\
fill: url(%23radial-gradient);\
mix-blend-mode: overlay;\
}\
</style>\
<linearGradient id="linear-gradient" x1="109.46" y1=".29" x2="109.46" y2="143.43" gradientTransform="translate(0 -.29)" gradientUnits="userSpaceOnUse">\
<stop offset=".02" stop-color="%23e7a6a6"/>\
<stop offset=".03" stop-color="%23dd8383"/>\
<stop offset=".03" stop-color="%23d46060"/>\
<stop offset=".04" stop-color="%23cd4242"/>\
<stop offset=".04" stop-color="%23c62929"/>\
<stop offset=".05" stop-color="%23c11717"/>\
<stop offset=".06" stop-color="%23be0909"/>\
<stop offset=".07" stop-color="%23bc0202"/>\
<stop offset=".09" stop-color="%23bc0000"/>\
</linearGradient>\
<radialGradient id="radial-gradient" cx="129.53" cy="5.47" fx="129.53" fy="5.47" r="200.96" gradientTransform="translate(0 2.85) scale(1 .43)" gradientUnits="userSpaceOnUse">\
<stop offset=".14" stop-color="%23fff"/>\
<stop offset=".17" stop-color="%23fff" stop-opacity=".92"/>\
<stop offset=".27" stop-color="%23fff" stop-opacity=".71"/>\
<stop offset=".36" stop-color="%23fff" stop-opacity=".52"/>\
<stop offset=".46" stop-color="%23fff" stop-opacity=".36"/>\
<stop offset=".56" stop-color="%23fff" stop-opacity=".23"/>\
<stop offset=".66" stop-color="%23fff" stop-opacity=".13"/>\
<stop offset=".77" stop-color="%23fff" stop-opacity=".06"/>\
<stop offset=".88" stop-color="%23fff" stop-opacity=".01"/>\
<stop offset="1" stop-color="%23fff" stop-opacity="0"/>\
</radialGradient>\
</defs>\
<g class="cls-3">\
<rect class="cls-1" width="218.92" height="143.43"/>\
<rect class="cls-2" width="218.92" height="143.43"/>\
</g>\
</svg>')
    ;background-origin: border-box
    ;background-position:top left
    ;background-repeat: no-repeat
    ;background-color: transparent
    ;margin:0pt
    ;border:none
    ;padding:15pt 0pt
    ;box-sizing: border-box
    ;text-align:right
    ;z-index:100
}
.izidb_subMenu.izidb_selected{
    display:block
}

.izidb_subMenu>button{
    ;box-sizing:border-box;
    ;width:100%
    ;padding-right:5pt
    ;text-align: right
    ;background-color: transparent
    ;border:none
    ;color:white
    ;font-size:calc((var(--izidb_menuFontSize) * 0.7))
    ;cursor:pointer
}

.izidb_subMenu>button.izidb_selected{
    ;background-color: rgba(208,208,208,0.5)
    ;background-blend-mode: hard-light
}

#izidb_main{
    ;position:relative
    ;display: flex
    ;flex-wrap: nowrap
    ;box-sizing: border-box
    ;margin:var(--izidb_mainTopMargin) var(--izidb_mainRightMargin) var(--izidb_mainBottomMargin) var(--izidb_mainLeftMargin)
    ;border:none
    ;width: var(--izidb_mainWidth)
    ;height:var(--izidb_mainHeight)
    ;background-color: white
    ;box-shadow:5pt 5pt 5pt #6D6D6D
    ;overflow-x: auto;
    ;scroll-snap-type:x mandatory
    ;outline: none
}

.izidb_thema{
    ;position: relative
    ;display:none
    ;flex-wrap: nowrap
    ;overflow: hidden
    ;height:100%
    ;width:100%
    ;flex-shrink:0;
    ;scroll-snap-align:center
}

.izidb_thema.izidb_selected{
    display: flex
}

.izidb_thema>div{
    box-sizing: border-box
}


.izidb_thema>div:first-child{
    ;width:100%
    ;height:100%
    ;background-position: center
    ;background-size: contain
    ;background-color:transparent
    ;background-repeat: no-repeat;
}

.izidb_thema.izidb_selected>div:first-child{
    position: relative
    ;display: block
}

#izidb_homeSchema{
    background-image:url("../images/izidb_earth0.png")
    ;animation-name: izidb_homeAnimation
    ;animation-delay: 0.5s
    ;animation-duration: 1.11s
    ;animation-iteration-count: infinite
    ;animation-timing-function: ease-in
}

@keyframes izidb_homeAnimation
{
    65%{
        background-image:url("../images/izidb_earth0.png")
    }
    70%{
        background-image:url("../images/izidb_earth1.png")
    }
    80%{
        background-image:url("../images/izidb_earth2.png")
    }
    95%{
        background-image:url("../images/izidb_earth3.png")
    }
}


#izidb_dataModeling{
    background-image:url("../images/izidb_dataModeling.png")
}
#izidb_dataMining{
    background-image:url("../images/izidb_dataMining.png")
}
#izidb_dataIntegration{
    background-image:url("../images/izidb_dataIntegration.png")
}
#izidb_dataSoftware{
    background-image:url("../images/izidb_dataSoftware.png")
}
#izidb_contactSchema{
    background-image:url("../images/izidb_contact.png")
}


#izidb_W2H50Schema{
    background-image:url("../images/izidb_schemaBackground.png")
    ;background-size: cover
    ;overflow-y:auto
}


#izidb_W2H50Schema header{
    width:100%
    ;text-align: center
    ;color:white
    ;font-size:calc(var(--izidb_themaFontSize) * 0.9)
    ;font-weight:500
    ;padding:calc(var(--izidb_themaFontSize) * 0.5) 0pt
    ;margin-bottom: calc(1ex * 0.5)
    ;background-image:url("../images/izidb_W2H50Header.svg")
    ;background-repeat: no-repeat
    ;background-size:cover;
}

#izidb_W2H50Schema header:nth-child(1n+2)
{
    margin-top:calc(1ex * 1.5)
}

#izidb_contactThema img{
    width:calc(var(--izidb_menuFontSize) * 2)
}

.izidb_thema>div:nth-child(0n+2){
    ;position: relative
    ;background-color:white
    ;box-sizing: border-box
    ;height:100%
    ;padding:7%
    ;color:#454545
    ;font-size:var(--izidb_themaFontSize)
    ;text-align: center
    ;transition-property: left
    ;transition-duration: 0.4s
    ;transition-timing-function:  ease-out
    ;overflow:visible
    ;--izidb_headerHeight: calc(var(--izidb_themaFontSize) * 2)
    ;--izidb_headerBottomMargin: 10pt
}
.izidb_thema>div:nth-child(0n+2)>header:first-child{
    ;color:#272727
    ;font-weight: 500
    ;font-size:calc(var(--izidb_headerHeight) * 0.8)
    ;height:var(--izidb_headerHeight)
    ;margin-bottom: var(--izidb_headerBottomMargin)
    ;width:100%
    ;display:block
    ;justify-self: flex-start
}

.izidb_thema>div:nth-child(0n+2) p{
    text-align: left
    ;font-size:calc(var(--izidb_themaFontSize) * 0.8)
}


.izidb_thema>div:nth-child(0n+2)>div{
    height:calc(100% - calc(var(--izidb_headerHeight) + var(--izidb_headerBottomMargin)))
    ;display:flex
    ;flex-direction: column
    ;justify-content: space-around
    ;overflow-y:auto
}

#izidb_homeThema>div:nth-child(0n+2){
    font-size:calc(var(--izidb_themaFontSize) * 1.4)
}

#izidb_pin{
    ;position:absolute
    ;left:calc(calc(calc(var(--izidb_mainLeftMargin) + var(--izidb_mainWidth)) - var(--izidb_width)) + 2.6pt)
    ;top: calc(calc(var(--izidb_mainTopMargin) + calc(var(--izidb_mainHeight) / 2)) - calc(var(--izidb_height) / 2)) 
    ;--izidb_width:30pt
    ;--izidb_height:calc(var(--izidb_width) / 1.05)
    ;width:var(--izidb_width)
    ;height:var(--izidb_height)
    ;padding:0pt
    ;visibility: hidden
    ;background-origin: border-box
    ;background-size: contain
    ;border:none
    ;background-color: transparent
    ;cursor: pointer
    ;outline:none
}

#izidb_main.izidb_close + #izidb_pin{
    ;background-image: url("../images/izidb_close.svg")
}

#izidb_main.izidb_open + #izidb_pin
{
   ;background-image: url("../images/izidb_open.svg")
}

#izidb_slider{
    position:absolute
    ;top:calc(var(--izidb_mainTopMargin) - calc(calc(var(--izidb_sliderCircleMargin) * 2) + var(--izidb_sliderCircleDiameter)))
    ;--sliderWidth: calc(4 * calc(calc(2 * var(--izidb_sliderCircleMargin)) + var(--izidb_sliderCircleDiameter)))
    ;width:fit-content
    ;left:calc(calc(100% - var(--sliderWidth)) / 2)
    ;display: inline-block
    ;visibility: hidden
}
#izidb_slider.izidb_selected{
    visibility: visible;
}


.izidb_redCircle{
    width:var(--izidb_sliderCircleDiameter)
    ;height:var(--izidb_sliderCircleDiameter)
    ;margin:calc(var(--izidb_sliderCircleMargin) / 2) var(--izidb_sliderCircleMargin)    
    ;padding: 0pt
    ;vertical-align:middle
    ;background-color: transparent
    ;background-image:url('data:image/svg+xml;utf8,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19">\
<defs>\
<style>\
.cls-1 {\
fill: none;\
stroke: %23bc0000;\
stroke-miterlimit: 10;\
stroke-width: .77px;\
}\
</style>\
</defs>\
<circle class="cls-1" cx="9.5" cy="9.5" r="9.11"/>\
</svg>')
    ;background-position: center
    ;background-size:contain
    ;background-repeat: no-repeat
    ;border:none
}

.izidb_redCircle.izidb_fill{
    --izidb_sliderCircleScale:1.2
    ;--izidb_sliderCircleScaleMargin:calc(var(--izidb_sliderCircleMargin) - calc(calc(var(--izidb_sliderCircleScale) - 1) * var(--izidb_sliderCircleDiameter)))
    ;width:calc(var(--izidb_sliderCircleDiameter) * var(--izidb_sliderCircleScale))
    ;height:calc(var(--izidb_sliderCircleDiameter) * var(--izidb_sliderCircleScale))
    ;margin:calc(var(--izidb_sliderCircleScaleMargin) / 2) var(--izidb_sliderCircleScaleMargin)
    ;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.23 18.23">\
<defs>\
<style>\
.cls-1 {\
fill: %23bc0000;\
stroke-width: 0px;\
}\
</style>\
</defs>\
<circle class="cls-1" cx="9.11" cy="9.11" r="9.11"/>\
</svg>')
}


:root{
    --izidb_logoLeft:1vmin
    ;--izidb_logoTop:1vmin
    ;--izidb_logoHeight:5vmin
    ;--izidb_menuTop: calc(var(--izidb_logoTop) + calc(var(--izidb_logoHeight) * 1.3))
    ;--izidb_mainTopMargin:calc(var(--izidb_menuTop) + calc(calc(var(--izidb_menuFontSize) + calc(var(--izidb_menuVerticalPadding) * 2)) * 2.7))
    ;--izidb_mainLeftMargin:10vw
    ;--izidb_mainRightMargin:10vw
    ;--izidb_mainBottomMargin:5vh
    ;--izidb_mainWidth:80vw
    ;--izidb_mainHeight:calc(95vh - var(--izidb_mainTopMargin))
    ;--izidb_sliderCircleDiameter:1.5vmax
    ;--izidb_sliderCircleMargin:1vmax
}


@media (min-aspect-ratio:1024 / 768){

    :root{
    ;--izidb_menuFontSize:1.8vmax
    ;--izidb_menuHorizontalMargin:calc(var(--izidb_menuFontSize) * 1)
    ;--izidb_menuVerticalPadding:calc(var(--izidb_menuFontSize) * 0.3)
    ;--izidb_menuHorizontalPadding:calc(var(--izidb_menuFontSize) * 0.6)
    ;--izidb_themaFontSize:1.3vw
    ;--izidb_dialogFontSize:1.3vw
    }

    #izidb_main{
        --izidb_descriptionWidth:calc(var(--izidb_mainWidth) * 0.55)
    }

    .izidb_thema>div:nth-child(0n+2){
        ;width:var(--izidb_descriptionWidth)
    }
    
    .izidb_thema>div:first-child{
        ;width:calc(100% - var(--izidb_descriptionWidth))
    }

    #izidb_main.izidb_sizable.izidb_close{
        ;--izidb_descriptionWidth:0%
    }

    #izidb_main.izidb_sizable.izidb_close .izidb_thema>div:nth-child(0n+2)
    {
        ;display:none
    }

    #izidb_main.izidb_sizable + #izidb_pin
    {
        visibility: visible
    }
    
}

@media (max-aspect-ratio:1023 / 768){

    :root{
    ;--izidb_menuFontSize:1.5vmax
    ;--izidb_menuHorizontalMargin:calc(var(--izidb_menuFontSize) * 0.5)
    ;--izidb_menuVerticalPadding:calc(var(--izidb_menuFontSize) * 0.5)
    ;--izidb_menuHorizontalPadding:calc(var(--izidb_menuFontSize) * 0.2)
    ;--izidb_themaFontSize:1.9vh
    ;--izidb_dialogFontSize:1.5vw
    }

    #izidb_main{
        ;--izidb_descriptionLeft:0pt
    }
    #izidb_main.izidb_close{
        --izidb_descriptionLeft:95%
    }

    .izidb_thema.izidb_selected{
        display: block
    }

    .izidb_thema>div{
        ;width:100%
        ;height:100%
    }
    
    #izidb_pin{
    visibility: visible
    }
    
    .izidb_thema>div:nth-child(0n+2){
        position:absolute
        ;left:var(--izidb_descriptionLeft)
        ;top:0pt
    }

    #izidb_main.izidb_close .izidb_thema>div:nth-child(0n+2)
    {
        background-color:rgba(255,255,255,0.5)
    }

}

#izidb_copyRight{
    position:absolute
    ;right:2vw
    ;bottom:1vh
    ;color:#808080
    ;font-size:calc(var(--izidb_menuFontSize) * 0.7)
}

#izidb_logo{ 
    position:absolute
    ;left:var(--izidb_logoLeft)
    ;top:var(--izidb_logoTop)
    ;height:var(--izidb_logoHeight)
    ;width:calc(calc(var(--izidb_logoHeight) / 122) * 206)
}

.izidb_dialog{
    ;background-color:transparent
    ;background-image: url('../images/izidb_dialog.png')
    ;background-origin: border-box
    ;background-position: center
    ;background-repeat: no-repeat
    ;background-size: 100% 100%
    ;border:none
    ;outline:none
    ;font-size:var(--izidb_dialogFontSize)
    ;color:white
    ;padding: 2em
    ;max-width: 70vw
    ;text-align: center
    ;-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.izidb_dialog>div{
    ;position:relative
    ;display:flex
    ;flex-direction: column
    ;flex-wrap: nowrap
    ;align-items: center
    ;justify-content: center
}
.izidb_dialog p:first-of-type{
    ;margin-bottom:calc(var(--izidb_dialogFontSize) * 1.5)
}
.izidb_dialog p:last-of-type{
    ;margin-bottom:calc(var(--izidb_dialogFontSize) * 1.8)
}

.izidb_cross{
    ;position:absolute
    ;right:0pt
    ;bottom:0pt
    ;width:var(--izidb_dialogFontSize)
    ;height:var(--izidb_dialogFontSize)
    ;background-color:transparent
    ;background-origin: border-box
    ;background-position: center
    ;background-size: contain
    ;background-image: url('../images/izidb_cross.png')
    ;border:none
}

.izidb_cross:hover{
    cursor:pointer
}

#izidb_W2H50Schema{
    --izidb_w2h50IconWidth: 8vmax;
    --izidb_w2h50IconHeight: calc(var(--izidb_w2h50IconWidth) * 1.15)
}

.izidb_w2h50WaitingAuthorization{
    width: 1.2em
    ;height: 1.2em
    ;filter: drop-shadow(0ex 0em 0.4ex white)
    ;margin-right: 1.6ex
    ;vertical-align: -0.2em
}

.izidb_w2h50Group {
    position: relative;
    outline: solid 1.3pt rgb(185, 2, 0);
    font-size:0pt
}
.izidb_w2h50Group:hover {
    outline-color: rgb(255,2,0);
    outline-width: 2.2pt;
}

.izidb_w2h50Group::after {
    content: attr(izidb_w2h50GroupName);
    position: absolute;
    left: 1ch;
    top:calc(-1.05 * var(--izidb_w2h50IconHeight));
    color: white;
    font-size: calc(var(--izidb_themaFontSize) * 0.5);
    text-align: left;
    background-color: rgb(185, 2, 0);
    padding: 0pt 1ch;
}

.izidb_w2h50Group:hover::before {
    background-color:rgb(255,2,0)
}

.izidb_w2h50Icon {
    position: relative;
    width: var(--izidb_w2h50IconWidth);
    height: var(--izidb_w2h50IconHeight);
    margin-top: calc(var(--izidb_w2h50IconHeight) * 0.08);
}

.izidb_w2h50Source {
    position: absolute;
    width: calc(var(--izidb_w2h50IconWidth) * 0.2);
    height: calc(var(--izidb_w2h50IconWidth) * 0.2);
    margin-left: calc(var(--izidb_w2h50IconWidth) * -0.25);
    margin-top: calc(var(--izidb_w2h50IconHeight) * -0.04);
    background-image: url("../images/izidb_docsource.png");
    background-origin: border-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


#izidb_GoW2H50{
    ;position: absolute
    ;right:1em
    ;bottom:0.3em
    ;--izidb_GoHeight:3em
    ;width:calc(calc(var(--izidb_GoHeight) / 91) * 225)
    ;height:var(--izidb_GoHeight)
    ;background-color:transparent
    ;background-origin: border-box
    ;background-position: center
    ;background-size: 100% 100%
    ;background-image:url('../images/izidb_go.png')    
    ;outline:none
    ;border:none
    ;cursor:not-allowed
}
#izidb_GoW2H50::after{}

.izidb_subTitle{
    ;font-size:calc(var(--izidb_themaFontSize) * 1)
    ;font-weight:700
    ;margin-top:1.2em
}

.izidb_textLevel1{
    ;margin-top:1em
}

#izidb_singleDocIcon, #izidb_streamDocIcon{
    ;--izidb_height:1.2em
    ;height:var(--izidb_height)
    ;width:calc(calc(var(--izidb_height) / 56) * 38)
    ;margin:0pt 0.2em
    ;vertical-align: text-bottom
}

#izidb_smartphone, #izidb_tablet, #izidb_laptop, #izidb_carDevice{
    ;margin:0.4em 0.5em 0em
    ;opacity: 0.4
    ;vertical-align: text-bottom
}

#izidb_smartphone{
    ;--izidb_height:1.5em
    ;height:var(--izidb_height)
    ;width:calc(calc(var(--izidb_height) / 115) * 63)
}

#izidb_tablet{
    ;--izidb_height:1.8em
    ;height:var(--izidb_height)
    ;width:calc(calc(var(--izidb_height) / 155) * 108)
}


#izidb_laptop{
    ;--izidb_height:2em
    ;height:var(--izidb_height)
    ;width:calc(calc(var(--izidb_height) / 173) * 289)
}

#izidb_carDevice{
    ;--izidb_height:2.2em
    ;height:var(--izidb_height)
    ;width:calc(calc(var(--izidb_height) / 149) * 361)
}

#izidb_hyperlink{
    ;display:inline-block
    ;--izidb_height:3em
    ;padding:0.2em
    ;margin:0.3em 0.4em
    ;vertical-align: top
    ;background-color:darkgrey
    ;height:var(--izidb_height)
    ;width:var(--izidb_height)
    ;background-position: center
    ;background-size: contain
    ;background-repeat: no-repeat
    ;background-image:url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 37.13 42.91" preserveAspectRatio="xMidYMid meet">\
<defs>\
<style>.cls-1,.cls-2{fill:%23fff;}\
.cls-3{stroke-dasharray:0 0 3.06 3.06;}\
.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8,.cls-9,.cls-10{fill:none;}\
.cls-3,.cls-4,.cls-6,.cls-7,.cls-8,.cls-9,.cls-10{stroke-linejoin:round;}\
.cls-3,.cls-4,.cls-6,.cls-8,.cls-9,.cls-10{stroke:%23fff;}\
.cls-3,.cls-4,.cls-6,.cls-8,.cls-10{stroke-width:1.22px;}\
.cls-4{stroke-dasharray:0 0 3.85 3.85;}\
.cls-5{stroke-miterlimit:10;stroke-width:.5px;}\
.cls-5,.cls-7{stroke:%23f2f2f2;}\
.cls-11{filter:url(%23drop-shadow-1);}\
.cls-7{stroke-width:.61px;}\
.cls-8{stroke-dasharray:0 0 1.98 1.98;}\
.cls-2{font-family:MyriadPro-Regular, \'Myriad Pro\';font-size:8px;}\
.cls-12{letter-spacing:0em;}\
.cls-9{stroke-width:1.95px;}\
.cls-10{stroke-dasharray:0 0 1.87 1.87;}\
.cls-13{letter-spacing:0em;}\
</style>\
<filter id="drop-shadow-1" filterUnits="userSpaceOnUse">\
<feOffset dx="0" dy="0"/>\
<feGaussianBlur result="blur" stdDeviation=".5"/>\
<feFlood flood-color="%23000" flood-opacity=".75"/>\
<feComposite in2="blur" operator="in"/>\
<feComposite in="SourceGraphic"/>\
</filter>\
</defs>\
<g id="http" class="cls-11">\
<g>\
<rect class="cls-5" x=".25" y="15.34" width="36.63" height="27.32"/>\
<line class="cls-7" x1="11.71" y1="19.27" x2="11.71" y2="39.54"/>\
<line class="cls-7" x1="25.87" y1="19.1" x2="25.87" y2="39.37"/>\
<g>\
<line class="cls-5" x1="2.54" y1="22.66" x2="9.97" y2="22.64"/>\
<line class="cls-5" x1="2.54" y1="24.02" x2="9.97" y2="24"/>\
<line class="cls-5" x1="2.54" y1="25.39" x2="9.97" y2="25.36"/>\
<line class="cls-5" x1="2.54" y1="21.3" x2="9.97" y2="21.27"/>\
<line class="cls-5" x1="2.54" y1="26.75" x2="9.97" y2="26.73"/>\
<line class="cls-5" x1="2.54" y1="28.12" x2="9.97" y2="28.09"/>\
<line class="cls-5" x1="2.54" y1="29.48" x2="9.97" y2="29.46"/>\
<line class="cls-5" x1="2.54" y1="30.84" x2="9.97" y2="30.82"/>\
<line class="cls-5" x1="2.54" y1="32.21" x2="9.98" y2="32.18"/>\
<line class="cls-5" x1="2.54" y1="33.57" x2="9.98" y2="33.55"/>\
<line class="cls-5" x1="2.54" y1="34.94" x2="9.98" y2="34.91"/>\
<line class="cls-5" x1="2.54" y1="36.3" x2="9.98" y2="36.28"/>\
<line class="cls-5" x1="2.54" y1="37.66" x2="9.98" y2="37.64"/>\
</g>\
<g>\
<line class="cls-5" x1="14.87" y1="22.67" x2="22.31" y2="22.64"/>\
<line class="cls-5" x1="14.87" y1="24.03" x2="22.31" y2="24.01"/>\
<line class="cls-5" x1="14.87" y1="25.39" x2="22.31" y2="25.37"/>\
<line class="cls-5" x1="14.87" y1="21.3" x2="22.3" y2="21.28"/>\
<line class="cls-5" x1="14.87" y1="26.76" x2="22.31" y2="26.73"/>\
<line class="cls-5" x1="14.87" y1="28.12" x2="22.31" y2="28.1"/>\
<line class="cls-5" x1="14.87" y1="29.49" x2="22.31" y2="29.46"/>\
<line class="cls-5" x1="14.88" y1="30.85" x2="22.31" y2="30.83"/>\
<line class="cls-5" x1="14.88" y1="32.21" x2="22.31" y2="32.19"/>\
<line class="cls-5" x1="14.88" y1="33.58" x2="22.31" y2="33.55"/>\
<line class="cls-5" x1="14.88" y1="34.94" x2="22.31" y2="34.92"/>\
<line class="cls-5" x1="14.88" y1="36.31" x2="22.31" y2="36.28"/>\
<line class="cls-5" x1="14.88" y1="37.67" x2="22.31" y2="37.65"/>\
</g>\
<g>\
<line class="cls-5" x1="27.21" y1="22.67" x2="34.64" y2="22.65"/>\
<line class="cls-5" x1="27.21" y1="24.04" x2="34.64" y2="24.01"/>\
<line class="cls-5" x1="27.21" y1="25.4" x2="34.64" y2="25.38"/>\
<line class="cls-5" x1="27.21" y1="21.31" x2="34.64" y2="21.29"/>\
<line class="cls-5" x1="27.21" y1="26.76" x2="34.64" y2="26.74"/>\
<line class="cls-5" x1="27.21" y1="28.13" x2="34.64" y2="28.1"/>\
<line class="cls-5" x1="27.21" y1="29.49" x2="34.64" y2="29.47"/>\
<line class="cls-5" x1="27.21" y1="30.86" x2="34.64" y2="30.83"/>\
<line class="cls-5" x1="27.21" y1="32.22" x2="34.64" y2="32.2"/>\
<line class="cls-5" x1="27.21" y1="33.58" x2="34.65" y2="33.56"/>\
<line class="cls-5" x1="27.21" y1="34.95" x2="34.65" y2="34.92"/>\
<line class="cls-5" x1="27.21" y1="36.31" x2="34.65" y2="36.29"/>\
<line class="cls-5" x1="27.21" y1="37.68" x2="34.65" y2="37.65"/>\
</g>\
</g>\
<g>\
<polyline class="cls-6" points="3.11 23.3 1.29 23.3 1.29 25.13"/>\
<line class="cls-8" x1="1.29" y1="27.11" x2="1.29" y2="30.09"/>\
<polyline class="cls-6" points="1.29 31.08 1.29 32.9 3.11 32.9"/>\
<line class="cls-3" x1="6.17" y1="32.9" x2="10.77" y2="32.9"/>\
<polyline class="cls-6" points="12.3 32.9 14.13 32.9 14.13 35.68 15.95 35.68"/>\
<line class="cls-10" x1="17.83" y1="35.68" x2="20.64" y2="35.68"/>\
<polyline class="cls-6" points="21.57 35.68 23.4 35.68 23.4 33.86"/>\
<line class="cls-4" x1="23.4" y1="30.01" x2="23.4" y2="24.23"/>\
<polyline class="cls-6" points="23.4 22.31 23.4 20.48 21.57 20.48"/>\
<line class="cls-10" x1="19.7" y1="20.48" x2="16.89" y2="20.48"/>\
<polyline class="cls-6" points="15.95 20.48 14.13 20.48 14.13 23.3 12.3 23.3"/>\
<line class="cls-3" x1="9.24" y1="23.3" x2="4.64" y2="23.3"/>\
</g>\
<g>\
<line class="cls-9" x1="18.66" y1="9.85" x2="18.7" y2="14.84"/>\
<polygon class="cls-1" points="15.77 14.01 18.73 19.04 21.61 13.97 15.77 14.01"/>\
</g>\
<text class="cls-2" transform="translate(9.19 6.7)">\
<tspan class="cls-13" x="0" y="0">h\
</tspan>\
<tspan class="cls-12" x="4.41" y="0">ttp://\
</tspan>\
</text>\
</g>\
</svg>')
}