.navbar-scroll {
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
}

.navbar .btn-outline-success {
    color: white !important;
    border-color: white !important;
}
.navbar .btn-outline-success:hover {
   background-color:  #AF291C !important;
}

.caption{
     font-weight: bold;
     font-size: 1.1rem !important;
}

.basket-mini{
    margin: auto !important;
    background-color: #555;
    border-radius: 50%;
    width: 50px;
}

.fc-day-number {
    color: black !important;
}

.cc-window.cc-floating {
    padding: 30px !important; 
}
.cc-window.cc-banner {
    padding: 20px 30px !important;
    width: 100%;
    flex-direction: row;
}
.nav-review {
    display: none !important;
}
.tx-indexedsearch-info {
    display: none !important;
}

/*kalenar*/
.category1{
    color: black !important;
    background-color: white !important;
    border: 1px solid black !important;
}
.category2{
    color: black !important;
    background-color: lightgray !important;
    border: 1px solid lightgray !important;

}
.category3{
    color: white !important;
    background-color: #AF291C !important;
    border: 1px solid #AF291C !important;
 
}
.category4{
    color: white !important;
    background-color: black !important;
    border: 1px solid black !important;
 
}
.fc-button-primary{
    background-color: #464646 !important;
    border-color:#202020 !important;
}

    
.form-check-input:checked, .form-check-label input[type="checkbox"]:checked, .form-check-label input[type="radio"]:checked {
    background-color: darkgrey !important;
    border-color: white !important;
}

.fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
    background-color: #313131 !important;
    border-color:#202020 !important;
}

.custom-control-input:focus~.custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(175,41,28,1) !important;
    }
.p-1 > [type="checkbox"]:checked:focus + label:before,   
.p-1 > [type="checkbox"]:not(:checked):focus + label:before {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }


.card a:not(.btn), button.nav-link, .carousel-control-icon
{
    color:  #AF291C !important;
}

.nav-tabs .nav-link.active:not(.btn) {
    color: white !important;
    background-color: #313131 !important;
}

a.dropdown-item:hover {
    background-color:  #AF291C !important;
}

.btn-primary {
    background-color:  #AF291C !important;
    border-color:  #AF291C !important;
}
.form-control:hover, .btn-default:active .btn-default:hover, .carousel-control-icon:before{
    border-color:  #AF291C !important;
}

.page-item.active .page-link {
    background-color:  #AF291C !important;
    border-color:  #AF291C !important;
}

.carousel-indicators [data-bs-target] {
    background-color:  #AF291C !important;
}

.carousel-text:hover, .carousel-content-inner:hover, carousel-content:hover {
    color: black !important;
}

.card-icon {
    float:left;
    width: 20%;
    padding-right: 5%;
}
.img, svg {
    width: 100%;
    height: 100%;
}
.card-link {
    float: right;
}


a:hover {
    color: #AF291C !important; ;
}

.kosik-mini {
    background: currentColor;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.cat-item {
    color: black !important;
}
.sikmy {
 /* width: 100%;
  height: 56.25%;
  clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
*/
}

.card-img-top {
	height: auto !important;
}

/*
.frame-type-fluxelements_columns4, frame-type-shortcut, .frame-type-fluxelements_container {
 /*--frame-outer-spacing-before:  -1.2rem !important;*/
/* padding-top: 0rem !important;
 padding-bottom: 0rem !important;
}
/* Oprava mezer vnorování na homepage */
/*#c9, #c102, #c103, #c104, #c105, #c45, #c52, #c48, #c66 {
     padding-top: 0rem !important;
 padding-bottom: 0rem !important;
}*/

/*.image {
	position: relative;
	height: 9em;
}*/
.logo{
    position: absolute;
    margin-top: -87px;
   /* margin-left: -197px;*/
    width: 200px;
}
.navbar-nav .dropdown-menu {
    background-color: white !important;
    border-color: black !important;
}

.dropdown-item:hover {
    color:  white !important;
}


* {box-sizing: border-box}

/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
}
/*end of style tabs*/

