/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017.12.20., 12:51:36
    Author     : Mocsa
*/
    #zarasInformation
    {
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1043;
        position: fixed;
        outline: 0!important;        
        overflow-x: hidden; 
        overflow-y: auto;        
    }
    #zarasInformation .zarasContent
    {
        text-align: center;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 0 8px;
        box-sizing: border-box;        
    }
    #zarasInformation .zarasContent .zarasInner
    {
        position: relative;
        width:100%;
        display: inline-block;
        vertical-align: middle;
        margin: 0 auto;
        text-align: left;
        z-index: 1045;        
    }
    #zarasInformation .zarasContent .zarasInner section
    {
        max-width:100%;
        transition-property:top;
        transition-timing-function:ease-in-out;
        transition-duration:1s;
        top: -1000px;
        overflow-y: auto;
        background: 0 0;
        left: auto;
        padding: 0;
        position: relative;
        width: 600px;
        margin: 30px auto;
        position: relative;
        border: 1px solid #999;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 6px;
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
        outline: 0;        
    }
    #zarasInformation .zarasContent .zarasInner section header
    {
        background-color: #2e5274;
        color: #fff;
        display: block;
        padding: 0 44px 0 1em;
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
        min-height: 16.44px;        
    }
    #zarasInformation .zarasContent .zarasInner section header h2
    {
        font-size: 1.15em;
        padding: 10px 0;
        margin: 0;
        line-height: 1.4375;        
        color:#fff;
    }
    #zarasInformation .zarasContent .zarasInner section .title
    {
        background: #fff;
        position: relative;
        padding: 15px;        
    }
    #zarasInformation .zarasContent .zarasInner section .title p
    {
        margin: 0 0 11.5px;        
    }
    #zarasInformation .zarasContent .zarasInner section .zarasFooter
    {
        background: #fff;
        margin-top: 0;
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;        
    }
    #zarasInformation .zarasContent .zarasInner section .zarasFooter button
    {
        border-style: outset;
        height: auto;
        min-height: 36px;
        min-width: 36px;
        white-space: normal;
        color: #fff;
        background-color: #2572b4;
        border-color: #143c5f;
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        padding: 6px 12px;
        font-size: 16px;
        line-height: 1.4375;
        border-radius: 4px;
        user-select: none;        
    }
    #zarasOverlay
    {
        opacity: .87;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1042;
        overflow: hidden;
        position: fixed;
        background: #0b0b0b;
        filter: alpha(opacity=80)        
    }
    #zarasTimeout
    {
        transition-property: bottom; 
        transition-timing-function: ease-in-out; 
        transition-duration: 1s;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 1043;
        position: fixed;
        outline: 0!important;
        overflow-x:hidden;
        overflow-y: auto;        
    }
    #zarasTimeout .timeoutContent
    {
        text-align: center;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        box-sizing: border-box;        
    }
    #zarasTimeout .timeoutContent .timeoutInner
    {
        position: relative;
        width:100%;
        display: inline-block;
        vertical-align: middle;
        margin: 0 auto;
        text-align: left;
        z-index: 1045;        
    }
    #zarasTimeout .timeoutContent .timeoutInner section
    {
        max-width:100%;
        overflow-y: auto;
        background: 0px 0px; 
        left: auto; 
        padding: 0px; 
        width: 100%; 
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; 
        outline: 0px;        
    }
    #zarasTimeout .timeoutContent .timeoutInner section .timeoutText
    {
        background: #888;
        color:#fff;
        position: relative;
        padding: 15px;        
    }
    #zarasTimeout .timeoutContent .timeoutInner section .timeoutText p
    {
        color:#fff;
        font-size:3vh;
    }
    #zarasTimeout .timeoutContent .timeoutInner section .timeoutText .closebutton
    {
        display: inline-block;
        box-sizing: content-box;
        width: 0.75em;
        height: 0.75em;
        position: absolute;
        cursor: pointer;
        margin: 0;
        padding: 0;
        border-radius: 1em;
        font: normal normal normal 2em/normal Arial, Helvetica, sans-serif;
        color: rgba(0,0,0,1);
        background: #000;
        right:10px;
    }
    #zarasTimeout .timeoutContent .timeoutInner section .timeoutText .closebutton:before
    {
        display: inline-block;
        box-sizing: content-box;
        width: 0.45em;
        height: 0.1em;
        position: absolute;
        content: "";
        top: 0.33em;
        left: 0.155em;
        font: normal normal normal 100%/normal Arial, Helvetica, sans-serif;
        color: rgba(0,0,0,1);
        background: #ffffff;
        transform: rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);
        transform-origin: 50% 50% 0;        
    }
    #zarasTimeout .timeoutContent .timeoutInner section .timeoutText .closebutton:after
    {
        display: inline-block;
        box-sizing: content-box;
        width: 0.45em;
        height: 0.1em;
        position: absolute;
        content: "";
        top: 0.33em;
        left: 0.155em;
        font: normal normal normal 100%/normal Arial, Helvetica, sans-serif;
        color: rgba(0,0,0,1);
        background: #ffffff;
        transform: rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);
        transform-origin: 50% 50% 0;        
    }