/* fonty */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
    --main-color: #3569A6;
    --secondary-color: #9F1D29;
}

/* hlavni elementy */

body, html {
    font-family: 'Roboto', sans-serif;
    /*scroll-behavior: smooth;*/
}

main {
    min-height: 400px;
}

section {
    padding: 30px 0;
}

h1, h2, h3 {
    font-weight: 600;
    color: #414141;
}

h1, .h1 {
    font-size: 28px;
    margin-bottom: 20px;
}

h2, .h2 {
    font-size: 22px; 
    margin-bottom: 15px;
}

h3 {
    font-size: 18px;
}

h3.modal-title, h3.card-header {
    margin-top: 0;
}

a, .btn-link {
    text-decoration: none;
    color: #3569A6;
}
/*
ul {
    padding:0;
    margin: 0;
}

ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}*/

ul.seznam {
    margin-left: 25px;
}

ul.seznam li {
    list-style-type: disc;
}
#spoluprace ul{
    padding-left:20px;
}

#spoluprace ul li{
    line-height:2;
}

#spoluprace h3{
    margin-top:30px;
}
#spoluprace .callout{
    background-color:#dbf4ff;
    padding:25px;
}

.box-articles{
    position:sticky;
    top: 25px;
}
.articles{
    padding: 25px;
    position:relative;
    display: block;
    min-height: 250px;
    height: fit-content;
    z-index: -1;
}
.articles ul.seznam{
    margin-left:15px;
}

.text-red {
    color: #9F1D29;
}

.bg-red {
    background-color: #9F1D29;
}

.text-blue {
    color: #3569A6;
}

.bg-blue {
    background-color: #3569A6;
}

