/*
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 : 12.1.2020, 8:55:45
    Author     : vyvoj
*/


body{
    background-image:  url("../img/dog_left.png"), url("../img/dog_right.png"), url("../img/bground.png");
    -webkit-background-size:  auto, auto, cover;
    -moz-background-size: auto, auto, cover;
    -o-background-size: auto, auto, cover;
    background-size: auto, auto, cover;
    background-position: left, right, center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-attachment: fixed, fixed, fixed;
}

tr.colorize:hover{
    background: #f5f5b0;

}

li.nav-submenu {
    /*background-image: url(../img/button.png);*/
    -webkit-background-size:  cover;
    -moz-background-size:  cover;
    -o-background-size:  cover;
    background-size:  cover;
    background-repeat: no-repeat;
    background-position: center;
    /*background-attachment: fixed;*/
    text-align: right;
    vertical-align: top;
    width: fit-content;
    align-items: center;
    display: grid;
}

li.nav-submenu a {
    /*color: #000;*/
    text-align: center;
    vertical-align: top;
    position: relative;
}

li.nav-last a {
    color: #FFFFFF;
}

.headtr{
    background: #26201C;
    color: #A69A94;
    font-weight: bold;
}

.detailtr{
    background: whitesmoke;
}

td.pbox:hover{
    background: #ECFFCC;

}

.colapseClass {
    display: none;
}

.expandClass {
    display: table-row;
}

.mainDiv {

    margin: 20px;

}

div.dialogWide {
    width: 600px !important
}

div.loginModal {

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 400px;
    height: 200px;
    border: 1px grey solid;
    padding: 20px;
    text-align: left;
    vertical-align: central;
    background-color: white;
    border-radius: 25px;

    -webkit-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
}

div.loginModalBack {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.hintDiv {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px grey solid;
    padding: 2px;
}