html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	
	
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
   
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


html, body {
  
}


.clear
{
    clear:both;
}

h3{
    text-align:center;
}

body {
    font-family: Tahoma !important;
    margin: 0;
   
    padding: 0;
  
  
    
  
}




.bold, .bold *{
    font-weight:bold;
}




 #form1, #footer,#content {
       margin:auto;
     }
#form1 {
    width: 100%;
 
}

#content {
    position: relative;
    margin: auto;
    height: calc(100vh - 30mm);
    width: 100%;
    max-width:20cm;
    
}

#content_top_absolute, #loading_box, #content_top_absolute_2, #modulbox {
    background: white;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    display: none;
    overflow: scroll;
    top: 14mm;
}
.absolutebox
{
    
}
    #content_top_absolute_2 {
        background: white;
    }
#loading_box
{
    display:none;
    z-index:3;
   
    text-align:center;

    opacity: 0.5;
    filter: alpha(opacity=50);
}


#loading_box img{
  
     width:100%;
     clear:both;
     margin:auto;
     margin-bottom:3mm;
    
}
#loading_box span{
 
  display:block;
  clear:both;
  border:1px solid black;
  background:white;
  margin:auto;
  width:30%;

  
   
}
h1{
    text-align:center;
    font-size:5mm;
    line-height:10mm;
   
   
}
h2{
    text-align: center;
    font-size: 5mm;
    line-height: 10mm;
}
.homepage_icon {
    background: url('../img/homepage_icon.png') no-repeat right;
    background-size:  auto 100%;
   }
#Header {
    background: #00ff21;
    background: url('/img/menu_bg.jpg')no-repeat;
    background-size: cover;
    float:left;
   
    
    line-height: 10mm;
    border-bottom: 1mm solid #373737;
   
    display: block;
    width: 100%;

}

#HomeLink {
    line-height:1cm;
}

#Header img{
    height:10mm;
    margin:1mm;
    float:left;
    

}
#Header a{
    text-decoration:none;
    display:block;
    float:left;
    
}

#versionApp, #ActTrenink {
    font-size: 3mm;
    color: #333;
    padding: 0px;
    padding-left: 2mm;
    /*text-decoration: none !important;*/
    float: left;
    line-height: 10mm
}
#ActTrenink {
    padding-left: 2mm;
    font-size: 4mm;
    text-decoration:underline;
}
#Settings {
    float: right;
    display: block;
    height: 10mm;
    width: 18mm;
    background: url('/img/bars-black.png') no-repeat left center;
    background-size: auto 50%;
    background-position-x: 3em;
}
#Menu{
    position:absolute;
    top:12mm;  
    right:1mm;
    background:url('/img/menu_bg.jpg')no-repeat;
    border:1px solid #808080;
    padding:0;
    background-size: cover;
    display:none;
    z-index:1;

    
}
#Menu div, #Menu a
{
    margin:0;
    line-height:6mm;
    border-bottom:1px solid #808080;
    padding:0;
    padding:1mm;
    padding-left:3mm;
    padding-right:3mm;
    text-decoration:none;
    color:#000000;
    display:block;
}
#footer {
    background: #00ff21;
    height: 10mm;
    background: url('/img/menu_bg.jpg')no-repeat;
    background-size: cover;
    position:fixed;
    left:1mm;
    bottom:0;
    width:100%;
}
#footer span
{
     margin-top:1mm;
      text-align:right;
      padding-right:2mm;
      display:block;
      line-height:12mm;
      font-size:3mm;
}
#DefaultPageMenu
{
   display:flex;
   width:100%;
   justify-content:space-around;
   flex-wrap:wrap;
      
}
    #DefaultPageMenu .item {
        width: 45%;
        border: 1px solid #808080;
        margin-top:3mm;
    }
    #DefaultPageMenu .item.first {
        width: 55%;
        border: 3px solid #808080;
        margin-top: 3mm;
    }
    #DefaultPageMenu a {
        display: block;
        width: 40%;
        width:100%;
        height:100%;
        font-size:4mm;
        margin-top:3mm;
        padding-top:20mm;
        padding-bottom:3mm;
        color:black;
        text-decoration:none;
        text-align:center;
       font-size:1em;
         
    }
        #DefaultPageMenu a#hlMenuworkout {
            background: url('/img/posilovani.png') no-repeat center top;
            background-size: auto 30%;
        }
        #DefaultPageMenu a#new_plan {
            background: url('/img/new_plan_icon.png') no-repeat center top;
            background-size: auto 30%;
        }
    #DefaultPageMenu a#plan_list {
       
        background: url('/img/plan_list_icon.png') no-repeat center top;
        background-size: auto 30%;
    }
        #DefaultPageMenu a#cvik_list {
            background: url('/img/bars-black.png') no-repeat center top;
            background-size: auto 30%;
        }
        #DefaultPageMenu a#kategorie_list {
            background: url('/img/bars-black.png') no-repeat center top;
            background-size: auto 30%;
        }
        #DefaultPageMenu a#history {
            background: url('/img/history_icon.png') no-repeat center top;
            background-size: auto 30%;
        }

        #DefaultPageMenu a#hlMenuStatistika {
            background: url('/img/chart_icon.png') no-repeat center top;
            background-size: auto 30%;
        }

        #DefaultPageMenu a#hlmenuSync {
            background: url('/img/sync2_icon.png')no-repeat center top;
            background-size: auto 30%;
        }
        #DefaultPageMenu a#settings_icon {
            background: url('/img/settings_icon.png') no-repeat center top;
            background-size: auto 30%;
        }
        #DefaultPageMenu a.logout_icon {
            background: url('/img/logout_icon.png')no-repeat center top;
            background-size: auto 30%;
        }

