/* TOP - MAIN DESIGN */
@import "loader.css";

body{
    position: fixed;
    top: 0;
    left: 0;
    margin: 0px;
    width: 100%;
    height: 100%;
    min-height: 300px;
    background-image: url(../grafika/vodotiskup.svg);
    background-attachment: fixed;
    background-size: cover;
    font-family: MontserratL;
    color: rgba(57, 55, 56, 1);
    display: grid;
    grid-template-areas: "top"
                         "main";
    grid-template-rows:  68px 1fr;
}

button {
    margin: 0;
    padding: 0;
}

input:focus, textarea:focus, button, button:focus {
    outline: none;
}

hr{
    height: 1px;
    border: none;
    background-color: rgb(226, 226, 226);
    margin: 10px 0px 10px 0px;

}

select {
    background: rgb(221, 221, 221);
    box-shadow: inset 0px 1px 2px 0px rgb(179, 179, 179);
    border: 1px solid rgb(150, 150, 150);
    border-radius: 15px;
    padding: 5px;   
    margin: 7px;
}

select:hover {
    background: rgb(252, 252, 252);
}

.hiddenInput{
    display: none;
}

.readOnly{
    background: none;
    box-shadow: none;
}

@font-face {
    font-family: MontserratL;
    src: url(fonty/Montserrat-Light.ttf);
}

@font-face {
font-family: MontserratM;
src: url(fonty/Montserrat-Medium.ttf);
}

@font-face {
    font-family: Noto_Sans_TC;
    src: url(fonty/Roboto-Medium.ttf);
    /* src: url(fonty/NotoSansTC-Medium.otf); */
 }

 @font-face {
    font-family: UPGlobal-Regular;
    src: url(fonty/UPGlobal-Regular.otf);
 }