/*Sešit upravuje styly bootstrapu*/

/*společné*/

.h1 {
    font-weight: 300;
}

.blackRow {
    background-color: #222222;
    color: white;
    font-weight: 500;
    line-height: 1.5;
}

ul {
    padding-left: 20px;
}

.invis {
    visibility: hidden !important;
    display: none !important;
}

    .invis svg {
        display: none;
        visibility: hidden;
    }

.visible {
    display: inline-block !important;
    visibility: visible !important;
}

.btn, .btn:hover, .btn:active {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    display: block;
    height: auto;
    appearance: none !important;
}

/*END společné*/


/*NAVIGAČNÍ MENU*/
.navbar {
    top: 15px;
}

.dropdown-menu {
    min-width: 13rem;
}

.ociMenu .nav-link {
    color: white !important;
    font-size: 1rem !important;
}

.ociMenu {
    vertical-align:top;
}

.nav-link:hover, .nav-link.pglevel2:hover {
    background-color: #2c3962;
}

.ordersIco {
    position: absolute;
    top: 5px;
    height: 45px;
    overflow: visible;
    right: -10px;
    z-index: 1040;
}

.katalogICO {
    position: absolute;
    top: 5px;
    height: 45px;
    overflow: visible;
    right: 75px;
    z-index: 1035;
}

.ordersIco img, .katalogICO img {
    position: relative;
    top: -40px;
}

    .ordersIco:hover img, .katalogICO:hover img {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        transition-duration: .5s;
    }


        @media (max-width: 575px) {

            .ordersIco {
                top: 20px;
                right: -10px;
                width: 80px;
                height: 80px;
                overflow: visible;
            }

                .ordersIco img, .katalogICO img {
                    width: 80px;
                    height: auto;
                }

            .katalogICO {
                top: 20px;
                right: 60px;
                width: 80px;
                height: 80px;
                overflow: visible;
            }

            .carousel-caption {
                font-size: .72em;
                line-height: 1em;
            }
        }

        .menuItemCont {
    width: auto;
    display: block;
    margin: 0 auto;
}
/*různá pozadí*/
/*XSM*/
@media (max-width: 576px) {
    .navbar {
        background-image: none;
    }

    .navbar {
        background-color: #4e649a;
    }

    .navbar-toggler {
        position: absolute;
        left: 80px;
        top: 8px;
    }

    .dropdown-menu {
        background-color: #809bcd;
    }

    .pglevel2, .nav-link {
        padding-left: 10px !important;
        display: block;
    }
}
/*SM*/
@media (min-width: 576px) {
    .navbar {
        background-image: none;
    }

    .navbar {
        background-color: #4e649a;
    }

    .navbar-toggler {
        position: absolute;
        left: 80px;
        top: 8px;
    }

    .dropdown-menu {
        background-color: #809bcd;
        padding: 0 2%;
    }

    .pglevel2, .nav-link {
        padding-left: 10px !important;
        display: block;
    }
}

/*MD*/
@media (max-width: 991px) {
    .navbar {
        top: 0;
    }
}


/*LG*/
@media (min-width: 992px) {
    .navbar {
        background-image: url('/App_Themes/oci/_images/topMenu_bg2.png');
        background-color: transparent;
    }

    .dropdown-menu {
        background-color: transparent;
    }

    .dropdown-menu {
        background-color: #4e649a;
    }

    .video {
        margin: -100px 0;
    }
}

/*XL*/
@media (min-width: 1200px) {
    .navbar {
        background-image: url('/App_Themes/oci/_images/topMenu_bg2.png');
        background-color: transparent;
    }
}


/*end NAVIGAČNÍ MENU*/

/*CAROUSEL*/
/*popisky - u anotací akcí a technologií */
.carousel {
    cursor: pointer;
}


.carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    height: 20%;
    max-height: 65px;
    padding: 2%;
}

.carousel-indicators li {
    background-color: gray;
}

/*XSM*/
@media (max-width: 576px) {
}
/*SM*/
@media (min-width: 576px) {
    /*.modal-dialog {
        max-width: 680px;
        margin: 1.75rem auto;
    }*/
}

