/*item-nav-pages*/
#item-nav-pages {
    float: right;
    text-align: right;
}

#item-nav-pages ul {
    clear: both;
    list-style: none;
    display: table;
    margin: 0 auto;
    padding: 0;
}

#item-nav-pages ul li {
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #333 !important;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 14px;
    margin-left: 2px;
    min-width: 1.5em;
    padding: 0.2em 0.2em;
    position: relative;
    text-align: center;
    text-decoration: none !important;
}

#item-nav-pages ul li.ellipsis {
    color: #333 !important;
    border: none;
    background: none;
}

#item-nav-pages ul li.current, #item-nav-pages ul li:hover {
    color: #FFFFFF !important;
    border: 1px solid #0b4b7d;
    background-color: #0b4b7d;
}

#item-nav-pages ul li.ellipsis:hover {
    cursor: text;
    color: #333 !important;
    border: none;
    background: none;
}

#item-nav-pages ul li.disabled {
    display: none;
}

/*item-nav-page-size*/
#item-nav-page-size {
    font-size: 14px;
}

#item-nav-page-size label {
    padding-right: 5px;
}

#item-nav-page-size select {
    margin-right: 5px;
}

/*item-nav-quantity-info*/
#item-nav-quantity-info {
    font-size: 14px;
}

#item-nav-extra .style-margin-right-10 {
    margin-right: 10px;
}

/* The slider */
#item-nav-extra .item-nav-extra-switch-l {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    padding: 0;
    margin: 0;
}

#item-nav-extra .item-nav-extra-switch-l input {display:none;}

#item-nav-extra .item-nav-extra-slider-l {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#item-nav-extra .item-nav-extra-slider-l:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#item-nav-extra input:checked + .item-nav-extra-slider-l {
    background-color: #2196F3;
}

#item-nav-extra input:focus + .item-nav-extra-slider-l {
    box-shadow: 0 0 1px #2196F3;
}

#item-nav-extra input:checked + .item-nav-extra-slider-l:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
#item-nav-extra .item-nav-extra-slider-l.round {
    border-radius: 34px;
}

#item-nav-extra .item-nav-extra-slider-l.round:before {
    border-radius: 50%;
}

/* The slider - r */
#item-nav-extra .item-nav-extra-switch-r {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    padding: 0;
    margin: 0;
}

#item-nav-extra .item-nav-extra-switch-r input {display:none;}


#item-nav-extra .item-nav-extra-slider-r {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#item-nav-extra .item-nav-extra-slider-r:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#item-nav-extra input:checked + .item-nav-extra-slider-r {
    background-color: #0f902e;
}

#item-nav-extra input:focus + .item-nav-extra-slider-r {
    box-shadow: 0 0 1px #0f902e;
}

#item-nav-extra input:checked + .item-nav-extra-slider-r:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
#item-nav-extra .item-nav-extra-slider-r.round {
    border-radius: 34px;
}

#item-nav-extra .item-nav-extra-slider-r.round:before {
    border-radius: 50%;
}