.invalid-feedback {
    display: block;
    font-size: 16px;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-30 { font-size: 30px; }
.material-icons.md-48 { font-size: 48px; }

.ico-sm {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.ico-md {
    width: 36px;
    height: 36px;
    display: inline-block;
}

.ico-lg {
    width: 48px;
    height: 48px;
    display: inline-block;
}

.ico-settings {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%23999999' d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E");
}

.ico-add {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%23999999' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z'/%3E%3C/svg%3E");
}

.ico-folder {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%23999999' d='M10.59 4.59C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-1.41-1.41z'/%3E%3C/svg%3E");
}

.ico-folder-add {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%23999999' d='M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-2 8h-2v2c0 .55-.45 1-1 1s-1-.45-1-1v-2h-2c-.55 0-1-.45-1-1s.45-1 1-1h2v-2c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1z'/%3E%3C/svg%3E");
}

.ico-folder-remove {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath fill='none' d='m0,0l24,0l0,24l-24,0l0,-24z'/%3E%3Cpath fill='%23999999' d='m20,6l-8,0l-1.41,-1.41c-0.38,-0.38 -0.89,-0.59 -1.42,-0.59l-5.17,0c-1.11,0 -1.99,0.89 -1.99,2l-0.01,12c0,1.11 0.89,2 2,2l16,0c1.1,0 2,-0.9 2,-2l0,-10c0,-1.1 -0.9,-2 -2,-2zm-2,8l-6,0c-0.55,0 -1,-0.45 -1,-1s0.45,-1 1,-1l6,0c0.55,0 1,0.45 1,1s-0.45,1 -1,1z'/%3E%3C/g%3E%3C/svg%3E");
}

.ico-image-add {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%23999999' d='M21.02 5H19V2.98c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V5h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V7h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98zM16 9.01V8h-1.01c-.53 0-1.03-.21-1.41-.58-.37-.38-.58-.88-.58-1.44 0-.36.1-.69.27-.98H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8.28c-.3.17-.64.28-1.02.28-1.09-.01-1.98-.9-1.98-1.99zM15.96 19H6c-.41 0-.65-.47-.4-.8l1.98-2.63c.21-.28.62-.26.82.02L10 18l2.61-3.48c.2-.26.59-.27.79-.01l2.95 3.68c.26.33.03.81-.39.81z'/%3E%3C/svg%3E");
}

.ico-next {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%23999999' d='M9.31 6.71c-.39.39-.39 1.02 0 1.41L13.19 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.72 6.7c-.38-.38-1.02-.38-1.41.01z'/%3E%3C/svg%3E");
}

.ico-edit {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%23999999' d='M3 17.46v3.04c0 .28.22.5.5.5h3.04c.13 0 .26-.05.35-.15L17.81 9.94l-3.75-3.75L3.15 17.1c-.1.1-.15.22-.15.36zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");
}

ul.list-triangle li {
    background-position: -8px top;
    padding-left: 15px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23999999' d='M10 17l5-5-5-5v10z'/%3E%3Cpath d='M0 24V0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}

ul.list-triangle li:hover {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%233569A6' d='M10 17l5-5-5-5v10z'/%3E%3Cpath d='M0 24V0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}


.shadow-hover label, .shadow-hover input {
    cursor: pointer;
}

.shadow-hover:hover {
    box-shadow: 2px 3px 10px #CCCCCC;
}

.cyan-hover:hover, .cyan-hover:hover a {
    color: var(--bs-blue) !important;
}

/* hlavni struktura */
/*
.sortiment .card {
    flex-direction: row;
}

.sortiment .card-img-top {
    width: 140px;
    height: 140px;
}
*/
/*.sortiment .card:hover, .produkty .card:hover {
    box-shadow: 0px 5px 20px #dde1ee;
}

.sortiment .card:hover a, .produkty .card:hover a {
    text-decoration:none; 
}*/

.list-group-item {
    padding: 10px 15px;
}

ul.nav-vertical .active, ul.nav-vertical .list-group-item:hover {
    background-color: #F8F9FA;
    border-color: rgba(0, 0, 0, 0.125);
    color: #414141;
}

ul.nav-vertical .list-group-item:hover a {
    text-decoration: none;
}

.fw-soft {
    font-weight: 500;
}

.clear {
    clear: both;
}

.btn-outline-secondary {
    background-color: #F0F0F0;
    border-color: rgb(206, 212, 218);
}

.btn-primary {  
    color: white;
    background-color: #3569A6;
    border-color: #3569A6;
}

.btn-primary:hover {
    background-color: #154986;
    border-color: #154986;
}

.btn-lg {
    padding: 12px 30px;
    font-size: 22px;
    font-weight: 500;
}

.btn-long {
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 500;
    min-width: 300px;
}

.carousel-indicators {
    position: initial; 
    height: 50px;
}

.carousel-indicators li {
    width: 50px;
}

.carousel-control-next, .carousel-control-prev {
    filter: invert(50%);
    width: 50px;
}

.card h2 {
    margin-top: 0;
}

.proMobil { 
    display: none;
}

.proMobilInline {
    display: none;
}

.proMonitor { 
    display: block;
}

.modra {
    color: #3569A6;
}

.check {
    background: #222;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    display: inline-block;
}

.checked {
    display: block;
    height: 30px;
    width: 30px;
    background-image: url(/images/icons/checked.png);
    margin-left: 4px;
    margin-top: 3px;
}

.ico-info, .ico-success, .ico-warning, .btn-reload, .btn-delete {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center center;
    min-width: 20px;
    /*background-color: #FFFFFF;*/
    border-color: #ced4da;
    border-left: none;
    display: inline-block;
}

.cursor-pointer {
    cursor: pointer;
}

/*.cursor-pointer:hover {
    background-color: #F0F0F0;
}*/

.card .buttons {
    display: none;
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    bottom: 0px;
    padding: 10px 0;
}

.card .buttons a{
    padding-right: 7px;
}

.card:hover .buttons{
    display:block;
}

button.ico-info {
    border: none;
}

button.ico-info:hover {
    background-color: #F0F0F0;
}

.ico-info {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23ced4da' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
}

.ico-warning {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23ffc107' d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
}

.ico-success {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%2328a745' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}

.ico-top {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 48px;
    width: 48px;
    background-color: #F6F6F6;
    border-left: none;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 0 24 24' width='48'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%23414141' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6 1.41 1.41z'/%3E%3C/svg%3E");
}

.btn-reload {
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}

.btn-delete {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z'/%3E%3C/svg%3E");
}

.ico-delete {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z'/%3E%3C/svg%3E");
}

figcaption {
    text-align: center;
}

.container {
    max-width: 1400px;
}

.container-small, .container-sm {
    max-width: 900px;
}

.container-md {
    max-width: 1100px;
}

.flex-basis-100 {
    flex-basis: 100%;
}

.obrazek, .obrazek img {
    width: 100%;
}

.zuzeny {
    max-width: 900px;
    margin: auto;
}

.zuzeny-mini {
    max-width: 600px;
    margin: auto;
}

/*.produkty .card-body a {
    overflow: hidden;
    white-space: nowrap;
}*/

.badge .bg-info {
    padding:10px;
    font-size:14px;
}

.wrapper {
    display: flex;
    width: 100%;
}



/* menu */

.navbar-brand img, .navbar-brand svg {
    max-height: 50px;
    width: 154px !important;
}

.navbar .dropdown-menu[data-bs-popper] {
    top: inherit;
    left: inherit;
}

.navbar .dropdown-menu {
    --bs-dropdown-min-width: 7rem;
}

.navbar .dropdown-menu.show {
    display: flex;
    margin-top: 0;
}

@media screen and (hover: hover) and (pointer: fine) { /* pouze pro desktopy */
    /* Automaticke rozbalovani nabidky pri najeti kurzorem mysi na polozku menu */
    /*.navbar .dropdown:hover > .dropdown-menu {
        display: flex;
    }*/
}


/* Navbar toggler lines and animations */

.navbar-toggler {
    height: 40px;
    width: 40px;
    position: relative;
}

.navbar-toggler-line {
    border: 2px solid #777;
    border-radius: 25%;
    margin-top: -2px;
    display: block;
    width: 70%;
    position: absolute;
    top: 30%;
    left: 15%;
    transition: all ease 0.2s;
}

.navbar-toggler-line:nth-child(2) {
    top: 50%;
}

.navbar-toggler-line:nth-child(3) {
    top: 70%;
}

.navbar-toggler.active > .navbar-toggler-line:nth-child(1) {
    transform: rotate(45deg);
    top: 50%;
}

.navbar-toggler.active > .navbar-toggler-line:nth-child(2) {
    width: 0;
    visibility: hidden;
    left: 50%;
}

.navbar-toggler.active > .navbar-toggler-line:nth-child(3) {
    transform: rotate(-45deg);
    top: 50%;
}


/* Arrows back and forward */

.arrow-back, .arrow-forward {
    position: relative;
}
.arrow-back {
    padding-left: 18px;
}
.arrow-forward {
    padding-right: 18px;
}

.arrow-back:before, .arrow-forward:after {
    font-size: 18px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
}
.arrow-back:before {
    content: "<";
    left: 0;
}
.arrow-forward:after {
    content: ">";
    color: rgba(var(--bs-dark-rgb),0.5);
    right: 0;
}


/* strankovani */

p.paging {
    clear: both;
    float: left;
    margin: 10px 0 10px 0;
    padding: 0;
}

.paging a {
    font-size: 16px;
    color: #FFFFFF;
    background-color: #00b6b9;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border: none;
    line-height: 24px;
}

.paging a:hover, .paging a.active {
    color: #FFFFFF;
    background-color: #008484;
}

.paging a:not([href]) {
    color: #FFFFFF;
    background-color: #DDDDDD;
}


/* naseptavac */

.ui-autocomplete {
    background-color: #ffffff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    max-width: 450px;
    list-style: none;
    padding: 0;
    z-index: 1111;
    overflow: hidden;
}

.ui-autocomplete > li > div {
    padding: 0 10px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
}

.ui-state-hover, .ui-state-active, .ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    display: none;
    visibility: hidden;
}

.ui-tooltip {
    z-index: 1112;
    background-color: white;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    max-width: 300px;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
}


/* paticka */

footer {
    clear: both;
    padding: 20px 0;
}

footer a {
    color: #454545;
}

footer .nadpis {
    font-weight: bold;
}

.karta {
    width: 61px;
    height: 42px;
    background-image: url("/images/novydesign/karty.png");
    background-repeat: no-repeat;
    float: left;
    margin-right: 4px;
}

.visa {
    background-position: 0 0;
}

.masterCard {
    background-position: 0 -45px;
}

.PayPal {
    background-position: 0 -88px;
}

.thepay {
    margin-top: 5px;
}

.ikona {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("/images/ikony.png");
    width: 17px;
    height: 16px;
}

.ikonaEmail {
    background-position: -20px 0;
}

.ikonaFormular {
    background-position: -40px 0;
}

.ikonaKDispozici {
    background-position: -60px 0;
}

.ikonaAdresa {
    background-position: 0 -16px;
}

.ikonaFacebook {
    background-position: -20px -16px;
    margin-right: 10px;
}

.ikonaInstagram {
    background-position: -40px -16px;
    height: 17px;
    margin-right: 10px;
}

.ikonaDarek {
    background-position: -61px -34px;
}

.cernoBile {
    filter: grayscale(25%);
}

.cernoBile:hover, .filter-grayscale:hover {
    filter: grayscale(0%);
}

.filter-grayscale {
    filter: grayscale(100%);
}




/* uvodni stranka */

.mozaikaPodkladu img {
    width: 100%;
}

.mozaikaPodkladu h3 {
    width: 100%;
    text-align: center;
    color: #EEE;
    position: absolute;
    bottom: 5px;
}

.mozaikaPodkladu a {
    display: block;
    margin-bottom: 25px;
}

.mozaikaPodkladu a:hover h3 {
    color: #BBB;
}

.sloupecMozaikaLevy, .sloupecMozaikaPravy {
    position: absolute; 
    width: 50%; 
    display: block; 
    top: 0; 
    height: 100%;
}

.sloupecMozaikaLevy3, .sloupecMozaikaPravy3, .sloupecMozaikaProstredni {
    position: absolute; 
    width: 33.33333%; 
    display: block; 
    top: 0; 
    height: 100%;
}

.sloupecMozaikaLevy, .sloupecMozaikaLevy3 {
    left: 0; 
}

.sloupecMozaikaProstredni {
    left: 33.333%;
}

.sloupecMozaikaPravy, .sloupecMozaikaPravy3 {
    right: 0; 
}


/* style guide */

pre {
    background:#f6f6f6;
    font-size:16px;
    padding:20px;    
}

.hljs-name, .hljs-tag{
    color:#000080;
}

.hljs-attr{
    color:#008080;
}

.hljs-string{
    color:#DD1144;
}


/* recenze */

.recenze {
    margin-bottom: 10px;
}

.recenze b {
    color: #616161;
}

.rating {
    overflow: hidden;
    float: left;
    margin: 0 5px 0 0;
    height: 20px;
    width: 100px;
}

.rating .over {
    display: block;
    float: left;
    background: transparent url(/images/stars_pl_20.gif) no-repeat scroll 0 -20px;
    height: 20px;
    width: 100px
}

.rating .over span, .rating span span {
    float: left;
    background: url(/images/stars_pl_20.gif) no-repeat scroll 0 0;
    height: 20px
}

.hodnoceni {
    padding: 5px 0;
}

.hodnoceni p {
    margin: 5px 0;	
}

.recenzeA {
    margin: 0 30px;
}


/* tvoric */

.infoUTvorice {
    float: right;
    width: 300px;
}


/* stránka produktu */

#nacitani {
    position: absolute; 
    top: 250px; 
    left: 200px; 
    z-index: 10; 
    width: 128px; 
    height: 15px; 
    background-image: url(/images/ajax-loader.gif); 
    background-repeat: no-repeat;
}

#nacitaniH {
    z-index: 10; 
    width: 128px; 
    height: 15px; 
    background-image: url(/images/ajax-loader.gif); 
    background-repeat: no-repeat;
    float: left;
    display: none; 
    margin: 50px 0 0 20px;
}