/*MD*/
@media (min-width: 768px) {
    .carousel-caption {
        font-size: .85em;
        line-height: 1.2;
    }
}

/*LG*/
@media (min-width: 992px) {
    .carousel-caption {
        font-size: 1.1em;
        line-height: 1.4;
    }
}
/*XL*/
@media (min-width: 1200px) {
    .carousel-caption {
        font-size: 1.2rem;
        line-height: 1.35;
    }
}
/*end CAROUSEL*/


/*CARD na homepage*/
.myHomepage .card-header {
    background-color: black;
    color: white;
}

    .myHomepage .card-header .h5 {
        margin-bottom: 0;
    }

/*end CARD na homepage*/




/*strana typy brýlových čoček*/


.typy_brylovych_cocek .card-footer {
    background-color: #bdd4ff;
}

.typy_brylovych_cocek .h5 {
    border-bottom: solid 1px gray;
}


/*END strana typy brýlových čoček*/


/*strana jednoohniskove */

.jednoohniskove {
    line-height: 1.5;
}

    .jednoohniskove ul {
        margin-left: 0;
        padding-left: 20px;
    }

.plus {
    list-style-image: url('/App_Themes/OCI/images/plus.gif');
}

.minus {
    list-style-image: url('/App_Themes/OCI/images/minus.gif');
}

.card-darkGray {
    background-color: #222222;
    color: white;
}

    .card-darkGray .h5 {
        border-bottom: solid 1px white;
    }

/*END strana jednoohniskove */


/*material brylovy cocek */

.material_brylovych_cocek .card-footer {
    background-color: #bdd4ff;
}

.material_brylovych_cocek .h5 {
    border-bottom: solid 1px gray;
}

.card-blue {
    background-color: #2c3962;
    color: white;
}

.material_brylovych_cocek .card-header {
    line-height: 1;
}
/*END material brylovy cocek */
/*volitelne_slunecni_upravy*/
.volitelne_slunecni_upravy .card-footer {
    background-color: #bdd4ff;
}

/*END volitelne_slunecni_upravy*/

/*volitelne antireflexní úpravy*/

.volitelne_antireflexni_upravy .card .blackRow .h5 {
    line-height: 0.8rem;
    font-size: 1.2rem;
}

.volitelne_antireflexni_upravy .card-footer {
    background-color: #bdd4ff;
}

/*end volitelne antireflexní úpravy*/


/*interiérové*/

.intUl {
    list-style: none;
}

    .intUl li::before {
        content: "\2022";
        color: green;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        font-size: 20px;
    }

.interierove .h5 {
    border-bottom: solid 1px gray;
}
/*END interiérové*/

/*individualizace*/
.individualizace .card-title.h4 {
    border-bottom: solid 1px gray;
}

.blackRow.black2 {
    background-color: #030303;
}

    .blackRow.black2 .h6 {
        border-bottom: solid 1px white;
    }
/*END individualizace*/

/*Display*/
.display .h5 {
    border-bottom: solid 1px gray;
    color: #4264a2;
}

.display .h1 span {
    color: #4264a2;
    font-weight: 700;
}

.display .h2 {
    font-weight: 300;
    color: gray;
    line-height: 1;
}

/*end Display*/