.HistorieCvikuTable td
{
    text-align:center;
}
.table {
    /*border: 1px solid #808080;*/
}
    .table, .table th, .table td {
        border-bottom: 1px solid #888;
        border-top: 1px solid #888;
        border-collapse: collapse;
        padding: 1px;
        text-align: left;
        padding-right: 1mm;
        padding-left: 1mm;
        
    }

        .table.right td, .table.right th {
            text-align: right;
            padding-right: 1mm;
            padding-left: 1mm;
        }
.table th
{
    font-weight:bold;
    text-align: right;
    
}
.table
{
     margin-bottom:1mm;
     width:100%;
      background:white;
}
    .table.siroka td, .table.siroka th{
        height:8mm;

    }

    .table tr:nth-child(even) td, .table tr:nth-child(odd) td {
        vertical-align: middle;
        padding-left: 1mm;
    }
    .table tr:nth-child(even) {
        /*background:url('/img/AlternateRow.jpg')no-repeat;
       background-size: cover;*/
      
        background: #cedac6;
       
    }



.table .Nadpis td, .table .Nadpis th {
    vertical-align: middle;
}
    .table .Nadpis {
        background: white;
        border-bottom: 2px solid #698763;
        height: 10mm;
        line-height: 10mm;
        text-align: center !important;
    }

    .table .NazevCviku {
        text-align: center !important;
        
        font-weight: bold;
        background: white;
        position: relative;
        height: 6mm;
        line-height: 6mm;
    }
    

    

.planTable {
}

.planTable input[type=number] {
    width: 3em;
    text-align: center;
}

input[type=number].short{
    width:3em;
    height:2em;
}
.left {
    float: left;
    text-align: left;
}

td.left {
    text-align: left;
    float: none;
}
td.right {
    text-align: right;
    float: none;
}




.disabled{
    color:#808080;
}
.g-recaptcha
{
    margin:auto;
    width:100%;
}
.text{
    padding-left:2mm;
    padding-right:2mm;
     font-size:initial;
}
p
{
   
    margin-top:3mm;
    line-height:1.5em;

}
p img, .text img
{
   max-width:80%;
    margin-top:2mm;
 
}
input[type=button]
{

}
.linkPrihlasit, .linkRegistrovat
{
    font-weight:bold;
   
    color:black;
    font-size:large;
   
     padding:3mm 3mm;
     padding-left:12mm;
     display:inline-block;
     text-decoration:none;
     margin:5mm 0mm;
    
     background-position-x:2mm;
     border-bottom:1px solid #808080;
     border-right:1px solid #808080;
    
}


.linkPrihlasit {
    background: url('../img/posilovani.png') no-repeat #cedac6 left center;
    background-size:  auto 50%;
    background-position-x:2mm;
    
}
.linkRegistrovat {
    background: #cedac6;
    background-size: auto 50%;
    background-position-x: 2mm;
    padding-left: 3mm;
}

ul{
   
}
li {
  margin-left:1cm;
   List-style-type:disc;
   margin-top:2mm;
}

.formtable td
{
    padding-top:2mm;
    padding-bottom:2mm;
}

.DivUp,.DivDown{
    float:left;
    width:6mm;
    border:1px solid black;
   
}

input[type=text], input[type=email], input[type=password], input[type=number] {
    border: 1px solid #808080;
    padding: 0 1mm;
    height: 3em;
    width: calc(100% - 4mm);
}
.form{
    padding:2mm 3mm;
   
}
.form label
{
    display:block;
    clear:both;
    margin-top:4mm;
    margin-bottom:1mm;
}

.DivUp {
   
    background: url('/img/arrow-u-black.png') no-repeat center center ;
}
.DivDown {
   
    background: url('/img/arrow-d-black.png') no-repeat center center ;
    margin-left:1mm;
}

.statistickaSestava .bold td
{
    border-bottom:2px solid black;
    border-top:2px solid black;
   line-height:7mm;
   background:#ffbe00;
}
.bold-left-border
{
    border-left:3px solid black !important;
    
}

.ui-state-active
{
    background:#00ff21;
    background:#373737;
    color:white;
}


.ZelenaSvetla{
    background:#e6fcc4;
}
.ZelenaTmava{
     background:#44ac2f;
}
.ZelenaNaTlacitka
{
    background:#678762;
}
#gradient {
    display: block;
    width: 100%;
   
    height: 2mm;
    background: url('../img/Gradient.png') repeat-y;
    background-size:contain;
    position:relative;
    
}
    #gradientTop {
        right:0;
        position: absolute;
        display: block;
        width: 10%;
        
        height: 2mm;
        background:#fff;
        float:right;
    }

