html{
    font-family: Verdana, Geneva, sans-serif !important;
    /*font-size:0.8em !important;*/
    position:relative;
    width:100%;
}
body{
    position:relative;
    width:100%;
    margin-top:20px;
}
html, body{
    margin:0px;
    padding:0px;
       /* background-color:#F5F5F5;*/
}
.container{
	min-width:99% !important;
    /*
    margin:0px;
    margin-top:-70px !important;
    */
}
/*procbar*/
.procbar{
    width:205px;
    height:2em;
    position:relative;
    overflow:hidden;
    margin:0px;
    padding:0px;
    border-radius: 4px;
    background-color:#777777;
}
.procbar .procbarpart{
    float:left;
    height:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
    border:none;
}
.procbar .llow, .tfs .llow{
    background-color:#5BC0DE;
}
.procbar .low, .tfs .low{
    background-color:#337AB7;
}
.procbar .med, .tfs .med{
    background-color:#5CB85C;
}
.procbar .high, .tfs .high{
    background-color:#F0AD4E;
}
.procbar .hhigh, .tfs .hhigh{
    background-color:#D9534F;
}
.tfs{
    position:relative;
    height:0.5em;
    width:5em;
    float:right;
    border-radius: 2px;
}
.tfs .tfsp{
    width:1em;
    height:1em;
    float:left;
}
/*procbar*/
.panel-heading{
    font-family: Verdana, Geneva, sans-serif !important;
}

.progress-bar {
    overflow-x:visible;
    white-space:nowrap;
    }
.workout-item{
        border:1px solid blue !important;
}    
.workout-list h4{
        border:1px solid red;
        float:left;
        width:50px;
        display:block;
        min-width:4em;
        padding:0.3em;
}    
.clear{
    clear:both;
}
.workout-desc{
    margin:0.7em 0.7em 0.7em 0em;
}


    .timeline{
        font-size:0.9em;
        position:relative;
        /*border:1px solid blue;*/
        white-space:nowrap;
        position:relative;
        color:white;
    }
    .timeline a{
        color:white;
    }
    .timeline_item, .mrizka{
        width:20px;
        display:inline-table;
        vertical-align:bottom;
        position:relative;      
        color:white;
        text-align:center;
        margin:0px;
        padding:0em;
    }
    .mrizka{
        border-left:1px dotted #CDCDCD;
        height:110px;
        width:1px;
    }
    .timeline_item a{
            color:#222222;

    }
    .line1{
            height:1px;
            background-color:gray;
            margin:0px -40px 0px -40px;
    }    

    #timeline-scroll{
        display:inline-block;
        width:auto;
    }
    #timeline{
        overflow-x:auto;
        margin:0px 0px 5px 0px;
        padding:0px;
    }
    .workout{
        vertical-align:top;
        position:relative;    
        margin:0.2em 0 0.2em 0;
        min-height:15px;
        padding:0.5em;
        font-size:0.8em;
        -webkit-border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
              
    }
    .workout a{
        color:white;
    }
    .w2 .click-timeline{
        display:block;
        position:relative;
        margin:-5px 0px 0px 0px;
        padding:0px;
    }
    .event{
        width:20px;
        height:20px;
        padding:2px;
        position:absolute;
        bottom:80px;
        font-size:1em;
        text-align: center;
                -webkit-border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
    }
    .sel{
        font-weight:bold;
        text-decoration:underline;
    }
    .c{
        clear:both;
    }
.nahled_bota_ico{
    width:100px;
    height:auto;
    margin:2px 10px 2px 2px;
    padding:2px;
    border:1px solid #CCCCCC;
}    
.wk_labels{
    text-align:right;
}
.walk{
    /*background-color:#577492;*/
    background-color:#055A5A;
}
.bike{
    /*background-color:#A8A8A1;*/
    background-color:#EB6B02;
}    
.a1{
    /*background-color:#B74934;*/
    background-color:#759008;
}
.a2{
    /*background-color:#AA9A66;*/
    background-color:#018D8D;   
}
.beh{
    /*background-color:green;*/
    background-color:#448015;   
}
.brusle{
    /*background-color:#f4b042;*/
    background-color:#D50000;   
}
.plavani{
    /*background-color:#7E8BF0;*/
    background-color:#CE3FBC;   
}
.row{
        /*border:1px solid red;*/
}
.tucne{
    
        font-weight:bold;
}
.scroll-notes{
        overflow-y: scroll;
        overflow-x: hidden;
        height:600px;
}
table {
    width: 100%;
    border-spacing: 0;
}

.modal-backdrop {
    /*z-index:-1;*/
  opacity:0.9 !important;
}
/*
.modal-dialog, .modal-header, .modal-body, .modal-footer, .modal-content{
    background-color: #3C3C3C !important;
}
*/

.den{
    border:1px solid orange !important;
   /* padding-bottom: 99999px;
    margin:2px 2px -99999px 2px;*/
    /*width:11% !important;**/
    height:12em;
    margin:0.5em;
/*    float: none;
    display: table-cell;
    vertical-align: top;
    color:white;
    width: 13% !important;
*/    
}

.vyrazeno{
     text-decoration: line-through !important;
}
@media only screen and (min-width: 1600px) {
  .den{  
      width:11% !important;
  }
}
.den_row{
       overflow: hidden; 
       margin:2px;
/*    display: table;
    width:100%;
    */
}
.prazdny{
    background-color:#613DBB;
}
.splneno{
    background-color: #009A18;
}
.nesplneno{
    background-color:#D24726;
}