.overflow {
    overflow: auto;
}

.sleva {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 2%;
    right: 10%;
    background-color: #9F1D29;/*bd3934*/
    color: #FFFFFF;
    border-radius: 35px;
    z-index: 2;
    font-weight: 800;
    font-size: 24px;
    line-height: 70px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.upravUdaje {
    height: 40px;
    border: 1px solid #CCC;
    background-color: #FFFFFF;
    border-radius: 20px;
    z-index: 2;
    color: #3569A6;
    font-weight: 800;
    line-height: 38px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    padding: 0 15px 0 10px;
    text-transform: uppercase;
    color: #242424;
    margin-bottom: 5px;
    cursor: pointer;
}

.upravUdaje:hover {
    background-color: #F0F0F0;   
}

.upravaProduktu {
    width: 10%;
    height: 10%;
    background-color: #3569A6;
    border: 3px solid #EAEAEA;
    position: absolute;
    bottom: 18%;
    left: 12%;
    background-image: url("/images/novydesign/upravit.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.barva-podkladu-border {
    float: left;
    border: 5px solid #EAEAEA;
    margin: 5px 5px 0 0;
    display: block;
    text-decoration: none;
}

.barva-podkladu-border:hover, .barva-podkladu-border-aktivni {
    border-color: #454545;
}

a.barva-podkladu {
    display: block;
    width: 30px;
    height: 30px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
}

.barva-podkladu-border-mensi {
    margin-right: 3px;
    border-width: 3px;
}

a.barva-podkladu-mensi {
    width: 18px;
    height: 18px;
}

a.barva-podkladu div {
    cursor: pointer;
    display: block;
    width: 15px;
    height: 15px;
    line-height: 10px;
}

a.barva-podkladu-mensi div {
    width: 10px;
    height: 10px;
}

.popisekVSortimentu {
    height: 120px;
    width: 100%;
    overflow: hidden;
}
.product{
    margin-bottom: 30px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    height: 400px;   
    border: 1px solid white;
}

.dalsiProdukty .product{
    height:auto;        
}

.product a:hover{
    text-decoration:none;    
}
.product:hover{
    border: 1px solid #dde1ee;
    box-shadow:0px 5px 20px #dde1ee;
}
.product .cena{
    color:#232323;
    font-size:16px;
}
.barvyVSortimentu {
    text-align: center;
    margin: 0;
    line-height: 18px;
    display: block;
}

.barvyVSortimentu div.barva {
    width: 19px;
    height: 19px;
    border: 1px solid #EAEAEA;
    margin: 1px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

#velikostiVice {
    display: none;
    padding: 10px 0;
}

#velikostiVice:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.velikostPocet {
    width: 50px;
    line-height: 24px;
    height: 24px;
    margin-right: 19px;
    float: left;
}

.velikost-border {
    background-color: #EAEAEA;
    width: 64px;
    height: 76px;
    padding: 5px 5px 0 5px;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-right: 5px;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
}

.velikost-border:hover .velikost, .velikost-border .velikostAktivni {
    color: #FFFFFF;
    background-color: #3569A6;
}

.velikost {
    color: #616161;
    background-color: #FFFFFF;
    height: 49px;
    width: 54px;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    padding: 3px 0;
    vertical-align: middle;
    display: table-cell;
}

.velikostiTabulka {
    clear: both;
    position: relative;
    cursor: pointer;
    line-height: 30px;
    /*width: 140px;
    height: 82px;
    float: left;*/
}

.velikostiTabulka a {
    /*position: absolute;
    bottom: 0;*/
    font-weight: 500;
}

#zvolteVelikost span {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 40px;
}

