/** MAIN CSS THEME **/


/*#region fix overlow */

html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}


/*#endregion */


/*#region ******** MAIN CONTENT ***************/

.cd-main-content {
    background-color: #666568;
    background-position: center;
    background-image: url(/en/image/getthumbnail/1009?version=2&s=001) !important;
    background-size: 150% 100%;
    background-repeat: no-repeat;
    font-family: "Maven Pro";
    color: white;
    min-height: 60vh;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #e4a11b !important;
}

.no-search-results {
    color: white;
}

.btn {
    border-radius: 0px;
}


/*#region tables */

section.section_OrderSearch table.table,
section.section_OrderDetail table.table,
section.section_InvoiceSearch table.table,
section.section_CustomerSearch table.table,
section.section_InvoiceDetail table.table,
section.section_InvoiceDetail div.row div.col-md-6 {
    width: 100%;
    height: 100%;
    background-color: #00000065;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .5);
    border-spacing: 0;
    padding: 1.5rem;
}

section.section_OrderSearch table.table>tbody>tr>td>a,
section.section_OrderDetail table.table>tbody>tr>td>a,
section.section_InvoiceSearch table.table>tbody>tr>td>a,
section.section_CustomerSearch table.table>tbody>tr>td>a,
section.section_InvoiceDetail table.table>tbody>tr>td>a {
    text-decoration: none;
    color: #e4a11b;
}

.table>thead>tr>th {
    border-bottom: 1px solid #ddd;
}

.table>tbody>tr:first-of-type>td {
    border-top: 0px;
    ;
}


/*#endregion */


/*#region buttons */

.btn-primary {
    border-radius: 0px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
    height: 34px;
    padding: 0.6rem 1rem;
    color: white !important;
    background: #e4a11b;
    cursor: pointer;
    border: 1px solid #e4a11b;
    text-transform: uppercase;
    font-weight: 800;
}

.btn-primary:active {
    background-color: #c48a17;
    border-color: #e4a11b;
}

.btn-lg,
.btn-group-lg>.btn,
.btn-group-lg>.carousel-btn,
.showroom .showroom-controls .navbar-nav.btn-group-lg>li,
.btn-group-lg>.flag-link-btn {
    border-radius: 0px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
}


/*#endregion*/


/*#endregion */


/*#region page nav icon fix */

.icon-left-open {
    display: inline-block;
    background-image: url(/en/image/getthumbnail/24227?version=2&s=001);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
}

.js-pagerStep>.fa-chevron-right {
    font-style: inherit;
    display: inline-block;
    background-image: url(/en/image/getthumbnail/24225?version=2&s=001);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    font-family: "entypo";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 120%;
}

.pagination>li>a:hover {
    color: white;
}


/*#endregion */


/*#region ******** LOGIN PAGE ****************/

.login-header {
    background-image: url(/en/image/getthumbnail/1011?version=2&s=001) !important;
    background-position: center;
    background-position-y: -50px !important;
    background-color: black;
    height: 160px;
}

.portal-logo {
    margin: auto;
    padding-top: 25px !important;
}

.login-main-col {
    padding: 0px;
    width: 50%;
    background-color: #00000065;
    position: relative;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
    align-items: center;
    margin-left: 25%;
    margin-right: 25%;
}

.login-header-title {
    width: 100%;
    padding-bottom: 10px !important;
    color: white;
    background-color: #e4a11b;
}

.login-header-title>h2 {
    padding-top: 20px;
    text-align: center;
    font-size: 20px;
}

.login-row>.sub-header {
    height: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-bottom: none;
    font-size: 0px;
}

[data-pageid="2"] .col-md-5 {
    width: 100%;
}

[data-pageid="2"] .form-group {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
}

[data-pageid="2"] .col-md-5>.form-group>.col-sm-12 {
    padding-left: 25%
}

[data-pageid="2"] .form-control {
    margin-left: 0px;
    margin-right: 0px;
}

[data-pageid="2"] .top10 {
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    margin-top: 0px;
}

[data-pageid="2"] .top37 {
    width: 100%;
    padding-left: 33%;
    padding-right: 33%;
}

[data-pageid="2"] .cml-header-logo {
    text-align: center !important;
    background-image: url(/en/image/getthumbnail/24226?version=2&s=001) !important;
    background-size: 800px 100px;
    background-position: bottom;
    background-repeat: no-repeat;
}


/* force logo centered */

[data-pageid="2"] .col-lg-3 {
    width: 100% !important;
}

.login-row {
    width: 100%;
}

.account-row {
    padding-bottom: 25px !important;
    color: white;
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.section_ForgotPassword {
    color: white;
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.header-input .form-control {
    background-color: white;
}

[data-pageid="2"] .modal-content {
    background-color: #424144;
    color: white;
    font-family: inherit;
}

[data-pageid="2"] .nav-tabs li.active a {
    background-color: #e4a11b !important;
    color: white !important;
}

[data-pageid="2"] .btn-primary {
    min-width: 100px;
    width: 100%;
}

#section_370 {
    margin-top: 20px;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%
}

.top37 {
    margin-top: 28px
}

[data-pageid="2"] .btn-primary:hover {
    background-color: #c48a17;
    border-color: #e4a11b;
}

[data-pageid="2"] .btn-primary:focus {
    background-color: #c48a17 !important;
    border-color: #e4a11b !important;
}

[data-pageid="2"].section>.row>.col-sm-6>.form-group>.col-sm-1 {
    margin-right: 15px;
}

.close {
    color: #e4a11b
}

.close:hover {
    color: #c48a17
}


/*#endregion */


/*#region ******** MAIN PAGE *****************/

section#section_343 {
    font-size: 18px;
    background-color: #00000065;
    color: white;
    padding: 20px;
}

.container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

section.section_ContactUsForm div#contactusform h2.page-header {
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid white;
    padding: 0 !important;
}

section.section_ContactUsForm div#contactusform form.form-horizontal {
    display: flex;
    flex-wrap: wrap;
}

section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(1),
section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(2),
section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(3),
section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(4) {
    width: 25%;
    padding-right: 5px;
    margin-bottom: 15px;
}


/*#endregion */


/*#region ******** PRODUCT LANDING PAGE ******/

.hover-product-image {
    background-color: white;
    border: solid 1px #e4a11b;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.452);
}

.defaultImg {
    border: none;
    box-shadow: none;
    margin-bottom: 0px;
}

.section_134 {
    margin-top: 10px;
}

[data-rowid="56"] {
    margin-top: 20px;
}


/*#endregion */


/*#region ******** MY COMPANY PAGE ***********/

.page-header {
    padding-top: 10px;
}

[data-pageid="11"] .form-horizontal {
    padding: 12px;
    background-color: #00000065;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.452);
}

[data-pageid="11"] .form-horizontal>.row {
    margin: 15px;
}


/*#endregion */


/*#region ******** FAVORITE PARTS ************/


/*#region cancel out old css files */

