/* Add here all your CSS customizations */
/*
Custom bottom spacer
=========================== */
.marginbot5{
    margin-bottom:5px;
}

.marginbot10{
    margin-bottom:10px;
}

.marginbot15{
    margin-bottom:15px;
}

.marginbot20{
    margin-bottom:20px;
}

.marginbot25{
    margin-bottom:25px;
}

.marginbot30{
    margin-bottom:30px;
}

.marginbot35{
    margin-bottom:35px;
}

.marginbot40{
    margin-bottom:40px;
}

.marginbot45{
    margin-bottom:45px;
}

.marginbot50{
    margin-bottom:50px;
}

.marginbot55{
    margin-bottom:55px;
}

.marginbot60{
    margin-bottom:60px;
}

.marginbot70{
    margin-bottom:70px;
}

.marginbot80{
    margin-bottom:80px;
}

.marginbot400{
    margin-bottom:400px;
}



.margintop5{
    margin-top:5px;
}

.margintop10{
    margin-top:10px;
}

.margintop15{
    margin-top:15px;
}

.margintop20{
    margin-top:20px;
}

.margintop25{
    margin-top:25px;
}

.margintop30{
    margin-top:30px;
}

.margintop35{
    margin-top:35px;
}

.margintop40{
    margin-top:40px;
}

.margintop45{
    margin-top:45px;
}

.margintop50{
    margin-top:50px;
}

.margintop55{
    margin-top:55px;
}

.margintop60{
    margin-top:60px;
}

.margintop70{
    margin-top:70px;
}

.margintop80{
    margin-top:80px;
}

.margintop100{
    margin-top:100px;
}

.margintop150{
    margin-top:150px;
}



#btn-close-modal {
    width:100%;
    text-align: right;
    margin-top: 20px;
    margin-left: -40px;
    cursor:pointer;
    color:#fff;
}


.cenawprodukcie {
    background-size: contain;
    background-repeat: no-repeat;
    width: 162px;
    height: 84px;
    margin-bottom: 1.5em;
    /*float: left;*/
    margin-top: 3em;
}



/* Outline */
.btn-outline-white {
    border-width: 2px;
    padding: 7.728px 14.928px;
    padding: 0.483rem 0.933rem;
}

.btn-outline-white.btn-xs {
    padding: 2.4px 8px;
    padding: 0.15rem 0.5rem;
}

.btn-outline-white.btn-sm {
    padding: 4px 10.4px;
    padding: 0.25rem 0.65rem;
}

.btn-outline-white.btn-lg {
    padding: 7.2px 16px;
    padding: 0.45rem 1rem;
}

.btn-outline-white.btn-xl {
    padding: 12px 32px;
    padding: 0.75rem 2rem;
}

.btn-outline-white.btn-primary {
    color: #CCC;
    background-color: transparent;
    background-image: none;
    border-color: #CCC;
}

.btn-outline-white.btn-primary:hover, .btn-outline-white.btn-primary.hover {
    color: #CCC;
    background-color: transparent;
    background-image: none;
    border-color: #CCC;
}

.btn-outline-white.btn-primary:focus, .btn-outline-white.btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5);
}

.btn-outline-white.btn-primary.disabled, .btn-outline-white.btn-primary:disabled {
    color: #CCC;
    background-color: transparent;
}

.btn-outline-white.btn-primary:active, .btn-outline-white.btn-primary.active, .show > .btn-outline-white.btn-primary.dropdown-toggle {
    color: #FFF;
    background-color: #CCC;
    border-color: #CCC;
}

.hidden {display: none; }

@media (max-width: 767px) {
    .hidden-xs {
        display: none;
    }
}

@media (min-width: 992px) {
    .hidden-lg {
        display: none;
    }
}

@media (min-width: 767px) {
    .hidden-md {
        display: none;
    }
}


/*Bootstrap toogles - switchers*/
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}


.loadingsuggestbox {
    background-color: #ffffff;
    background-image: url("../img/AjaxLoader.gif");
    background-size: 20px 20px;
    background-position:right center;
    background-repeat: no-repeat;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

#quote-place { position:absolute;  }

#quote-close { position:absolute;  }
.quote-close { position:absolute;  }

.quote-cancel { position:absolute;  }

.highlighted-span {
    background: yellow;
}

.bigfont {font-size: 3em;}


.readbackgroundcolor {background: #212529;}
.text-white {color: #fff;}