.navbar-toggler {
width:  70px !important;
}

.catalog-detail-image img.item {
    object-fit: cover;
}

body {
    background-image: none !important;
    font-family: var(--bs-body-font-family) !important;
}

footer {
    background-color: white !important;
}

/* Eshop ikonky */

.minibutton.delete {
    color: red !important;
    background-color: white !important;
}

.actions-button-favorite {
    display: none !important;
}
.actions-button-watch {
    display:  none !important;
}

.ui-autocomplete-input{
    width: 170px !important;
}
.reset.btn-default{
    display: none !important;
}

/*oprava css v eshopu*/
    .catalog-filter-tree .top-item.hover > .submenu {
        background-color: white !important;
    }


/* Cookies nastaveni */

#tx_cookies_inner{
    left: 0px;
}


 .btn-secondary{
    background-color: #AF291C !important;
 }


@media (min-width: 10px) {
    .logo-footer{
        display: none;
    }
    .logo {
        left: 0px;
        z-index: 0;
        margin-left: 0px;
        width: 120px;    }
    .lang {
        right: 150px;
    }
    #helper{
        width: 50%;
    }
    #navbar{
        right: 15px;
    }
     .container {
        margin: auto;
        width: 80%;
    }
     .menu2 {
        display: none;
    }
      img.logos {
            width: 115px;
            height: 115px;
        object-fit: cover;
        object-position: 0 0;
        }
        #lang{
            display: none;
        }
}

@media (min-width: 576px) {
    .container {
        margin-left: 160px !important;
        max-width: 410px !important;
    }
    .container-fluid {
        margin-left: 200px !important;
        width: 70%;
        
    }
    .helper{
        width: 20%;
    }
    
      img.logos {
            width: auto;
            height: 150px;
            object-fit: unset;
            object-position: unset;
            margin-top: 0px;
        }
    
    .carousel{
        width: 100%;
    }
    .carousel-image {
     /*   width: 60%;*/
    }
    .carousel-text {
        width: 40%;
    }
    
    .carousel-header {
        font-weight: bold;
    }
    

}

@media (min-width: 750px) {

        .logo-footer {
        display: block;
        }
        .container-fluid {
        margin-left: auto !important;
         }
        .logo{
            width: auto;
        }
        #helper{
        width: 16.66666667%;
    }
      
   
}
@media (min-width: 768px) {
    img.logos {
            width: auto;
            height: 170px;
            object-fit: unset;
            object-position: unset;
            margin-top: 0px;
        }
    .container {
    margin-left: 179px !important;
       max-width: 590px !important;
   }
}
    
@media (min-width: 992px) {
    img.logos {
            width: auto;
            height: 170px;
            object-fit: unset;
            object-position: unset;
            margin-top: 0px;
        }
    .container {
        margin-left: 179px !important;
       max-width: 820px !important;

   }
}
    


@media (min-width: 1200px) {

          img.logos {
            width: auto;
            height: 200px;
            object-fit: unset;
            object-position: unset;
            margin-top: 0px;
        }

    .menu2 {
        display: none;
    }
    .lang {
        right: unset;
    }
    .container {
        margin-left: 200px !important;
        max-width: 1110px !important;
    }
    .container-fluid {
        margin-left: 200px !important;
        width: 70%;
        
    }
    .logo-footer {
        visibility: visible;
    }
    .menu2 {
        display: inline;
    }
    #navbar {
      right: unset;
    }
    #navbar-lang{
        display: none;
    }
    #lang{
        display: block;
    }

}
@media (min-width: 1400px) {
     .container {
        max-width: 1300px !important;
    }


}


@media (min-width: 1670px) {
    
    .logo {
        left: unset;
        margin-left: -196px;
    }
     .container {
        margin: auto !important;
    }
     img.logos {
        margin-left: -30px;
     }

}