#zvolteVelikost .error {
    background-image: url(/images/alert2.png);
    padding-left: 48px;
}

.puvodniCena {
    color: #898989;
    text-decoration: line-through;
}




.nahled h3 {
    margin-bottom: -15px;
}

.info, .infoBublina {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("/images/novydesign/info.png");
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: bottom;
    cursor: pointer;
}

.popupOkno {
    position: absolute;
    /*top: -10px;*/
    /*width: 320px;
    height: 200px;*/
    max-width: 1100px;
    min-width: 300px;
    min-height: 200px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    line-height: 20px;
    z-index: 10;
    color: #000000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.popupOknoObrazek {
    height: 90vh;
}

.popupText table {
    margin-bottom: 10px;
}

.popupText table td, .popupText table th {
    padding: 5px 10px 5px 5px;
    white-space: nowrap;
}

.popupText table tr:nth-child(odd) {
    background-color: #F0F0F0;
}

.zavrit {
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #E0E0E0;
    background-image: url("/images/zavrit.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.obrazekVOkne {
    height: 85vh;
}

#popupOkno img {
    float: left;
}

.popupHlavicka {
    background-color: #E0E0E0;
    height: 30px;
    padding: 6px 36px 6px 10px;
    line-height: 16px;
    font-weight: bold;
    background-position: 6px 6px;
    background-repeat: no-repeat;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 30px;
}