@media only screen and (min-width: 75em) {
    .large-block-grid-4>li:nth-child(4n+1) {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 75em) {
    .large-block-grid-4>li:nth-child(4n+2) {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 75em) {
    .large-block-grid-4>li:nth-child(4n) {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.small-block-grid-2>li:nth-child(2n+1) {
    padding-left: 10px;
    padding-right: 10px;
}


/*#endregion */

section#section_32 {
    background-color: #00000065;
    padding: 5%;
}

[data-pageid="12"] .large-block-grid-4>.product {
    background-color: #8f8f8f50;
    width: 24.25%;
    padding: 10px;
    margin: 3px;
    border: 1px solid #e4a11b;
}

[data-pageid="12"] .product-list-noThumbs>.product {
    background-color: #8f8f8f50;
    padding: 10px;
    margin: 3px;
    border: 1px solid #e4a11b;
}

.hover-product-image {
    min-width: 250px;
    min-height: 250px;
}

.fa-star,
.fa-star-o,
.favoriteToggler {
    color: #e4a11b;
}

[data-pageid="12"] .addToBasketContainer {
    padding-right: 10px;
}

[data-pageid="12"] .hover-product-title>a:hover,
.hover-product-title>a:focus {
    color: #c48a17;
}


/*#endregion */


/*#region ******** PRODUCT BREAKDOWNS PAGE ***/


/* fix the modal widths */

@media (min-width: 768px) {
    .modal-dialog,
    .modal-lg {
        width: 100%;
        margin: 30px auto;
    }
}

.wowbook-thumbnails {
    background-color: white !important;
}

.wowbook-thumbnails>.wowbook-wrapper>.wowbook-button {
    color: #e4a11b !important;
}

.wowbook-page-content,
.wowbook-page,
.wowbook-origin {
    background-color: #00000000;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.452);
}

.modal-content {
    color: white;
    background-color: #4d4c4f;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.452);
}

#DiagramBookPreviewToolbar {
    padding: 20px;
}

.wowbook-thumbnail {
    border: solid 1px black
}

.wowbook-thumbnail:hover {
    border: solid 1px#e4a11b;
}

.wowbook-handle {
    width: 0px !important;
    height: 0px !important;
}

.diagram-book-zoom-slider-container>.col-xs-3>span>.btn {
    width: 40px;
    height: 36px;
    margin-top: 20px;
    margin-bottom: 20px;
    float: right;
}

.diagram-book-zoom-slider-container>.col-xs-3>span {
    position: static !important;
    top: 0px !important;
}

.diagram-book-zoom-slider-container>.col-xs-3 {
    float: right;
}


/*#endregion */


/**/


/*#region ******** TABLET ********************/


/*#region ******* LOGIN ********************/

@media only screen and (max-width: 1199px) {
    .login-main-col {
        padding: 0px;
        width: 70%;
        background-color: #00000065;
        position: relative;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
        align-items: center;
        margin-left: 15%;
        margin-right: 15%;
    }
    [data-pageid="2"] .top10 {
        width: 100%;
        padding-left: 15%;
        padding-right: 15%;
    }
    .btn-primary {
        border-radius: 0px;
        min-height: 34px;
        min-width: 100px;
    }
    [data-pageid="2"].form-control {
        min-height: 34px;
    }
    [data-pageid="2"] .col-md-5>.form-group>.col-sm-12 {
        padding-left: 15%
    }
    /*#endregion */
    /*#region *** MAIN PAGE *************/
    section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(1),
    section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(2),
    section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(3),
    section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(4) {
        width: 25%;
        padding-right: 0px;
        margin-bottom: 15px;
    }
    section.section_ContactUsForm .form-group {
        width: 100% !important;
    }
}


/*#endregion */


/*#endregion */

.cart .quotation-content {
    top: 95px;
    background-color: #424144;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.452);
}

.cart .quotation-footer {
    min-height: 60px;
}

.quotation-footer .btn-quotation-create {
    position: inherit;
    right: 0px;
    float: right;
    bottom: 60px;
    background: #e4a11b;
    border-color: #e4a11b;
    color: white;
}

.alertify-logs {
    top: 50px;
}


/*GENERAL*/

.cml-hidden {
    display: none;
}

input[type="text"],
select {
    border: 1px solid #e4a11b;
    outline: none;
}

select {
    padding: 0.5rem;
    border: 1px solid #e4a11b !important;
}

ul.pagination li a {
    display: block;
    padding: 0.5rem;
    background-color: #e4a11b;
    text-decoration: none;
    color: white;
}

ul.pagination li.active a,
ul.pagination li a:hover {
    background-color: #c48a17;
}

ul.pagination {
    list-style: none;
    float: none !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.alertify,
.alertify-logs {
    top: 50px;
}

.basket-mode-quotation .product-add-cart-btn.js-addToBasket .fa-shopping-cart:before {
    content: "\f0f6" !important;
}


/*GENERAL END*/


/*#region header */

.header nav a {
    color: white;
    opacity: 0.7;
    font-weight: 600 !important;
    font-size: 14px;
    background: #e4a11b !important;
}

.header nav .dropdown-menu {
    border: none;
    border-bottom: 5px solid #e4a11b;
    margin-top: -10px;
    margin-left: 10px;
    background: #4d4c4f !important;
}

.header nav .dropdown-menu .dropdown-menu {
    margin-left: 0px;
    margin-top: -5px;
    box-shadow: none;
    background: #4d4c4f !important;
}

.header nav .dropdown-menu a {
    color: white;
    font-size: 12px;
    font-weight: small;
    text-transform: none;
    background: #4d4c4f !important;
}

.header .navbar-nav li.active {
    background: none;
}

.header nav a:hover {
    opacity: 1;
}

.header .mode-quotation .cart-price {
    display: none;
}

.header .quotation-footer span {
    display: none;
}

.header nav .dropdown-menu a:hover {
    color: #e4a11b;
}

.dropdown-submenu>a:after {
    border-left-color: black !important;
}

.btn.btn-primary.btn-lg,
.btn-ptOrange,
.js-basketImport,
.empty-basket-link,
.btn-default,
.btn-ptGrey,
.btn-primary,
.section_QuotationDetail .quotation-details .btn {
    height: 34px;
    padding: 0.6rem 1rem;
    color: white !important;
    background: #e4a11b;
    cursor: pointer;
    border: 1px solid #e4a11b;
    text-transform: uppercase;
    font-weight: 800;
}

.btn.btn-primary.btn-lg:hover,
.btn-ptOrange:hover,
.js-basketImport:hover,
.empty-basket-link:hover,
.btn-default:hover,
.btn-ptGrey:hover {
    color: white !important;
    background: #c48a17 !important;
}

.header {
    background: #e4a11b;
    border: none;
}

.header .user-profile-customer {
    display: none;
}

.header .user-profile-sep {
    display: none;
}

.header .top-bar-link a {
    border: none;
    text-transform: uppercase;
    color: white;
    opacity: 0.7;
    background: transparent !important;
}

.header .top-bar-link a:hover {
    opacity: 1;
}

section.section_LoginStatus ul li:last-child a::before {
    font-family: "FontAwesome";
    font-size: 18px;
    display: inline-block;
    content: "\F08B";
    text-indent: 0;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*transform: translate(0,0);*/
    margin-right: 0.5rem;
    transform: rotateY(180deg);
}

span.user-profile-name::before {
    font-family: "FontAwesome";
    font-size: 18px;
    display: inline-block;
    content: "";
    text-indent: 0;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*transform: translate(0,0)*/
    ;
    margin-right: 0.5rem;
    transform: rotateY(180deg);
}

.show-tooltip .minibasket-fullview .cart-switcher-tooltip {
    display: block !important;
    position: absolute;
    z-index: 99;
    background: #00000075;
    color: white;
    padding: 10px;
    width: 200px;
    font-weight: bold;
    text-align: center;
    left: -50px
}

.minibasket-fullview .cart-switcher-tooltip span {
    color: #e4a11b !important;
}

.toQuote {
    display: block;
}

.toCart {
    display: none;
}

.mode-quotation .toQuote {
    display: none;
}

.mode-quotation .toCart {
    display: block;
}


/*
        .header .cart-amount-xs{
        display:none;
        }
        
        .header .col-sm-4.hidden-xs.cart-amount{
        width:50%;
        text-align:right;
        }
        
        .header .col-sm-3.hidden-xs.cart-price{
        width:50%;
        text-align:right;
        }
        
        span.feature-quotation{
        font-size:0px;
        }
        
        .feature-quotation .quotation-total-qty{
        font-size:12px;
        }
        */

.header .cart-buttons {
    width: 262px;
    padding: 0px;
    float: right;
}

.header .cart-buttons a {
    padding: 0.6rem 1rem;
    color: white;
    background: #e4a11b;
    cursor: pointer;
    border: 1px solid #e4a11b;
    text-transform: uppercase;
    font-weight: 800;
    vertical-align: middle;
}

.cart-buttons>.feature-basket {
    display: none !important;
}

.link-view-cart.js-viewcart {
    position: relative;
    float: right;
}

.cart-amount {
    width: auto;
    padding: 0px;
    top: 6px;
}

.cart-amount-xs {
    display: none;
}

.cart-price {
    width: auto;
    top: 6px
}

.header .cart-icon {
    position: absolute;
    left: -80px;
    top: -5px;
}

.cart .cart-icon .cart-switcher {
    width: 20px;
    height: 20px;
}

.mode-quotation .cart-switcher {
    background: url(/en/image/getthumbnail/12947) no-repeat !important;
    height: 50px;
    width: 60px;
    background-size: contain !important;
}

.cart .cart-icon .cart-switcher {
    background: url(/en/image/getthumbnail/12946) no-repeat;
    height: 50px;
    width: 60px;
    background-size: contain;
}

.minibasket-fullview .cart,
.cart.mode-quotation {
    width: 100% !important;
}

.cart.header-input.container {
    background: #c48a17;
    color: white;
    padding: 5px 10px 5px 20px;
    margin-bottom: 10px;
    height: 43px;
}

.header.header-search-row {
    padding: 0px !important;
    z-index: 9;
}

.header.header-search-row .container>div {
    padding: 0px;
}

.header.header-search-row .section_CatalogSearchBox {
    box-shadow: none;
    position: absolute;
    bottom: -18px;
    width: 100%;
    z-index: 99999;
}

.header.header-search-row .section_CatalogSearchBox input {
    box-shadow: none;
    border-radius: 0px;
    border: none;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .5);
}

.section_CatalogSearchBox button {
    background-color: rgba(0, 0, 0, .2);
}

.section_CatalogSearchBox div {
    width: 100%;
}

.header .collapse.navbar-collapse.mediaPull-left {
    margin-bottom: 10px;
    padding-right: 0px;
}


/*#endregion HEADER END*/


/*#region quote header*/

.header .cart-buttons .btn-quotation-create {
    display: none !important;
}


/*
    
    .quotation-content thead tr th:nth-of-type(2){
        display:none;
        }
 

        .quotation-content    tbody tr td:nth-of-type(2){
        display:none;
        }
*/

.quotation-content .quotation-details .btn {
    background: #e4a11b;
    border-color: #e4a11b;
}

.quotation-content .quotation-details .btn {
    margin-bottom: 3px;
}

.quotation-content .q-quantity.form-control.input-basket-edit {
    width: 45px;
    float: none;
}

.quotation-content .quotation-basket-settings .checkbox {
    float: left;
    margin-top: 0px;
    margin-right: 5px;
}

.quotation-content .quotation-basket-settings label {
    margin-left: 15px;
}

.quotation-content .quotation-basket-settings .btn-primary.active {
    background: #e0ded7;
}

.quotation-content .quotation-basket-settings .btn-primary.active span {
    color: black;
}

.quotation-content .form-control.input-basket-edit {
    width: 100px;
}

.quotation-content form {
    display: inline-block;
}

.quotation-content th form {
    width: 45px;
}

.quotation-content .btn-fill {
    background: #e4a11b !important;
    border-color: #e4a11b;
    position: relative;
    top: -8px;
    left: 45px
}

.quotation-content th form input {
    width: 45px;
    margin-top: -40px;
    margin-bottom: 50px;
    height: 33px;
    top: 75px;
    position: relative;
}

.quotation-content .quotation-details .q-right {
    text-align: right;
    padding-left: 0px;
}

.header .mode-quotation .cart-buttons {
    width: 170px;
}

.quotation-content .btn-quotation-create {
    font-weight: 800;
    margin-left: 20px;
}

.quotation-content .quotation-footer {
    margin-top: 20px;
    border-bottom: 5px solid #e4a11b !important;
}

.quotation-basket-settings {
    display: none;
}

.quotation-basket-table tfoot td:nth-of-type(1) {
    display: none;
}

.quotation-basket-table tfoot td .q-value {
    font-weight: bold;
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid lightgrey;
    width: 90%;
    display: none;
}

.quotation-basket-table tfoot td .q-value:before {
    content: "Total: ";
}


/*
@media (max-width: 600px) {
    .no-side-margin {
        margin-left: 0px;
        margin-right: 0px;
    }
    .no-side-margin .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header .quotation-details table {
        font-size: 10px;
    }
    .header .quotation-footer {
        min-width: 600px;
    }
    .header .quotation-footer .btn-quotation-create {
        left: 485px;
        position: relative;
    }
    .header .quotation-content.is-visible div.q-value {
        max-width: 120px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
    }
    .quotation-content .q-quantity.form-control.input-basket-edit {
        font-size: 10px;
    }
    .header .cart-buttons a {
        padding: 0px;
    }
    .header .mode-quotation .cart-buttons {
        margin: 0px;
    }
}
*/


/*#endregion QUOTATION HEADER END*/


/*INDEX PAGE*/

[data-pageid="1"] .cd-main-content .content {
    padding: 0px;
    background-color: #66656800;
    font-family: "Maven Pro";
}

.section_PurchaseHistory .col-sm-6 {
    width: 100%;
}

section.section_PurchaseHistory div.row div:first-of-type {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

section.section_PurchaseHistory div.row div:first-of-type ol {
    margin-top: 0.5rem;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    padding-left: 0px;
}

section.section_PurchaseHistory div.row div:first-of-type a.btn.btn-primary {
    display: none;
}

section.section_PurchaseHistory div.row div:first-of-type ol li {
    width: 18%;
    display: block;
    padding: 1rem;
    background: #00000065;
    color: white;
    border: 1px solid black;
    box-shadow: 0 4px 10px 0 rgb(0, 0, 0, 0.5);
    margin-right: 2.5%;
}

section.section_PurchaseHistory div.row div:first-of-type ol li:last-of-type {
    margin-right: 0;
}

section.section_PurchaseHistory div.row div:first-of-type ol a {
    color: #e4a11b;
    text-decoration: none;
    border-bottom: 1px dotted #e4a11b;
}

section.section_PurchaseHistory div.row div:first-of-type ol a:hover {
    color: #c48a17;
    border-bottom: 1px dotted #c48a17;
}

section.section_PurchaseHistory div.row div:nth-of-type(2) {
    display: none;
}


/*
@media screen and (max-width: 1199px) {
    section.section_PurchaseHistory div.row div:first-of-type ol {
        flex-direction: column;
        padding: 1rem;
        background: #00000065;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .5);
    }
    section.section_PurchaseHistory div.row div:first-of-type ol li {
        width: 100%;
        background: unset;
        border-radius: unset;
        box-shadow: unset;
        padding: 0.5rem 0;
    }
}
*/

section.section_QuickShop {
    margin-bottom: 2rem;
}

section.section_QuickShop div.row.quickshopcontent {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

section.section_QuickShop div.row.quickshopcontent>div:nth-of-type(2) {
    width: 100%;
    margin-bottom: 0.5rem;
}

section.section_QuickShop div.row.quickshopcontent div:nth-of-type(3) {
    flex: 10;
    margin: 0 1rem 0 0;
}

section.section_QuickShop div.row.quickshopcontent div:nth-of-type(4) {
    flex: 1;
    margin: 0 1rem 0 0;
}

section.section_QuickShop div.row.quickshopcontent div:nth-of-type(5) {
    flex: 0;
}

section.section_QuickShop div.row.quickshopcontent div:nth-of-type(3) input,
section.section_QuickShop div.row.quickshopcontent div:nth-of-type(4) input {
    width: 100%;
}

section.section_QuickShop button,
section.section_ContactUsForm button {
    height: 34px;
    padding: 0.6rem 1rem;
    color: white;
    background: #e4a11b;
    cursor: pointer;
    border: 1px solid #e4a11b;
    text-transform: uppercase;
    font-weight: 800;
}

section.section_QuickShop button:hover,
section.section_ContactUsForm button:hover {
    background: #c48a17;
    border: 1px solid #c48a17;
    cursor: pointer;
}

section.section_QuickShop button,
section.section_ContactUsForm button {
    height: 34px;
    padding: 0.6rem 1rem;
    color: white;
    background: #e4a11b;
    cursor: pointer;
    border: 1px solid #e4a11b;
    text-transform: uppercase;
    font-weight: 800;
}

.quickshopcontent {
    padding-left: 0x;
    padding-right: 0px;
    margin: 0px;
}

.quickshopcontent div {
    padding: 0px;
}

section.section_QuickShop button:hover,
section.section_ContactUsForm button:hover {
    background: #c48a17;
    border: 1px solid #c48a17;
    cursor: pointer;
}


/*
@media screen and (max-width: 1024px) {
    #btnSubmitQuickshop {
        width: 100%;
    }
}
*/

section.section_QuickShop div.row.quickshopcontent div:nth-of-type(5) {
    width: 100%;
    flex: unset !important;
}

section.section_ContactUsForm div#contactusform {
    display: flex;
    flex-direction: column;
}

section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(4) {
    padding-right: 0;
}

section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(5) {
    width: 100%;
}

section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(5) textarea {
    width: 100%;
    padding: 0.75rem;
    resize: none;
    border: 1px solid #e4a11b !important;
    margin-bottom: 1rem;
}

section.section_ContactUsForm div#contactusform form.form-horizontal div.form-group div select,
section.section_ContactUsForm div#contactusform form.form-horizontal div.form-group div input {
    width: 100%;
}

section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(6) {
    width: 100%;
    text-align: right;
}

section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(6) button {
    margin-top: 1rem;
    width: auto;
}

.section_ContactUsForm .form-horizontal .send-copy-holder {
    width: 100%;
    margin: 0px;
}

.section_ContactUsForm .form-horizontal .col-sm-4 {
    width: 100%;
    margin: 0px;
}


/*
@media screen and (max-width: 1024px) {
    section.section_ContactUsForm .form-group {
        width: 100% !important;
    }
}
*/


/*CHECK OUT*/

#basketSection thead {
    border: none;
}

#basketSection tbody tr:hover {
    background: #8f8f8f50;
}

