




/*@import "Bootstrap/css/normalize.css";*/
@import "Bootstrap/css/bootstrap-reboot.min.css";
@import "Bootstrap/css/languages.min.css";
@import "Bootstrap/css/bootstrap.min.css";
/*@import "Bootstrap/css/bootstrap-grid.min.css";*/

@import "Bootstrap/css/jquery.toast.min.css";
@import "lib/select2/css/select2.css";
@import "lib/select2/css/select2-bootstrap.css";


@import "assets/jquery/bootstrap-spinner.css";
@import "assets/jquery/jquery-confirm.min.css";
@import "assets/jquery/bxslider/jquery.bxslider.css";
@import "assets/flag-icon-css/css/flag-icon.min.css";
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/

@import "styles/header.css";
@import "styles/general.css";
@import "styles/timeline.css";
@import "lib/font-awesome/css/all.min.css";

@import "assets/owlcarousel/dist/assets/owl.carousel.min.css";

@import "styles/base/ProductCompare.css";
/*@import "assets/owlcarousel/dist/assets/owl.theme.default.min.css";*/

/*@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*/



/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('styles/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('styles/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('styles/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('styles/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('styles/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('styles/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* ================================================================================== */
/* MY STYLES */
/* ================================================================================== */

@media (min-width: 1200px){
    .container{max-width: 1260px;}
}

.body_overview_is_active{overflow: hidden;}

select:required:invalid, select:focus:invalid, input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid {border: #e94747 1px solid;}
select:required:valid, input:required:valid, textarea:required:valid {border: #2ecc71 1px solid;}
.touched:required:invalid {background: #F08080; border: solid 1px #e94747;}

.overview_is_active{position:fixed; width: 100%; height: 100%; top:0; left:0; z-index:999; cursor:pointer; visibility: visible;}
.overview{background:#000; opacity: 0;}

#home .carousel-inner { background-color: #232323;}

.text-main{color:#5f7285;}
.modal{z-index: 3000;}
.btn-primary{
    background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
    background-color: #fff;
    color: #5f7285;
    border-radius: 3px;
    border: 1px solid #dadae5;
}

.btn-primary:hover{
    color: #d9400b;
    border: 1px solid #d9400b;
    background-color: #fff;
}

.bg-top-light{
    background: #f8f9fa;
}


.bg-grey{
    background: #f8f9fa;
}

.message-info{background: #0c5460; color: #fff;}
.message-info-light{background: #d1ecf1; color: #000;}
.message-error{background: #e94747; color: #fff;}
.message-error-light{background: #F08080; color: #000;}
.message-success{background: #2ecc71; color: #fff;}
.message-success-light{background: #def2e7; color: #000;}
.message-warning{background: #ffc107; color: #000;}
.message-warning-light{background: #f8d97d; color: #000;}

.message-sign{border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; color:#fff;}
.message-text{font-size:0.875rem; border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem;}
.message-icon{position: absolute; top: 50%; left:50%; margin-left: -9px; margin-top:-15px;}

.bg-error{background: #e94747;}
.bg-error-light{background: #F08080;}
.bg-success{background: #2ecc71;}
.bg-success-light{background: #def2e7;}
.bg-warning-light{background: #f8d97d;}

.text-error{color: #e94747;}
.text-error-light{color: #F08080;}
.text-success{color: #2ecc71;}
.text-success-light{color: #def2e7;}



.isDifferent{background: #F08080; color:#fff;}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

.btn-grey {
    background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
    background-color: #f8f8fa;
    color: #5f7285;
    border-radius: 3px;
    border: 1px solid #dadae5;
}

.btn-grey:hover{
    color: #d9400b;
    border: 1px solid #72b66e;
}

.btn-main{
    border: #d90726;
    color:#fff;
    background: #d90726;
    background-image: linear-gradient(to bottom, #d90726 0%, #D8364B 100%);
}

.btn-main:hover{
    background: #72b66e;
}

.back-to-shopping{
    line-height: 2.375rem;
    background-color: #5f7285;
    background-image: linear-gradient(to bottom, #5f7285 0%, #3f4c58 100%);
    color: #fff;
    font-weight: 700;}

.back-to-shop{
    line-height: 2.375rem;
    background-color: #5f7285;
    background-image: linear-gradient(to bottom, #5f7285 0%, #3f4c58 100%);
    color: #fff;
    font-weight: 700;}

.bg-button-light-blue {
    background: #6e9ec4;
}

.bg-button-orange {
    background: #ffc900;
}

.bg-button-green {
    background: #5cd77c;
}

.bg-button-dark-blue {
    background: #345066;
}

.traffic:before{background: #ccc; border-radius: 0; width: 0px; display: inline-block; content: ''; margin-right: 5px;}
.traffic:empty{display:inline;}
.traffic.t-circle:before{width: 20px; height: 20px; padding: 0px; border-radius: 10px; margin-bottom: -3px; box-shadow:0 0 2px #888;}  /*CIRCLE*/
.traffic.t-block:before{width: 20px; height: 20px; padding: 0px; border-radius: 2px; margin-bottom: -3px; box-shadow:0 0 2px #888;}  /*BLOCK*/
.traffic.t-line:before{width: 100%; height: 8px; padding: 0px; border-radius: 2px; margin-bottom: -3px; box-shadow:0 0 2px #888;}  /*LINE*/
.traffic.t-red:before{ background: #ff3019 linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);}  /*RED*/
.traffic.t-yellow:before{background: #ffd65e linear-gradient(to bottom, #ffd65e 0%,#febf04 100%);}  /*YELLOW*/
.traffic.t-lgreen:before{background: #d2ff52 linear-gradient(to bottom, #d2ff52 0%,#91e842 100%);}  /*LIGHT GREEN*/
.traffic.t-green:before{background: #3ab31c linear-gradient(to bottom, #3ab31c 0%, #08894f 100%);}  /*GREEN*/
.traffic.t-red{color: #ff3019;}  /*RED*/
.traffic.t-yellow{color: #ffd65e;}  /*YELLOW*/
.traffic.t-lgreen{color: #d2ff52;}  /*LIGHT GREEN*/
.traffic.t-green{color: #3ab31c;}  /*GREEN*/

.navbar {
    margin-bottom:0px;
}

.navbar-default {
    background-image:none;
    background:transparent;
    border:none;
    border-radius: 0px;
    box-shadow: none;
}

.navbar-default .badge {
    background:#f8f9fa;
    color:#111;
}

.navbar-bg-color-top {background: linear-gradient(to bottom, #4e4e4e 0%,#000000 100%); color: #fff;}
.navbar-bg-color-top a.nav-link {color: #fff;}

.navbar-btn {
    margin-right:15px;
}

.menu-top{font-size:0.875rem;}
.menu-top ul li>a:hover{color:#d9400b;}
.menu-top ul li:last-child>a{padding-right:0px;}
.menu-top .dropdown-menu{font-size:0.875rem;}
.side-customer-history .timeline li,
.side-customer-device .cart-text{font-size: 0.675rem; padding:0 5px;}
.side-shopping-cart{padding:0; position: fixed; width: 22.0rem; top:0; right:-22.0rem; height:100%; z-index: 8000; background:#fff; overflow-x: visible; overflow-y: auto;}
.side-shopping-cart .cart-img{padding:0 5px 0 10px;}
.side-shopping-cart .cart-text{font-size: 0.675rem; padding:0 5px;}
.side-shopping-cart .cart-del{padding:0 10px 0 5px; text-align: right;}

.side-customer-device{padding:0; position: fixed; width: 22.0rem; top:0; right:-22.0rem; height:100%; z-index: 8000; background:#fff; overflow-x: hidden; overflow-y: auto;}

.menu_main{background: #fff; border-bottom:solid 1px #656565; font-size: 16px;}
.menu_main .nav-link{color: inherit; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; cursor: pointer;}
.menu_main .nav-link:hover{background: #d90726; color: #fff;}
.menu_main .active{background: #d90726; color: #fff; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;}

.menu_main .top_cat{background: #d90726;}
.menu_main .top_cat a{color: #fff; font-size: 1rem; font-weight: 700;}

.menu-cat-list{list-style: none; margin: 0; padding: 0;}
@media (min-width: 768px) {
    .menu-cat-list{columns: 2; list-style: none; margin: 0; padding: 0;}
}
.menu-cat-list li{padding:0.3rem;}
.menu-cat-list li:hover{background: #ccc;}
.menu-cat-list li a{font-weight: bold;}
.menu-cat-list li a:hover{color: #3f4c58; text-decoration: none;}


.menu-search{background: #fff; padding-top: 1rem;}

.menu-inkfinder{background: #fff;}

.main_page{background: #fff; padding-bottom: 15px;}

.btn_login::after {
    display:none;
}

.breadcrumb{background: #fff; border-bottom: solid 1px #656565; border-radius: 0px;}

.card-header{background: none; font-weight: bold;}
.card-header h4{font-weight: bold; margin-bottom: 0;}
.card-footer{background: none; font-weight: bold;}

.account-box{line-height: 1.8rem}
.account-box ul{padding: 0; margin: 0; list-style: none;}
.account-box ul li a{text-decoration: none;}

.order-overview table{margin-bottom: 0;}
.order-overview table td{vertical-align: middle;}
.order-overview table tr>td:last-child{text-align: right;}

.compare-head{border-top: solid 1px #dee2e6; border-bottom: solid 1px #dee2e6; border-right: solid 1px #dee2e6;}
.compare-head:first-child{border-left: solid 1px #dee2e6;}
.compare-head .close{position: absolute; right: 10px; top: 5px; z-index: 100;}
.compare-product-title{text-overflow: ellipsis; max-height: 50px; overflow: hidden;}
.compare-feature{border-bottom: solid 1px #dee2e6; border-right: solid 1px #dee2e6;}
.compare-feature:first-child{border-left: solid 1px #dee2e6;}


.product-listing .product-title a{color:#3f4c58; font-weight: bold;}

.product-details, .add-to-links{font-size: 0.875rem;}

.products_features table th, .products_features table td{padding: 0.75rem;}

.info-container table th, .info-container table td{padding: 0.4rem; font-size:0.8rem;}

.inkandtoner{
    padding-top:15px;
    padding-bottom:15px;
}

.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.ui-autocomplete > li {
    padding: 3px 20px;
}
.ui-autocomplete > li.ui-state-focus {
    background-color: #DDD;
}

.ui-autocomplete > li:hover {
    background-color: #DDD;
}
.ui-helper-hidden-accessible {
    display: none;
}

#ink_and_toner_finder .brand{
    margin-bottom:10px;
}

#ink_and_toner_finder .model-series{
    margin-bottom:10px;
}

.specials  .product-image-thumbnail .img-thumbnail {
    max-height:100%; height:100%; width: 100%; overflow: hidden;
}
/*

.specials  .products-grid .item-inner{
    min-height: 100%;
}
*/

.add-to-links{
    color:#3f4c58;
}

.checkout-btn > .btn{
    border: none;
    padding:10px;
    color:#fff;
    background: #d90726;
    background-image: linear-gradient(to bottom, #d90726 0%, #D8364B 100%);
    width: 100%;
    font-weight: 700;
}

.checkout-btn > .btn:hover{
    background: #72b66e;
}

.add-to-links .btn{
    border: none;
    padding:10px;
    color:#fff;
    background: #d90726;
    background-image: linear-gradient(to bottom, #d90726 0%, #D8364B 100%);
    width: 100%;
    font-weight: 700;
}

.add-to-links .btn:hover{
    background: #72b66e;
}

.add-to-links a{
    color:#3f4c58;
}

.add-to-box .btn{
    border: #d90726;
    color:#fff;
    background: #d90726;
    background-image: linear-gradient(to bottom, #d90726 0%, #D8364B 100%);
}

.add-to-box .btn:hover{
    background: #d90726;
}

.links-to-add-to a{color:#3f4c58;}

.pagination {margin-bottom: 0px;}

.page-link{color:#656565;}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #3f4c58;
    border-color: #3f4c58;}

/*.page-header{border:solid 1px #dee2e6; background: #3f4c58; color: #fff; margin-bottom:15px; ont-weight:bold; padding:15px;}*/
/*.page-header h2{margin-bottom: 0;}*/
/*.page-header h1{margin-bottom: 0;}*/
h1, .h1{color: #d90726}
h2, .h2{font-size: 2rem}
h3, .h3{font-size: 1.5rem}
.page-header .cat_image img{padding: 10px; background: #fff;}

.shopping-cart .shopping-cart-quantity{position: absolute; top: -0.35rem;}
.shopping-cart .badge{background-color:#d9400b; color:#fff;}
.shopping-cart .shopping-cart-price{color:#d9400b;}

.link-compare-ajax .compare_count{position: absolute; top: -0.35rem;}
.link-compare-ajax .badge{background-color:#d9400b; color:#fff;}

.link-wishlist .wishlist_count{position: absolute; top: -0.35rem;}
.link-wishlist .badge{background-color:#d9400b; color:#fff;}

.product-view #carousel-image_productinfo .carousel-inner{height: 400px;}
.product-view #carousel-image_productinfo .carousel-inner > .carousel-item img {/* position: relative;*/ max-height: 400px; max-width: 100%; /*top: 50%; transform: translateY(-50%);*/}
/*.product_info .carousel-inner > .item .magnify {text-align: center; height: 100%;}*/
.carousel-control-next, .carousel-control-prev{color:#3f4c58;}
.carousel-control-next:hover, .carousel-control-prev:hover{color:#3f4c58;}
.product-view .product-carousel-indicators {margin:0; position: static; text-align: left; white-space: nowrap; width: 100%; text-align: center; display: block;}
.product-view .product-carousel-indicators li {background-color: transparent; border: 1px #eeeeee solid; border-radius: 0; height: auto; margin: 5px 0 !important; width: auto; width: 82px; height: 82px;}
.product-view .product-carousel-indicators li img {display: block; opacity: 0.5; max-height: 75px; max-width: 75px; margin: 0 auto; position:relative; top:50%; transform: translateY(-50%);}
.product-view .product-carousel-indicators li.active{opacity: 1; border: 1px #3f4c58 solid;}
.product-view .product-carousel-indicators li.active img{opacity: 1; }
.product-view .product-carousel-indicators li:hover img {opacity: 0.75;}
.product-view .product-carousel-indicators li.active:hover img{opacity: 1;}
.product-view .carousel-outer {position: relative;}
.product-view .number-spinner{margin-bottom: 10px;}
.product-view .wl_btn{margin-top: 10px;}

.product-box-slide-small {
    flex-wrap: nowrap;
    display: flex;
}

.product-box-slide-small .product-box-item {
    width: 20%;
    float: left;
    padding: 1rem;
}
.product-box-slide-small .product-box-item .product-box-title a {
    color: #3f4c58;
}

.input-quantity{background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);}

.account .card-header{background: none;}
.account .card-header h3{font-size: 1.2rem; font-weight: bold; margin-bottom: 0;}
.account .card-body a{color: #3f4c58;}
.account .card-footer{background: none;}

@media (min-width: 576px){
    .modal-lg {
        max-width: 500px;
    }
}

@media (min-width: 768px){
    .modal-lg {
        max-width: 700px;
    }
}

@media (min-width: 992px){
    .modal-lg {
        max-width: 920px;
    }
}

@media (min-width: 1200px){
    .modal-lg {
        max-width: 1120px;
    }
}

.link-compare{cursor: pointer;}
.link-wishlist{cursor: pointer;}

.footer .toplinks ol, .footer .toplinks ul {
    list-style: outside none none;margin-top: 10px; margin-left:0px; padding:0px;
}

.footer{border-top:solid 1px #656565; background: #201e1f; color: #fff;}
.footer h4{color:#d90726;}
.footer a{color:#fff;}
.footer h4 a{color:#d90726;}
.footer .list-group-item {background:transparent;}
.footer .footer_link{line-height: 1.7em;}
.footer .footer_tel{font-size: x-large; font-weight: bold;}

#parsetime{font-size: small; text-align: center; color: #656565; background: #fff;}


.tmp_bigcol .variants{display: none;}
.tmp_col .variants{display: none;}

.printerTable table td{padding: .40rem;}
.printerTable table tr:first-child td{border-top:none;}

.main_menu img{width:100px; padding:10px; background:#fff;}
.main_menu .under_menu{display: none; position: absolute; background:#fff; z-index:5000; left: 50%; transform: translateX(-50%);}

.side-top-menu{background: #f5f5f8;}

.menu-side-cat-list{padding:0; margin: 0; list-style: none; background: #fff;}
.menu-side-cat-list li {cursor: pointer; border-bottom: solid 1px rgba(0,0,0,.125);}

.menu-under-cat-list{padding:0; margin: 0; list-style: none; background: #fff;}
.menu-side-cat-list li {cursor: pointer; border-bottom: solid 1px rgba(0,0,0,.125);}

.go-to-cat a{color:#fa5d27;}


.footer_list{list-style-type: none; padding-left: 0;}
.footer_list li{margin-left:0px; /*border-bottom: solid 1px #aaaaaa;*/ margin-bottom:5px; padding-bottom:5px;}

.number-spinner input[type=number]{-moz-appearance:textfield; text-align: right}
.number-spinner input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.number-spinner input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

.owl-stage{display: flex}
.owl-carousel .owl-item img{width: unset!important;margin: auto;}

#scroll_top{cursor: pointer; position: fixed; bottom: 15px; right: 15px; width: 60px; height: 60px; display: none; background: rgba(177,177,177,0.5); border-radius: 2px;}
#scroll_top div{ width: 0;  height: 0;  border-left: 20px solid transparent;  border-right: 20px solid transparent;  border-bottom: 20px solid #919191; margin: 15px 10px 10px 10px;}

.carousel{z-index: 1;}

.load_before{position: absolute; background-color: rgba(255,255,255,0.5); z-index: 1000;}

.card.active{border-color: #fa5d27; color: #fa5d27;}

.review_rating .review_star{color: #E49F0A;}
.review_rating.set .review_star{cursor: pointer;}
.review_rating.set input[type=text]{opacity: 0; width: 0px;  height: 0px;}
.review_rating .fullrating{position: absolute;}
.review_rating .rating{overflow: hidden; white-space: nowrap;}
@media (max-width: 767px) {
    #quick_find {
        margin-top: 20px;
    }
    #trustbadge-container-98e3dadd90eb493088abdc5597a70810{display:none}
}

.wkonlineshop{position: absolute; width: 20%; margin: -30px 0 0 10px;}
@media (max-width: 767px) {
    .wkonlineshop {
        position: static; float:left; margin: 0;
    }
}
