@media print {
  .container {
    width: auto;
  }
}

hrml {

}

html, body {

    font-family : 'Ubuntu', sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    Xfont-size: 1.5em;

    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(255,0,0,0.3883928571428571) 0%, rgba(0,212,255,0) 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    
}


label {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    font-weight: normal;
    font-size: 140%;
}

h1,h2,h3,h4 {
    color: red;
    padding-top: 1em;
}

h2 {
    font-size: 2em;
}

.flagClick {
    font-size: 1.5em;
}

.btn-lg {
    font-size: 1.7em;
    margin-bottom: 30px;
}

.form-control-lg {
    font-size: 200%;
    font-weight: bold;
}

.form-control, .form-control-extra {
    font-size: 200%;
    font-weight: bold;
}

.form-control-extra2 {
    font-size: 300%;
    font-weight: bold;
}
button {
    height: 80px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.btn-primary {
    background-color: red;
    border: red;
    height: 80px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited{
    background-color: white;
    border: red;
    color: red;
}


.sirokyText {
    letter-spacing: 10px;
}

.hidden {
    display: none;
}

.container {
    color: black;
    max-width: 100%;
}



.kHeader{
    background: white;
    padding: 5px;
    border-bottom: 1px solid red;
}
.kHeader img{
    margin-left: 16px;
    max-height: 35px;
}


.waCheck {
    margin-top: 3px;
    zoom: 200%;
}


.require-star {
    color: red;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
    margin-right: 5px;
}




.pError {
    background-color: yellow;
    border: 3px solid red;
}

.errorPage {
    position: absolute;
    width: 80%;
    height: auto;
    border: 10px solid red;
    padding: 20px;
    top: 50px;
    left: 50px;
    background: yellow;
    z-index: 10000;
    text-align: center;
    font-size: 1.5em;
}

.errorPage h1 {
    color: red;
}


.form-control:focus {
    border-color: yellow;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.toggle {
    zoom: 200%;
}

.toggle-on {
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
}

.toggle-off {
    background-color: #eaebec;
}

.img-thumbnail {
    border: 0;
    background: none;
}

#appPage1 .row div {
    margin: 50px;
}

.appBottom {
    margin-top: 50px;
}


input[type=checkbox] {
    zoom: 400%;
}