.section_Checkout div#checkoutWrapper table.table>tbody>tr>td,
div.cart-view-content table.table>tbody>tr>td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding: 0.75rem 0 0.75rem 0;
}

#basketSection .cart-view-content {
    width: 100%;
    background-color: white;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .5);
    padding: 20px;
}

#basketSection .table td {
    border: none;
}

#basketSection .fa.fa-remove {
    color: rgb(228, 161, 27);
}

.section_Checkout.cart-view-table a {
    color: rgb(228, 161, 27);
}

.section_Checkout .cart-view-table span {
    font-weight: 100;
}

.section_Checkout .cart-view-table .cart-view-image {
    width: unset;
    height: unset;
}

.section_Checkout .text-right {
    text-align: left;
}

.section.section-border {
    margin-top: 40px;
    border-bottom: none;
}

.section_Checkout .basket-total-lines .row>div {
    width: auto;
}

.section_Checkout .basket-total-lines .row {
    float: right;
}

.section_Checkout #orderTypes legend {
    color: #e4a11b;
    border-color: #e4a11b;
    padding-top: 20px;
}

.section_Checkout #deliveryinfoform .pull-right.notranslate {
    float: left !important;
}


/*CHECK OUT END*/


/*#region footer */

.footer {
    background: #424144;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.footer li {
    list-style-type: none;
    float: left;
}

.footer-social-media-col {
    font-size: 24px;
    padding-left: 0px;
}

.footer-social-media-col ul {
    float: left;
    padding-left: 0px;
}

.footer-social-media-col ul li {
    margin-right: 10px;
}

.footer .footer-links-col {
    color: white;
    padding-right: 0px;
}

.footer .footer-links-col li {
    margin-left: 30px;
    font-size: 14px;
}

.footer .footer-links-col ul {
    float: right;
}

.footer-top-row {
    padding-top: 10px;
    margin-bottom: 0px;
}

.footer-bot-row {
    text-align: center;
}

.footer-bot-row p {
    font-size: 12px;
}


/*
@media screen and (max-width: 1199px) {
    .footer .footer-links-col ul {
        width: 100%;
        padding-left: 0px;
        margin-bottom: 20px;
    }
    .footer .footer-links-col ul li {
        margin-left: 0px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
    }
    .footer-social-media-col ul {
        width: 200px;
        text-align: center;
        left: 50%;
        position: relative;
        margin-left: -100px;
    }
    .footer-social-media-col ul li {
        text-align: center;
    }
}
*/

.footer .footer-social-media-col li#craig-site a {
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    background: url(//parts.craigattachments.com/Content/img/cml-img/craig-symbol.svg) no-repeat;
    background-size: 24px 24px;
    opacity: 0.2;
    transition: all 0.25s ease-in-out;
    margin-top: 5px
}

.footer-social-media-col,
.contact,
.section_313,
.footer-links-col {
    width: 100%;
}

.footer-social-media-col ul {
    width: 200px;
    text-align: center;
    left: 50%;
    position: relative;
    margin-left: -80px;
}

.footer .footer-links-col ul {
    float: left;
    width: 100%;
    padding: 0;
    margin-left: 0px;
}

.footer .footer-links-col ul li {
    margin-left: 0px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}


/*#endregion */


/*#region **** HEADER MOBILE*/

section.cml-nav-mobile,
.mobile-navigation-row {
    display: none;
}

