Html, body{
	height:100%;
    margin:0px;
    padding:0px;
}


.shadow {
 text-shadow: 2px 2px 4px #000000;
}

.myalert {
    display: none; 
    position: absolute; 
    z-index: 1099; 
    left: 50%; 
    max-width: 600px; 
    margin-left: -160px;
}

.navbar-brand {
    height: 100%;
}

p {
    margin: 10px 0 10px !important;
}

.fa-question-circle {
    color: gray;
    cursor: pointer;
}

.fa-question-circle:hover {
    color: black;
    cursor: pointer;
}

[id^=help] {
position: absolute;
right: 30px;
top: -20px;
}

[id^=help] div {
background-color: #eeeded;
box-shadow: 4px 4px 5px #888888;
position: relative;
z-index: 2090 !important;
padding: 10px;
font-size: 10px;
}

.table{
    margin-bottom: 0px !important;
}

TD {
    vertical-align: middle !important;
}

.maily TD {
padding: 2px !important;
font-size: 12px;
}



.btn-small {
    
    padding: 3px 6px;
    
}

.modal-header, .modal-footer  {
    background-color: #84C225;
}

.zahlavi{
    background-color: #84C225; 
    color: white;
    padding: 20px 0; 
}

.zahlavi small{
    color: white;
}

.zahlavi a{
    color: #e8fcdb;
}

.zahlavi a:hover{
    color: #cde9ba;
}

.margin-bottom-sm{
    margin-bottom: 8px;
}



.grandParentContaniner{
        display:table;
        height:100%;
        margin: 0 auto;
}
.parentContainer{
    display:table-cell;
    vertical-align:middle;  
}

.parentContainer H3{
    margin-bottom: 0px; 
}

.parentContainer #loginForm{
    padding:10px; 
    background: #fff;
    border: 1px solid #ddd;
    width:300px;  /*  your login form width */
}


/*FORM */
.asteriskField{
    color: red;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 0 1.4em !important;
    margin: 0 1em 1em 1em !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 12px;
        border-bottom:none;
        margin-bottom: 5px;
}









/*  TABLE */
th {
    background-color: #84C225; 
    color: white;   
}

@media only screen and (max-width: 800px) {
        /* Force table to not be like tables anymore */
        #no-more-tables table,
        #no-more-tables thead,
        #no-more-tables tbody,
        #no-more-tables th,
        #no-more-tables td,
        #no-more-tables tr {
        display: block;
        }
         
        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        }
         
        #no-more-tables tr { 
            border: 1px solid #ccc;
            margin: 3px;   
          }
        
                 
        #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 30%;
        white-space: normal;
        text-align:right;
        }
        
          
        /*#no-more-tables td:first-child {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
        background-color: gray;
        }*/
         
        #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        }
         
         .table-bordered {
            border: 0px solid #ddd;
         }
         
         
        /*
        Label the data
        */
        #no-more-tables td:before { content: attr(data-title); }
        }