body {
    /*font-family: 'Helvetica', serif;
    font-size: 15px;*/
    font-family: 'Roboto', arial !important;
    font-size: 14px !important;
}
hr{
    border-top: 1px solid #565656 !important;
}
h1 {
    font-size: 2.000em;
    font-weight: bold;
    color: #333;
    text-transform: capitalize;
}

h1.page_title {
    font-size: 2.000em;
    font-weight: bold;
    margin-top: 1.250em;
    color: #333;
    text-transform: capitalize;
}

h1.standardHeader {
    margin-top: 0px !important;
    padding-left: 20px !important;
}

h2 {
    font-family: roboto, arial;
    font-size: 1.750em;
    font-weight: bold;
    color: #333;
    text-transform: capitalize;
}

h3, .confirmInnerBox h3 {
    /*font-family: roboto, arial;
    font-size: 1.500em;
    font-weight: bold;
    color: #333;
    text-transform: capitalize;*/

    font-family: roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.1em;
    color: rgb(102, 102, 102);
    text-transform: uppercase;
}

.confirmInnerBox h3 {
    line-height: 1.1;
}

h4 {
    font-family: roboto, arial;
    font-size: 1.250em;
    font-weight: bold;
    color: #333;
    text-transform: capitalize;
}

    h4.right_align {
        text-align: right;
    }

h5 {
    font-family: roboto, arial;
    font-size: 1.125em;
    font-weight: bold;
    color: #333;
    text-transform: capitalize;
}

    h5.red {
        color: #a10034;
    }

h6 {
    font-family: roboto, arial;
    font-size: 1.000em;
    font-weight: bolder;
    color: #333;
    margin-top: 0.625em;
    text-transform: capitalize;
}

.RadGrid {
    border-radius: 4px;
    overflow: hidden;
}

.master {
    overflow-x: hidden;
}

.MasterHeader { /*height: 10vh;*/
    max-height: 300px;
    position: fixed !important;
    top:0px !important;
    width: 100% !important;
    z-index: 999;    
}

.masterBody {
    height: 90vh;
}

.masterRow {
    margin-right: 0px !important;
    margin-left: 0px !important;
    background-color: #000 !important;
    padding-right: 5px !important;
    padding-left: 5px !important;   
}

.container-fluid.master {
    padding: 0px;
}

.LogoImage {
    width: 100%;
    height: auto;
    max-width: 200px;
    max-height: 80px;
}
.LogoFooterImage{
    max-height: 30px;
    max-width: 200px;
}

.rmItem {
    border-right: solid;
    border-width: thin;
    border-color: white;
    background-color: black;
}

    .rmItem:hover span {
        text-decoration: underline;
    }

.rmLast {
    border-right: none !important;
}

.RadMenu {
    background-color: black;
    outline: none;
}

    .RadMenu .rmRootLink {
        color: white !important;
    }

    .RadMenu .rmHorizontal .rmText {
        color: white;
    }

.rmText:hover {
    color: white !important;
}

.RadMenu .rmLeftImage {
    width: 20px;
    height: 20px;
    margin: 0px !important;
    float: right !important;
    padding-right: 6px;
}

.rmRootToggle {
    width: 50px;
    color: white;
}

.RightFirstAndLastName {
    color: white;
    text-align: right;
}

    .RightFirstAndLastName a {
        color: white;
        text-decoration: underline;
    }

        .RightFirstAndLastName a:hover {
            color: white;
        }

    .RightFirstAndLastName .RadDropDownList {
        width: 20px;
    }

        .RightFirstAndLastName .RadDropDownList .rddlFakeInput {
            visibility: hidden;
        }

    .RightFirstAndLastName .RadDropDownList_Bootstrap .rddlIcon {
        width: 18px !important;
    }

    .RightFirstAndLastName .RadDropDownList_Bootstrap .rddlInner {
        width: 20px;
        height: 15px;
        padding: 0px !important;
    }

.GenericLink_New{
    font-weight: normal !important;
    cursor: pointer;
    color: #484848;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16.41px;
    text-align: center;
    text-decoration:underline !important;
}

    .GenericLink_New a:hover {
        color: blue !important;
    }

.GenericButton {
    font-weight: bold !important;
    color: white !important;
    font-size: 14px !important;
}

.GenericBlackButton {
    font-weight: bold !important;
    color: white !important;
    font-size: 14px !important;
    background-color: black;
}

.GenericRedButton {
    font-weight: bold !important;
    color: white !important;
    font-size: 14px !important;
    background-color: #A10034;
}

