/*new order sample design*/
.order-sample-main-container{}
.order-sample-main-container .order-sample-container{width: 100%; padding: 0; margin: 0 auto; box-sizing: border-box;max-width:100%;}
.order-sample-main-container .order-sample-container .maxwid{max-width: 1170px; margin: 0 auto;}
.order-sample-main-container .sticky-container .top-row {padding-right:0px;}

.order-sample-main-container .order-sample-container .loaderDownloadProdInfo {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);z-index: 9000;}
.order-sample-main-container .order-sample-container .loaderDownloadProdInfo img {position: absolute;top: 50%;left: 50%;margin-top: -23px;margin-left: -23px;}

.order-sample-main-container .order-sample-container .error-msg{display:flex; border:#ccc 1px solid; border-radius:3px; color:#303030; font-size:14px; line-height:22px; font-weight:500; padding:10px; margin:30px 0px 30px 0px;}
.order-sample-main-container .order-sample-container .error-msg .content{width:100%;}
.order-sample-main-container .order-sample-container .error-msg .close-msg{width:100%; text-align:right;}

.order-sample-main-container .back-top-top {position: fixed; z-index:9; right: 10px;bottom: 10px;cursor: pointer;width: 40px;height: 40px;background-color:#00ABBD;text-indent: -9999px;display: none;border-radius: 60px}
.order-sample-main-container .back-top-top img {position: absolute; bottom:15px;right: 12px;}
.order-sample-main-container .back-top-top:hover {background-color:#00808e;opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}

.order-sample-main-container .modal-header h3{padding:0px 0px 0px 0px; margin:0px; font-size:16px; line-height:22px; font-weight:600;}
.order-sample-main-container .modal-body p{padding:0px; margin:0px; font-size:16px; line-height:22px; font-weight:normal;}

.order-sample-main-container .modal-body .butn-section {margin:15px 0px 15px 0px; width:130px; float:right;}
.order-sample-main-container .modal-body .butn-section .cart-btn {height: auto;width:auto;}
.order-sample-main-container .modal-body .butn-section .cart-btn a {font-size: 12px; width:100%; height:auto; line-height: 19px; font-weight:600; padding: 5px 0px; white-space: normal; margin:0px; text-transform:uppercase;}
.order-sample-main-container .modal-body .butn-section .max-quantity-error {width:100%; text-align:center; margin-top:10px; font-size:11px;}
.order-sample-main-container .modal-body .butn-section .download-btn {text-align:center; margin-bottom:16px;}
.order-sample-main-container .modal-body .butn-section .out-of-stock {color:#ff0000;}
.order-sample-main-container .modal-body .butn-section .butn-disabled {background-color: #808080;border-color: #808080;pointer-events: inherit;}
.order-sample-main-container .modal-body .butn-section .butn-disabled:hover {background-color:none;}
.order-sample-main-container .modal-body .butn-section .add-quantity {margin:0px; width: 100%; display:flex; justify-content:center; height:30px;}
.order-sample-main-container .modal-body .butn-section .add-quantity .btn {border-radius:50%; width:30px; height:30px; padding:0px; margin:0px; position:relative;}
.order-sample-main-container .modal-body .butn-section .add-quantity .form-control {padding:0px 0px 0px 10px; width:40px; border:none; text-align:center; box-shadow:none; background-color: #fff;}
.order-sample-main-container .modal-body .butn-section .add-quantity .icon-minus{font-size:17px; font-weight:600; position:absolute; left:9px; top:2px; line-height:inherit;}
.order-sample-main-container .modal-body .butn-section .add-quantity .icon-plus{font-size:17px; font-weight:600; position:absolute; left:9px; top:2px; line-height:inherit;}
.order-sample-main-container .modal-body .butn-section .add-quantity .quan-disabled {background-color: #fff;color:#a3a3a3; pointer-events: inherit;}

.order-sample-top-section{}
.order-sample-top-section .add-cart{background:#cceef2; padding:5px 0px 5px 0px; width:100%; /*z-index:9;*/ }
.order-sample-top-section .add-cart .product-count{float:left; padding:5px 0px 0px 0px; color:#00ABBD; font-size:16px; line-height:18px; font-weight:500;}
.order-sample-top-section .add-cart .shopping-btn{padding:0px; width:auto; float: right;padding-left: 10px;position: relative;}
.order-sample-top-section .add-cart .shopping-btn .btn-success{padding: 3px 7px 5px; line-height: 22px;}
    .order-sample-top-section .add-cart .shopping-btn .shopping-cart-button {
        width: 37px;
        height: 32px;
        display: inline-block;
        background-image: url(../img/shopping-cart.png);
        background-position: 40%;
        background-repeat: no-repeat;
        background-color: #00ABBD
    }
    .order-sample-top-section .add-cart .shopping-btn .badge.success {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        background-color: #003c73;
    }
.order-sample-top-section .add-cart .shopping-btn .product-flash-message{left: -63px;right: auto;width:auto!important;position: absolute; top:41px;background-color: #000;border-radius: 3px;padding: 5px;display: none;color: #fff;font-weight: 600; font-size:12px; line-height:14px;}
.order-sample-top-section .add-cart .shopping-btn .product-flash-message:before{content: "";border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #000;position: absolute;bottom: 38px;left: 92px;transform: rotateY(45deg);}
.order-sample-top-section .add-cart .shopping-btn .foldable{ display:none;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu-arrow{position: absolute;top: 43px;right: 18px;z-index: /*9999*/ 9;bottom: -1px;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu-arrow:after, .order-sample-top-section .add-cart .shopping-btn .mega-menu-arrow:before{position: absolute; bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu-arrow:after{border-color: rgba(249, 246, 242, 0);border-bottom-color: #f9f6f2;border-width: 10px;margin-left: -10px;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu-arrow:before {border-color: rgba(217, 222, 222, 0);border-bottom-color: #d9dede;border-width: 11px;margin-left: -11px;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu-container{position: absolute;top: 42px;right: -12px;z-index: 8;width: 745px;box-shadow: 6px 6px 9px -2px #a6a6a6;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu{padding: 0px;overflow: auto;min-height:100px;max-height:250px; background-color:#fff; border:1px solid #d9dede;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu .header{font-size: 16px;font-weight: bold; background-color: #f9f6f2;padding: 3px 0px 3px 10px;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu table{width: 98%;margin: 0 auto;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu table th{padding:8px;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu table td{background-color: #f9f9f9;padding: 8px;border-bottom: 3px #fff solid; border:none;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu table td .btn{font-size: 14px;padding: 7px 7px; border-radius: 50%;width: 30px;height: 30px;color: #fff;margin: 0px;background-color: #00abbd;border: transparent;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu .footer{background-color: #f9f6f2;padding: 8px 10px 8px 10px;margin-top: 10px;}
    .order-sample-top-section .add-cart .shopping-btn .mega-menu .footer .btn {
        line-height: 22px;
        font-size: 14px;
        padding: 3px 7px;
        color: #fff;
    }

.order-sample-top-section .add-cart .shopping-btn .mega-menu .footer .save-template{display: block;float: right;}
.order-sample-top-section .add-cart .shopping-btn .mega-menu .empty-bask{text-align: center;padding: 10px 10px;font-size: 16px;line-height: 18px;font-weight: bold;}

.order-sample-top-section .filter-wrapper{margin-top:14px;}
.order-sample-top-section .filter-wrapper .product-search{ margin:0px; padding:0px;}
.order-sample-top-section .filter-wrapper .product-search input[type=text]{background:transparent;width: 100%; height: 30px; font-size:14px; line-height:22px; font-weight:500; padding: 5px 6px;border-radius: 3px;border: 1px solid #ccc;}
.order-sample-top-section .filter-wrapper .product-search a{display: block;width: 30px;height: 30px;position: absolute;right: 6px;top: 2px;text-align: center;}
.order-sample-top-section .filter-wrapper .product-search a i[class^=icon]{font-size: 26px;color: #303030;display: inline-block;vertical-align: middle;line-height: 30px;}
.order-sample-top-section .filters{margin:0px; padding:0px;}

.order-sample-top-section .filter-show{margin:20px 0px 0px 0px;}
.order-sample-top-section .filter-show a{margin:0px 15px 10px 0px; display:inline-block; border:#ccc 1px solid; border-radius:3px; font-size:12px; line-height:22px; font-weight:500; padding:6px;text-transform:uppercase; color:#303030; cursor:pointer;}
.order-sample-top-section .filter-show a:hover{color:#303030; text-decoration:none;}
.order-sample-top-section .filter-show a.remove-filter img{vertical-align:text-top; padding-right:6px;}

.order-sample-top-section .filters .navbar{min-height:inherit;margin:0px;}
.order-sample-top-section .filters .navbar-nav{margin:0px; padding:0px;display:inline;}
.order-sample-top-section .filters .navbar-nav>li{list-style:none; padding-right:20px;}
.order-sample-top-section .filters .nav>li>a:hover, .nav>li>a:focus{background-color:transparent;}
.order-sample-top-section .filters .nav>li>a>img{padding-left:5px;}
.order-sample-top-section .filters .navbar-nav>li>a {padding:4px 8px 4px 8px; color:#303030; font-size:14px; line-height:22px; font-weight:500; text-transform: uppercase; border:#fff 1px solid;}
.order-sample-top-section .filters .navbar-nav>li>a:hover {background-color:none!important; text-decoration:none; border-radius:3px;}
.order-sample-top-section .filters .navbar-nav>li>a:focus{background-color:none!important; text-decoration:none; border-radius:3px; border:#ccc 1px solid;}
.order-sample-top-section .filters .navbar-nav>li>.dropdown-menu{padding:24px; min-width:265px; max-height:265px;overflow:auto; margin-top:6px; z-index:7; border-radius:3px;position:absolute;}
.order-sample-top-section .filters .navbar-nav>li>.dropdown-menu span{display:flex; font-size:12px; line-height:16px; padding-bottom:8px;}
.order-sample-top-section .filters .navbar-nav>li>.dropdown-menu span label{font-weight:normal; padding-bottom:0px; cursor:pointer;}
.order-sample-top-section .filters .navbar-nav>li>.dropdown-menu span input[type="checkbox"]{margin:2px 8px 0px 0px; cursor:pointer;}
.order-sample-top-section .filters .navbar-nav>li>.dropdown-menu li{padding-bottom:8px;}
.order-sample-top-section .filters .navbar-nav>li select {padding:0px; color:#303030; font-size:14px; line-height:22px; font-weight:500; text-transform: uppercase; border:none;}
.order-sample-top-section .filters .navbar-nav>li select option {text-transform: lowercase; min-width: 160px;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 14px;text-align: left;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}

.order-sample-product{margin:0px;}
.order-sample-product .wrapper{display: flex; flex-wrap: wrap; margin: 48px 0;}
.order-sample-product .wrapper:nth-child(1){margin:33px 0px;}
.order-sample-product .wrapper h2{width:100%; font-size:14px; line-height:16px; font-weight:500; text-transform:uppercase; padding:0px;margin:0px;}
.order-sample-product .wrapper .item {flex-basis: calc(100% / 5 - 16px); padding: 15px; max-width: calc(100% /5 - 16px); border: 1px solid #ccc; background-color:#fff; border-radius:3px; display: flex; flex-direction:column; margin:16px 16px 0px 0px;}
.order-sample-product .wrapper .item:Hover {box-shadow:0px 2px 10px rgba(0, 0, 0, 0.25);}
.order-sample-product .wrapper .item .image-content {width:100%; text-align:center; margin:0px; padding:0px;}
.order-sample-product .wrapper .item .image-content .pro-img {/*min-height:120px;*/ width: 100%; height: 0; padding-bottom: 100%; position: relative;}
.order-sample-product .wrapper .item .image-content .imagesize {/*max-width:175px; max-height: 120px;*/ width: 100%; height: 100%; position: absolute;left: 0px; top: 0;object-fit: contain;}
.order-sample-product .wrapper .item .image-content .brochure-img {/*max-width: 175px;max-height: 202px;*/ width: 100%; height: 100%; position: absolute;left: 0px; top: 0;object-fit: contain;}
.order-sample-product .wrapper .item .content {margin-top:16px; height:100%;}
.order-sample-product .wrapper .item .content h3 {margin:0px; font-weight: normal;font-size: 14px;line-height: 17px; text-align:left; color:#303030;}
.order-sample-product .wrapper .item .content h3 a {font-size: 14px;line-height: 17px; cursor:pointer;}
.order-sample-product .wrapper .item .content h4 {margin:0px; padding-top:4px; font-weight: normal;font-size: 14px;line-height: 17px; text-align:left; color:#989EA3;}
.order-sample-product .wrapper .item .butn-section {margin-top:16px;}
.order-sample-product .wrapper .item .butn-section .cart-btn {margin-top: 16px;height: auto;}
.order-sample-product .wrapper .item .butn-section .cart-btn a {font-size: 12px; width:100%; height:auto; line-height: 19px; font-weight:600; padding: 4px 0px; white-space: normal; margin:0px;}
.order-sample-product .wrapper .item .butn-section .max-quantity-error {width:100%; text-align:center; margin-top:10px; font-size:11px;}
.order-sample-product .wrapper .item .butn-section .download-btn {text-align:center; margin-bottom:16px;}
.order-sample-product .wrapper .item .butn-section .out-of-stock {color:#ff0000;}
.order-sample-product .wrapper .item .butn-section .butn-disabled {background-color: #808080;border-color: #808080;pointer-events: inherit;}
.order-sample-product .wrapper .item .butn-section .butn-disabled:hover {background-color:none;}
.order-sample-product .wrapper .item .butn-section .add-quantity {margin:0px; width: 100%; display:flex; justify-content:center; height:30px;}
.order-sample-product .wrapper .item .butn-section .add-quantity .btn {border-radius:50%; width:30px; height:30px; padding:0px; margin:0px; position:relative;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline:none;}
.order-sample-product .wrapper .item .butn-section .add-quantity .form-control {width:40px; padding:0px 0px 0px 10px; border:none; text-align:center; box-shadow:none;}
.order-sample-product .wrapper .item .butn-section .add-quantity .icon-minus{font-size:17px; font-weight:600; position:absolute; left:9px; top:0px; line-height:inherit;}
.order-sample-product .wrapper .item .butn-section .add-quantity .icon-plus{font-size:17px; font-weight:600; position:absolute; left:9px; top:0px; line-height:inherit;}
.order-sample-product .wrapper .item .butn-section .add-quantity .quan-disabled {background-color: #fff;color:#a3a3a3; pointer-events: inherit;}

.order-sample-main-container .order-sample-container .pim-p-discount-popup-page .quantity-sec a.butn-disabled {background-color: #808080!important;border-color: #808080!important;pointer-events: inherit;}
.order-sample-main-container .order-sample-container .pim-p-discount-popup-page .quantity-sec a.butn-disabled:hover {background-color:none;}

/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) {
.order-sample-product .wrapper .item .butn-section .add-quantity .icon-minus {top:2px;}
.order-sample-product .wrapper .item .butn-section .add-quantity .icon-plus {top:2px;}
.order-sample-product .wrapper .item .butn-section .add-quantity .form-control{padding:0px;}
.order-sample-main-container .modal-body .butn-section .add-quantity .form-control{padding:0px;}
}

@media screen and (min-width: 992px) {
}

@media screen and (max-width: 768px) {
.order-sample-main-container .sticky-container .top-row{width:100%; padding-right:0px;}
.order-sample-top-section .add-cart .container{padding:0px; margin: 0px;}
.order-sample-top-section .add-cart .product-count{padding-left:24px;}
.order-sample-top-section .add-cart .shopping-btn{margin-right:8px;}
.order-sample-top-section .add-cart .shopping-btn .badge.success{right:15px;}
.order-sample-main-container .order-sample-container .error-msg{margin:0px 15px 0px 15px;}
.order-sample-product .wrapper{padding-top:0px;}
.order-sample-product .wrapper .item {flex-basis:calc(100% / 4 - 16px); max-width:calc(100% / 4 - 16px); margin-right:21px;}
.order-sample-product .wrapper .item:nth-child(4n+1){margin-right:0px;}
.order-sample-top-section .add-cart .shopping-btn .m-menu-container{width:95vw; right:-16px; box-shadow:none;}
.order-sample-top-section .filters{margin-top:0px;}
.order-sample-top-section .filters .navbar-nav>li>a {padding:0px;}
.order-sample-top-section .filters .navbar-nav>li{margin-bottom:20px;}
.order-sample-top-section .filters .navbar-collapse{padding-left:15px;}
.order-sample-product .wrapper .item .content h3 a{word-break:break-word;}
.pim-p-table{margin-top:0px;}
.order-sample-product .wrapper .item .butn-section .add-quantity .form-control{padding:0px;}
.order-sample-main-container .modal-body .butn-section .add-quantity .form-control{padding:0px;}
.order-sample-top-section .filters .navbar-nav>li>.dropdown-menu{min-width:250px; min-height:150px;}

}

@media screen and (max-width: 767px) {
.order-sample-main-container .modal-dialog{margin:80px 10px 10px 10px;}
.order-sample-top-section .filters{margin-top:20px;}
.order-sample-top-section .filters .navbar-collapse{padding-left:0px;}
.order-sample-product .wrapper .item {flex-basis:calc(100% / 2 - 8px); max-width:calc(100% / 2 - 8px); margin-right:0px;}
.order-sample-product .wrapper .item:nth-child(even){margin-right:16px;}
.order-sample-top-section .add-cart .container .row{margin:0px;}
.order-sample-top-section .add-cart .product-count{padding-left:0px;}
.order-sample-top-section .add-cart .shopping-btn{margin-right:0px;}
}

@media screen and (width:320px)and (height:568px) {
   
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  
}
/*new order sample design*/
/* Angular Change*/
.order-sample-product .wrapper .item.ishidden {
    display:none;
}
/* Angular Change*/