#IMOnlineCEP {
    color: #333333;
    font-size: 16px;
    padding: 5px;
    font-family: 'Roboto'
}
    /*Font*/
    #IMOnlineCEP #customprint .print-favourite {
        font-size: 14px !important;
    }

    #IMOnlineCEP label, #IMOnlineCEP p:not(.panda-price):not(.cc_message) {
        color: #333333;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
    }

    #IMOnlineCEP .search-product-description,
    #IMOnlineCEP #basketActionsNavigation .rightLinks a,
    #IMOnlineCEP .p-line-slv-3 a,
    #IMOnlineCEP .p-line-3  a{
        color: #333333;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Roboto';
    }

    #IMOnlineCEP .btn-primary-2 i {
        color: #FFFFFF;
    }

    #IMOnlineCEP .btn i {
        color: inherit;
    }


    #IMOnlineCEP .product-name a, #IMOnlineCEP .search-product-description {
        font-weight: 600;
    }

    #IMOnlineCEP .AddBtn-default {
        background-color: transparent;
        color: #0077D4;
        border: 1px solid;
        border-color: #0077D4;
        height: 40px;
    }

        #IMOnlineCEP .AddBtn-default i {
            color: #0077D4;
        }

    /*Page Title*/
    #IMOnlineCEP #PageTitle, #IMOnlineCEP h1, #IMOnlineCEP .print-h1 {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        color: #333333;
    }

    /*Breadcrumb Starts*/
    #IMOnlineCEP .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #454545;
        content: url(/Site/Content/Images/Cep/breadcrumb-separator.png);
        font-size: 16px;
        margin: 0px 5px 0px 5px;
    }

    #IMOnlineCEP .breadcrumb > li:not(.active) a {
        color: #0077D4;
    }

    #IMOnlineCEP .breadcrumb .fa-arrow-left {
        display: none;
        margin: 0;
    }

    #IMOnlineCEP .breadcrumb > .active {
        color: #333333;
        font-size: 14px;
    }

    #IMOnlineCEP .breadcrumb li {
        font-size: 14px;
    }

    /*Controls*/

    /*Button*/
    #IMOnlineCEP .btn-primary, #IMOnlineCEP .btn-primary:active, #IMOnlineCEP .btn-primary-1, #IMOnlineCEP .btn-primary:focus {
        font-size: 14px;
        font-family: "Roboto";
        background-color: #0077D4;
        border-radius: 6px;
        font-style: normal;
        font-weight: 400;
        border-color: #0077D4;
        height: 40px;
        text-transform: uppercase;
    }

    #IMOnlineCEP .btn-primary-2 {
        text-transform: uppercase;
        font-family: "Roboto";
        background-color: #0077D4;
        border-radius: 6px;
        padding: 8px 16px;
        color: white;
        border-color: transparent;
        font-size: 14px;
        font-weight: normal;
        height: 40px;
        line-height: 24px;
    }

    #IMOnlineCEP .btn-default:not(.btn-secondary-3) {
        color: #0077D4;
        border-color: #0077D4;
        border-radius: 6px;
        font-style: normal;
        font-weight: 400;
    }

    #IMOnlineCEP .AddedBtn-default,
    #IMOnlineCEP .AddedBtn-default:focus,
    #IMOnlineCEP .AddedToCartBtn-default,
    #IMOnlineCEP .AddedToCartBtn-default:focus,
    #IMOnlineCEP .AddBtn-error:focus,
    #IMOnlineCEP .AddToCartErrorBtn-default:focus,
    #IMOnlineCEP input[type=number] {
        height: 40px;
    }
    /*Input*/
    #IMOnlineCEP input[type="text"]:not(.inputTextBorderNone), 
    #IMOnlineCEP input[type="email"], 
    #IMOnlineCEP textarea, #IMOnlineCEP select, 
    #IMOnlineCEP .sort-dropdown {
        box-sizing: border-box;
        border-radius: 6px !important; /*Already this property is important in ingram theme*/
        border: 1px solid #6B6B6B;
        height: 48px;
        line-height: 40px;
    }

    #IMOnlineCEP .sortby-downarrow {
        line-height: 30px;
    }

    #IMOnlineCEP input[type="text"][disabled="disabled"] {
        background: #C4C4C4;
        opacity: 0.7;
        color: #333333;
    }

    /*Checkbox CSS*/
    #IMOnlineCEP .notification_ref .checkmark {
        height: 18px;
        width: 18px;
    }

    #IMOnlineCEP .notification_ref .checkbox_container input:checked ~ .checkmark {
        background-color: #333333;
        border: none;
    }

    #IMOnlineCEP .notification_ref .checkbox_container .checkmark:after {
        color: #FFFFFF;
        top: 2px;
    }

    #IMOnlineCEP .notification_ref .checkbox_container input:focus ~ .checkmark {
        box-shadow: none;
    }

    /*Radio*/
    #IMOnlineCEP .radio_container input:checked ~ .radio_checkmark {
        background-color: #ffff;
        border: 2px solid #0077D4;
    }

        #IMOnlineCEP .radio_container input:checked ~ .radio_checkmark:after {
            background-color: #0077D4;
        }

    /*Grid*/
    #IMOnlineCEP table thead tr {
        background: #F8F8F8;
        box-shadow: inset 0px -2px 0px #0077d4;
        border-radius: 6px 6px 0px 0px;
        height: 103px;
    }

        #IMOnlineCEP table thead tr th {
            border: none !important;
            color: #333333;
            font-size: 16px;
        }

    /*Pagination*/
    #IMOnlineCEP .itemsperpage a {
        width: 90px;
    }

    #IMOnlineCEP .itemsperpage .btn {
        text-align: inherit;
    }

    #IMOnlineCEP .itemsperpage .ItemPerPageLabel {
        text-align: left;
        color: #333333;
        margin-left: 5px;
    }

    #IMOnlineCEP .itemsperpage .fa-angle-down:before {
        margin-left: 40px;
        color: #6B6B6B;
    }

    /*Domain Page*/

    /*Favourite*/
    #IMOnlineCEP .searchAndSortLeftPadding {
        padding-left: 0px !important; /*Added important because this was already overide by adding important in theme v2 CSS*/
    }

    /*Cart*/
    #IMOnlineCEP .basket-items-section-header .padding-bottom-sm {
        box-shadow: inset 0px -2px 0px #0077d4;
        border-radius: 6px 6px 0px 0px;
    }

    #IMOnlineCEP .cartcheckout-container .basket-items-section .basket-items-section-header .items-column {
        min-height: 60px;
        word-break: break-word;
        background-color: #F8F8F8;
        border: none;
    }

    #IMOnlineCEP .basket-line {
        border: 1px solid #ccc;
        padding: 10px;
    }

    #IMOnlineCEP #basket-line-container .border-bottom-lightgrey {
        border-bottom: none;
    }

    #IMOnlineCEP .cartcheckout-container .carttable-headertext {
        background: none;
    }

    /*Myprofile*/
    #IMOnlineCEP .has-feedback label ~ .form-control-feedback {
        line-height: 45px;
    }
    /*Alert*/
    /*This will be updated to CEP alert design*/
    #IMOnlineCEP .alert-danger .alert-link {
        color: #843534;
    }
    /*Pager.cshtml - pager number div alignment fixes*/
    #IMOnlineCEP #cep-PageNo {
        margin-right: 1px;
    }

    #IMOnlineCEP .has-error .form-control {
        border-color: #a94442 !important;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    }
    #IMOnlineCEP .error {
        color: #a94442 !important;
    }