.GenericRedRoundedButton_New {
    box-sizing: border-box;
    height: 48px;
    width: 172px !important;
    border: 0 solid #981E97;
    border-radius: 70px;
    background-color: #981E97;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}

.GenericWhiteButton {
    font-weight: bold !important;
    color: #A32260 !important;
    font-size: 14px !important;
    background-color: white;
    border-color: #a10034;
}

.GenericButtonGroup > .btn {
    border-color: black;
}

    .GenericButtonGroup > .btn.active.focus {
        color: white;
        background-color: black;
        outline-style: none;
    }

    .GenericButtonGroup > .btn:hover {
        color: black !important;
        background-color: white !important;
    }

    .GenericButtonGroup > .btn.active:hover {
        color: white !important;
        background-color: black !important;
        outline-style: none;
    }

.GenericButtonGroup .btn-default {
    background-image: none;
}

.GenericButtonGroup label {
    font-weight: normal;
    margin-bottom: 0;
}

.Mobile .RadDropDownList_Bootstrap .rddlIcon {
    visibility: hidden;
}

.PageBody {
    clear: both;
    padding: 0px 15px 45px 20px;
    margin-right: 0;
    margin-left: -5px;
}

    .PageBody .row {
        padding-right: 5px;
        padding-left: 5px;
    }

.imgItemNumberBackground {
    width: 16px;
    position: absolute;
    right: 42%;
    top: 6px;
}

.mobileImgItemNumberBackground {
    width: 19px;
    position: absolute;
    right: 43%;
    top: 0px;
}

.mobileCartImage {
    background-image: url(/Content/Images/empty-cart-light.png);
    height: 50px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right;
    float: left;
    position: relative;
}

.mobileCartItemNumber {
    position: absolute;
    top: 4px;
    right: 46%;
    font-size: 9px;
    color: white;
    width: 16px;
    text-align: center;
}

.cartImage {
    background-image: url(/Content/Images/empty-cart-light.png);
    height: 50px;
    width: 55px;
    margin-top: 31px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right;
    float: right;
    position: relative;
}

.cartItemNumber {
    position: absolute;
    top: 8px;
    right: 43%;
    font-size: 9px;
    color: white;
    width: 16px;
    text-align: center;
}

.myAccount {
    font-size: 12px !important;
}

.overlay {
    background: #e9e9e9;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.Mobile {
    padding-top: 13px;
}

.mobileDropdownMenu {
    position: absolute;
    z-index: 100;
    right: 0px;
}

.masterFooterBackground {
    background-color: #000;
}

.masterFooterContent {
    font-size: 12px; 
    text-transform: uppercase;
    color: white;
}

.masterFooterContent a {
    color: white;
}
@media all and (min-device-width: 360px) and (max-device-width: 1024px) {
    html {
        height: 100%;
    }

    .login_page #loginForm_New {
        left: 25% !important;
    }
}
@media only screen and (min-width: 1366px) {
    .login_page #loginForm_New {
        left: 32% !important;
    }
}
    @media all and (min-device-width: 360px) and (max-device-width: 667px)and (orientation: portrait) {

    .login_page #loginForm_New {
        left: 28% !important;
        top: 35% !important;
    }
}
@media all and (min-device-width: 768px) and (max-device-width: 1024px)and (orientation: portrait) {
    .login_page #loginForm_New {
        left: 25% !important;
        top: 30% !important;
    }
}

    @media only screen and (min-width:1920px) {
        .login_page #loginForm_New {
            left: 36.5% !important;
            top: 25% !important;
        }
    }

    .masterFooterContent > .masterFooterText:hover a {
        text-decoration: underline;
    }

    .navbar {
        min-height: auto;
    }

    #owldemo .item {
        margin: 3px;
    }

        #owldemo .item img {
            display: block;
            width: 100%;
            height: auto;
        }


    .spacer {
        height: 10px;
    }

    .spacer-lg {
        height: 20px;
    }


    .topMargin {
        margin-top: 7%;
    }

    /*.owl-carousel {
    display: block !important;
}*/

    .borderColor {
        border-style: solid;
        border-color: red;
    }

    /*.owl-pagination {
    display: none !important;
}

.owl-theme .owl-controls .owl-buttons div {
    padding: 5px 9px;
    position: absolute;
}

.owl-theme .owl-buttons i {
    margin-top: 2px;
}*/

    .vcenter {
        display: flex;
        align-items: unset;
        justify-content: center;
        flex-direction: column;
    }

    /*.owl-item div {
    width: 144px !important;
}*/

    /*.owl-next {
    right: -45px;
    top: 55px;
    position: absolute;
}

.owl-prev {
    left: -45px;
    top: 55px;
    position: absolute;
    margin-left: 3% !important;*/
}

@media (max-width: 1000px) {
    /* CSS styles for viewports 1000px and up */
   /* .owl-buttons {
        text-align: left;
    }

    .owl-carousel {
        padding: 2%;
    }

    .owl-prev {
        left: -45px;
        top: 55px;
        position: absolute;
        margin-left: 4% !important;
    }*/
}