@media screen and (max-width: 1199px) {
    section.desktop-menu,
    .desktop-login-status {
        display: none;
    }
    section.cml-nav-mobile,
    .mobile-navigation-row {
        display: block;
    }
    .header {
        padding-top: 0px !important;
    }
    .mobile-navigation-row {
        margin-bottom: 0px;
        padding-bottom: 0px !important;
    }
    section.section_LoginStatus {
        float: left;
    }
    .section.cml-nav-mobile {
        float: right;
    }
    nav.cd-nav ul li a {
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 800;
        border-bottom: 0;
    }
    .has-children>a::before,
    .has-children>a::after,
    .go-back a::before,
    .go-back a::after {
        background: #e4a11b !important;
    }
    ul.cd-secondary-nav li.go-back a {
        color: rgba(228, 161, 27, 0.75);
    }
    .cd-nav-trigger span,
    .cd-nav-trigger span::before,
    .cd-nav-trigger span::after {
        background: white !important;
    }
    .cd-nav>ul {
        margin-top: 0;
    }
    section.cml-nav-mobile {
        display: flex;
        flex-direction: column;
        width: 50px;
    }
    section.cml-nav-mobile div.cd-main-header {
        background: none;
    }
    div.nav-is-visible a.nav-is-visible {
        margin-right: 2rem;
    }
    div.nav-is-visible a.nav-is-visible span {
        background: rgba(0, 0, 0, 0) !important;
    }
    ul#cd-primary-nav.cd-primary-nav.is-fixed.nav-is-visible {
        margin: 0 !important;
    }
    .cd-main-content.nav-is-visible {
        -webkit-transform: unset !important;
        -moz-transform: unset !important;
        -ms-transform: unset !important;
        -o-transform: unset !important;
        transform: unset !important;
    }
    body.overflow-hidden div.cml-header section.cml-nav-mobile div.cd-main-header.nav-is-visible ul li a.nav-is-visible {
        opacity: 1 !important;
    }
    div.nav-is-visible a.nav-is-visible {
        margin-right: 2rem;
    }
}


/*#endregion */


/*DIAGARM BOOK*/

.diagram-book-container .diagram-book-zoom-slider-container {
    max-width: 1200px;
    ;
}

.diagram-book-zoom-slider-container .col-xs-3 span {
    right: 0px;
    ;
}

.diagram-book-container .btn {
    background: #e4a11b;
    color: white;
}

.diagram-book-container .diagram-book-zoom-slider-container span.ui-slider-handle {
    background: #e4a11b;
    color: white !important;
    border-color: #e4a11b;
    padding-right: 5px;
    padding-bottom: 15px;
    width: 23px;
    height: 23px;
    top: -6px
}

.diagram-book-container .diagram-book-zoom-slider-container span.ui-slider-handle i {
    color: white !important;
    left: 5px;
    top: 3px !important;
}


/*DIAGRAM BOOK END*/


/*ORDER PAGE*/

.checkbox.selected-user-wrapper {
    margin-left: 20px;
}


/*ORDER PAGE END*/


/*INVOICE PAGE*/

.section_InvoiceSearch #query {
    margin-top: 24px
}


/*QUOTATION*/

.quotation-container {
    padding-left: 20px;
    padding-right: 20px;
    width: 1500px;
    max-width: 100%;
}

.section_QuotationDetail .quotation-details .btn {
    background: #e4a11b !important;
}

.quotation-container .quotation-details .quotation-basket-table .btn-fill {
    color: black;
}

.quotation-container .q-quantity.form-control.input-basket-edit {
    width: 40px;
    float: none;
    height: 34px;
    text-align: center;
}

.quotation-container .q-option .btn-primary.active {
    color: black;
}

.quotation-container [name="IsInclVat"] {
    margin-top: 2px !important;
    float: left;
    margin-right: 5px !important;
    margin-left: 15px !important;
}

.quotation-container [name="FillValue"] {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.quotation-container .q-value.input-group {
    border: none;
    max-width: 1450px;
    float: right;
    margin-top: 5px;
}

.quotation-container .q-value.input-group input {
    /*border:none;*/
    box-shadow: none;
}

.quotation-container .quotation-quickadd {
    margin-top: 30px;
    margin-bottom: 30px;
}

.quotation-container .quotation-info-wrapper h3::after {
    content: ": ";
}

.quotation-container .quotation-info-wrapper.quotation-deliveryaddress h3 {
    float: none;
}

.quotation-container [name="IsEnabled"] {
    margin-top: 20px !important;
}

.quotation-container .btn-part-edit-cancel {
    margin-left: 10px;
    margin-top: 10px;
}

.quotation-container .btn-part-edit-save {
    margin-top: 10px;
}

.quotation-details .quotation-headerbg {
    min-height: 50px;
    height: unset;
    padding-left: 0px;
    padding-right: 0px;
}

.quotation-details .q-value.input-group button {
    float: left;
}

.header .quotation-details .q-value.input-group button {
    float: unset !important;
}

.quotation-container .q-quantity.form-control.input-basket-edit {
    float: left;
}

.quotation-render {
    margin-bottom: 15px;
    font-size: 11px;
}

.quotation-render .col-xs-8 {
    width: 340px;
}

.quotation-info-wrapper {
    font-size: 14px !important;
}

.quotation-basket-table .form-control.input-basket-edit {
    width: 230px;
    padding: 5px;
    text-align: center;
}

.quotation-basket.editable.editing .q-basket-sortrow form {
    text-align: right;
    margin-top: 3px;
}

.quotation-container .q-value.input-group input {
    font-size: 11px;
    width: 60px;
}

.quotation-content-mini.container {
    padding-left: 15px;
    padding-right: 15px;
}

.section_QuotationDetail .quotation-details .quotation-headerbg {
    background: transparent !important;
    height: auto !important;
    min-height: 60px;
    margin-bottom: 20px;
}

.quotation-container .section_QuotationDetail .quotation-section-heading {
    color: #e4a11b !important;
    font-size: 20px;
}

.quotation-container .quotation-basket-copy {
    margin-top: 40px;
    width: 50%;
    text-align: right;
}

.quotation-container .btn-quotation-create.feature-quotation {
    margin-top: 20px;
    margin-bottom: -20px
}

div.quotation-details div.q-template-setting,
.q-template-setting {
    background: none !important;
    background-color: transparent !important;
    display: none;
}

.section_QuotationDetail label {
    position: relative;
    display: -ms-flexbox;
    display: flex;
}

.section_QuotationDetail label span {
    margin-left: 5px;
    top: 3px;
    position: relative;
}

.section_QuotationDetail .quotation-info-wrapper [name="ImageScaleMode"] {
    width: auto !important;
    margin-right: 5px
}

.section_QuotationDetail .quotation-info-wrapper input {
    border: 1px solid #e4a11b !important;
}

.section_QuotationDetail [name="IsCustomSalesman"] {
    width: auto !important;
    margin-bottom: 10px !important;
    margin-top: 20px !important;
    margin-left: 5px !important;
}

.section_QuotationDetail .q-delivery-address {
    margin-top: 20px;
}

.section_QuotationDetail .quotation-info-wrapper input {
    height: 45px;
}

.section_QuotationDetail .quotation-info-wrapper input[type="radio"] {
    height: 15px;
}

.section_QuotationDetail .quotation-details .q-right {
    text-align: right;
    padding-left: 0px;
}

.header .quotation-content thead tr th {
    padding-bottom: 20px !important;
}

.section_QuotationDetail .fa {
    color: white !important;
}


/*RENDER INFO BOX*/

.section_QuotationDetail .q-progress {
    margin-bottom: 60px;
}

.section_QuotationDetail .quotation-render>a {
    height: 34px;
    padding: 0.6rem 1rem;
    color: #424144 !important;
    background: #e4a11b;
    cursor: pointer;
    border: 1px solid #e4a11b;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    top: -30px;
    font-size: 14px;
}


/*RENDER INFO BOX END*/


/*QUOTATION PAGE END*/


/*SEARCH RESULT PAGE 4*/

section.section_ProductSearchList .product-nav-layout {
    display: none;
}

section.section_ProductSearchList div.reloadlist {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .5);
}

section.section_ProductSearchList div#productlist div.product-grid.reloadlist ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

section.section_ProductSearchList div.reloadlist ul li {
    width: 25%;
    float: left;
    padding: 1rem;
}

section.section_ProductSearchList div.reloadlist ul li a {
    color: #e4a11b;
    text-decoration: none;
    border-bottom: 1px dotted #e4a11b;
}

section.section_ProductSearchList div.reloadlist ul li p.field-stockcode {
    margin-bottom: 1rem;
    color: darkgrey;
    font-style: italic;
}

section.section_ProductSearchList div.reloadlist ul li p.p-productavailability {
    background-color: #e4a11b;
    color: white;
    text-transform: uppercase;
    font-family: arial, sans-serif;
    font-weight: 800;
    padding: 0.5rem;
}

section.section_ProductSearchList div.reloadlist ul li table.extra-availability {
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0px;
    margin-bottom: 1rem;
}

section.section_ProductSearchList div.reloadlist ul li table.extra-availability tbody tr {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem;
}

section.section_ProductSearchList table.extra-availability tbody tr:first-of-type {
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.05);
}

section.section_ProductSearchList div.reloadlist ul li table.extra-availability tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.1);
}

section.section_ProductSearchList div#productlist button {
    padding: 0.6rem 1rem;
    border: 1px solid #e4a11b;
    background: #e4a11b;
    margin-left: -4px;
}


/*SEARCH RESULT PAGE 4 END*/

.quotation-content .quotation-footer {
    margin-top: 60px;
}