.popupText {
    padding: 10px;
}

.popupPozadi {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 9;
}

h3 .doublesipka {
    display: inline-block;
    width: 30px;
    height: 15px;
    background-image: url("/images/novydesign/dvojita_sipka.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    margin-left: 5px;
}

#nahledProduktu {
    cursor: pointer;
    display: none;
    margin: auto;
}



/* zastery */
.zastery {
    min-height: 500px; 
    background-color: #c3ecfd; 
    padding: 0; 
    max-width: 1540px; 
    background-image: url(/images/gril.jpg); 
    background-repeat: no-repeat; 
    background-position-x: right; 
    background-size: contain;
}

/* kontejnerSPravymObrazkem */
.kontejnerSPravymObrazkem {
    min-height: 500px; 
    padding: 0; 
    max-width: 1540px; 
    background-repeat: no-repeat; 
    background-position-x: right; 
    background-size: contain;
}

.proDeti {
    background-image: url(/images/chlapec-srdce.jpg); 
    background-color: #ecc3cb;
}

.cestovatelske {
    background-image: url(/images/cestovatelske.jpg); 
    background-color: #c6ff80;
    min-height: 400px;
}

.na-vodu {
    background-image: url(/images/na-vodu.jpg); 
    background-color: #ebe9f4;
    min-height: 400px;
}