.txtDecoration {
    text-decoration: underline;
}

.numberCircle2 {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    padding: 8px;
    background: #A32260;
    border: 2px solid #666;
    color: #FFFFFF;
    text-align: center;
    font: 18px Arial, sans-serif;
    float: left;
    margin-right: 1%;
}
#RememberMe {
    border: 1px solid #981E97;
    width: 14px;
    height: 14px;
    appearance: none;
    border-radius: 2px;
    cursor: pointer;
    outline:none;
    margin:0px !important;
}

    #RememberMe:checked::after {
        color: #981E97;
        text-align: center;
        content: '';
        width: 3px;
        height: 3px;
        border-bottom: 1px solid #981E97;
        transform: rotate(45deg);
        margin-top: 3px;
        margin-left: 25%;
        display: block;
    }

    #RememberMe:checked::before {
        content: '';
        display: block;
        width: 7px;
        height: 2px;
        border-bottom: 1px solid #981E97;
        transform: rotate(-45deg) translate(-1px, 6px);
    }

#footer {
    position: absolute;
    bottom: 0;
}
#GoBackLogin{
    color:#337ab7 !important;
}

.backColorBlack {
    background-color: black;
    color: white;
}

.glyphicon {
    color: black;
}

.popbox {
    display: none;
    position: absolute !important;
    z-index: 99999;
    width: 400px;
    padding: 10px;
    background-color: yellow;
    color: #000000;
    border: 1px solid #4D4F53;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1) !important;
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
}

.txtQuanttityWidth {
    width: 5.33333333%;
}

#foo div {
    position: relative;
}

.numberCircle1 {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    padding: 8px;
    background: #CCCCCC;
    border: 2px solid #666;
    color: #FFFFFF;
    text-align: center;
    font: 18px Arial, sans-serif;
    float: left;
    margin-right: 1%;
}

.removePaddingAddMargin {
    margin-right: 2%;
    padding-left: 0px;
}

.addMargin {
    margin-right: 2%;
}

.btn.active {
    background-color: black;
    color: white;
}

    .btn.active:focus {
        color: white;
        background-color: black;
    }

.cartColor {
    background-color: #9e0030;
    color: white;
}

.backGroundColor {
    background-color: red;
}

.fontWeight {
    font-weight: normal;
}

.secondFontWeight {
    font-weight: normal;
    padding-left: 0px !important;
    margin-bottom: 1% !important;
}

header, .full-width {
    width: 70%;
    background: #666666;
    height: 40px;
}

.wrap {
    max-width: 24em;
    padding: 0.25em 0.625em;
    display: inline;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 14px;
}

.noWrap {
    white-space: nowrap;
}

.anchorTabColor {
    color: #337ab7;
    cursor: pointer;
}

@media (max-width: 2000px) {
    .priceBreakLeftHeader {
        background-color: black;
        color: white;
        font-weight: bolder;
        padding-left: 5px;
        padding-right: 10px;
        border-color: lightgray;
        width: 200px !important;
    }

    .priceBreakLeftColumn {
        padding-left: 5px;
        padding-right: 10px;
        border-color: lightgray;
        width: 200px !important;
    }
}

.td {
    white-space: nowrap !important;
}

.hideShow {
    display: none;
}

.printButton {
    background-color: black;
    color: white;
}

.returnToSearchButton {
    background-color: #A10034;
    color: white;
    margin-bottom: 23px;
}

/*Css for ShoppingCart and Checkout*/

