/*@import url( 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap' );
@import url( 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i&display=swap' );*/
@import url( 'fonts.css' );

/* RESET */
html {
    /* ez chrome alatt kikapcsolja a 300ms körüli touch delayt */
    touch-action: manipulation;
    font-family: 'Roboto','Roboto Condensed', sans-serif;
    font-size: 12px;
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

*:focus {
    /*border: 1px solid #28508E !important;*/
    outline-offset: unset;
    outline: none;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
    overscroll-behavior: contain; /*pull-down-refresh kikapcsolása*/
}

ol, ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}
/* END OF RESET */

.dialog.modal:before {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.4);
    right: 0;
    bottom: 0;
    content: "";
    z-index: 2;
}

.dialog.modal.alert:before {
    z-index: 1000;
}

.hidden {
    display: none !important;
}

.disabled {
    pointer-events: none;
}

.clientComponentContainer {
    height: 100%;
}

.readonly {
    pointer-events: none;
}