/* info box - for example "600+ klientu" */

.info-box{
    display: flex;
    gap: 10px;
}

.info-box .info-container{
    border-radius: 4px;
    background: #f2f2f2;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.info-box .main-info{
    font-weight: bold;
    color: #7fb539;
}

.info-box .caption{
    font-size: 12px;
    color: #000;
}

@media (max-width: 959px){
    .info-box{
        justify-content: center;
    }
}

@media (max-width: 569px){
    .info-box{
        justify-content: flex-start;
    }
}


/* colors */

body .rozsireni-doplnky .tmb-light.tmb-id-2340 .btn-container a.btn{
    background: #1990EA !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-2340 .t-entry-text .t-entry-title a:hover{
    color: #1990EA !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-979 .btn-container a.btn{
    background: #00bec1 !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-4429 .btn-container a.btn{
    background: #F8BF32 !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-979 .t-entry-text .t-entry-title a:hover{
    color: #00bec1 !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-976 .btn-container a.btn{
    background: #7f4713 !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-976 .t-entry-text .t-entry-title a:hover{
    color: #7f4713 !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-982 .btn-container a.btn{
    background: #00c67d !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-982 .t-entry-text .t-entry-title a:hover{
    color: #00c67d !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-986 .btn-container a.btn{
    background: #0079f2 !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-986 .t-entry-text .t-entry-title a:hover{
    color: #0079f2 !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-989 .btn-container a.btn{
    background: #ef6a31 !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-989 .t-entry-text .t-entry-title a:hover{
    color: #ef6a31 !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-993 .btn-container a.btn{
    background: #a32e65 !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-993 .t-entry-text .t-entry-title a:hover{
    color: #a32e65 !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-996 .btn-container a.btn{
    background: #777777 !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-996 .t-entry-text .t-entry-title a:hover{
    color: #777777 !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-1000 .btn-container a.btn{
    background: #592f93 !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-1000 .t-entry-text .t-entry-title a:hover{
    color: #592f93 !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-1004 .btn-container a.btn{
    background: #d9121a !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-1004 .t-entry-text .t-entry-title a:hover{
    color: #d9121a !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-1008 .btn-container a.btn{
    background: #ffb200 !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-1008 .t-entry-text .t-entry-title a:hover{
    color: #ffb200 !important;
}

body .rozsireni-doplnky .tmb-light.tmb-id-1011 .btn-container a.btn{
    background: #7fb539 !important;
}

body .rozsireni-doplnky .tmb-light.tmb.tmb-id-1011 .t-entry-text .t-entry-title a:hover{
    color: #7fb539 !important;
}

/*
.nav.nav-tabs li[data-tab-id="doplnky"] a span::after,
.nav.nav-tabs li[data-tab-id="monitory"] a span::after{
    content: "Až 10 volitelných doplňků";
    position: relative;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 5px;
}
*/

.nav-tabs > li[data-tab-id="doplnky"] > a span,
.nav-tabs > li[data-tab-id="monitory"] > a span {
    white-space: normal;
}

/* monitors */

body.monitor-kc form #order-form input[type="submit"]{
    background: #ffb200;
}

body.monitor-rcdf form #order-form input[type="submit"]{
    background: #ff9a9e;
}

body.monitor-bozp form #order-form input[type="submit"]{
    background: #b68fe5;
}

body.monitor-st form #order-form input[type="submit"]{
    background: #777;
}

body.monitor-gdpr form #order-form input[type="submit"]{
    background: #cb81a3;
}

body.monitor-perso form #order-form input[type="submit"]{
    background: #e9a283;
}

body.monitor-ucto form #order-form input[type="submit"]{
    background: #0079f2;
}

body.monitor-dane form #order-form input[type="submit"]{
    background: #00c67d;
}

body.monitor-os form #order-form input[type="submit"]{
    background: #00bec1;
}


body.monitor-dv form #order-form input[type="submit"]{
    background: #1990EA;
}

body.monitor-vz form #order-form input[type="submit"]{
    background: #7f4713;
}


body.monitor-sk form #order-form input[type="submit"]{
    background: #f8bf32;
}

/* extensions */

.doplnek-circles{
    position: absolute !important;
    top: -600px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.doplnek-circles img{
    width: 1000px;
    height: 1000px;
}

.monitor-doplnek-heading{
    display: flex;
    justify-content: center;
    align-items: center;
}

.monitor-doplnek-heading img{
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.monitor-doplnek-heading h1{
    margin-top: 0;
    font-size: 28px;
}

.rozsireni-doplnky .owl-carousel-container{
    z-index: 1000;
    min-height: 450px;
}

.rozsireni-doplnky img{
    width: 160px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.rozsireni-doplnky .tmb .t-entry-visual{
    height: 180px !important;
}

.rozsireni-doplnky h3.h4{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 16px !important;
    margin-bottom: 10px !important;
}

.rozsireni-doplnky .t-entry-excerpt p{
    font-size: 14px;
}

.rozsireni-doplnky .t-entry-readmore.btn-container{
    transform: none !important;
    margin-bottom: 20px;
}

.rozsireni-doplnky .tmb-light .t-entry-text a.btn{
    margin-top: 10px;
    background-color: #7fb539 !important;
    border-radius: 4px;
}

.rozsireni-doplnky .tmb-light .t-entry-text a.btn:hover{
    background-color: #72a82c !important;
    text-decoration: none;
}

@media (max-width: 450px){

    .rozsireni-doplnky h3.h4{
        height: 30px;
    }
}