/*TABLE HEAD
    .header .quotation-basket-table thead tr th:nth-of-type(2) {
      display: none;
    }
    
    .header .quotation-basket-table thead tr th:nth-of-type(4) {
      width: 200px;
    }
    
    .header .quotation-basket-table thead tr th:nth-of-type(9) {
    
      display: none;
    }
    
    .header .quotation-basket-table thead tr th:nth-of-type(11) {
    
      display: none;
    }
    
    .header .quotation-basket-table thead tr th:nth-of-type(12) {
     
      display: none;
    }
    
    .header .quotation-basket-table thead tr th:nth-of-type(13) {
    
      display: none;
    }
    
    .header .quotation-basket-table thead tr th:nth-of-type(9) {
     
      display: none;
    }
    
    .header .quotation-basket-table thead tr th:nth-of-type(11) {
    
      display: none;
    }
    
    .header .quotation-basket-table thead tr th:nth-of-type(12) {
       display: none;
    }
    
    .header .quotation-basket-table thead tr th:last-of-type {
        display: none;
     }
    */


/*
    .header .quotation-basket-table tbody tr td:nth-of-type(2) {
      display: none;
    }
    
    .header .quotation-basket-table tbody tr td:nth-of-type(4) div {
      max-width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 15px;
    }
    .header .quotation-basket-table tbody tr td:nth-of-type(13) {
    
      display: none;
    }
    
    .header .quotation-basket-table tbody tr td:nth-of-type(12) {
     
      display: none;
    }
    
    .header .quotation-basket-table tbody tr td:nth-of-type(11) {
    
      display: none;
    }
    
    .header .quotation-basket-table tbody tr td:nth-of-type(9) {
      
      display: none;
    }
    
    .header .quotation-basket-table tbody tr td:last-of-type {
        width:100px;
      }
    
    .header .quotation-basket-table tfoot {
      display: none;
    }
    
    .header .quotation-basket-settings {
      border: 3px solid;
      display: none;
    }
    */


/*Quotation in head END*/


/*PDP*/

[data-pageid="19"] section.section_ProductDetailDiagrams>ul>li>a {
    text-align: center;
    text-decoration: none;
    width: 100%;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0);
    /* visibility: hidden; */
}

[data-pageid="19"] section.section_ProductDetailDiagrams>ul>li>a::after {
    content: "Parts Book";
    visibility: visible;
    width: 386px;
    height: 2.4375rem;
    padding: 0 0.5rem;
    line-height: 2.4375rem;
    border: none;
    background-color: #e4a11b;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    position: absolute;
    text-align: center;
    transition: background-color 0.25s ease-out;
    margin-top: -1.75rem;
}

[data-pageid="19"] section.section_ProductDetailDiagrams>ul {
    list-style: none;
}

[data-pageid="19"] .breadcrumb-wrapper {
    display: none;
}

[data-pageid="19"] .product-nav {
    border: none !important;
}


/*
@media screen and (max-width: 992px) {
    [data-pageid="19"] section.section_ProductDetailDiagrams>ul>li>a::after {
        width: 100%;
    }
    [data-pageid="19"] section.section_ProductDetailDiagrams>ul {
        padding-left: 0px;
    }
    [data-pageid="19"] .page-header {
        font-size: 20px;
    }
    [data-pageid="42"] .modal-content .addToBasketContainer {
        position: absolute;
        bottom: -20px;
        left: 40px;
    }
    .section_ExplodedDiagramBookProductList .producttable {
        position: relative;
        margin-bottom: 40px !important;
        border-bottom: none !important;
    }
    [data-pageid="42"] .modal-content .field-stockcode.hidden-xs {
        display: block !important;
    }
    [data-pageid="42"] .modal-content .products {
        overflow: scroll;
    }
}
*/


/*PDP END*/


/*DIAGRAM BOOK MODAL*/


/* LINKED PRODUCTS MODAL */

div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList div.product-nav,
div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList section.products div#productlist h2 {
    display: none;
}


/*
@media only screen and (min-width: 1200px) {
    [data-pageid="42"] .modal-content {
        width: 1200px;
        margin-left: 50%;
        left: -600px;
    }
    .section.section_ExplodedDiagramBookProductList table.product-hotspots-table tbody>tr td:nth-of-type(2) {
        width: 12% !important;
    }
}
*/

div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList div#productlist table {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    margin-top: 1rem;
}

div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList div#productlist table:first-of-type {
    margin-top: unset;
}

div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList div#productlist table:last-of-type {
    border-bottom: unset;
    margin-bottom: unset;
    padding-bottom: unset;
}

div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList table.product-hotspots-table thead tr th,
div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList table.product-hotspots-table tbody tr td {
    width: 12%;
    text-align: center;
}

div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList table.product-hotspots-table thead tr th:nth-child(7),
div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList table.product-hotspots-table thead tr th:nth-child(8),
div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList table.product-hotspots-table tbody tr td:nth-child(6),
div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList table.product-hotspots-table tbody tr td:nth-child(7) {
    display: none;
}

div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList table.product-hotspots-table input.product-quantity-input {
    width: 47px !important;
}

.section_ExplodedDiagramBookProductList .addToBasketContainer {
    margin-left: -30px;
}

div.pt-page-explodeddiagrambooks div.modal-content section.section_ExplodedDiagramBookProductList table.product-hotspots-table div.product-input-group button#AddToBasket {
    padding: 6px 14px !important;
}

div.pt-page-explodeddiagrambooks div.modal-content .hotspot-remark1 {
    display: none;
}

div.pt-page-explodeddiagrambooks div.modal-content thead tr th.hotspot-qty {
    text-align: center !important;
}

div.pt-page-explodeddiagrambooks div.modal-content tbody tr td:nth-of-type(8) {
    text-align: center !important;
}

div.pt-page-explodeddiagrambooks div.modal-content tbody tr td:nth-of-type(5) {
    display: none;
}

div.pt-page-explodeddiagrambooks div.modal-content tbody tr td,
div.pt-page-explodeddiagrambooks thead tr th {
    text-align: left !important;
}

div.pt-page-explodeddiagrambooks div.modal-content thead tr .hotspot-price {
    float: unset !important;
}

div.pt-page-explodeddiagrambooks div.modal-content .input-group-btn.product-input-group.favorite {
    display: none;
}

div.pt-page-explodeddiagrambooks div.modal-content table td div.pull-right {
    float: unset !important;
}

.section_ExplodedDiagramBookProductList .hotspot-remark2 {
    display: none;
}

.section_ExplodedDiagramBookProductList .producttable.product-hotspots-table tbody td:nth-of-type(8) {
    display: none;
}


/*DIAGRAM BOOK MODAL END*/


/*TABLES*/


/*
@media (max-width: 1199px) {
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td:nth-of-type(1):before {
        content: "Order No.:";
        white-space: pre;
        display: block;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
    }
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td:nth-of-type(2):before {
        content: "Order Date:";
        white-space: pre;
        display: block;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
    }
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td:nth-of-type(3):before {
        content: "Customer:";
        white-space: pre;
        display: block;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
    }
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td:nth-of-type(4):before {
        content: "PO No.:";
        white-space: pre;
        display: block;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
    }
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td:nth-of-type(5):before {
        content: "Reference:";
        white-space: pre;
        display: block;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
    }
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr>td:last-child,
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr>td:nth-child(5),
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr>td:last-child,
    section.section_OrderDetail>div.order-detail-wrapper>div.row>div.col-md-6>table.table>tbody>tr:last-child>td:last-child,
    section.section_OrderDetail>div.order-detail-wrapper>div.order-lines>table.table>tbody>tr>td:last-child,
    section.section_OrderDetail>div.order-detail-wrapper>div.order-lines>table.table>tbody>tr>td:nth-child(1),
    section.section_OrderDetail>div.order-detail-wrapper>div.order-lines>table.table>tbody>tr>td:nth-child(5),
    section.section_CustomerSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr>td:last-child,
    section.section_InvoiceDetail div.row div.col-md-6 div.row div,
    section.section_InvoiceDetail div.row div.col-md-6 div.row:last-child,
    section.section_InvoiceDetail>table.table:first-of-type>tbody>tr>td:last-child,
    section.section_OrderDetail>div.order-detail-wrapper>div.table-responsive>table.order-lines>tbody>tr>td:last-child,
    section.section_OrderDetail>div.order-detail-wrapper>div.table-responsive>table.order-lines>tbody>tr>td:nth-child(1),
    section.section_OrderDetail>div.order-detail-wrapper>div.table-responsive>table.order-lines>tbody>tr>td:nth-child(5) {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr>td,
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr>td,
    section.section_OrderDetail>div.order-detail-wrapper>div.row>div.col-md-6>table.table>tbody>tr>td:last-child,
    section.section_OrderDetail>div.order-detail-wrapper>div.order-lines>table.table>tbody>tr>td,
    section.section_OrderDetail>div.order-detail-wrapper>div.table-responsive>table.order-lines>tbody>tr>td,
    section.section_CustomerSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr>td,
    section.section_InvoiceDetail div.row div.col-md-6 div.row,
    section.section_InvoiceDetail>table.table:first-of-type>tr>td,
    section.section_InvoiceDetail>table.table:first-of-type>tbody>tr>td {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table,
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table thead,
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table tbody,
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table th,
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td,
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table tr,
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table,
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table thead,
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table tbody,
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table th,
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td,
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table tr,
    section.section_OrderDetail>div.order-detail-wrapper>div.row>div.col-md-6>table.table>tbody>tr,
    section.section_OrderDetail>div.order-detail-wrapper>div.order-lines>table.table>tbody>tr,
    section.section_OrderDetail>div.order-detail-wrapper>div.table-responsive>table.order-lines>tbody>tr,
    section.section_CustomerSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr,
    section.section_InvoiceDetail>table.table:first-of-type,
    section.section_InvoiceDetail>table.table:first-of-type>thead,
    section.section_InvoiceDetail>table.table:first-of-type>tbody,
    section.section_InvoiceDetail>table.table:first-of-type>tbody>tr,
    section.section_InvoiceDetail>table.table:first-of-type>tbody>tr>td {
        display: block;
    }
    section.section_OrderSearch table.table>tbody>tr>td,
    section.section_OrderDetail table.table>tbody>tr>td,
    section.section_InvoiceSearch table.table>tbody>tr>td,
    section.section_CustomerSearch table.table>tbody>tr>td,
    section.section_InvoiceDetail table.table>tbody>tr>td,
    section.section_InvoiceDetail div.row div.col-md-6 div.row div {
        border-bottom: none;
        padding: 0.75rem 0 0.75rem 0;
    }
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr,
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr,
    section.section_OrderDetail table.table>tbody>tr,
    section.section_CustomerSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table>tbody>tr {
        height: unset;
    }
    section.section_OrderSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table tr,
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table tr,
    section.section_OrderDetail>div.order-detail-wrapper>div.row>div.col-md-6,
    section.section_OrderDetail>div.order-detail-wrapper>div.order-lines>table.table tr,
    section.section_OrderDetail>div.order-detail-wrapper>div.table-responsive>table.order-lines tr,
    section.section_CustomerSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table tr,
    section.section_InvoiceDetail>table.table:first-of-type>tbody>tr {
        width: 100%;
        color: white;
        background-color: #00000065;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .5);
        border-spacing: 0;
        padding: 1.5rem;
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    div.table-responsive {
        margin-top: 3rem;
    }
    .table-responsive {
        overflow-x: unset !important;
        border: none;
    }
    .table-responsive thead {
        display: none !important;
    }
    section.section_OrderSearch table.table,
    section.section_OrderDetail table.table,
    section.section_InvoiceSearch table.table,
    section.section_CustomerSearch table.table,
    section.section_InvoiceDetail table.table,
    section.section_InvoiceDetail div.row div.col-md-6 {
        width: 100%;
        height: 100%;
        background-color: #00000065;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .5);
        border-spacing: 0;
        padding: 1.5rem;
    }
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td:nth-of-type(1):before {
        content: "Invoice No:";
        white-space: pre;
        display: block;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
    }
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td:nth-of-type(2):before {
        content: "Invoice Date/Due Date:";
        white-space: pre;
        display: block;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
    }
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td:nth-of-type(3):before {
        content: "Order No./Customer:";
        white-space: pre;
        display: block;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
    }
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td:nth-of-type(4):before {
        content: "Amount:";
        white-space: pre;
        display: block;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
    }
    section.section_InvoiceSearch>div#searchandlist>div.row>div.col-lg-12>div.table-responsive>table.table td:nth-of-type(5):before {
        content: "Paid:";
        white-space: pre;
        display: block;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
    }
}
*/