#HW
{
    margin-top:3mm;
    margin-left:1mm;
}
.button-green {
    display: block;
    text-align: center;
  
    margin: auto;
    padding: 2mm;
    padding-left: 4mm;
    padding-right: 4mm;
    color: black;
    float: left;
    background: #a9c791;
    border:1px solid black;
    margin-right:1mm;
}

.button-new, .button-delete, .button-edit, .button-statistika, .button-save {
    background: white;
    text-decoration: underline;
    padding: 2mm;
    padding-left: 10mm;
    padding-right: 4mm;
    height: 5mm;
    line-height: 5mm;
    font-weight: normal;
    text-decoration: underline;
    float: left;
}
.button-save {
    padding-left: 7mm;
    background: url("../img/ulozit.png") no-repeat;
    background-size: contain;
}
.button-edit {
  
    background: url("../img/new_plan_icon.png") no-repeat;
    background-size: contain;
    
}
.button-new {
    background: url("../img/btn_plus.png") no-repeat;
    background-size: contain;
}
.button-delete {
    
    background: url("../img/btn_minus.png") no-repeat;
    background-size: contain;
   
   
}
.button-statistika {
    background: url("../img/chart_icon.png") no-repeat;
    background-size: contain;
}
.button-cvicit {
    background: white;
  
    background: url("../img/posilovani.png") no-repeat;
    background-size: contain;
    padding: 2mm;
    padding-left: 4mm;
    padding-right: 4mm;
}
#UlozitPlan
{
    padding-top:4mm;
    padding-bottom:4mm;
}
.center-button {
    margin: 2mm;
    margin-top: 6mm;
    margin-bottom: 6mm;
    width: 80%;
}


#hwStatus {
    padding-left: 8mm;
}
    

    #hwStatus.online {
        background: url('../img/Akcelerator/signal.png') no-repeat left;
        background-size:contain;
    }

    #hwStatus.offline {
        background: url('../img/Akcelerator/signal.png') no-repeat left;
        background-size: contain;
    }
#hwClose {
    margin-top:5mm;
   
}
#hwZrychleni
{
    text-align:center;
    font-size:4mm;
}
.hwPozice {
    text-align: center;
    font-size: 5mm;
    margin-top: 3mm;
}
.HWAnalyzatorTable td, .HWAnalyzatorTable th, .HWAnalyzatorTable  {
    border: 0px solid white;
    border-collapse:unset;
    
}
    .HWAnalyzatorTable #AktualniVykonObal {
        border: 2mm solid #688762;
        height: 11em;
        width: 11em;
        border-radius: 100%;
        margin-left: 3mm;
        margin-right: 3mm;
        background: url("../img/Akcelerator/vykon.png") no-repeat bottom;
    }
    .HWAnalyzatorTable #AktualniVykon {
        margin-top:9mm;
        font-size: 12mm;
        font-weight: bold;
        text-align: center;
    }
    .HWAnalyzatorTable #ProcentaMaxima {
        text-align: center;
        margin-top: 3mm;
        font-size: 8mm;
    }
#AktualniVykonObal.gold {
    border: 2mm solid #ffbe00;
}
.HWAnalyzatorTable #CvikNazev {
    text-align: center;
    font-size: 6mm;
    padding: 3mm 0 3mm 0;
}
#canvas{
    height:8cm;
}
canvas
{
    background:white;
  
}

.KategorieCvikuBox
{
    line-height:20mm;
    width:calc(50% - 2mm);
    border:1px solid #808080;
    margin-top:2mm;
    text-align:center;
 
}
.CenterBox, .Klavesnice, .KlavesniceOblibene {
    padding: 1mm;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .CenterBox.Center {
        justify-content: center;
    }
.CenterItem {
   
}

.Klavesnice {
    justify-content:flex-start;
  
    width:60mm;
}
    .Klavesnice.RPE {
        width: 40mm;
        
    }

.KlavesniceOblibene {
   
 
    justify-content: flex-start;
    flex-direction:column;
}

.zadejVahuTlacitko, .oblibeneTlacitko {
   
    line-height: 15mm;
    width: 15mm;
    height: 15mm;
    margin-right:1mm;
    border: 1px solid #808080;
    margin-top: 1mm;
    text-align: center;
}
.oblibeneTlacitko {
   
}
.float-right {
    float: right;
}
#nazevPlanu
{
    font-size:6mm;
    text-align:center;
    padding:2mm;
}

.zadejvahubox {
    border: 1px solid black;
    padding: 3mm;
    font-size: 7mm;
    height: 7mm;
}



.help {
    font-size: 0.8em;
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
    padding-left: 8mm;
    background: url('../img/sipkadoludvojta.png') no-repeat;
    background-size: 5mm;
}
.help.rozbaleny {
    height: auto;
    background: url('../img/sipkadoludvojta2.png') no-repeat;
    background-size: 5mm;
}