.plechacky {
    background-image: url(/images/plechacky.jpg); 
    background-color: #5a5b38;
    min-height: 400px;
    color: #E0E0E0;
}

.plechacky h1 {
    color: #E0E0E0;
}

.vak {
    background-image: url(/images/vak.jpg); 
    background-color: #c6ff80;
    min-height: 400px;
}

.fotoplatna {
    background-image: url(/images/fotoplatna.jpg); 
    background-color: #ebe9f4;
    min-height: 400px;
}



/* kontejnerSPravymObrazkem */
.kontejnerSObrazkem {
    min-height: 450px; 
    padding: 0; 
    max-width: 1540px; 
}

.kontejnerSObrazkem .sloupecObrazek {
    background-image: url(/images/rozlucka.jpg); 
    background-size: cover; 
    min-height: 450px; 
    background-repeat: no-repeat; 
    background-position-y: center;
}

.kontejnerRozlucka {
    background-color: #f4f2f3;
}

.kontejnerVodacka {
    background-color: #e3e6ef;
}

.kontejnerRozlucka .sloupecObrazek {
    background-image: url(/images/rozlucka.jpg); 
}

.kontejnerVodacka .sloupecObrazek {
    background-image: url(/images/na-vodu.jpg); 
}


/* o nás */

.takJdeCas {
    margin: auto;
    max-width: 800px;
}

.takJdeCas img {
    float: left;
    max-width: 250px;
    padding-right: 20px;
}

.fotka {
    border-radius: 50%;
}

.fotka img {
    border-radius: 50%;
    width: 100%;
}


.sloupecSOkrajem {
    padding: 20px;
}