/*TABLES END*/

@media (max-width: 1199px) {
    .header .col-xs-12 {
        padding-right: 0px;
    }
    .header .cart-buttons {
        float: right;
        width: 240 !important;
        left: 60px;
    }
    .header .cart-switcher-tooltip {
        display: none !important;
    }
    .header .show-tooltip .minibasket-fullview .cart-switcher-tooltip {
        display: none !important;
    }
    .header .cart-icon {
        left: -60px;
    }
    .header .cart.header-input.container {
        background: none;
    }
    .header .mode-quotation .cart-buttons {
        margin-right: 25px;
    }
}


/*CHECK OUT*/


/*
@media screen and (min-width: 768px) {
    #s2id_BasketHead_DeliveryAddress_AddressNo a {
        height: 32px !important;
    }
    #addressInputFields .col-sm-6:nth-of-type(2) {
        margin-top: -48px;
    }
}
*/


/*CHECK OUT END*(

/*PDP*/

[data-pageid="19"] .section_ProductImageLibrary hr {
    display: none;
}

[data-pageid="19"] .section_ProductImageLibrary {
    padding-bottom: 0px !important;
}

[data-pageid="19"] .section_AddToBasket {
    padding-bottom: 0px !important;
}

[data-pageid="19"] .section_ProductDetail_Description.section_266 {
    padding-bottom: 0px !important;
}

section.section_ProductDetail_SkuNumber p {
    color: darkgrey;
    font-style: oblique;
    font-weight: 300;
}

section.section_ProductDetail_SkuNumber p strong {
    font-weight: 300;
}

section.section_ProductDetail_Header {
    padding-bottom: 0px;
}

section.section_ProductDetail_Header h1 {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

section.section_ProductDetail_Description br {
    display: none;
}

section.section_ProductDetail_Description {
    padding-bottom: 10px !important;
}

section.section_ProductDetail_DeliveryDetailInfo {
    padding-bottom: 10px !important;
}

section.section_ProductDetail_DeliveryDetailInfo table.extra-availability {
    border-spacing: 0 !important;
}

table.extra-availability tbody tr:first-of-type {
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.05);
}

section.section_ProductDetail_DeliveryDetailInfo table.extra-availability tbody * {
    padding: 0.25rem 0.5rem;
}

table.extra-availability tbody tr td:last-of-type {
    text-align: right !important;
    padding-right: 0.25rem !important;
}

section.section_ProductDetail_DeliveryDetailInfo table.extra-availability tbody * {
    padding: 0.25rem 0.5rem;
}

section.section_ProductDetail_DeliveryDetailInfo table.extra-availability tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.2);
}

.dl-horizontal dt {
    float: none;
    font-weight: 100;
}

section.section_ProductDetail_Price {
    padding-bottom: 0px !important;
}

section.section_ProductDetail_Price h2 {
    margin-bottom: 0px;
}

section.section_ProductDetail_SkuNumber {
    padding-bottom: 0px !important;
}

section.section_ProductDetail_Price .product-grossprice {
    margin-bottom: 0px !important;
    font-weight: bold;
}

section.section_ProductDetail_Price .product-discount {
    margin-bottom: 0px !important;
    font-weight: bold;
}

.section_ProductRelationList .product-nav-pagination {
    display: none !important;
}


/*.section_ProductRelationList .product-grid .product .row div{
width:100%;
}
*/

.section_ProductRelationList .product-grid .product img {
    width: 250px;
    border: none;
    box-shadow: none;
}

.cml-spareparts-title {
    color: #e4a11b !important;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 800;
    padding-bottom: 0px !important;
    width: 200px;
}

.cml-spareparts-title p {
    position: absolute;
}

.section_ProductRelationList .product-header a {
    color: #e4a11b !important;
}

.section_ProductRelationList .field-stockcode {
    margin-bottom: 0px;
}

.section_ProductRelationList .product-grossprice {
    font-weight: bold;
}

.section_ProductRelationList .product-discount {
    font-weight: bold;
}

.section_ProductRelationList .product-netprice {
    margin-top: 0px;
}

.section_ProductRelationList .addToBasketContainer .input-group {
    width: 100px !important;
}

.section_ProductRelationList .dl-horizontal {
    margin-bottom: 0px;
}

.section_ProductRelationList table.extra-availability tbody * {
    padding: 0.25rem 0.5rem;
}

.section_ProductRelationList table.extra-availability tbody tr:first-of-type {
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.05);
}

.section_ProductRelationList table.extra-availability tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.2);
}

.section_ProductRelationLis .product {
    border: 1px solid #e4a11b;
    padding: 15px;
    margin-bottom: 15px;
}

.section_ProductRelationList.cml-spareparts .product {
    border: 1px solid #e4a11b;
    padding: 15px;
    margin-bottom: 15px;
}


/*SIGNUP FORM END*/

button.btn.btn-render-preview {
    font-size: 0
}

button.btn.btn-render-preview:after {
    content: "CREATE PDF";
    font-size: 14px;
}

.btn-basket-line-addcomment {
    margin-left: 15px
}

.section_QuotationDetail .quotation-info-wrapper input {
    border: 1px solid #555;
    padding: 10px;
    font-size: 14px !important;
    width: 100%;
}

.product-hotspots-table .field-stockcode {
    /*position: relative;
    width: 200px;
    margin-right: 100px; */
    display: block;
}

.quotation-header .fa-pencil {
    display: none;
}

.quotation-parts .fa-pencil {
    display: none;
}

.quotation-header .btn-header-edit {
    display: none;
}

.quotation-parts .btn-part-edit {
    display: none;
}


/* Spare parts hotspot popup fix */

.product-hotspots-table .hotspot-qty {
    display: none;
}

.product-hotspots-table .hotspot-availability {
    padding-top: 30px;
}


/*
@media screen and (max-width: 767px) {
    .product-hotspots-table th.hidden-lg.hidden-sm.hidden-md {
        display: none;
    }
    .product-hotspots-table th:nth-child(7) {
        background: #ffccff;
    }
    .product-hotspots-table .hot-spot>td:nth-child(2) {
        overflow-wrap: anywhere;
    }
    .product-hotspots-table>thead>tr>th,
    .product-hotspots-table>thead>tr>td,
    .product-hotspots-table>tbody>tr>th,
    .product-hotspots-table>tbody>tr>td,
    .product-hotspots-table>tfoot>tr>th,
    .product-hotspots-table>tfoot>tr>td {
        padding: 10px 15px;
    }
    .product-hotspots-table>tbody>tr:first-of-type>td {
        border-top: 1px solid #ddd;
    }
    [data-pageid="42"] .modal-content .addToBasketContainer {
        bottom: -35px !important;
        left: 45px;
    }
    .product-hotspots-table thead th:last-child {
        display: none;
    }
    .product-hotspots-table tbody td:last-child {
        padding: 0;
    }
}
*/

section#section_257 {
    padding-top: 50px;
}

section#section_31 {
    padding-left: 30px;
    padding-top: 30px;
}

section#section_32 {
    margin-right: 30px;
    margin-left: 30px;
}

section#section_344 {
    font-size: 30px;
    COLOR: #f90;
    border: NONE;
}

a {
    color: #e4a11b;
    border: none;
    font-weight: 800;
    text-transform: uppercase;
}