.modal {
    overflow-y: auto;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.modal *{
    -webkit-box-shadow: none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}
.event-color1{
    background-color:#A8A8A1 !important;
}
.event-color2{
    background-color:#577492 !important;
}
.event-color3{
    background-color:#B74934!important;
}
.event-color4{
    background-color:#AA9A66 !important;
}
.event-color5{
    background-color:green !important;
}
.event-color6{
    background-color:#f4b042 !important;
}
.loading{
    background-color:Red;
}
.sirsi{
    margin:0px;
    padding:0px;
}
.col-md-3, .col-md-9, .col-md-2{
    padding:5px;
}
#c_graf{
    margin:15px 0px 0px 6px;
    width:100%;
}
.panel{
    /*border:1px solid red;*/
    margin:5px;
}
.hlavni{
    margin:0px;
    padding:0px;
}
.pd5{
    padding:5px;
}
.pd10{
    padding:10px;
}
#goals_hlavicka{
    padding:0.2em;
    width:31em;
    font-size:0.9em !important;
}
#goals_hlavicka *{
        margin:0px;
        padding:0px;
}

/*leaflet previe*/
      .gpx {width: 800px; margin: 1em auto; }
      .gpx header { padding: 0.5em; }
      .gpx h3 { margin: 0; padding: 0; font-weight: bold; }
      .gpx .start { font-size: smaller; color: #444; }
      .gpx .map { border: 1px #888 solid; border-left: none; border-right: none;
        width: 800px; height: 300px; margin: 0; }
      .gpx footer { background: #f0f0f0; padding: 0.5em; }
      .gpx ul.info { list-style: none; margin: 0; padding: 0; font-size: smaller; }
      .gpx ul.info li { color: #666; padding: 2px; display: inline; }
      .gpx ul.info li span { color: black; }
/*leaflet previe*/      
/*bootstrap submenu*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*bootstrap submenu*/
.mene_nez_prumer{
    color:green;
}
.vice_nez_prumer{
    color:red;
}
.ramecek div{
    border:1px solid red;
}
.spodni_ramecek{
    border-bottom: 1px solid #cccccc;
}
.workout-list{
    font-size:0.9em;
}
.wlist{
    font-size:0.9em !important;
}
/*
//scroll tbody - narusuje to hlavicku, takze radsi to necham cele
.wlist table {
    width: 100%;
    display:block;
}
.wlist thead {
    display: inline-block;
    width: 100%;
    height: 20px;

}
.wlist tbody {
    height: 800px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}
*/
.dropdown-menu{
    border:0px solid red;
    margin-top:-12px !important;
    -webkit-box-shadow: 7px 4px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 4px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 7px 4px 5px 0px rgba(0,0,0,0.75);
}

.bg-vzdalenost, .bg-cas, .bg-prumer, .bg-asc, .bg-mtb, .bg-walk{
    background-position:left center;
    background-repeat:no-repeat;
    padding:0 0 0 70px !important;
}
.bg-vzdalenost{
    background-image: url('/img/path.png');
}
.bg-cas{
    background-image: url('/img/time.png');
}
.bg-prumer{
    background-image: url('/img/path.png');
}
.bg-asc{
    background-image: url('/img/asc.png');
}
.bg-mtb{
    background-image: url('/img/mtb.png');
}
.bg-walk{
    background-image: url('/img/walk.png');
}

.modal .modal-body {
    max-height:800px;
    overflow-y: auto;
}
.highlighttoday{
    background-color:white !important;
    color:black !important;
    font-size:1em!important;
}
.highlighttoday a{
    font-size:1em;
    color:black;
}
.shadow{
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
}
.shadow-right{
    -webkit-box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.5);
}
.row{
    /*border:1px solid yellow;*/
}
.progress-small{
    height: 15px;    
}
.progress-small .sr-only {
    position: relative;
    }
.progress-small .progress-bar{
    line-height: 15px;
}
.mapa-detaily{
    background-color:#222222;
    color:white;
}
.sede-pozadi{
    background-color:#222222;
}
/*
#c_podrobnosti .progress{overflow:hidden;height:20px;margin-bottom:0px;background-color:#222222;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
#c_podrobnosti .progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#ffffff;text-align:center;background-color:#2a9fd6;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width 0.6s ease;transition:width 0.6s ease;}
#c_podrobnosti .progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px;}
#c_podrobnosti .progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
#c_podrobnosti .progress-bar-success{background-color:#77b300;}
#c_podrobnosti .progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);}
#c_podrobnosti .progress-bar-info{background-color:#9933cc;}
#c_podrobnosti .progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);}
#c_podrobnosti .progress-bar-warning{background-color:#ff8800;}
#c_podrobnosti .progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);}
#c_podrobnosti .progress-bar-danger{background-color:#cc0000;}

#c_podrobnosti .progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);}
*/
.navbar{
    margin-bottom:0px;
}
/*fix planu*/
#plan, #dbg, #dbg_e{
    :after { content: " ";
    :before { content: " ";
}

.loginform{
    border:1px solid red;
}

/*procbar*/
.procbar{
    width:200px;
    border:1px solid red;
    height:2em;
    position:relative;
}
.procbar .procbarpart{
    position:relative;
    float:left;
    border:1px solid blue;
    height:100%
}
.procbar .llow{
    background-color:green;
}
.procbar .low{
    background-color:blue;
}
.procbar .med{
    background-color:red;
}
.procbar .high{
    background-color:orange;
}
.procbar .hhigh{
    background-color:yellow;
}
/*procbar*/
.pad5{
	padding:2em;
	border:1px solid red;
}