/* obchodni podminky */
ol.obchodniPodminky li {
    margin: 12px 0;
}

ol.obchodniPodminky li ol li {
    list-style-type: lower-alpha;
    margin: 0;
}


/* nastaveni e-shopu */

.e-shop-typ {
    float: left;
    width: 33%;
    margin: 10px 0 15px 2px;
}

.e-shop-typ label.nazevTypu {
    line-height: 20px;
    color: #246693;
    font-weight: bold;
}

.e-shop-typ label.obrazekTypu {
    height: 162px;
    width: 163px;
    display: block;
    cursor: pointer;
}

.e-shop-typ p {
    padding: 10px;
    margin: 0;
}



/* cílové stránky */
.krokyTvorby a {
    display: block;
    height: 291px;
    width: 240px;
    float: left;
}

a.obrazekPodkladu {
    width: 292px;
    height: 276px;
    display: block;
    float: left;
    background-position: -275px 0;
    margin-right: 20px;
}

a.obrazekDresu {
    background-repeat: no-repeat;
    width: 276px;
    height: 276px;
    display: block;
    float: left;
    margin-right: 20px;
}

table.kalkulace {
    margin-bottom: 20px;
}

table.kalkulace tr th {
    text-align: left;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap;
}

table.kalkulace tr td {
    padding: 0 5px;
}



/* o nas */

.kdyzNepracujeme img {
    height: 300px;
    margin-right: 10px;
}



/* stránka maturanti */

table.maturitniCenik {
    border-collapse: collapse;
}

table.maturitniCenik tr, table.maturitniCenik td {
    border: 1px solid black;
    padding: 5px 10px 5px 10px;
}


/* prihlaseni */

.caps-lock {
    display: none;
}

/* vyhledavani produktu */
.naseptavac-produktu {
    position: relative;
}

.naseptavac-produktu-input, .naseptavac-produktu-obsah {
    transition: width 0.15s ease-in-out;
}

.naseptavac-produktu-input.active, .naseptavac-produktu-input:focus, .naseptavac-produktu-input:active, .naseptavac-produktu-input.active ~ .naseptavac-produktu-obsah, .naseptavac-produktu-input:focus ~ .naseptavac-produktu-obsah, .naseptavac-produktu-input:active ~ .naseptavac-produktu-obsah {
    width: 100% !important;
}

.naseptavac-produktu-input { /* zacleneni vyhledavaciho tlacitka do vyhledavaciho pole */
    padding-right: calc(2 * 0.75rem + 24px);
    line-height: 2.5;
}

.naseptavac-produktu-button {
    color: var(--bs-secondary);
    line-height: 1rem;
    width: calc(1.5rem + 24px);
    margin-left: calc(-1.5rem - 24px);
    height: calc(0.75rem + 24px);
    /*transform: translateX(-100%);*/
}

.naseptavac-produktu-button:active, .naseptavac-produktu-button:focus, .naseptavac-produktu-button:hover {
    color: var(--bs-dark);
}

.naseptavac-produktu-obsah {
    display: none;
    top: 110%;
    max-height: calc(100vh - 110% - 25px);
    overflow: auto;
}

.naseptavac-produktu-polozka {
    width: 25%;
}

/* kosik */
.navigaceKosik {
    font-size: 18px;
    line-height: 40px;
}

.navigaceKosik div div {
    width: 40px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin-right: 5px;
    text-align: center;
}

/*.navigaceKosik a {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    display: inline-block;
    color: #454545;
}

.navigaceKosik a.aktivni:hover {
    text-decoration: underline;
}

.navigaceKosik a.aktivni::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    background: #00b6b9;
    margin-top: 10px;
}*/

.counter{
    font-size:36px;
}



/* volba způsobu doruční a platební metody */
.volbyDoruceni .invalid-feedback {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.velka-chyba .invalid-feedback, #zvolteVelikost .invalid-feedback, #zvolteJinouBarvu .invalid-feedback  {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    width: 100%;
    display: block;
    text-align: center;
}

.volbaDoruceniRozbalovaci {
    text-decoration: underline;
    color: #2d588c;
}