.shoppingCart .rowBottomBorder {
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.shoppingCart .shopCartItemTable {
    border: none;
    width: 100%;
    border-collapse: initial;
}

.shoppingCart .headerBackground {
    background-color: #F2F2F2;
    text-align: right;
    padding: 5px;
}

.headerBackgroundLeftEdge {
    border-top-left-radius: 4px;
}

.headerBackgroundRightEdge {
    border-top-right-radius: 4px;
}

.tableBottomLeftRadius {
    border-bottom-left-radius: 4px;
}

.tableBottomRightRadius {
    border-bottom-right-radius: 4px;
}

.shoppingCart table.shopCartItemTable td {
    padding: 5px;
}

.shoppingCart .leftCenterAlign {
    text-align: left;
    vertical-align: middle;
}

.shoppingCart .centerTopAlign {
    text-align: center;
    vertical-align: top;
}

.shoppingCart .leftTopAlign {
    text-align: left;
    vertical-align: top;
}

.shoppingCart .rightTopAlign {
    text-align: right;
    vertical-align: top;
}

.shoppingCart .shopCartTableBorder {
    border: solid;
    border-width: thin;
    border-color: #F2F2F2;
}

.shoppingCart .shopCartLineItemImg {
    max-height: 100px;
    max-width: 100px;
    align-content: center;
}

.shoppingCart .shopCartSummaryBorder {
    border: solid;
    border-width: 2px;
    border-color: lightgrey;
    border-radius: 5px;
    padding-bottom: 20px;
}

.shoppingCart .shopCartSummary {
    max-width: 250px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    position: fixed;
    display: none;
    left: 10px;
}

.shoppingCart .row.no-gutters {
    margin-right: 0px;
    margin-left: 0px;
}

    .shoppingCart .row.no-gutters > [class^="col-"],
    .shoppingCart .row.no-gutters > [class*=" col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.shoppingCart .shopCartContToCheckoutBtnRow {
    padding: 15px 15px 70px 15px;
    margin-bottom: 70px;
}

.shoppingCart .btn-default.active {
    color: white;
    background-color: black;
}

.shoppingCart .btn-default:active {
    color: white;
    background-color: black;
}

.shoppingCart .orderSummaryLeftCol {
    float: left;
    width: 60%;
    text-align: left;
    margin-bottom: 3px;
}

.shoppingCart .orderSummaryRightCol {
    float: left;
    clear: right;
    width: 40%;
    text-align: right;
    margin-bottom: 3px;
}

.shoppingCart .orderSummaryBottomBorder {
    border-bottom: solid;
    border-bottom-color: lightgrey;
    border-bottom-width: 2px;
}

.shoppingCart .OrderSummaryTotal {
    margin-top: 10px;
    font-size: large;
    font-weight: bolder;
}

.shoppingCart ul {
    padding: 0px;
}

.shoppingCart .shopCartRadioBtn {
    min-width: 100px;
}

.shoppingCart h3 {
    margin-top: 35px;
}

.shoppingCart .sectionOffset {
    margin-top: 35px !important;
}

.shoppingCart .RadButton.btn-link {
    vertical-align: middle;
}

.shoppingCart .btn-link {
    cursor: pointer;
}

.shoppingCart .RadButton.btn-link:hover > .rbText {
    text-decoration: underline;
}

.shoppingCart .sectionLabel {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.shoppingCart .bigSectionLabel {
    font-weight: bold !important;
    font-style: normal;
    font-size: 18px;
    text-align: left;
    line-height: 27px;
    width: 190px;
}

.shoppingCart .sectionText {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 21px;
}

.shoppingCart .itemBillDetailsLbl {
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid;
    border-width: thin;
    border-bottom-color: #e5e5e5;
    margin-top: 10px;
}

.shoppingCart .fadedText {
    color: lightgrey;
    font-size: 14px;
}

.shoppingCart .negativeBottomMargin {
    margin-bottom: -8px;
}

.shoppingCart .delButtonColumnWidth {
    width: 3%;
}

.shoppingCart .imgColumnWidth {
    width: 15%;
}

.shoppingCart .templateColumnWidth {
    width: 53%;
}

.shoppingCart .commonColumnWidth {
    width: 10%;
}

.shoppingCart .validatorMargin {
    margin-left: 5px;
}

.shoppingCart .cartSku {
    display: inline-block;
    padding-left: 20px;
}
/*End Css for css and shopping cart*/

.checkoutButton {
    display: inline;
    margin-top: 8px;
}

/*Readonly controls on billing panel*/
/*remove gray background from disabled items in billing panel*/
.DisabledControl input:disabled {
    background: white;
}

/*set text padding, and other parameters*/
.DisabledControl input[type="text"]:disabled {
    border: none;
    border-width: 0px;
    border-style: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    cursor: default;
    padding: 0px;
    display: block;
    width: 100%;
    height: 34px;
    font-size: 15px;
    font-family: "Helvetica",serif;
    color: #333;
}

/*Styles for PriceBreakControl*/
.priceBreakGridWrapper {
    width: 260px;
    border: 1px solid lightgray;
    border-radius: 4px;
}

.priceBreakGridView {
    border-color: lightgray;
    border-radius: 4px;
    overflow: hidden;
}
/*table.priceBreakGridView { border-collapse: separate; border: solid lightgray 1px; border-radius: 4px; }
	table.priceBreakGridView td, th { border-left: solid lightgray 1px; border-top: solid lightgray 1px; }
	table.priceBreakGridView th { border-top: none; }
		table.priceBreakGridView td:first-child, table.priceBreakGridView th:first-child { border-left: none; }*/

.priceBreakLeftHeader {
    background-color: black;
    color: white;
    font-weight: bolder;
    padding-left: 5px;
    padding-right: 10px;
    border-color: lightgray;
}

.priceBreakLeftColumn {
    padding-left: 5px;
    padding-right: 10px;
    border-color: lightgray;
}

.priceBreakRightHeader {
    background-color: black;
    font-weight: bolder;
    padding-right: 5px;
    padding-left: 10px;
    text-align: right;
    color: white;
    border-color: lightgray;
}

.priceBreakRightColumn {
    padding-right: 5px;
    padding-left: 45px !important;
    border-color: lightgray;
}

.activePriceBreakRow {
    font-weight: bolder;
    background-color: #a10034;
    color: white;
    border-color: lightgray;
}
/*End Styles for PriceBreakControl*/

.orderNumber {
    padding: 5px;
    background-color: #F2F2F2;
    display: inline-block;
    max-width: 200px;
}

.block {
    display: block;
}

.sectionLabel {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.floatRight {
    float: right;
}

.itemConfigPage {
    min-height: 500px;
}

.btn-circle {
    width: 18px;
    height: 18px;
    text-align: center;
    padding: 0px;
    color: white;
    border-radius: 18px;
    border: none;
    background-color: black;
}

.fullConfig {
    position: relative;
}

    .fullConfig .ICControlPanel {
        float: left;
        width: 35%;
        padding-right: 20px;
        padding-top: 10px;
        position: relative;
        min-width: 250px;
    }

    .fullConfig .ItemConfig > div {
        margin-left: 0;
        padding-bottom: 50px;
    }

    .fullConfig .ICRenderPanel {
        float: left;
        width: 65%;
        position: relative;
    }

    .fullConfig .ICImagePanel {
        width: 100%;
        overflow: auto;
        margin: 0;
    }

    .fullConfig .ICProgress {
        position: absolute;
        left: 680px;
        top: 400px;
    }

    .fullConfig .dropDownList {
        margin-bottom: 15px;
    }

    .fullConfig .icNestedSection {
        padding: 5px 10px 10px 15px;
    }

    .fullConfig .icImageControls {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .fullConfig .icImageButtons {
        display: inline-block;
    }

    .fullConfig .icProofButton {
        display: inline-block;
    }

        .fullConfig .icProofButton > a {
            padding-right: 10px;
        }

    .fullConfig .icZoomButtons {
        display: inline-block;
    }

    .fullConfig .icRemoveButton {
        float: right;
        margin-bottom: 1px;
    }

    .fullConfig .icRepaintButton {
        float: right;
    }

    .fullConfig .progressButtons {
        padding-bottom: 15px;
        padding-top: 10px;
    }

    .fullConfig .brightButton, div.fullConfig span.brightButton {
        background-color: #A32260;
        color: white;
    }

    .fullConfig .createDesignMessage {
        font-size: 15px;
        font-weight: normal;
    }

        .fullConfig .createDesignMessage ol {
            padding-left: 20px;
        }

    .fullConfig .primaryPlaceHolder {
        padding-bottom: 30px;
    }

    .fullConfig .imgProof {
        width: 100%;
    }

    .fullConfig .icLabel {
        font-weight: bold;
        margin-bottom: 2px;
        margin-top: 2px;
        display: inline-block;
    }

    .fullConfig .icDdlSection {
        margin-top: 10px;
    }

    .fullConfig .icSectionDivider {
        margin-top: 40px;
    }

    .fullConfig .icTab {
        padding-bottom: 5px;
    }

    .fullConfig .icRemoveMenuItem {
        float: right;
        margin-top: 1px;
        margin-bottom: 10px;
    }

    .fullConfig .icAddMenuItem {
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .fullConfig .icAddLineButton {
        margin-bottom: 30px;
    }

    .fullConfig .icImageControls .panel-body {
        padding: 7px;
    }

    .fullConfig .icInstructions {
        padding-top: 7px;
        padding-left: 20px;
    }

    .fullConfig .deleteMenuItem {
        margin-right: 10px;
        margin-top: 3px;
    }

    .fullConfig .icMajorDdlLabel {
        font-weight: bold;
        margin-bottom: 2px;
        margin-top: 2px;
        display: inline-block;
    }

    .fullConfig .icAddButtonMisc {
        margin-bottom: 30px;
    }

@media all and (min-device-width: 360px) and (max-device-width: 767px) {
    .DueDateDiv {
        top: 0px !important;
        float: none !important;
    }
}

@media (max-width: 802px) {
    .bmAccessDenied {
        width: 110%;
        margin-left: -30px;
    }
}

@media (min-width: 803px) {
    .bmAccessDenied {
        width: 100%;
        margin-left: -15px;
    }
}

.bmAccessDenied {
    position: absolute;
    height:10000px;
    z-index:1;
    color: #b30000;
    padding: 50px;
    text-align: center;
    font-size: 18px;
    background: white;
    border-radius: 4px;
    overflow: hidden;
}

.bmAccessDenied .material-icons {
    font-size: 96px;
}

.bmAccessDenied h1 {
    color: #b30000;
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    text-align: center;
    margin: 0 auto;
    max-width: 600px;
}

.bmAccessDenied a {
    color: #b30000 !important;
    text-decoration: underline;
}

.ItemConfig h5 {
    margin-top: 1px;
    padding-top: 10px;
}

.ItemConfig h4 {
    margin-bottom: 1px;
}

.bmBreadcrumb {
    padding: 15px 0px;
}

    .bmBreadcrumb .circle {
        border-radius: 50%;
        behavior: url(PIE.htc); /* remove if you don't care about IE8 */
        width: 36px;
        height: 36px;
        padding: 7px;
        border: 2px solid #666;
        color: #FFFFFF;
        text-align: center;
        font: 18px Arial, sans-serif;
        float: left;
        margin-right: 5px;
    }

    .bmBreadcrumb .circleActive {
        background: #A10034;
    }

    .bmBreadcrumb .circleDisabled {
        background: #CCCCCC;
    }

    .bmBreadcrumb .message {
        float: left;
        padding-top: 10px;
    }

    .bmBreadcrumb .messageActive {
        color: #A10034;
    }

    .bmBreadcrumb .messageDisabled {
        color: #CCCCCC;
    }

    .bmBreadcrumb span {
        margin-right: 20px;
    }

.formControl {
    display: block;
    width: 35%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 2%;
}

.masterPageTitle {
    font-size: 25px;
    margin-left: 50px;
    color: white;
    font-weight: bold;
}

.PageBody .btn:hover, .PageBody .btn:focus, .PageBody .btn.focus {
    color: white;
    text-decoration: underline;
}
    /*.fullConfiguration .whiteButton, div.fullConfiguration span.whiteButton*/
    .PageBody .btn.whiteButton:hover, .PageBody .btn.whiteButton:focus, .PageBody .btn.focus.whiteButton {
        color: #a10034;
    }

.posMarginBottom {
    margin-bottom: 6%;
}

.oofHomePage p {
    font-size: 2em;
    padding: 20px;
    margin-bottom: 2%;
}

.oofPageHeader {
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: normal;
}

.progressBar li a.selectedFormStep {
    background-color: #882385 !important;
    border: 1px solid #882385 !important;
    color: white !important;
}

.progressBar li a:hover {
    background-color: #882385 !important;
    border: 1px solid #882385 !important;
    color: white !important;
}

.RadButton_Bootstrap.oofButton {
    background-color: #993399 !important;
    color: white !important;
}

    .RadButton_Bootstrap.oofButton:hover {
        background-color: #882385 !important;
        color: white !important;
    }

.RadGrid_Bootstrap .rgSelectedRow td {
    background-color: #882385 !important;
    background-image: none !important;
    color: white !important;
}

.oofGenericButtons {
    border-color: #eee;
    color: #333;
    background-color: #fff;
    background-image: linear-gradient();
    height: 34px;
    padding: 6px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc !important;
    background-position: 0 0;
    border-radius: 4px;
}

.RadListBox_Bootstrap .rlbSelected {
    background-color: #882385 !important;
    color: white !important;
}

.glyphicon-edit {
    color: #337ab7;
}

.glyphicon-trash {
    color: #337ab7;
}

.oofCartImage > img {
    display: block;
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
}

.required label:after {
    color: red;
    content: " *";
}

.oofGridMarginBottom {
    margin-bottom: 1%;
}

.oofBottomMargin {
    margin-bottom: 2%;
}

.rcbInputCell {
    background-color: white !important;
}

.iiLoadingPanel {
    text-align: center;
}

    .iiLoadingPanel img {
        position: fixed;
        top: 300px;
        right: 45%;
    }

.psPanel {
    margin-left: 5%;
    clear: both;
}

.psPanelLabel {
    margin-top: 15px;
    margin-bottom: 2px;
}

div.psPanelItemType {
    margin-top: 5px;
}

.psPricePanel {
    min-width: 510px;
    clear: both;
}

.psPriceContainerPanel {
    margin-left: 4%;
    margin-top: 15px;
}

.psPriceQuantityPanel {
    margin-left: 5%;
}

.imgCreditCardDiv > img {
    width: 250px;
    height: 60px;
    margin-right: 1%;
}

.popper .btn-circle {
    width: 18px;
    height: 18px;
    text-align: center;
    padding: 0px 0;
    font-size: 12px;
    font: bold;
    color: white;
    line-height: 1.428571429;
    border-radius: 18px;
    border: none;
    background-color: black;
}

.popper .btn.active {
    background-color: black !important;
    color: white;
}

.searchResults {
    margin-bottom: 40px;
}

    .searchResults .glyphicon {
        top: 5px;
    }

td.leftTd {
    width: 30%;
}

.itemShippingContainer > h4 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.addBookSection { 
    margin-bottom: 10px;
}

.addBookLabel {
    font-weight: bold;
}

.addBookCheckBox > label {
    font-weight: normal;
    padding-left:5px;
}

.addBookSection .help-block {
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

/*Start ToolTip Styles*/
.popover {
    max-width: 500px;
    background-color: #a10034;
}

.popover-content {
    background-color: #a10034;
    color: #FFFFFF;
}

.popover.right .arrow:after {
    border-right-color: #a10034;
}
/*End ToolTip Styles*/

.confirmInnerBox {
    margin-left: 60px;
}

    .confirmInnerBox .boxes {
        margin-top: 35px;
    }

/*Start Login Page CSS*/
.login_page {
    background-color: white; /*#FFFFFF */
}

.login_page .module_login {
    padding: 2.500em 2.500em 5.000em 2.500em;
}

    .login_page .form_value_New {
        font-family: 'Roboto', arial;
        font-size: 1.000em;
        line-height: 0px;
        color: #333;
        padding-top: 10px;
    }
.TextLayout_New {
    height: 2.500em;
    box-sizing: border-box;
    height: 45px !important;
    width: 92% !important;
    border: 1px solid #D2D5DA;
    border-radius: 4px;
    outline-color: #981E97;
    padding-left: 10px;
    margin:0px !important;
}
.text-danger{
    margin-left:0px !important;
}
.login_page .form_input_text_entry_New {
    height: 2.500em;
    box-sizing: border-box;
    height: 45px !important;
    width: 92% !important;
    border: 1px solid #D2D5DA;
    border-radius: 4px;
    padding-left: 10px;
    margin: 0px !important;
}
    .login_page .form_input_text_entry_New:focus {
        outline: 1px solid #981E97; 
    }
.resetPasswordHeader {
    color: #000000;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 35.16px;
}
.resetPasswordLable {
    color: #000000;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18.75px;
}
    .login_page .form_label_New {
        color: #000000;
        font-family: Roboto;
        font-size: 25px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 35.16px;
        text-align: center;
    }

    .login_page .checkbox_text_New {
        font-weight: 400;
        color: #484848;
        font-family: Roboto;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 16.41px;
        padding-left:7px;
    }

    .IIHeaderImage {
    margin-top: -25px;
    margin-bottom: -15px;
}
.LoginFieldsII, .ForgotPasswordFieldsII, .ResetFieldsII, .ForcePasswordResetII, .CorpFieldsII{
    margin-left: 35px !important;
}
.backLable {
    color: #979797;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16.41px;
    text-align: center;
    padding-left:5px;
}
.login_page #loginForm_New {
    /*position: fixed;
    left: 40%;
    top: 5%;
    width: 302px;
    min-height: 400px;
    background-color: white;
    border-radius: 5px;
    border: 2px solid black;
    padding: 20px;*/

    position: fixed;
    left: 29%;
    top: 7%;
    width: 500px;
    height: auto;
    box-sizing: border-box;
    border: 0 solid #D2D5DA;
    border-radius: 20px;
    background-color: #FFFFFF !important;
    padding: 20px;
    background: rgba(255,255,255,0.75);
}
#headerImageII{
    width:100%;
}

.login_page .submit_button {
    width: 243px;
}

.login_page .debug_panel {
    position: fixed;
    bottom: 11%;
    width: 480px;
    height: 100px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid black;
    padding: 10px;
    left: 30%;
}

    .login_page .debug_button_active {
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 16px !important;
        color: #FFFFFF;
        font-family: 'Roboto';
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        background-color: mediumpurple;
        width: 60px;
        height: 30px;
        border-radius: 5px;
        border: 1px solid black;
    }

    .login_page .debug_button_inactive {
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 16px !important;
        color: #FFFFFF;
        font-family: 'Roboto';
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        background-color: grey;
        width: 60px;
        height: 30px;
        border-radius: 5px;
        border: 1px solid black;
    }

    .login_page #homepage_footer_New {
        display: block;
        position: fixed;
        bottom: 1%;
        width: 100%;
        margin: 0px auto;
        padding-top: 50px;
        font-family: 'Roboto', arial;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        color: #D0D0D0;
        box-sizing: border-box;
        height: 0;
        border-top: 1px solid #D2D5DA;
    }
    

    .login_page .license_New {
        text-align: center;
        color: #474747;
        font-family: Roboto;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 18.75px;
        margin-top: -30px;

    }

        .login_page .license_New a {
            color: #474747;
        }
/*End Login Page CSS*/

        .searchFilterGroup {
    margin-top: 10px;
}

/* Makes Twitter bootstrap drop down and Telerik combobox look closer in styling. */
.RadComboBox_Bootstrap .rcbReadOnly td.rcbInputCell, .RadComboBox_Bootstrap .rcbReadOnly td.rcbArrowCellRight {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.RadComboBox_Bootstrap table.rcbHovered .rcbReadOnly td.rcbInputCell, .RadComboBox_Bootstrap .rcbHovered td.rcbArrowCell {
    border-color: #ddd;
    background-color: white;
}

.RadComboBox_Bootstrap td.rcbArrowCell {
    border-color: #ddd;
}

.RadComboBox input.rcbEmptyMessage {
    font-style: normal;
}

select.form-control:focus {
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
/* END */

.searchFilterGroups {
    margin-top: 0px;
}

    .searchFilterGroups h6 {
        margin-bottom: 5px;
    }

.searchItemType {
    margin-bottom: 5px;
}

.searchSortBy {
    margin-bottom: 5px;
}

.searchRefineBy {
    margin-top: 18px;
}

.helpSection {
    background: #e6e6e6;
    margin: 10px 1px 10px 1px;
    padding: 1px 20px 20px 20px;
    min-height: 160px;
    border-radius: 4px;
}

.helpPage {
    padding: 25px 0px;
}

.helpIcon {
    vertical-align: middle;
    color: #B0B0B0;
    font-size: 22px !important;
}

.actionIcon {
    vertical-align: middle;
    font-size: 16px !important;
}

.shoppingCartDeleteIcon {
    vertical-align: middle;
    color: red;
    font-size: 22px !important;
}

.passwordLabel, .addressListLabel, .logoLockerLabel, .shareLabel {
    font-weight: bold;
}

.passwordSection, .addressListSection, .logoLockerSection, .shareSection {
    margin-bottom: 10px;
}

.profileBorder {
    border: solid black 1px;
}

.searchItemCount {
    padding-top: 8px;
}

/*MessageBox / RadNotification*/
.messageBoxControl.RadNotification {
    height: auto !important;
}

.messageBoxControl .rnTitleBar {
    position: relative;
    top: 0px;
    right: 0px;
    float: right;
    height: auto;
    margin: 5px;
    background-color: transparent !important;
    padding-bottom: 5px;
    border-bottom: none !important;
}

.messageBoxControl .rnTitleBar:hover {
    background-color: WindowFrame;
}

.messageBoxControl .rnTitleBarIcon {
    display: none !important;
}

.messageBoxControl .rnTitleBarTitle {
    display: none !important;
}

.messageBoxControl .rnCommands .rnCloseIcon a:hover {
    border-radius: 30px;
}

.messageBoxControl .alert {
    margin-bottom: 0px !important;
    border: none !important;
    box-shadow: none !important;
}

.messageBoxControl .rnContentWrapper {
    padding: 0px !important;
    border-top: none !important;
}

.productSelectionPage .sampleImageSection {
    text-align: right;
    background-color: white;
    padding: 0px 15px 15px 15px;
}

.tintedBackground {
    opacity: 0.2;
    background-color: black;
}

.itemDetailsPage {
    margin-bottom: 20px;
}

.itemDetailsPage .section {
    margin-top: 12px;
    margin-bottom: 12px;
}

.itemDetailsPage .section > label {
    margin-bottom: 0px;
}

.itemDetailsPage .inlineSection > span {
    padding-left: 15px;
}

.itemDetailsPage .inlineSection > label {
    margin-bottom: 0px;
}

.itemDetailsPage .itemSize > label {
    display: block;
}

.itemDetailsPage .buttonSection {
    margin-top: 30px;
    margin-bottom: 20px;
}

.itemDetailsPage .itemImageRotator .RadImageGallery {
    background-color: transparent;
}

.itemDetailsPage .itemImageRotator .RadImageGallery .rigThumbnailsBox {
    background-color: transparent;
}

.itemDetailsPage .itemDescription {
    margin-top: 20px;
}

.itemDetailsPage .RadImageGallery_Bootstrap .rigToolbar {
    background-color: #e6e6e6;
    background-color: rgba(230,230,230,0.7);
}

.rigThumbnailsList img {
    max-height: 100px;
    max-width: 100px;
    height: auto !important;
    width: auto !important;
}

.billingDetailsDdl {
    width: 50%;
    margin-bottom: 15px;
}

.constellation9Label {
    display: inline-block;
    margin-bottom: 15px;
}

.copyDetailsPerLine {
    margin-top: -87px;
    position: relative;
    margin-left: 55%;
}

#leftPanelToggle {
    padding: 10px 0px;
}

.addressheader {
	font-family: Montserrat;
	text-transform: uppercase;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	line-height: .1em;
	color: rgb(102, 102, 102);
}

.addinfo {
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373;
}

.billingInfoHeader {
	padding-top: 10px;
	padding-bottom: 10px;
}
div#Body_pnlSMVerified {
    padding-top: 15px;
}
div#Body_pnlSpotMenusMessage {
    padding-top: 15px;
}

.billingDetailsDdlNew {
    width: 440px!important;
    margin-bottom: 15px;
}

.copyDetailsPerLineNew {
    margin-top: -87px;
    position: relative;
    margin-left: 75%;
}