.section_Image img {
    box-shadow: 0px 4px 10px 0px black;
    padding: 0px;
}

.breadcrumb-wrapper {
    display: none;
}

.cml-banner-image {
    width: 110%;
    margin-left: -10px;
    box-shadow: 0 4 10 0 black;
}

.fill-row {
    padding: 15px;
}

.form-control {
    background-color: #dddddd;
    border: 1px solid #e4a11b;
    outline: none;
}


/************ MAIN CONTENT ********************/


/************ ORDER DETAILS ********************/

.table-borderless {
    color: white;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.7);
}

.table-responsive .order-lines {
    color: white;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.7);
}

.mainLine:hover {
    background-color: #8f8f8f50;
    border: 1px solid #e4a11b;
}

.table-condensed {
    color: white;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.7);
}

.section_255 {
    color: white;
}


/********* DESKTOP LOGIN PAGE *********/


/********* MOBILE LOGIN PAGE *********/


/* guest button */


/********* CUSTOMER LIST PAGE *********/

[data-pageid="13"] table {
    border-collapse: separate;
    padding: 0px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
}

[data-pageid="13"] .form-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

[data-pageid="13"] thead {
    font-family: "Maven Pro";
    font-size: 20px;
    color: #e4a11b;
}


/********* CUSTOMER DETAIL PAGE *********/

[data-pageid="14"] legend {
    color: #e4a11b;
    padding-top: 32px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: bold;
}

[data-pageid="14"] .form-horizontal {
    background-color: #00000065;
    padding: 15px;
}

[data-pageid="14"] .form-group {
    margin-bottom: 2px;
    margin-left: 15px;
}

[data-pageid="14"] .form-control-static {
    padding-top: 7px !important;
}

[data-pageid="14"] fieldset {
    padding: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

[data-pageid="14"] .control-label-static {
    font-size: 18px;
}

[data-pageid="14"] .row .col-md-12 {
    padding-top: 20px;
}

[data-pageid="14"] .row .col-sm-12 {
    padding-top: 20px;
}

[data-pageid="14"] .content {
    background: none;
    font-size: 14px;
}


/********* ORDERS PAGE *********/

[data-pageid="16"] .text-right {
    padding-right: 20px;
}

[data-pageid="16"] .order-detail {
    padding-left: 10px;
}

[data-pageid="16"] .table-responsive td {
    padding: 10px;
}

[data-pageid="16"] thead th {
    padding-left: 10px;
}

[data-pageid="16"] .table {
    padding: 10px !important;
    border-collapse: separate;
}

[data-pageid="16"] #querydate {
    padding-bottom: 15px;
}

[data-pageid="16"] #querydate>.input-group {
    padding-bottom: 15px;
}

[data-pageid="16"] #querydate>.input-group>.col-sm-4 {
    padding-right: 20px;
    width: auto;
    padding-left: 0px;
}

[data-pageid="16"] #querydate>.input-group>.col-sm-4>.form-control {
    width: 100%;
}

[data-pageid="16"] #querydate>.input-group>.col-sm-2 {
    width: auto;
    padding-left: 30px;
}

[data-pageid="16"] .modal-content {
    background-color: #4d4c4f;
    border-radius: 0px;
}

[data-pageid="16"] .modal-content>.table-hover {
    background-color: #4d4c4f;
    box-shadow: none;
}

[data-pageid="16"] .table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
    background-color: #8f8f8f50;
    box-shadow: none;
}


/********* ORDER DETAIL PAGE *********/

[data-pageid="17"] .table {
    border-collapse: separate;
}

[data-pageid="17"] .table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
    background: none !important;
}

[data-pageid="17"] .mainLine:hover {
    background-color: #8f8f8f50 !important;
    border: 1px solid #e4a11b;
    color: white;
}

[data-pageid="17"] .modal-content {
    margin-top: 15%;
    background-color: #4d4c4f;
    color: white;
}

[data-pageid="17"] .modal-content>.modal-body>.table-hover {
    background-color: #4d4c4f;
    box-shadow: none;
}


/********* INVOICE SEARCH PAGE *********/

[data-pageid="18"] .table {
    padding: 10px !important;
    border-collapse: separate;
}

[data-pageid="18"] .previouspage>.js-pagerStep {
    padding: 0.5rem;
    display: block;
}

[data-pageid="18"] #querydate {
    padding-bottom: 15px;
}

[data-pageid="18"] #querydate>.input-group {
    padding-bottom: 15px;
}

[data-pageid="18"] #querydate>.input-group>.col-sm-4 {
    padding-right: 20px;
    width: auto;
    padding-left: 0px;
}

[data-pageid="18"] #querydate>.input-group>.col-sm-4>.form-control {
    width: 100%;
}

[data-pageid="18"] #querydate>.input-group>.col-sm-2 {
    width: auto;
    padding-left: 30px;
}


/********* INVOICE DETAIL PAGE *********/

[data-pageid="40"] .table {
    border-collapse: separate;
}

[data-pageid="40"] .col-md-6 {
    margin-bottom: 15px;
}


/********* ACCOUNT DETAIL PAGE *********/

form#accountForm {
    padding: 15px;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #00000065;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
}

form#accountForm div.help-block>ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

form#accountForm input {
    border: 1px solid #e4a11b;
}

form#accountForm div.help-block {
    background-color: #8f8f8f50;
    color: goldenrod;
    padding: 1.5rem;
    border: 1px dotted goldenrod;
    margin: 15px;
}

[data-pageid="15"] .form-horizontal>.row>.col-md-6 {
    width: 100%;
}

[data-pageid="15"] .form-horizontal>.row>.col-md-6>.form-group {
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
}

[data-pageid="15"] .form-horizontal>.row>.col-md-12>.form-group {
    padding-left: 15%;
}


/********* QUOTE SEARCH PAGE *********/

[data-pageid="38"] .btn-default:active,
.btn-default.active {
    background-color: #4d4c4f;
}

.table-responsive thead {
    display: table-header-group !important;
}

.quotation-list {
    padding: 12px;
    background-color: #00000065;
    border-collapse: separate;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.452);
}


/********* QUOTE DETAIL PAGE *********/

.quotation-basket-table,
.quotation-header,
.quotation-parts {
    padding: 12px;
    background-color: #4d4c4f;
    border-collapse: separate;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.452);
    margin-bottom: 15px;
}

.quotation-details .quotation-basket-table>table>tbody>tr.odd {
    background-color: #666568 !important;
}

.quotation-details,
.col-sm-12,
.section_QuotationDetail {
    background: transparent !important;
}

.quotation-render .quotation-footer,
.quotation-content {
    background-color: #4d4c4f;
}

.quotation-basket-table {
    color: white;
}

.cart .quotation-footer {
    background: transparent;
}


/********* CART VIEW PAGE *********/

#basketSection .cart-view-content {
    background-color: #00000065;
}

.cart-view-content .table-responsive {
    padding: 12px;
    background-color: #00000065;
    border-collapse: separate;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.452);
    margin-bottom: 15px;
}

.qty {
    color: black;
}

.col-xs-12 .quotation-info-wrapper {
    padding-left: 0px;
}


/********* PRODUCT LANDING PAGE *********/

[data-rowid="56"] {
    padding: 12px;
    background-color: #00000065;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.452);
    margin-bottom: 15px;
}

.product-slider {
    padding: 12px;
    background-color: white;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.452);
    margin-bottom: 15px;
}


/* fix quotation page bg */

.section_QuotationDetail {
    margin-top: 10px;
    background: #00000000 !important;
}

#QuotationBasket_section_162 {
    background-color: #00000065;
}

section#section_162 {
    background: #00000000 !important;
}

.quotation-render,
.quotation-header,
.quotation-parts {
    padding-left: 5%;
    padding-right: 5%;
    background-color: #00000065;
}

.quotation-basket-table {
    background-color: #8f8f8f50;
}

.quotation-basket {
    padding-left: 5%;
    padding-right: 5%;
}

.quotation-render {
    padding-bottom: 15px;
}


/*
.btn-basket-line-addcomment>.fa-plus {
    background-image: url(/en/image/getthumbnail/1009?version=2&s=001);
}
*/


/*.wowbook-page-content>.row>.col-xs-12>div {}*/


/*#region ******** MOBILE SCREEN ********************/


/*#region ******* LOGIN*********************/