.ikonaDopravy {
    width: 50px;
}

.dodaciUdaje .udaje-skupina {
    max-width: 500px;
}

#darkove-baleni img{
    height:300px;
}

#eshopy h2{
    float:left;
    margin:0;
}

#eshopy .btn-secondary{
    float:right;
    background-color:transparent;
    border-color:transparent;
    color:#3569A6;
    font-weight:800;
}
#eshopy .produkty{
    width:100%;    
}
#eshopy .blue-box{
    background:#F5F9FF;
    padding:30px;
    border-radius:10px;
}
#eshopy .blue-box-1 .btn{
    float:right;
}

/* Medium devices (tablets, less than 992px) */
@media screen and (max-width: 991px) {

    body, html{
        scroll-padding-top: 150px;
    }

    .d-upto-md-none {
        display: none !important;
    }

    .overflow-upto-md-hidden {
        overflow: hidden !important;
    }

    .vh-upto-md-100 {
        height: 100vh !important;
    }

    .d-upto-md-flex {
        display: flex !important;
    }
    .shadow-upto-md-none {
        box-shadow: none !important;
    }
    .d-upto-md-none {
        display: none !important;
    }

    .naseptavac-produktu-obsah {
        max-height: calc(100vh - 110% - 80px);
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) { 

    body, html{
        scroll-padding-top: 150px;
    } 
    .proMobil {
        display: block;
    }

    .proMobilInline {
        display: inline-block;
    }

    .proMonitor {
        display: none;
    }

    main section .container .row .col-12:nth-child(odd) {
        padding-bottom: 30px;
    }

    form.vyhledat {
        margin-right: 0;
    }

    form.vyhledat input[type="text"] {
        width: 260px;
    }

    #vyberPobocky {
        width: 320px;
    }

    #mapaPobocek {
        width: 300px;   
    }

    #infoOPobocceMale {
        width: 240px; 
        height: 400px;
        margin-top: 10px; 
        float: none;
        overflow: hidden;
    }

    .btn-lg {
        padding: 10px 26px;
        font-size: 20px;
        font-weight: 500;
    }

    .navigaceKosik {
        font-size: 16px;
        text-align: center;
        line-height: 24px;
    }

    .navigaceKosik div div {
        float: none;
        margin: auto;
        position: relative;
        z-index: 3;
    }

    .navigaceKosik div div.leva-neaktivni:before {
        background-color: #f8f9fa;
        height: 4px;
        width: 40px;
        position: absolute;
        left: -40px;
        top: 18px;
        content: ' ';
        display: block;
        z-index: 1;
    }

    .navigaceKosik div div.prava-neaktivni:after {
        background-color: #f8f9fa;
        height: 4px;
        width: 40px;
        position: absolute;
        left: 40px;
        top: 18px;
        content: ' ';
        display: block;
        z-index: 1;
    }

    .navigaceKosik div div.leva-aktivni:before {
        background-color: #6c757d;
        height: 4px;
        width: 50px;
        position: absolute;
        left: -50px;
        top: 18px;
        content: ' ';
        display: block;
        z-index: 1;
    }

    .navigaceKosik div div.prava-aktivni:after {
        background-color: #6c757d;
        height: 4px;
        width: 50px;
        position: absolute;
        left: 40px;
        top: 18px;
        content: ' ';
        display: block;
        z-index: 1;
    }

    .ui-autocomplete {
        max-width: 90vw;
    }

    .naseptavac-produktu-polozka {
        width: 33%;
    }

    /*.navigaceKosik div div:after {
        background-color: #6c757d;
        height: 2px;
        width: 100px;
        position: absolute;
        left: 30px;
        top: 18px;
        content: ' ';
        display: block;
    }*/
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .naseptavac-produktu-polozka {
        width: 50%;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
    .mt-md-n5 {
        margin-top: -3rem !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .position-lg-relative {
        position: relative;
    }
    .position-lg-static {
        position: static;
    }
    .flex-basis-lg-50 {
        flex-basis: 50%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }