footer {
    background: linear-gradient(180deg, #56b6e6 0%, #04B858 71.31%); padding: 0px !important;
}
footer h1 {color: white; text-shadow: none; font-weight: 500; font-size: 1.4rem !important;}
footer p {color: white; font-size: .9rem; padding-right: 20px; padding-left: 20px;}
footer a {color: white; font-size: .9rem; padding-left: 10px; padding-right: 10px; text-decoration: none;}
footer img {width: 100px;}
footer .developed {background: grey;background: rgba(0, 0, 0, 0.17); padding-left: 0px; margin-left: 0px; width: 100%;}
footer a:hover { color: #bebebe; }
footer a {
    -o-transition: all 0.4s linear; /* opera */
    -ms-transition: all 0.4s linear; /* IE 10 */
    -moz-transition: all 0.4s linear; /* Firefox */
    -webkit-transition: all 0.4s linear; /*safari and chrome */
}

.partneri_box img {width: 80%;}
.partneri_box {margin: 0px auto;}
h2 {text-transform: uppercase;}

.navbar_left_carousel {position: absolute; left: 0px; top: 50px; width: 30px;}
.navbar_right_carousel {position: absolute; right: 0px; top: 50px; width: 30px;}

.tabulka_mensi_tym {position: absolute;margin-left: 13px;margin-top: -9px;}
.historie_box {background: url('/assets/im/design/drahelice_history.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: auto;}
.historie_box hr {width: 70px; margin: 0px auto; height: 3px; border: 1px solid black;}
.historie_box p {padding-left: 50px; padding-right: 50px}
.alert-success {background: #04B858 !important; border: none; color: white;}

.historicke_statistiky .thumbnail {background: #EDEDED; text-align: center; padding-left: 16px; padding-right: 16px; border-radius: 20px; box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;}
.historicke_statistiky .thumbnail img {width: 60px;}
.historicke_statistiky .thumbnail .vysledek {font-size: 3.6rem; font-weight: 500;}
.historicke_statistiky .thumbnail small {font-weight: 300;}
.historicke_statistiky .thumbnail label {font-size: 2rem;}
.historicke_statistiky span {display: block; margin-top: 9px;}
.historicke_statistiky .thumbnail .tym {text-transform: uppercase; font-weight: 500; margin-top: 10px; display: block;}
h3 {font-size: 1rem; font-weight: 400; padding-bottom: 0px; margin-bottom: 0px;}
.historicke_statistiky .bilancoid {background: transparent; padding-left: 20%; padding-right: 20%;}
.historicke_statistiky .bilancoid .green {color: #007C3A;}
.historicke_statistiky .bilancoid .orange {color: #EA8C00;}
.historicke_statistiky .bilancoid .red {color: #BF0000;}

@media screen and (max-width: 991px) {
    .historicke_statistiky .thumbnail .tym {font-size: .9rem;}
    .historicke_statistiky .thumbnail .vysledek {font-size: 2rem; margin-top: 30px !important;display: block;}
    .partneri_box img {width: 100%;}
}

.soupiska_banner {background: #212121;}
.soupiska_banner .hrac_info {position: relative;}
.soupiska_banner .hrac_info .text {position: absolute; top: 30px;}
.soupiska_banner .hrac_info .text .cislo {color: #007C3A; margin-bottom: 0px; font-size: 3rem !important; font-weight: 500;}
.soupiska_banner .hrac_info .text .jmeno {margin-top: 0px; color: white; line-height: 17px; text-transform: uppercase;}
.soupiska_banner .hrac_info .text span {color: #007C3A;}
.soupiska_banner .hrac_info img {width: 80%;}
.navbar_left_carousel_hraci {position: absolute; left: 0px; top: 200px; width: 30px;}
.navbar_right_carousel_hraci {position: absolute; right: 0px; top: 200px; width: 30px;}
.owl-nav {position: absolute;}

.bg-success {background: #04B858 !important;}


.overlay-content a:hover {
    color: white;
}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: url('/www/assets/im/design/blue_light_bg.png');
    background-position: center center;
    background-size: cover;
    overflow-x: hidden;
    transition: 0s;
}
.overlay a {
    text-transform: uppercase;
    font-size: 15px !important;
}

.closebtn {position: absolute; right: 0px; font-size: 30px !important;}

.overlay-content {
    position: relative;
    top: -1%;
    left: 7%;
    width: 100%;
    text-align: left;
    margin-top: 30px;
}
.overlay-content .nadpis_menu {font-size: 40px; color: white; margin-bottom: 3vh; margin-left: 0px; margin-top: 0px;}
.overlay a {
    padding: 15px;
    padding-left: 0px !important;
    text-decoration: none !important;
    color: white !important;
    display: block;
    transition: 0.3s;
    padding-top: 0px;
}
.overlay .closebtn {
    position: absolute;
    top: -14px;
    right: 2%;
    font-size: 54px !important;
    z-index: 999;
    font-weight: 100;
}


h4 {font-size: 1.3rem !important; font-weight: 400;}

.rozcestnik .clanky_nahled img {width: 100%; border-radius: 20px;}
.badge {padding: 8px !important; font-size: .7rem !important; border-radius: 30px !important; padding-left: 10px !important; padding-right: 10px !important; font-weight: 400 !important;}
.rozdelovac {color: #007C3A; padding-left: 5px; padding-right: 5px;}
.bg-success {background: #04B858 !important;}
.btn-success-outline {color: #04B858 !important; border-radius: 30px !important; border: 1px solid #04B858 !important; padding-left: 24px !important; padding-right: 24px !important; background: white !important;}
.btn-success-outline:hover {border: 1px solid #068f46 !important; transition: all .4s; color: #068f46 !important; background: white !important;}

.tabulka_nahled {padding-left: 30px !important; padding-right: 30px !important; font-size: .9rem;}
.tabulka_nahled .row {padding-top: 8px; padding-bottom: 8px;}
.tabulka_viewer {box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; border-radius: 20px; padding: 20px; background: white;}
.tabulka_nahled .header_green {color: #56b6e6;}
.tabulka_nahled .body {text-align: right;}
.tabulka_nahled .no_border {border: none;}
.dalsi_clanek {box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; border-radius: 20px; padding: 10px; background: white; color: black; text-decoration: none;}
.dalsi_clanek:hover {color: #198754!important; transition: all .4s;}

.narozeniny_block {border:none; box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; padding: 20px; border-radius: 20px; background: white;}
.narozeniny_block .info {color: #A0A0A0; margin-bottom: 4px; font-size: .9rem;}
.narozeniny_block img {width: 20px; margin-top: 0px; display: inline-block; float: left;}
.narozeniny_block p {display: inline-block; float: left;}

.rozcestnik h2 {font-size: 1.4rem;}
.rozcestnik h4 {font-size: .9rem !important;}
.rozcestnik_pravy a {color: black; text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 1.4rem !important; line-height: 30px;}
.rozcestnik_pravy hr {border: 1px solid #9b9b9b;}
.rozcestnik_pravy .active {color: #56b6e6;}
.rozcestnik_pravy a:hover {color: #56b6e6; transition: all .4s;}
.content_podstrankovy h1 label {color: #56b6e6;}
.content_podstrankovy h1  {font-weight: 500; font-size: 1.7rem;}
.content_podstrankovy h2  {font-weight: 500; font-size: 1.4rem;}
.hrac_box .thumbnail {height: 250px; }
.hrac_box .thumbnail .cislo {color: #56b6e6; font-size: 2rem; font-weight: 500;}
.hrac_box .jmeno {background: linear-gradient(90deg, #EDEDED 0%, #E7E7E7 100%); color: #56b6e6; text-align: center;}
.content_podstrankovy a {text-decoration: none !important; border-radius: 20px;}


nav {background: linear-gradient(90deg, #56b6e6 0%, #56b6e6 31%); height: 60px;}
nav a {text-transform: uppercase; color: white; text-decoration: none; margin-left: 11px; margin-right: 11px;}
nav a:hover {color: #d1c7c8; transition: all .4s;}
.pred_navbar a  {color: black; text-decoration: none; margin-right: 10px;}
.pred_navbar a:hover{ transform: scale(2, 0.5);}
.pred_navbar img{width: 25px;}
.pred_navbar .odkazy{text-align: right;}
nav img {width: 100px; margin-top: -30px;}

@media screen and (max-width: 1199px) {
    nav a {margin-left: 6px;margin-right: 6px;}
}

@media screen and (max-width: 991px) {
    .container, .container-md, .container-sm {
        max-width: 98% !important;
    }
    nav img {width: 57px; margin-top: -8px;}
}
.modal-content {border-radius: 20px !important;}
.modal-content strong {font-weight: 400; font-size: 1.4rem;}

.historicke_statistiky .thumbnail img {width: 90px; }
.historicke_statistiky .non_backgrounded {background: white; }
.historicke_statistiky .thumbnail {background: white;}
.historicke_statistiky span {color: #56b6e6 !important;}
.historicke_statistiky .thumbnail .lomeno_statistiky {color: #56b6e6 !important;}
.historicke_statistiky .non_backgrounded .badge {background: #A0FF0A; color: #0F115C; width: 150px; border-radius: 0px !important; margin: 0px auto;}
.my_team {background: #56b6e6;}
.content_podstrankovy select {width: 100px; display: inline-block; float: right; border-radius: 0px; margin-right: 10px; margin-left: 10px; border: 2px solid #E9E9E9; text-align: center; border-radius: 20px;}

.clanky_box .thumbnail {height: 200px; border-radius: 10px;}
.clanky_box .badge {background: #56b6e6 !important;}
.clanky_box strong {font-weight: 400; display: block;}
.clanky_box a {color: black; text-decoration: none;}
.clanky_box a:hover {color: #d92023; transition: all .4s;}

.back_icon {background: #E9E9E9; padding: 13px; padding-left: 20px; padding-right: 20px; text-align: center;}
.back_icon img {width: 20px;}
.back_icon:hover {background: #f1f1f1; transition: all .4s;}
.clanky_box h2 {font-size: 2.3rem; font-weight: 400;}
.content_podstrankovy h3 {font-weight: 400;}
.padding_only_pc {padding-right: 50px;}
@media screen and (max-width: 767px) {
    .padding_only_pc {padding-right: 0px;}
    .tabulka_mensi_tym {margin-left: 20px;}
    .tabulka_nahled {padding-left: 0px !important; padding-right: 0px !important;}
    .mobile_fixer {padding-left: 0px !important; padding-right: 0px !important;}
    .historicke_statistiky span {font-size: .8rem;}
    .tabulka_box .col-md-5 {background: white; padding-bottom: 40px;}
}
.produkt_foto {height: 300px;}
.clanky_box strong {font-weight: 600 !important;}
.historicke_tabulky a {background: white; color: #56b6e6; border-radius: 20px; padding: 10px; padding-left: 28px; padding-right: 28px; margin-right: 15px; margin-bottom: 10px; display: inline-block; float: left;}
.historicke_tabulky a:hover {box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; transition: all .4s; color: #56b6e6; }
.activni {background: #56b6e6 !important; color: white !important;}
.filtr_style {width: 200px !important;}
@media screen and (max-width: 767px) {
    .filtr_style {width: 46% !important;}
    .content_podstrankovy select {float: left; margin-left: 0px;}
    .historicke_tabulky a {font-size: .87rem !important;}
    .produkt_foto {height: 150px;}
}