@media only screen and (max-width: 769px) {
    .cd-main-content {
        background-color: #666568;
        background-position: center;
        background-image: url(/en/image/getthumbnail/1009?version=2&s=001) !important;
        background-size: 300% 100%;
        background-repeat: no-repeat;
        font-family: "Maven Pro";
        color: white;
        min-height: 60vh;
    }
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    .fill-row {
        height: 0px;
        padding: 0px;
    }
    .cml-header-logo {
        background-size: 100% 100px;
    }
    .col-xs-12,
    .col-sm-12,
    .col-lg-12,
    .col-md-12,
    .col-sm-8,
    .col-sm-6,
    .col-sm-9 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .container {
        padding-right: 2.5%;
        padding-left: 2.5%
    }
    .header-input {
        margin-top: 18px;
    }
    .header .cart.header-input.container {
        width: 75% !important;
    }
    .cml-header-logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-primary {
        border-radius: 0px;
        min-height: 34px;
        min-width: 34px;
    }
    [data-pageid="2"].form-control {
        min-height: 40px;
    }
    .cd-primary-nav,
    .cd-primary-nav ul {
        width: auto;
        height: auto;
        padding: 5% 5% 5% 0%;
        background: #00000095 !important;
    }
    .cd-main-content.nav-is-visible,
    .cd-main-header.nav-is-visible {
        transform: translateX(-200px);
    }
    .row>.col-lg-12>.product-nav-pagination {
        max-width: 100%;
    }
    .cart .cart-icon .cart-switcher {
        margin-left: 25px;
    }
    .link-view-cart.js-viewcart {
        margin-right: 25px;
    }
    section.section_LoginStatus {
        padding-top: 40px;
    }
    [data-pageid="14"] fieldset {
        padding: 8px;
        margin-left: 5px;
    }
    .pagination>li>a,
    .pagination>li>span {
        height: 100%;
        display: flex !important;
        align-items: center;
        font-weight: 600;
    }
    .login-main-col {
        padding: 0px;
        width: 90%;
        background-color: #00000065;
        position: relative;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
        align-items: center;
        margin-left: 5%;
        margin-right: 5%;
    }
    [data-pageid="2"] .cml-header-logo {
        width: 100%;
    }
    [data-pageid="2"] .top10 {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
    [data-pageid="2"] .form-group {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    [data-pageid="2"] .col-md-5>.form-group>.col-sm-12 {
        height: 0px;
        font-size: 0px;
    }
    /*#endregion */
    /*#region ******** MAIN PAGE *************/
    section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(1),
    section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(2),
    section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(3),
    section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(4) {
        width: 25%;
        padding-right: 0px;
        margin-bottom: 15px;
    }
    section.section_ContactUsForm div#contactusform form.form-horizontal>div:nth-of-type(6) button {
        width: 100%;
    }
    section.section_ContactUsForm .form-group {
        width: 100% !important;
    }
    .quickshopcontent>.btn-primary {
        width: 100%;
    }
    .user-profile-name {
        float: left;
    }
    .cart .header-input .container {
        width: 50%;
    }
    .cd-header-buttons {
        right: 0%;
    }
    .header .col-xs-12 {
        padding-right: 15px;
    }
    h1,
    h2,
    h3,
    h4,
    h6 {
        font-weight: 500 !important;
        font-size: 26px;
    }
    section#section_343 {
        font-size: 16px;
    }
    section.section_PurchaseHistory div.row div:first-of-type ol {
        flex-direction: column;
    }
    section.section_PurchaseHistory div.row div:first-of-type ol li {
        margin-top: 3px;
        width: 100%;
    }
    section.section_QuickShop div.row.quickshopcontent div:nth-of-type(3) input,
    section.section_QuickShop div.row.quickshopcontent div:nth-of-type(4) input {
        min-width: 54px;
    }
    .form-group>.col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .form-horizontal .control-label-lg {
        top: 50%;
        transform: translateY(-5px);
    }
    [data-pageid="14"] .control-label-static {
        margin-top: 5px;
        padding: 0px;
    }
    [data-pageid="14"] .form-control-static {
        padding-top: 0px !important;
    }
    .quotation-info-wrapper>span {
        padding-left: 5px;
    }
    .quotation-section-heading {
        margin-bottom: 0px;
    }
    .quotation-basket-table {
        overflow-x: auto;
        margin-right: 10px;
        margin-left: 10px;
    }
    .quotation-basket-table>table>tbody>tr>td {
        min-width: 150px;
    }
    .quotation-container .quotation-basket-copy {
        display: flex;
        flex-direction: column;
        padding-bottom: 10px;
    }
    [data-rowid="94"] {
        padding: 0px;
    }
    .quotation-section-heading {
        margin-bottom: 0px;
    }
    .quotation-container .q-value.input-group {
        float: right;
    }
    .quotation-quickadd>form>.row>.col-md-3,
    .quotation-quickadd>form>.row>.col-md-4,
    .quotation-quickadd>form>.row>.col-md-2 {
        padding: 0px;
        padding-top: 3px;
    }
    .section_QuotationDetail .quotation-details .quotation-headerbg {
        min-height: auto !important;
        margin-bottom: 0px !important;
    }
    .order-detail-wrapper>.row>.col-md-6 {
        padding: 0px;
    }
    .modal-body {
        padding: 0px;
    }
    [data-pageid="15"] .form-horizontal>.row>.col-md-6>.form-group,
    [data-pageid="15"] .form-horizontal>.row>.col-md-12>.form-group,
    [data-pageid="15"] .col-md-6,
    [data-pageid="15"] .col-sm-6 {
        padding: 0px;
    }
    form#accountForm {
        margin-left: 0%;
        margin-right: 0%;
    }
    [data-pageid="19"] section.section_ProductDetailDiagrams>ul>li>a::after {
        width: 100%;
    }
    [data-pageid="19"] section.section_ProductDetailDiagrams>ul {
        padding: 0px;
    }
    div.pt-page-explodeddiagrambooks div.modal-content tbody tr td,
    div.pt-page-explodeddiagrambooks thead tr th {
        min-width: 150px;
    }
    [data-sectionid="0"] {
        overflow-x: auto;
    }
    #DiagramBookScaleToFitContainer,
    .wowbook-page {
        height: 500px !important;
    }
    .row.diagramBookLimitingHeight {
        height: 80%;
        overflow: auto;
    }
    .wowbook-inner-clipper,
    .wowbook-zoomwindow,
    .diagramBookLimitingWidth,
    .wowbook-page-content {
        height: 100% !important;
    }
    [data-pageid="2"] .form-control {
        width: 100%;
    }
    .tab-content {
        margin: 0px;
    }
    .form-horizontal .control-label-lg {
        padding: 0px;
    }
    input[type="checkbox"] {
        min-width: 16px;
        min-height: 16px;
    }
    .col-sm-1 {
        padding: 0px;
    }
    .form-horizontal .control-label-lg {
        margin-top: 5px;
        margin-bottom: 0px;
    }
    [data-pageid="2"] .form-group>.col-sm-8>.form-control {
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .header .cart-buttons a {
        padding: 0px;
    }
    .quotation-basket-copy form {
        display: flex;
        flex-direction: column;
        padding-right: 10px;
    }
    .quotation-content .btn-quotation-create {
        padding-right: 10px;
    }
    .quotation-content>.quotation-details>.quotation-basket {
        padding: 0px;
    }
    .quotation-quickadd>form {
        width: 100%;
    }
    .quotation-basket {
        padding: 0px;
    }
    .section_QuotationDetail .quotation-section-heading {
        padding-left: 10px;
    }
    .btn-basket-edit-cancel {
        margin-right: 10px;
    }
    .quotation-basket-table>table>tbody>.q-basket-sortrow>.q-basket-sortrow-handle {
        max-width: 50px;
        min-width: 50px;
    }
    .row.basket-description>.col-xs-12>label,
    .row.basket-stockcode>.col-xs-12>label {
        color: #e4a11b;
    }
    .softlyHidden {
        background: #00000065;
        padding: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .row.bLine {
        background: #8f8f8f50;
        margin-bottom: 15px;
    }
    .basket-thumbnail {
        padding-top: 15px;
    }
    .row.bLine>.col-sm-8.col-xs-6 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .section_QuickShop>.quickshopcontent>.col-sm-2>.btn {
        width: 100%;
    }
    .inv-order-number>.col-md-5,
    .inv-order-date>.col-md-5,
    .inv-ship-date>.col-md-5,
    .inv-purchase-order-number>.col-md-5,
    .inv-order-entered-by>.col-md-5,
    .inv-sales-rep>.col-md-5,
    .inv-sales-rep-email>.col-md-5,
    .inv-invoice-number>.col-md-5,
    .inv-invoice-date>.col-md-5,
    .inv-due-date>.col-md-5,
    .inv-payment-terms>.col-md-5,
    .inv-sales-tax-id>.col-md-5,
    .inv-currency>.col-md-5,
    .inv-customer>.col-md-5 {
        font-weight: 700;
    }
    .row>.col-md-6 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .section_InvoiceDetail>.table {
        display: grid;
    }
    .section_InvoiceDetail>.table>tbody>tr>td,
    .section_InvoiceDetail>.table>thead>tr>th {
        min-width: 100px;
    }
    .section_ProductDetail_Header>.page-header {
        font-size: 20px;
    }
    .searchandlist>.row>.col-lg-12>.product-nav-pagination {
        overflow-x: auto;
    }
    .section_ProductSearchList>.page-header {
        font-size: 20px;
    }
    /*#endregion */
}

.section_InvoiceDetail>h1 {
    border-bottom: 2px solid white !important;
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
    background-color: #8f8f8f50;
}

.inv-order-number>.col-md-5,
.inv-order-date>.col-md-5,
.inv-ship-date>.col-md-5,
.inv-purchase-order-number>.col-md-5,
.inv-order-entered-by>.col-md-5,
.inv-sales-rep>.col-md-5,
.inv-sales-rep-email>.col-md-5,
.inv-invoice-number>.col-md-5,
.inv-invoice-date>.col-md-5,
.inv-due-date>.col-md-5,
.inv-payment-terms>.col-md-5,
.inv-sales-tax-id>.col-md-5,
.inv-currency>.col-md-5,
.inv-customer>.col-md-5 {
    font-weight: 700;
}

.btn-ptBlue {
    height: 34px;
    padding: 0.6rem 1rem;
    color: white !important;
    background: #e4a11b;
    cursor: pointer;
    border: 1px solid #e4a11b;
    text-transform: uppercase;
    font-weight: 800;
}

.product-nav-pagination>li,
.product-nav-pagination>li>span {
    background-color: #e4a11b;
    min-height: 34px;
    color: white;
}

.product-nav-pagination>li>span:hover {
    background-color: #e4a11b;
    color: white;
}


/*#endregion */



/*

.wowbook-page-content {
    WIDTH: AUTO !IMPORTANT;
    DISPLAY: BLOCK;
    MARGIN-LEFT: 25%;
    MARGIN-RIGHT: AUTO;
}

*/
.wowbook-page-content {
    WIDTH: AUTO !IMPORTANT;
    TRANSFORM: TRANSLATEX(25%);
}

span.text-cursive.price-gross::before {
  content: "=";
}