/* Additional CSS properties */

.small-text {
    color: #555;
    font-size: 110%;
    font-weight: bold;
}

.smaller-text {
    color: #555;
    font-size: 80%;
}

.smallest-text {
    text-align: center;
    color: #b3b3b3;
    font-size: 60%;
}

.big-text {
    font-size: 150%;
}

.bigger-text {
    font-size: 170% !important;
}

.footer-info {
    color: #b3b3b3;
    font-style: italic;
    font-size: 70%;
}

.margin-top-small {
    margin-top: 10px;
}

.margin-top-medium {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .text-xs-left {
        text-align: left;
    }

    .text-xs-right {
        text-align: right;
    }

    .text-xs-center {
        text-align: center;
    }

    .text-xs-justify {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-justify {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-md-left {
        text-align: left;
    }

    .text-md-right {
        text-align: right;
    }

    .text-md-center {
        text-align: center;
    }

    .text-md-justify {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left;
    }

    .text-lg-right {
        text-align: right;
    }

    .text-lg-center {
        text-align: center;
    }

    .text-lg-justify {
        text-align: justify;
    }
}

.text-justify {
    text-align: justify;
}

@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }

    input[type='submit'].btn-xs-block,
    input[type='reset'].btn-xs-block,
    input[type='button'].btn-xs-block {
        width: 100%;
    }

    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }

    input[type='submit'].btn-sm-block,
    input[type='reset'].btn-sm-block,
    input[type='button'].btn-sm-block {
        width: 100%;
    }

    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }

    input[type='submit'].btn-md-block,
    input[type='reset'].btn-md-block,
    input[type='button'].btn-md-block {
        width: 100%;
    }

    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }

    input[type='submit'].btn-lg-block,
    input[type='reset'].btn-lg-block,
    input[type='button'].btn-lg-block {
        width: 100%;
    }

    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}

.box-prodejna {
    /* box-sizing: border-box; */

    border: 1px solid #d3d2d2;
    border-radius: 5px;
}

.btn-labeled {
    /* position: relative;
    top: -8px;
    right: -16px; */
    padding-top: 0;
    padding-bottom: 0;
    z-index: 1000;
}

.list-group-item .btn-lg.btn-labeled {
    font-size: 170%;
    position: relative;
}

.list-group-item .btn-sm.btn-labeled {
    font-size: 130%;
    /* position: relative; */
}

.btn-label {
    position: relative;
    right: -68px;
    display: inline-block;
    padding: 8px 8px 7px 9px;
    background: rgba(0, 0, 0, 0.15);
    z-index: -10;
    /* font-size: 155%; */
    /* border-radius: 3px 0 0 3px; */
}

.btn-sm .btn-label {
    position: relative;
    right: -11px;
    display: inline-block;
    padding: 2px 6px 1px 7px;
    background: rgba(0, 0, 0, 0.15);
    z-index: 1;
    /* font-size: 155%; */
    /* border-radius: 3px 0 0 3px; */
}

.btn-sm.btn-left {
    margin: 0 1.3rem;
}

.btn-sm.btn-right {
    margin: 0 1.4rem;
}

.btn-lg .btn-label {
    position: relative;
    right: -16px;
    display: inline-block;
    padding: 2px 10px 1px 11px;
    background: rgba(0, 0, 0, 0.15);
    z-index: 1;
    /* font-size: 120%; */
    /* border-radius: 3px 0 0 3px; */
}

.btn-info-label {
    margin-right: 1.2rem;
    /* background-color: rgb(159, 16, 236);
    color: #000; */
    /* border: none; */
    border-radius: 33%;
}

.btn-info-label:hover,
.btn-info-label:focus,
.btn-info-label:active,
.btn-info-label:active:hover {
    /* background-color: #7A4299;
    color: #fff; */
    /* border: none; */
}

#treeview-expandible .list-group-item .label-category {
    /* font-size: 140%;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline; */
}

#treeview-expandible .list-group-item .label-element {
    /* font-size: 120%;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline; */
}

.list-group-item .title-category {
    /* font-size: 170%;
    font-weight: 600; */
}

.icon-btn-bim {
    height: 21px;
    margin-bottom: 2px;
}

.icon-btn-bim-outline {
    height: 23px;
    padding-bottom: 1px;
}

.btn-lg .icon-btn-bim {
    height: 24px;
    margin-bottom: 2px;
}

.btn-lg .icon-btn-bim-outline {
    height: 26px;
    /* padding-bottom: 1px; */
}

.login-hr {
    border-top: 1px solid #b3b3b3;
}

.img-product {
    margin: 5px 15px 15px 30px;

    max-height: 150px;
}

.img-bim-detail {
    margin-top: 15px;
    margin-bottom: 20px;
}

.label-warning {
    color: #0e408e;
}

.label-bim {
    font-size: 85%;
    margin-top: 5px;
}

h2 span.label {
    padding: 0.1em 0.6em 0.1em;
    font-size: 85%;
}

h2.bim__detail--heading {
    font-weight: 700;
    color: #0e408e;
}

h2.bim__detail--heading span.label__divider {
    margin: 0 10px;
    border-left: 3px solid #0e408e;
    font-size: 85%;
}

.info-product {
    font-size: 100%;
    margin: 20px 0;
}

.info-product span {
    margin-right: 5px;
}

#product-detail .info-product span {
    min-width: 150px;
    text-align: center;
}

#product-detail .info-product.tag-wider span {
    min-width: 180px;
    text-align: center;
}

.bim-description-product {
    line-height: 25px;
}

.btn-bim-download {
    margin-top: 20px;
    font-weight: 700;
    color: #0e408e;
}

.product__detail-description {
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d2d2;
}

/* .btn {
    margin-bottom: 10px;
} */

.blue-text {
    color: #0E408E;
}

.orange-text {
    color: #FFCB04;
}

.red-text {
    color: #d9534f;
}

blockquote.orange {
	border-color: #FFCB04;
}

.contact-corona {
	font-size: 24px;
}

.contact-corona--blue > a {
	color: #103F8F;
}

.contact-corona--blue > a:hover, .contact-corona--grey > a:focus {
	color: #00ADEF;
	text-decoration: underline;
}

.orange-hr {
	border-top: 3px solid #FFCB04;
}

.mt-20 {
	margin-top: 20px;
}

.bottom-hr {
	margin-top: 25px;
}

.top-hr {
	margin-bottom: 0;
}