/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

/*переключатель вида каталога*/
.catalog_display_switch{
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog_display_switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.catalog_display_switch label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 25px;
    background: grey;
    display: block;
    border-radius: 25px;
    position: relative;
    background: #fa6b00;
}

.catalog_display_switch label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 21px;
    height: 21px;
    background: #fff;
    border-radius: 23px;
    transition: 0.3s;
}

.catalog_display_switch input:checked + label {

}

.catalog_display_switch input:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.catalog_display_switch label:active:after {
    /*width: 35px;*/
}

.catalog_display_switch a{
    font-size: 15px;
    margin: 0 5px;
    cursor: pointer;
    color: #888888;
    display: block;
    width: auto;
    height: auto;
}

.catalog_display_switch a:hover{
    color: #fa6b00;
}

.catalog_display_switch a.active{
    color: #fa6b00;
}
/*end переключатель вида каталога*/

.item-stock .icon.yellow{
    background: url(../images/icons_wish_yellow.png) 0px 0px no-repeat;
    background-size: cover;
    margin: 2px 6px 0px 0px;
}