/*plastové*/
.plastBack {
    background-image: url('/Images/D7_Plastove_img1.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.plastove_cocky .h4 {
    border-bottom: solid 1px gray;
}

.plastove_cocky .blackRow .h5 {
    border-bottom: solid 1px white;
}
/*end plastové*/

/*trilogy*/


.trilogy .table td, .trilogy .table th {
    padding: 0.25%;
}

.trilogy .h5 {
    border-bottom: solid 1px gray;
}

.trilogyBack {
    background-image: url('/Images/trilogy_back.jpg');
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
}

.trilogyPecet {
    position: absolute;
    top: 10px;
    left: -100%;
}

/*MD*/
@media (max-width: 992px) {
    .trilogyPecet {
        width: 50%;
    }

    .trilogyBack {
        background-position-x: -80px !important;
    }
}

.blackRow .table {
    width: 100%;
    max-width: 100%;
    color: white;
}

    .blackRow .table th, .blackRow .table td {
        text-align: center;
        padding: .5rem;
    }

    .blackRow .table th {
        font-weight: 300;
    }

    .blackRow .table span {
        font-size: 24px;
        line-height: 1;
    }

.trilogy .blackRow .h4 {
    text-transform: uppercase;
    font-size: 1.4rem;
}

/*END trilogy*/

/*tribrid*/

.tribridBack {
    background-image: url('/Images/tribridBack.jpg');
    background-position: left top;
    background-size: contain;
    background-repeat: no-repeat;
}

.tribrid .blackRow .h5 {
    border-bottom: solid 1px white;
}

@media (max-width: 767px) {
    .tribridBack {
        background-position-x: -70px !important;
    }
}

/*end tribrid*/

/*minerální čočky*/
.mineralni_cocky .h4 {
    border-bottom: solid 1px gray;
}


.mineralBack {
    background-image: url('/Images/D8_Mineralni_img1.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


.mineralni_cocky .blackRow .h5 {
    border-bottom: solid 1px white;
}

/*END minerální čočky*/


/*titan*/

.titan .card-title b {
    color: #4264a2;
    font-weight: 700;
}

.titan .card-title.h1 {
    line-height: 1;
}

.tit_pop1, .tit_pop2, .tit_pop3, .tit_pop4, .tit_pop5, .tit_pop6, .tit_pop7 {
    position: relative;
    width: 130px;
    min-width: 130px;
    display: block;
}

/*menší SM*/
@media (max-width: 575px) {
    .tit_pop1, .tit_pop2, .tit_pop3, .tit_pop4, .tit_pop5, .tit_pop6, .tit_pop7 {
        font-size: .8rem;
    }

    .tit_pop1 {
        left: -360%;
        top: 2px;
    }

    .tit_pop2 {
        left: -200%;
        top: 5%;
    }

    .tit_pop3 {
        left: -160%;
        top: 10%;
    }

    .tit_pop4 {
        left: -123%;
        top: 20%;
    }

    .tit_pop5 {
        left: -145%;
        top: 30%;
    }

    .tit_pop6 {
        left: -210%;
        top: 35%;
    }

    .tit_pop7 {
        left: -355%;
        top: 38%;
    }
}

/*SM*/
@media (max-width: 767px) {
    @media (min-width: 576px) {
        .tit_pop1 {
            left: -270%;
            top: 2px;
        }

        .tit_pop2 {
            left: -150%;
            top: 7%;
        }

        .tit_pop3 {
            left: -80%;
            top: 17%;
        }

        .tit_pop4 {
            left: -50%;
            top: 31.5%;
        }

        .tit_pop5 {
            left: -72%;
            top: 46%;
        }

        .tit_pop6 {
            left: -120%;
            top: 54%;
        }

        .tit_pop7 {
            left: -235%;
            top: 60%;
        }
    }
}

/*MD*/
@media (min-width: 768px) {
    .tit_pop1 {
        left: -220%;
        top: .5%;
    }

    .tit_pop2 {
        left: -108%;
        top: 10%;
    }

    .tit_pop3 {
        left: -60%;
        top: 20%;
    }

    .tit_pop4 {
        left: -34%;
        top: 37%;
    }

    .tit_pop5 {
        left: -58%;
        top: 54%;
    }

    .tit_pop6 {
        left: -99%;
        top: 62%;
    }

    .tit_pop7 {
        left: -205%;
        top: 71%;
    }
}

/*LG*/
@media (min-width: 992px) {
    .tit_pop3 {
        top: 21%;
    }

    .tit_pop4 {
        left: -28%;
        top: 40.5%;
    }

    .tit_pop5 {
        left: -51%;
        top: 58.5%;
    }

    .tit_pop6 {
        left: -89%;
        top: 68.5%;
    }

    .tit_pop7 {
        left: -185%;
        top: 78%;
    }
}

/*XL*/
@media (min-width: 1200px) {
    .tit_pop1 {
        left: -195%;
        top: 5px;
    }

    .tit_pop2 {
        left: -100%;
        top: 11.5%;
    }

    .tit_pop3 {
        left: -55%;
        top: 22%;
    }

    .tit_pop4 {
        left: -25%;
        top: 42%;
    }

    .tit_pop5 {
        left: -45%;
        top: 61%;
    }

    .tit_pop6 {
        left: -83%;
        top: 71%;
    }

    .tit_pop7 {
        left: -175%;
        top: 82%;
    }
}

.titanTab2 .h1 {
    color: #4264a2;
    font-weight: 300;
}

.titanTab2 .h4 {
    color: #4264a2;
    border-bottom: solid 1px #4264a2;
    font-weight: 300;
}

@media (min-width: 992px) {
    .titanTab2 .card-text {
        line-height: 1.5rem;
    }
}


.titanTab2 .h6 {
    text-decoration: underline gray;
}

.titanTab2 ul {
    list-style: none;
}

.titanTab2 li::before {
    content: "\2022";
    color: #4264a2;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 20px;
}
/*END titan*/

/*blue protect*/

.blue_protect .h1 {
    color: gray;
}

    .blue_protect .h1 b {
        color: #4264a2;
        font-weight: 700;
    }

.blue_protect .card .h5 {
    color: #4264a2;
    border-bottom: solid 1px #4264a2;
}

/*END blue protect*/

/*progresivní čočky*/
.progresivni .card-footer {
    background-color: #bdd4ff;
}

.progresivni .blackRow .h5 {
    border-bottom: solid 1px white;
}
/*END progresivní čočky*/

/*samozabarvovací*/

.trnBack {
    background-image: url("/Images/transition_back.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.myHr {
    border-color: black;
    margin: 5px 0;
}

.samozabarvovaci_cocky .table {
    font-size: .9rem;
}

    .samozabarvovaci_cocky .table h4 {
        font-size: .9rem;
    }
/*menší než MD*/
@media (max-width: 768px) {
    .trnBack {
        background-position: top left;
        height: 920px;
        min-height: 920px;
    }

    .trnSub {
        color: white;
    }
}
/*MD*/
@media (min-width: 768px) {
    .trnBack {
        background-position: center center;
        height: 680px;
        min-height: 680px;
    }

    .rightUl {
        direction: rtl;
    }

    @media (max-width: 992px) {
        .trnSub {
            color: white;
        }
    }
}
/*XL*/
@media (min-width: 1200px) {
    .trnBack {
        background-position: bottom left;
        background-position-y: -250px;
        height: 75px;
        min-height: 750px;
    }
}

.backFooter {
    min-height: 350px;
}
/*END samozabarvovací*/

/*polarizační čočky*/
.polarizacni_cocky .blackRow .h5 {
    border-bottom: solid 1px white;
    padding-bottom: 0;
    margin-bottom: 0;
}

.nupolarColorMini {
    position: absolute;
    top: 0;
    right: 20px;
}

/*END polarizační čočky*/

/*polarizacni_samozabarvovaci_cocky*/

.infGreyTop .lead {
    font-weight: 600;
}

.infGrey {
    background-color: #f1f1f1;
}


.infiGreyVideo {
    background-image: url(/images/techVideoIco_CZE.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}

.play_but {
    width: 60px;
    height: 60px;
    background-image: url(/Images/img2_Play_button.png);
    margin: 0 auto;
    position: relative;
    top: 35%;
    cursor: pointer;
}

    .play_but:hover {
        background-image: url(/Images/img2_Play_button_over.png);
    }

@media (max-width: 767px) {
    .infiGreyVideo {
        height: 265px;
        min-height: 265px;
    }
}


@media (min-width: 768px) {

    .infiGreyVideo {
        height: 360px;
        min-height: 360px;
    }
}


@media (min-width: 992px) {
    .infiGreyVideo {
        height: 200px;
        min-height: 200px;
    }
}


@media (min-width: 1200px) {
    .infiGreyVideo {
        height: 242px;
        min-height: 242px;
    }
}


.infGreyTop .h1 {
    font-weight: 400;
}

.polarizacni_samozabarvovaci_cocky .lead {
    line-height: 1.3em;
}

@media (max-width: 768px) {
    .infGreyTop .h1 {
        font-size: 1.2em;
        position: relative;
        top: -20px;
    }

    .infGreyTop .lead {
        font-size: 1em;
        position: relative;
        top: -20px;
    }

    .infGreyTop .infGreyLogo {
        width: 150px;
        position: relative;
        top: -20px;
    }
}

@media (max-width: 992px) {
    @media (min-width: 768px) {
        .infGreyTop .h1 {
            font-size: 1.8em;
            position: relative;
            top: -10px;
        }

        .infGreyTop .lead {
            font-size: 1em;
            position: relative;
            top: -10px;
        }
    }
}


@media (min-width: 992px) {

    .infGreyTop .h1 {
        font-size: 2.2em;
    }
}

.nigSchemaPop {
    overflow: visible;
}

    .nigSchemaPop span {
        /*.ipop1, .ipop2, .ipop3, .ipop4, .ipop5, .ipop6, .ipop7, .ipop8 {*/
        position: absolute;
        font-size: small;
        width: 180px;
        line-height: 1em;
    }

        .nigSchemaPop span b {
            font-weight: 700;
        }

.ipop8 {
    width: 300px;
}
/*menší než SM*/
@media (max-width: 575px) {

    .nigSchemaPop {
        max-width: 16.66667% !important;
        overflow: visible;
    }

        .nigSchemaPop span {
            font-size: .65rem;
        }

    .infGreyTop .lead {
        color: white;
        line-height: 1;
        font-size: .8em;
        top: 5px;
    }

    .infGreyTop .h1 {
        position: relative;
        top: -25px;
        font-size: .9rem;
    }

    .infiGreyVideo {
        height: 200px;
        min-height: 200px;
    }

    .play_but {
        top: 30%;
    }
}

@media (min-width: 300px) {
    .ipop1 {
        left: -230%;
        top: 1%;
    }

    .ipop2 {
        left: -115%;
        top: 11%;
    }

    .ipop3 {
        left: -50%;
        top: 23%;
    }

    .ipop4 {
        left: -13%;
        top: 38%;
    }

    .ipop5 {
        left: -18%;
        top: 55%;
    }

    .ipop6 {
        left: -54%;
        top: 69%;
    }

    .ipop7 {
        left: -110%;
        top: 82%;
    }

    .ipop8 {
        left: -210%;
        top: 93%;
    }
}
/*LG*/
@media (min-width: 992px) {
    .ipop1 {
        left: -230%;
        top: 3.5%;
    }
}

#myUl li {
    opacity: 0;
    transition: ease 1s;
}

.liAnimate {
    opacity: 100 !important;
}

.dwBack {
    background-image: url('/Images/dw_back.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 767px) {
    .dwBack {
        background-image: none;
    }
}


@media (min-width: 768px) {
    .dwBack {
        min-height: 1700px;
    }
}


@media (min-width: 992px) {
    .dwBack {
        min-height: 870px;
    }
}


@media (min-width: 1200px) {
    .dwBack {
        min-height: 1050px;
    }
}

/*END polarizacni_samozabarvovaci_cocky*/

/*zabarvení čoček */

.zabarveni_cocek {
    background-color: white;
    padding: 1.25rem;
}

.colorShift, .colorShift2 {
    background-color: white;
    width: 90px;
    max-width: 90px;
    margin: 0 auto;
    position: relative;
    top: -32px;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 24px;
}

.colorShift2 {
    width: 155px;
    max-width: 155px;
}
/*END zabarvení čoček */

/*čočky*/

.cocky .card-body {
    background-color: transparent;
    /*padding-top:0;
    margin-top:0;*/
    font-size: 13px;
    font-weight: 500;
}

.plast .card-header, .plastTit .card-header, .mineralTit .card-header {
    background-color: #ff8d04;
    font-size: 20px;
    line-height: 1.2;
}



.card-header strong {
    font-weight: 700;
}

.plast .card-body, .mineral .card-body {
    padding-top: 0;
}

/*.plast .col-4 {
    border-right:1px solid gray;
}*/

.plastLink, .mineralLink {
    border-bottom: solid 1px gray;
}

.plast .card .row .col-4:first-child,
.mineral .card .row .col-4:first-child {
    border-left: solid 1px gray;
}

.plast .card .row .col-4:nth-child(2),
.mineral .card .row .col-4:nth-child(2) {
    border-right: solid 1px gray;
    border-left: solid 1px gray;
}

.plast .card .row .col-4:last-child .plastLink,
.mineral .card .row .col-4:last-child .mineralLink {
    border-right: solid 1px gray;
}

.plastLink:hover {
    background-color: #ff8d04;
}

.plastLink a, .mineralLink a {
    display: block;
    cursor: pointer;
    padding: 10px 0;
}


    .plastLink a:hover, .mineralLink a:hover {
        text-decoration: none;
    }

.plastLink span,
.mineralLink span {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    float: right;
}

@media (max-width: 575px) {
    .plastLink, .mineralLink {
        line-height: 1.1;
        font-size: .8rem;
        padding-bottom: 5px;
    }
}

@media (max-width: 767px) {
    .plastLink span, .mineralLink span {
        text-align: left;
        float: left;
        padding: 0;
    }

    .plastLink a, .mineralLink a {
        padding: 10px 0 0 0;
    }
}


{
}

.mineral .card-header, .mineralTit .card-header {
    background-color: #8fadc7;
    font-size: 20px;
    line-height: 1.2;
}

.mineralLink:hover {
    background-color: #8fadc7;
}

.ArUpravy td:first-child,
.priplatkoveSluzby td:first-child,
.zabrusPlast td:first-child,
.plastBarveni td:first-child {
    background-color: #f8eccf;
}

.ArUpravy tr:last-child td:first-child,
.priplatkoveSluzby tr:last-child td:first-child,
.zabrusPlast tr:last-child td:first-child,
.plastBarveni tr:last-child td:first-child {
    background-color: transparent;
    border-bottom: solid 1px #dee2e6;
}

.plast .thead-dark th {
    background-color: #e4b435;
    border: solid 1px #dee2e6;
    color: black;
}

    .plast .thead-dark th:first-child {
        border-left: none;
    }

    .plast .thead-dark th:last-child {
        border-right: none;
    }

.zabrusPlast th:first-child,
.priplatkoveSluzby th:first-child,
.ArUpravy th:first-child {
    width: 25%;
}

.cocky .table {
    font-weight: 600;
}

.cocky h1 {
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
}

.mineral .thead-dark th {
    background-color: #6e8aa3;
    border: solid 1px #dee2e6;
}

    .mineral .thead-dark th:first-child {
        border-left: none;
    }

    .mineral .thead-dark th:last-child {
        border-right: none;
    }

.mineralPovrch td:first-child,
.mineralSpeciality td:first-child,
.mineralPriplatky td:first-child {
    background-color: #d2e5f9;
    border-bottom: solid 1px white;
}

.plastTit .card-header, .mineralTit .card-header {
    font-size: 24px;
    font-weight: 700;
}




.cockyJednohniskove .card-header,
.cockyProgresivni .card-header,
.cockyBifokalni .card-header,
.cockySpecialni .card-header,
.cockyUpravy .card-header {
    background-position: right 10px center;
    background-repeat: no-repeat;
}

.cockyJednohniskove .card-header {
    background-image: url(/App_Themes/oci/_images/indexJednoohniskove_bg.png);
}

.cockyProgresivni .card-header {
    background-image: url(/App_Themes/oci/_images/indexProgresivni_bg.png);
}

.cockyBifokalni .card-header {
    background-image: url(/App_Themes/oci/_images/indexBifokalni_bg.png);
}

.cockySpecialni .card-header {
    background-image: url(/App_Themes/oci/_images/indexSpecialni_bg.png);
}

.cockyUpravy .card-header {
    background-image: url(/App_Themes/oci/_images/indexUpravyPlast_bg.png);
}
/*END čočky*/

/*detail čočky*/

.mozNO, .mozYES {
    background-image: url('/App_Themes/oci/_images/symbNo.png');
    background-position: left 10px center;
    background-repeat: no-repeat;
}

.mozYES {
    background-image: url('/App_Themes/oci/_images/symbYes.png');
}

.orangeBox, .blueBox {
    width: 180px;
    height: 28px;
    min-height: 28px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    padding-top: 5px;
}

@media (max-width:567px) {
    .orangeBox, .blueBox {
        width: 120px;
    }
}

.orangeBox {
    background-color: #ff9500;
}

.blueBox {
    background-color: #8fadc7;
}

.vychCoating {
    padding: 2px 0 0 30px;
}

.rozsahImg {
    max-height: 100vh;
    width: auto;
    max-width: 100%;
}

.detailCocky thead {
    background-color: lightgray;
}

.detailCocky .subHead {
    background-color: #e2e2e2;
}

.topRightImg, .topLeftImg {
    width: 110px;
    max-width: 110px;
    height: auto;
    margin: 5px;
}

@media (max-width: 767px) {
    .topRightImg, .topLeftImg {
        max-width: 80px;
        width: 80px;
    }
}
/*END detail čočky*/
/*Akce*/

.akce img {
    max-width: 100%;
}

/*END Akce*/

/*obchodní podmínky*/
.obchodni_podminky .kapitola {
    background-color: #dbd9d9;
    font-size: 18px;
    font-weight: 500;
}

    .obchodni_podminky .kapitola td {
        border: none;
    }

.obchodni_podminky td:first-child {
    font-weight: 500;
}
/*ENDobchodní podmínky*/

/*plakáty*/
.step01 .card-header {
    background-color: lightblue;
    font-size: 16px;
    font-weight: 600;
}

.step01 .card-footer {
    font-size: 14px;
    font-weight: 600;
}

    .step01 .card-footer input:last-child {
        float: right;
    }

/*END plakáty*/

/*ke stažení*/
/*END ke stažení*/

.aspNetDisabled.btn.btn-primary {
    cursor: not-allowed !important;
    background-color: #808080;
}

.border-danger::placeholder {
    color: red;
}

label {
    cursor: pointer;
}


/*krokové menu objednávky*/

@media(max-width:575px) {
    .stepMenu a {
        line-height: 1.1em;
        font-size: .9em;
        width: 25%;
    }
}

/*download strana*/

@media (max-width:575px) {
    .download .btn {
        font-size: .9em;
    }

    .download a, .download a h6 {
        font-size: .95em !important;
    }
}

/*registrace do obj.systému*/

@media(max-width:575px) {
    .registrationUsers label {
        font-size: .9em;
    }
}

/*obj system step menu*/
.topStepMenu .btn {
    text-transform: uppercase;
}

.topStepMenu .aspNetDisabled {
    cursor: not-allowed;
    color: white !important;
}

.prevBtn, .nextBtn, .cancelBtn {
    background-repeat: no-repeat;
    font-size: 23px;
    line-height: 26px;
    text-transform: uppercase;
}

    .prevBtn span, .nextBtn span {
        font-size: 16px;
        line-height: 18px;
        text-transform: none;
        display: block;
    }

.barvyButt.disabled {
    cursor: not-allowed;
}

.barvyButt {
    background-color: orange;
    border-color: darkgoldenrod;
    color: #222222;
    cursor: pointer;
    font-size: 21px;
    line-height: 23px;
    text-transform: uppercase;
}

    .barvyButt:hover {
        background-color: darkgoldenrod;
        color: #222222;
    }

@media (max-width: 991px) {
    .prevBtn, .nextBtn, .barvyButt {
        font-size: 21px;
        line-height: 23px;
    }

        .prevBtn span, .nextBtn span {
            font-size: 14px;
            line-height: 16px;
            padding: 0 25px;
        }

    .barvyButt {
        font-size: 18px;
        line-height: 20px;
    }
}


.nextBtn {
    background-image: url('/App_Themes/oci/_images/arrow-right.png');
    background-position: right center;
}

.prevBtn {
    background-image: url('/App_Themes/oci/_images/arrow-left.png');
    background-position: left center;
}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .nav-item .nav-link {
        font-size: 1.15rem !important;
        font-weight: 300 !important;
        line-height: 1.1em !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .nav-item .nav-link {
        font-size: 1.25rem !important;
        font-weight: 300 !important;
        line-height: 1.2em !important;
    }
}

.navbar-collapse {
    margin-left: 20px;
}