﻿
@font-face {
    font-family: "OpenSans-Light";
    src: url("../fonts/OpenSans-CondLight.woff") format("woff");
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url("../fonts/OpenSans-CondBold.woff") format("woff");
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/RobotoCondensed-Regular.eot');
    src: url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

#camera, #camera--view, #camera--sensor, #camera--output {
    position: fixed;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#camera--view, #camera--sensor, #camera--output {
    transform: scaleX(-1);
    filter: FlipH;
}

#camera--trigger {
    width: 200px;
    background-color: black;
    color: white;
    font-size: 16px;
    border-radius: 30px;
    border: none;
    padding: 15px 20px;
    text-align: center;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    position: fixed;
    bottom: 30px;
    left: calc(50% - 100px);
}

.taken {
    height: 100px !important;
    width: 100px !important;
    transition: all 0.5s ease-in;
    border: solid 3px white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    top: 20px;
    right: 20px;
    z-index: 2;
}


.Nadpis {
    font-family: OpenSans-Bold;
    color: blue;
    font-size: 20px;
}

.hidecolumn {
    display: none;
}

.Nadpis2 {
    font-family: OpenSans-Bold;
    color: blue;
    font-size: 20px;
}

.Nadpis3 {
    font-family: OpenSans-Light;
    color: orangered;
    font-size: 30px;
}

.NadpisX {
    font-family: OpenSans-Light;
    color: orangered;
    font-size: 20px;
}
.Nadpis_skola {
    font-family: 'RobotoCondensed-Regular';
    color: darkgreen;
    font-size: 30px;

}

 xx_skola {
    font-family: 'RobotoCondensed-Regular';
    color: orangered;
    font-size: 30px;
}

.vytah_normal {
    font-family: "OpenSans-Light";
    font-size: 40px;
}

.vytah_bold {
    font-family: "OpenSans-Bold";
    font-size: 40px;
}

.FontCam {
    font-family: "OpenSans-Light";
    font-size: 20px;

FontCamBold {
    font-family: "OpenSans-Bold";
    font-size: 20px;
}


.Textik {
    font-family: OpenSans-Light;
    color: black ;
    font-size: 20px;
}

.TextSmall {
    font-family: OpenSans-Light;
    color: black;
    font-size: 16px;
}

.Butonek {
    font-family: OpenSans-Light;
    color: white;
    font-size: 20px;
    border-radius: 4px;
    border-color: blue;
    s
}
.h4 {
    font-size: 24px
}

calendar_day {
    font-weight:bold;
}