body {
    font-size: 14px !important;
}

a {
    color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.blue-link a {
    color: #007bff
}

.message_body_confirm
.ajax__tab_xp .ajax__tab_body {
    font-family: Arial;
}

.ajax__tab_panel:focus {
    outline: none;
}

select {
    font-size: 14px;
}

label {
    margin-bottom: 5px;
}

p {
    line-height: 30px;
    font-size: 1em;
    margin-bottom: 10px;
}

a:hover {
    color: #00B273
}

.row:before, .row:after {
    display: inline-block !important;
}

.search-bar ul li button {
    background: rgba(0,0,0,0) url(../../home/images/search.png) no-repeat scroll 0 center;
    border: 0 none;
    height: 19px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 22px;
}

@media not all and (min-resolution:.001dpcm) {
    @media {

        .row {
            display: inline-block;
            width: 100%;
        }

        .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
            float: left;
        }
    }
}


@media screen and (-webkit-min-device-pixel-ratio:0) {


    /* Safari only override */
    ::i-block-chrome, .row {
        display: inline-block;
        width: 100%;
    }

    ::i-block-chrome, .col-md-9 {
    }

    ::i-block-chrome, .col,
    ::i-block-chrome, .col-1,
    ::i-block-chrome, .col-10,
    ::i-block-chrome, .col-11,
    ::i-block-chrome, .col-12,
    ::i-block-chrome, .col-2,
    ::i-block-chrome, .col-3,
    ::i-block-chrome, .col-4,
    ::i-block-chrome, .col-5,
    ::i-block-chrome, .col-6,
    ::i-block-chrome, .col-7,
    ::i-block-chrome, .col-8,
    ::i-block-chrome, .col-9,
    ::i-block-chrome, .col-auto,
    ::i-block-chrome, .col-lg,
    ::i-block-chrome, .col-lg-1,
    ::i-block-chrome, .col-lg-10,
    ::i-block-chrome, .col-lg-11,
    ::i-block-chrome, .col-lg-12,
    ::i-block-chrome, .col-lg-2,
    ::i-block-chrome, .col-lg-3,
    ::i-block-chrome, .col-lg-4,
    ::i-block-chrome, .col-lg-5,
    ::i-block-chrome, .col-lg-6,
    ::i-block-chrome, .col-lg-7,
    ::i-block-chrome, .col-lg-8,
    ::i-block-chrome, .col-lg-9,
    ::i-block-chrome, .col-lg-auto,
    ::i-block-chrome, .col-md,
    ::i-block-chrome, .col-md-1,
    ::i-block-chrome, .col-md-10,
    ::i-block-chrome, .col-md-11,
    ::i-block-chrome, .col-md-12,
    ::i-block-chrome, .col-md-2,
    ::i-block-chrome, .col-md-3,
    ::i-block-chrome, .col-md-4,
    ::i-block-chrome, .col-md-5,
    ::i-block-chrome, .col-md-6,
    ::i-block-chrome, .col-md-7,
    ::i-block-chrome, .col-md-8,
    ::i-block-chrome, .col-md-9,
    ::i-block-chrome, .col-md-auto,
    ::i-block-chrome, .col-sm,
    ::i-block-chrome, .col-sm-1,
    ::i-block-chrome, .col-sm-10,
    ::i-block-chrome, .col-sm-11,
    ::i-block-chrome, .col-sm-12,
    ::i-block-chrome, .col-sm-2,
    ::i-block-chrome, .col-sm-3,
    ::i-block-chrome, .col-sm-4,
    ::i-block-chrome, .col-sm-5,
    ::i-block-chrome, .col-sm-6,
    ::i-block-chrome, .col-sm-7,
    ::i-block-chrome, .col-sm-8,
    ::i-block-chrome, .col-sm-9,
    ::i-block-chrome, .col-sm-auto,
    ::i-block-chrome, .col-xl,
    ::i-block-chrome, .col-xl-1,
    ::i-block-chrome, .col-xl-10,
    ::i-block-chrome, .col-xl-11,
    ::i-block-chrome, .col-xl-12,
    ::i-block-chrome, .col-xl-2,
    ::i-block-chrome, .col-xl-3,
    ::i-block-chrome, .col-xl-4,
    ::i-block-chrome, .col-xl-5,
    ::i-block-chrome, .col-xl-6,
    ::i-block-chrome, .col-xl-7,
    ::i-block-chrome, .col-xl-8,
    ::i-block-chrome, .col-xl-9,
    ::i-block-chrome, .col-xl-auto {
        float: left;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #333
}

.clear {
    clear: both
}

h1 {
    font-family: Arial,sans-serif;
    font-size: 30px
}

legend {
    font-size: 14px;
    font-weight: bold
}

ol, ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

textarea {
    min-height: 65px;
}

.relative {
    position: relative;
}

.darkGreen {
    color: #017f36
}

.selectOption {
    font-style: italic
}

fieldset {
    margin: 0;
    padding: 0;
    border: none
}

input[type="file"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0
}

.bullet, .bullet li {
    line-height: 1.5em;
    list-style-type: disc;
    margin: 0.5em 0 0.7em;
    padding-left: 17px;
}

    .bullet li {
        line-height: 1.5em;
        list-style-type: disc;
        margin: 0.5em 0 0.7em;
        padding-left: 0;
        margin: 0 0 0 15px
    }

a.inlineLink, a.inline {
    text-decoration: underline;
}

.searchform button {
    background: rgba(0, 0, 0, 0) url("../home/images/search.png") no-repeat scroll 0 center;
    border: 0 none;
    height: 19px;
    position: absolute;
    right: 2px;
    top: 7px;
    width: 22px;
}

.edit-input {
    width: 50%;
    float: left;
    margin-right: 5px
}

.client-btns {
    position: absolute;
    right: 22%;
    top: 7px
}

.client-error.client-btns {
    top: 27px
}

.box-details {
    padding: 0 15px;
}

.my-account .box-details {
    padding: 0;
}

.dash-copy .help-logged {
    flex: 0 0 100%;
    max-width: 100%;
}

.dash-copy .col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
}

.update-news .showListDefaults.col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}

.dash-copy .help-dash.col-mod-9, .dash-copy .help-dash.col-sm-9 {
    width: 100%;
    padding: 0
}

.card-number
.dash-copy:focus, .dash-copy:active {
    outline: 0;
}


.dash-copy .col-sm-9,
.dash-copy .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
}

.checkBox-view .checkBox-view {
    padding-left: 0
}

.dash-copy .help-dash .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

.dash-copy .help-dash .formContact .errorSet .col-sm-6, .dash-copy .help-dash .formContact .errorSet .offset-sm-3 {
    padding-left: 4px !important;
    padding-right: 5px;
}

.help-dash .col-mod-4 {
    padding-left: 0
}
/*.ajax__calendar_container {
    width:190px
}*/
.full-top .control-reset-left label {
    padding-left: 15px
}

.or-text {
    padding: 15px 0 10px 30px
}

    .or-text label {
        font-weight: bold
    }

.user-model .modal-header {
    background-color: #00B273;
    padding: 0.7rem;
}
/*.user-model .modal-body br{
    display: none;
}*/
.reset-12 .col-sm-12.showListDefaults {
    padding-left: 0;
    padding-right: 0;
}

.user-model .modal-header h5 {
    color: #fff;
    font-size: 1.4em;
}

.user-model .close {
    text-shadow: none;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 2em;
}

    .user-model .close:not(:disabled):not(.disabled):hover {
        color: #fff;
        opacity: 1
    }

.user-model .modal-body {
    text-align: left;
}
/* Start calander */
.ajax__calendar_header {
    background: #00B273;
    padding-top: 3px;
    color: #fff;
    font-family: Arial;
}

.progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

.processMessage {
    z-index: 1001;
    background-color: #fff;
    border: solid 1px #000;
    width: 300px;
    position: fixed;
    left: 50%;
    top: 55%;
    margin-left: -150px;
    margin-top: -150px;
}

.loading-img {
    z-index: 1002;
    vertical-align: middle;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -35px; /* -1 * image width / 2 */
    margin-top: -35px; /* -1 * image height / 2 */
    width: 70px
}
/*.ajax__calendar {
     left:auto !important;
     right:0
 }*/
.grid-pager span {
    padding: 0 8px
}

.overview-rows .row {
    padding-bottom: 10px
}

.confirm-payment td {
    border-top: none !important
}

.QuantitySep {
    border-left: 1px solid #ccc;
    float: right;
    font-weight: bold;
    padding: 3px 3px 3px 15px;
}

.message_block_container_confirm {
    width: 96%;
    margin: 0 auto;
    margin-top: 30px;
    padding: 5px 10px 10px 10px;
    border: 1px solid green;
    background: #FFFFEB;
}

.message_body_confirm {
    margin: 0;
    padding: 5px 10px 10px 0;
    color: #00B273;
    text-align: center;
    font-size: 20px;
}

    .message_body_confirm label {
        font-weight: bold
    }

.ajax__calendar .ajax__calendar_container {
    border: 1px solid #006731 !important;
    width: 190px
}

.ajax__calendar .ajax__calendar_dayname, .ajax__calendar .ajax__calendar_footer {
    color: #00B273;
    font-weight: bold;
    font-family: Arial;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
    background-color: #00B273 !important;
    color: #fff !important;
    border-color: #006731 !important;
    text-align: center
}

.ajax__calendar .ajax__calendar_day {
    text-align: center
}
/* End calander */
.reset-formgroup .form-group {
    margin-right: 0;
    margin-left: 0;
}

.check-left input {
    width: 20px;
    float: left;
}

.check-left label {
    float: left;
    width: 93%
}

#smpBreadCrumb a {
    text-decoration: underline
}

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

.redTxt, .signErrorMsg, .errorMessage, .errorMessageTextArea, .editorError {
    color: #ff0000
}

.textarea_medium textarea {
    height: 100px
}
/*.errorMessage{
    float:left;
}*/
.auto-table table {
    width: auto !important
}

.form-horizontal .buy-card .control-label {
    padding-right: 0;
}

.errorSetWide {
    width: 100%;
    background: #ffeeee;
    padding: 5px 5px 5px 10px;
    border: 1px solid #ff0000;
}

    .errorSetWide input[type="checkbox"] {
        margin: 3px 3px 0 0
    }

.errorMessage {
    padding-left: 2px !important;
    padding-top: 3px
}

.termsCond {
    width: 100% !important
}

.bold {
    font-weight: bold
}

.progress {
    margin-top: 10px
}

.welcom-mobile-view {
    display: none;
    font-family: Arial;
}

.welcom-desktop-view {
    font-weight: normal;
    font-family: Arial;
    padding: 10px 0
}

.cart {
    width: 24px !important;
    height: 23px;
    position: relative;
}

    .cart input {
        margin-top: -13px;
        background: transparent !important;
        width: 30px !important;
        height: 30px !important;
    }

.dis-inline, .inlineLabel {
    display: inline
}

.leap-card .errorSet .col-sm-6 {
    padding-left: 15px !important;
    padding-right: 10px;
}

ul li.cart .resultCount,
.resultCount {
    border-radius: 50px;
    width: 17px;
    height: 17px;
    position: absolute;
    right: -4px;
    top: 13px;
    color: #fff;
    text-align: center;
    background: #48a441;
}

.cart a {
    color: #fff;
    display: block;
    line-height: 20px;
    font-size: 12px;
}

ul.accessibility-resizer li {
    border-right: 0;
}

.top-menu-txt {
    color: #b3b3b3;
}

.TextInVisible {
    display: none;
}

label {
    font-weight: normal;
}

.bold {
    font-weight: bold
}

.form-control {
    border-radius: 0;
}

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        color: #000 !important;
        cursor: not-allowed;
    }

.login-full-label label {
    width: 100%;
    padding-left: 0;
    max-width: 100%;
    flex: 0 0 100%;
}

.login-full-label .warningLabel {
    padding-left: 20px
}

.login-full-label .col-sm-6 {
    width: 100%;
    padding-left: 0;
    max-width: 100%;
    flex: 0 0 100%;
}

.login-full-label .errorMessage {
    float: none;
    margin-left: 0
}

.login-full-label .row {
    margin-left: 0;
    margin-right: 0;
}
/*.check-label .checkbox {
    float:left;
    margin-top:0;
    margin-bottom:0;
    margin-left:20px;
}*/
.check-label .checkbox {
    top: 2px;
    position: relative;
}

.GreenIconLi li {
    background: url(/_Images/right_icon.gif) no-repeat 12px 8px;
    padding-left: 30px;
    width: 90% !important;
    padding-bottom: 6px;
}

.form-control {
    background: #eaeaea !important;
    height: calc(2rem + 2px);
    font-size: 14px;
}

.errorSetSmall {
    background: #ffeeee;
    border: 1px solid #ff0000;
    width: 100%;
    padding: 15px 5px 5px 20px;
    margin-bottom: 7px
}

.set-margin {
    margin-left: 39%;
}

.errorSetSmall label {
    background: url("../_Images/info.png") no-repeat left 2px;
    color: #ff0000;
    padding-left: 20px !important;
    font-weight: bold;
    padding-right: 0
}

.signError .signlabelError {
    background: url(../_Images/info.png) no-repeat 20px 2px;
    color: #ff0000;
    font-weight: bold;
    padding-left: 40px !important
}

.signError {
    background: #ffeeee;
    border: 1px solid #ff0000;
    height: auto;
    padding: 20px 0 0 0;
    margin-bottom: 15px
}

.generalError {
    background: #ffeeee;
    border: 1px solid #ff0000;
    padding: 10px;
    margin-bottom: 10px;
    color: #ff0000;
    font-weight: bold;
    margin-left: 0 !important
}

.errorSet {
    background: #ffeeee;
    border: 1px solid #ff0000;
    padding: 20px 15px 20px 15px;
    width: 100%;
    display: inline-block
}

.warningLabel {
    color: #ff0000;
    font-weight: bold;
    background: url(../_Images/info.png) no-repeat 5px;
    padding-left: 30px !important;
}

.form-horizontal .control-label {
    text-align: left;
}

div.textBtn input, .popupBtns button, .ui-dialog-buttonset button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.user-model .btn-primary {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #eaeaea;
    background-image: -moz-linear-gradient(center top, #fff, #e6e6e6) !important;
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #a2a2a2;
    border-image: none;
    border-radius: 0;
    border-style: solid !important;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    color: #333;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 0;
    padding: 3px 15px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
    vertical-align: middle;
    font-weight: bold;
    height: 30px;
    margin-left: 0;
    font-size: 1em;
}

    .ui-state-default .ui-icon {
        background-image: url(../_newlook/images/close-pop.png) !important;
    }

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    margin-top: -10px !important
}

.ui-button-icon-only .ui-icon {
    margin-left: -9px !important
}

.ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close {
    background-color: none !important;
    border: none !important
}

    .ui-dialog-titlebar-close .ui-icon {
        width: 20px !important;
        height: 20px !important
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: inherit !important;
    background: #f5f5f5 !important;
    font-weight: bold;
    color: #333 !important;
    border-color: #e6e6e6 #e6e6e6 #a2a2a2 !important;
    border-image: none;
    border-radius: 0;
    border-style: solid !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.ui-dialog {
    left: 50% !important;
    margin: 300px 0 0 -300px !important;
    max-width: 600px !important
}

input[type=radio] {
    margin-right: 3px
}

div.textBtn input:hover, a.textBtn, .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover,
.user-model .btn-primary:hover {
    background-color: #d7d5d5 !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 2px 0 0 !important;
    font-family: Arial;
}

.ui-button-text-only .ui-button-text {
    padding: 0 !important
}

.ui-icon-closethick {
    background: #00B273 !important
}

button::-moz-focus-inner {
    border: 0;
}

button:focus {
    outline: none;
}

a.textBtn, div.textBtn {
    margin-right: 2px
}

    div.textBtn input:hover, a.textBtn {
        background-color: #d7d5d5;
    }

button::-moz-focus-inner {
    border: 0;
}

.grid-pager a {
    padding: 0 8px;
    text-decoration: underline
}

button:focus {
    outline: none;
}

div.textBtn input {
    font-family: 'Arial';
}

.card-overview {
    font-family: 'Arial';
    font-size: 14px !important;
}

.dash-copy {
    padding: 15px 0;
    font-family: 'Arial';
}

.shop-bnt input {
    width: 200px
}

.card-overview .errorSet, .dash-copy .errorSet {
    display: block;
    width: auto;
    padding-bottom: 10px;
    margin-bottom: 2px
}

.errorSet .col-sm-6, .errorSet .offset-sm-3 {
    padding-left: 4px !important;
    padding-right: 5px
}

.newsletter-error .errorSet .offset-sm-3 {
    padding-left: 0 !important
}

.uc-reg .errorSet .offset-sm-3 {
    padding-left: 14px !important
}

    .uc-reg .errorSet .offset-sm-3 span.ControlFocus {
        margin-left: 0;
        width: 100%;
        float: left;
        padding-left: 0 !important;
        padding-bottom: 3px;
        flex: 0 0 100%;
        max-width: 100%;
    }

.buy-form .container-fluid,
.formContact .container-fluid,
.form-horizontal .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.buy-form .errorSet .col-sm-6, .buy-form .errorSet .offset-sm-3 {
    padding-left: 5px !important;
    padding-right: 6px;
}

.formContact .errorSet .col-sm-6, .formContact .errorSet .offset-sm-3 {
    padding-left: 8px !important;
}

button {
    outline: none;
}

.top-border {
    border-top: 1px solid #ccc
}

div.textBtn input:hover, .ui-dialog .ui-dialog-buttonpane button:hover {
    background-color: #e0dfdf !important
}

.checkBoxColWideError {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%
}

.contact-details {
    padding-left: 15px;
}

    .contact-details label {
        padding-left: 0
    }

    .contact-details li {
        padding-bottom: 5px
    }

.termsCond input {
    float: left;
    margin-right: 7px !important;
    margin-bottom: 25px !important;
    margin-top: 3px;
}

.dis .col-sm-9 {
    padding-left: 0
}

.termsCond label {
    display: inline;
    width: 95%
}

.grid {
    width: 100%;
    padding: 10px 0 20px 0;
    background-color: #fff;
    margin: 20px 0 40px 0;
    font-family: "Arial",sans-serif;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4)
}

.tabContainer a {
    color: #fff;
}

.shoppingEdit {
    padding-right: 0;
    padding-left: 0
}

    .shoppingEdit a {
        padding-left: 4px;
    }

    .shoppingEdit select {
        width: 63px;
        font-size: 12px;
    }

.table caption {
    display: none;
}

.WarningMessage {
    padding: 4px 0 0 0;
    color: #ff0000;
    float: left;
    font-weight: bold;
}

.logo-container {
    padding: 16px 4px;
}

.message_block_container {
    border: 1px solid #ff0000;
    background: #FFFFEB;
    width: 99%;
    margin: 0 0 20px 0;
    margin-top: 80px;
}

.session.message_block_container {
    margin-top: 20px
}

.message_body {
    margin: 0;
    padding: 20px;
    color: #ff0000;
    font-size: 140%;
}

    .message_body img {
        float: left;
        margin-top: 5px
    }

#leftMenu ul, #leftMenu {
    float: none !important;
}

    #leftMenu a {
        width: 100%;
        border-bottom: 1px solid #F1F3E6;
        padding: 7px 5px
    }

        #leftMenu a:hover {
            background: #539d04;
            color: #fff
        }

.tdHead {
    border-right: 1px #fff solid;
    padding: 4px 12px 4px 12px;
    background: #00B273;
    color: #fff;
}

.boxShopping {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

    .boxShopping .leftBox {
        padding-top: 5px
    }

    .boxShopping .rightBox {
        background: #fff;
        border-left: 1px solid #ccc;
        padding-right: 0;
        padding-left: 0;
    }

        .boxShopping .rightBox .infoData {
            float: left;
            width: 100%;
            padding: 0 7px;
            border-bottom: 1px solid #ccc;
        }

            .boxShopping .rightBox .infoData .leftInfo {
                float: left;
                border-right: 1px solid #ccc;
                width: 65%;
                padding: 10px;
            }

            .boxShopping .rightBox .infoData .rightInfo {
                float: right;
                width: 33%;
                padding: 7px 0;
            }

        .boxShopping .rightBox .devider {
            width: 100%;
            float: left;
        }

        .boxShopping .rightBox .infoTitle {
            float: left;
            width: 100%;
            padding: 0 7px;
            background: #F3F3F3;
        }

.totalData, .totalBox {
    width: 320px;
    float: right;
}

.totalData {
    float: left;
    width: 320px;
}

    .totalData:last-child {
        border-bottom: 1px solid #BAD4DA;
    }

.totalData, .totalBox {
    width: 320px;
}

    .totalData .leftInfo {
        float: left;
        width: 165px;
        border-right: 1px solid #fff;
        background: #F3F3F3;
        padding-left: 6px;
        font-weight: bold;
        min-height: 35px;
        line-height: 23px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

    .totalData .rightInfo {
        float: left;
        width: 155px;
        padding: 3px 5px;
        text-align: right;
        border-right: 1px solid #BAD4DA;
        background: #fff;
        min-height: 35px;
        border-top: 1px solid #ccc;
    }

.login-select {
    border: 1px solid #ccc;
    padding: 10px;
    /*min-height: 315px;*/
    margin-bottom: 10px;
    height: 100%
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right
}

.tabContainer {
    margin: 0 !important;
    background-color: #00B273;
    width: 100%;
    border: 0;
    padding: 10px;
    color: #fff;
    font-family: 'Arial';
    z-index: 999;
}

.select_dash {
    height: 30px;
    background: #eaeaea;
    margin-left: 3px;
    color: #555;
    width: 250px;
    font-size: 14px;
}

.notclass .col-mod-4 {
    width: 100%
}

.autoTopUpStep, .autoTopUpStepDone {
    background: url(../_Images/todo.png) no-repeat scroll left top transparent;
    padding-left: 17px;
    display: inline-block;
    margin-bottom: 10px
}

.aspNetDisabled {
    cursor: pointer;
    color: #999 !important;
    text-decoration: none
}

    .aspNetDisabled:hover {
        text-decoration: none;
        color: #999;
    }

    .aspNetDisabled.autoTopUpStepDone {
        opacity: 0.5
    }

a.aspNetDisabled {
    text-decoration: none
}

.aspNetDisabled.autoTopUpStep {
    opacity: 0.7
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab, .ajax__tab_xp .ajax__tab_active .ajax__tab_outer, .ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background: #00B273 !important;
    height: 30px;
    color: #fff;
    text-decoration: none !important;
    font-family: 'Arial';
}

.ajax__tab_xp .ajax__tab_outer, .ajax__tab_xp .ajax__tab_inner, .ajax__tab_xp .ajax__tab_tab {
    background: #82CA9C !important;
    height: 33px !important;
    color: #fff;
    margin-right: 2px
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
    padding-left: 10px;
    font-family: 'Arial';
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    padding: 7px 0
}

.ajax__tab_container {
    width: 100% !important
}

.ajax__tab_xp .ajax__tab_body {
    padding: 0;
    width: 100%;
    border: 0;
    background: #F3F3F3 !important;
    margin-top: -4px;
    font-size: 14px;
}

@-moz-document url-prefix() {
    .ajax__tab_xp .ajax__tab_body {
        margin-top: -4px;
        font-size: 14px;
    }
}

_::-moz-svg-foreign-content, :root .ajax__tab_xp .ajax__tab_body {
    margin-top: 0;
    font-size: 14px;
}

.tdHead3 {
    background: #F6F8F9;
    color: #000;
    border-bottom: 1px solid #CCCCCC;
}

.tdEven3 {
    border-right: 1px #ccc solid;
    background: #fff;
    border-bottom: 1px solid #CCCCCC;
}

.table-payment-border {
    border-left: 1px solid #eee;
}

.table-payment-border-right {
    border-right: 1px solid #eee;
}

.tdEven2 {
    background: #fff;
    border-bottom: 1px solid #CCCCCC;
}

.tdEven {
    border-right: 1px #ccc solid;
    background: #fff;
    border-bottom: 1px solid #CCCCCC;
}

.tdEven, .tdEven2, .tdOdd, .tdOdd2, .tdHead3, .tdHead2, .tdTotal, .tdTotal2, .tdHead_lightBlue, .tdHead2_lightBlue, .tdEven_lightBlue, .tdOdd_lightBlue, .tdEven2_lightBlue, .tdOdd2_lightBlue {
    text-align: right;
}

.tdOdd2 {
    background: #F5F5F4;
    border-bottom: 1px solid #CCCCCC;
    text-align: right;
}

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

.greenTxt {
    color: #00B273;
}

.dashboard-link {
    margin-top: 10px
}

.card-no {
    padding-top: 6px
}

.dashboard-link li {
    display: inline;
}

.help-support .form-group {
    margin-left: 0
}

.ui-dialog .ui-dialog-content, .ui-draggable .ui-dialog-titlebar {
    font-family: "Arial",sans-serif !important;
    background: #00B273;
    font-size: 14px;
}

.ui-dialog .ui-dialog-buttonpane button {
    font-family: "Arial",sans-serif !important;
    margin: 0 2px 0 0 !important;
}

.hide-group-mode .hide-group {
    margin-bottom: 0
}
/*.sep-left-space {
    padding-left:15px
}*/

.cardPersonalization .cardPhoto {
    float: left
}

.cardPersonalization .cropedPhoto {
    float: left;
    height: 180px;
    margin-left: 50px;
    position: relative;
    width: 284px;
    background: url(../_Images/personalCard.png);
}

    .cardPersonalization .cropedPhoto img {
        height: 97px;
        left: 11px;
        overflow: hidden;
        position: absolute;
        top: 11px;
        width: 74px;
    }

.cardPersonalization {
    margin-top: 20px;
    float: left;
    margin-left: 15px
}

.disablebtn input {
    white-space: normal
}

.check-label {
    padding: 10px 0
}

#controls a, #controls a:hover {
    text-decoration: none
}

.pad-top {
    padding-top: 10px
}

.pad-left-sep {
    padding-top: 5px;
    padding-left: 5px
}

.pad-right-sep {
    padding-right: 5px;
    padding-top: 5px;
    display: inline-block;
}

.divErrorContainer {
    margin-left: 0 !important
}

.uc-reg .control-label {
    padding-right: 0;
}

.site-header #menu-main a {
    font-size: 16px !important;
}

@media (min-width: 768px) {
    .table-responsive.confirm-payment {
        overflow-x: hidden;
    }
}

@media (width: 768px) {
    .container.wrapping-container {
        margin-top: 25px
    }

    .cart.welcom-desktop-view {
        position: absolute;
        right: 20px;
        top: 70px;
    }

    .welcom-desktop-view {
        position: absolute;
        right: 0;
        top: 90px;
    }
}


@media only screen and (max-width: 768px) {
    .site-header #menu-main li a {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .full-content-login .col-sm-4,
    .full-content-login .col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .login-btn-xs .offset-sm-4 {
        margin-left: 0;
    }
}


@media (max-width: 576px) {
    .grid {
        margin: 37px 0 40px 0;
    }

    .errorSetWide input {
        margin-right: 5px !important;
    }

    .uc-reg .errorSet .offset-sm-3 span.ControlFocus {
        padding-left: 5px !important;
    }

    .confirm-payment tr {
        white-space: nowrap;
    }

    .payment-form {
        padding-top: 15px
    }

    .loading-img {
        margin-left: -10px;
    }

    #RPAUpdateProgress .loading-img {
        top: 35% !important
    }

    .termsCond span {
        padding-left: 0 !important;
        font-size: 12px
    }


    .processMessage {
        top: 85%
    }

    .CheckBox-mobile {
        padding-left: 0
    }

    .terms-mobile .termsCond input {
        margin-bottom: 15px !important
    }

    a.textBtn, div.textBtn {
        margin-right: 15px
    }

    .quantity-client {
        padding-bottom: 15px
    }

    .client-btns {
        position: absolute;
        right: auto;
        top: 65px;
        left: 0
    }

    .client-error.client-btns {
        top: 105px;
        left: 8px
    }

    .check-box {
        padding-left: 0
    }

    .mobile-confirmation {
        display: table-header-group;
    }

    .login-mobile {
        display: table-footer-group;
    }

    .mobile-confirmation .form-group .col-sm-9 {
        padding-left: 15px
    }

    .termsCond input {
        margin-bottom: 60px !important;
    }

    .single-line.termsCond input {
        margin-bottom: 20px !important
    }

    #ContentPlaceHolder1_pnlContainer .errorSet .offset-sm-3 {
        padding-right: 0
    }

    .totalData, .totalBox {
        width: 100%
    }

        .totalData .leftInfo, .totalData .rightInfo {
            width: 50%
        }

    .help-support .col-sm-6, .help-support .col-sm-3 {
        padding-left: 0
    }

    .notclass .col-xs-6 {
        width: 100%
    }

    .crop-image {
        width: 280px !important
    }

    .cardPersonalization .cropedPhoto {
        margin-left: 0;
        margin-bottom: 10px
    }

    .help-support .errorSet .col-sm-6 {
        padding-left: 0 !important;
    }

    .dashboard-link {
        margin-top: 20px
    }

    .notclass .not-hidden, .welcom-desktop-view, li.dash-mobile {
        display: none
    }

    .cart.welcom-desktop-view {
        display: block;
        position: absolute;
        top: 104px;
        z-index: 1;
    }

    .fieldsetTop .col-sm-6 {
        padding-left: 0
    }

    .ex-right {
        padding-left: 15px
    }

    .breadcrumbMenu {
        padding-bottom: 10px
    }

    .card-overview .errorSet, .dash-copy .errorSet {
        padding-bottom: 10px
    }

    .welcom-mobile-view {
        display: block;
        font-weight: normal;
        padding: 10px 0;
        height: 45px;
        font-family: Arial;
    }

    .card-overview .form-group .col-sm-6, .dash-copy .form-group .col-sm-6, .dash-copy .form-group .col-sm-9 {
        padding-left: 15px
    }

    .boxShopping .leftBox {
        border-bottom: 1px solid #BAD4DA;
        padding-bottom: 10px;
        text-align: center
    }

    .set-margin {
        margin-left: 0
    }

    .uc-reg .errorSet .offset-sm-3 {
        padding-left: 0 !important
    }

    .signError .signlabelError {
        background: url(../_Images/info.png) no-repeat 0;
        padding-left: 20px !important;
    }

    .boxShopping .rightBox {
        padding-right: 0;
        padding-left: 0;
    }

    .signError {
        padding: 20px
    }

    .login-select {
        min-height: inherit;
    }

    .toggle-btn {
        background: url(../_newlook/images/open-menu-b.jpg) no-repeat center 7px;
        background-size: 30px;
    }

    .menu-list {
        width: 100%;
        z-index: 1000
    }
}

.nav-side-menu {
    background-color: #fff;
    color: #00B273;
}

    .nav-side-menu .brand {
        background-color: #23282e;
        line-height: 50px;
        display: block;
        text-align: center;
        font-size: 14px;
    }

    .nav-side-menu .toggle-btn {
        display: none;
    }

    .nav-side-menu ul,
    .nav-side-menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        line-height: 35px;
        cursor: pointer;
        /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
    }

        .nav-side-menu ul :not(collapsed) .arrow:before,
        .nav-side-menu li :not(collapsed) .arrow:before {
            font-family: FontAwesome;
            content: "\f078";
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px;
            vertical-align: middle;
            float: right;
        }

        .nav-side-menu ul .active,
        .nav-side-menu li .active {
        }

        .nav-side-menu ul .sub-menu li.active,
        .nav-side-menu li .sub-menu li.active {
            color: #333;
            font-weight: 700
        }

            .nav-side-menu ul .sub-menu li.active a,
            .nav-side-menu li .sub-menu li.active a {
                color: #333;
                font-size: 15px
            }

        .nav-side-menu ul .sub-menu {
            margin-top: 10px
        }

            .nav-side-menu ul .sub-menu li,
            .nav-side-menu li .sub-menu li {
                border: none;
                line-height: 28px;
                margin-left: 0px;
                padding-left: 10px;
                padding-top: 4px;
                padding-bottom: 3px;
                margin-bottom: 8px
            }

                .nav-side-menu ul .sub-menu li a {
                    color: #767676;
                    font-size: 15px;
                }

                    .nav-side-menu ul .sub-menu li a:hover {
                        color: #fff
                    }

                .nav-side-menu ul .sub-menu li:hover,
                .nav-side-menu li .sub-menu li:hover {
                    background-color: #00B273;
                    color: #fff
                }

    .nav-side-menu li {
        padding-left: 0px;
        border-bottom: 1px solid #ebebeb;
        padding-top: 20px
    }

        .nav-side-menu li:first-child {
            padding-top: 0
        }

        .nav-side-menu li a {
            text-decoration: none;
            color: #00B273;
            font-size: 16px;
            padding-left: 10px;
            font-style: normal;
            display: block
        }

        .nav-side-menu li button {
            outline: none;
            border: none;
            text-decoration: none;
            color: #00B273;
            font-size: 16px;
            padding-left: 10px;
            font-style: normal;
            background: none;
            text-align: left;
        }

            .nav-side-menu li button:focus {
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px;
            }

        .nav-side-menu li a i {
            padding-left: 10px;
            width: 20px;
            padding-right: 20px;
        }

.mobile-tab .ajax__tab_xp .ajax__tab_body {
    margin-top: -4px;
    font-size: 14px;
}
/*.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}*/
.btn-right {
    float: right
}

.boxShopping img {
    max-width: 100% !important;
    height: auto !important;
    padding-top: 10px
}

.checkBox-view {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 10px
}

    .checkBox-view input {
        float: left;
        margin-top: 3px;
        margin-right: 3px
    }

.SubscribeErrorMsg {
    color: #ff0000;
}
/*.formContact .col-sm-3 {
    padding-left:0
}*/
.errorSet .control-label {
    padding-left: 0
}

.form-ex-code {
    padding-top: 6px;
    padding-left: 0
}

    .form-ex-code label {
        padding-left: 15px;
    }

.sep-left {
    padding-left: 15px
}

.showListDefaults, .card-number {
    padding-top: 10px
}

.ui-dialog {
    position: absolute !important;
}

@media (max-width: 1199px) {
    .tabContainer a {
        font-size: 17px;
        padding: 10px 20px;
    }

    .link_CardOverView {
        padding: 10px 20px 10px 0 !important
    }
}

@media (max-width: 1024px) {
    /* .ui-widget-content {
    top:75% !important
}*/
    #RPAUpdateProgress .loading-img {
        top: 30% !important
    }
}

@media (max-width: 992px) {
    .cardPersonalization .cropedPhoto {
        margin-left: 10px
    }

    .ajax__calendar {
        left: auto !important;
        right: 0;
    }
    /*.ui-widget-content {
    top:60% !important
}*/
    .tabContainer a {
        font-size: 16px;
        padding: 10px 0 20px 0;
    }

    .dashboard-link li {
        display: inline;
        padding: 10px;
        float: left;
        width: 50%
    }

        .dashboard-link li.dash-mobile {
            display: none
        }

    .tabContainer {
        float: left
    }
}

@media (max-width: 576px) {
    .control-reset-left .col-sm-6 {
        padding-left: 0;
    }
    /*.warningLabel {
    background: url(../_Images/info.png) no-repeat 10px;
}*/
    .mobile-btn.col-sm-9 {
        padding-left: 0
    }

    .checkBox-view {
        padding-left: 0
    }

    .form-ex-code label {
        padding-left: 0;
    }

    .leap-card .errorSet .col-sm-6 {
        padding-left: 0 !important
    }
    /* .ui-widget-content {
    top:50% !important
}*/
    ul li.cart .resultCount {
        top: 14px;
        right: -4px
    }

    .input-qu {
        padding-right: 5px
    }

    .bgQu {
        float: left;
        padding-top: 20px
    }


    .table-responsive {
        border: none
    }

    .ui-dialog {
        left: 50% !important;
        margin: 200px 0 0 -200px !important;
        max-width: 400px !important
    }

        .ui-dialog .ui-dialog-content {
            font-size: 13px
        }

        .ui-dialog .ui-dialog-titlebar {
            padding: .2em 1em;
            position: relative;
        }



    #ContentPlaceHolder1_TabContainer2_MyProfileTabPnl_MyProfile_UC_ContactInfo_RPADateOfBirth_dateFormatAccessibleLabel1 {
        padding-left: 15px;
    }

    .form-ex-code {
        padding-left: 15px;
        padding-top: 3px
    }

    .errorSet .form-ex-code {
        padding-left: 0
    }

    .errorMessage {
        float: left;
        width: 100%;
    }
    /*.form-ex-code .control-label {
     padding-left:15px !important
 }*/
    .dash-copy .help-dash .form-ex-code .control-label {
        padding-left: 15px !important
    }

    .errorSet .form-ex-code .control-label {
        padding-left: 5px !important;
    }

    .time {
        padding-bottom: 15px;
    }

    .dash-copy .help-dash .time {
        padding-left: 15px
    }
    /*.time-left{
     margin-left:15px
 }*/
    h1 {
        font-family: Arial,sans-serif;
        font-size: 30px
    }

    .input-number {
        padding-bottom: 15px;
        width: 25%;
    }

    .uc-reg .errorSet {
        padding-left: 20px;
    }

    .errorSet #ContentPlaceHolder1_TabContainer2_MyProfileTabPnl_MyProfile_UC_ContactInfo_RPADateOfBirth_dateFormatAccessibleLabel1 {
        padding-left: 0
    }

    .checkBox-view label {
        width: 92%;
        float: left;
    }

    .checkBox-view input {
        float: left;
        width: 20px
    }

    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

    .btn-right {
        float: none
    }

    .btn-center {
        text-align: center;
        margin-bottom: 5px
    }

    .menu-list {
        background: #ebebeb
    }

    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10 !important;
        padding: 3px;
        background-color: #00B273;
        color: #000;
        width: 100%;
        text-align: center;
        height: 40px;
        border: 0;
    }

        .nav-side-menu .toggle-btn:focus,
        .site-header .menu-toggle:focus,
        .footer-menu-toggle:focus {
            outline: -webkit-focus-ring-color auto 5px;
        }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
        height: 40px
    }

    .nav-side-menu li a {
        padding-left: 25px
    }

    .nav-side-menu ul .sub-menu li a {
        padding-left: 10px;
        font-weight: normal
    }

    .nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
        padding-left: 15px;
        margin: 0 12px;
        margin-bottom: 7px
    }

    #RPAUpdateProgress img {
        left: 45% !important
    }
}

@media (min-width: 576px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }

    .user-model .modal-dialog {
        max-width: 600px;
    }
}

@media (max-width: 540px) {

    .un-card {
        float: left;
        width: 100%;
        padding-left: 60px !important
    }

    .ui-dialog {
        left: 50% !important;
        margin: 150px 0 0 -150px !important;
        max-width: 300px !important
    }

    #RPAUpdateProgress img {
        left: 43% !important
    }

    .mobile-tab .ajax__tab_xp .ajax__tab_outer {
        height: 48px !important;
        width: 48% !important;
        font-size: 12px
    }

    .mobile-tab .ajax__tab_xp .ajax__tab_inner, .mobile-tab .ajax__tab_xp .ajax__tab_tab {
        height: 48px !important
    }

    .mobile-tab .ajax__tab_xp .ajax__tab_body {
        margin-top: -4px;
        font-size: 14px;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
        padding: 7px 0 10px 0
    }
}

@media (max-width: 360px) {
    .ajax__tab_xp .ajax__tab_header {
        font-size: 10px;
    }

        .ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
            padding-left: 5px
        }

    .dashboard-link li {
        width: 100%
    }

    .un-card {
        padding-left: 55px !important;
    }
}

@media (max-width: 440px) {
    .dashboard-link li {
        width: 100%
    }

    .cardPersonalization .cropedPhoto {
        margin-left: 0
    }

    #RPAUpdateProgress .loading-img {
        top: 52% !important
    }
}

.warningIcon {
    float: left
}

.admin-from .form-group {
    margin-right: 0;
    margin-left: 0;
}

.ReportViewer {
    padding-left: 10px;
    width: 700px !important;
    height: auto !important
}

div.inActivetextBtn {
    background: url(../_Images/inActiveLeftBtn.gif) no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    height: 21px;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
    margin-right: 2px;
}

.inActivetextBtn {
    background: url(../_Images/inActiveRightBtn.gif) no-repeat scroll right top transparent;
    color: #676767;
    display: block;
    float: left;
    font-weight: bold;
    height: 21px;
    margin: 0;
    padding: 0 10px 3px 5px;
    border: none
}

.password-verdict {
    color: black;
    font-weight: bold
}

html[xmlns*=""] body:last-child .mobile-tab .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    padding: 10px 0 15px 0;
}

_::-moz-svg-foreign-content, :root .mobile-tab .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    padding: 10px 0 15px 0;
}

_::-moz-svg-foreign-content, :root select {
    line-height: 28px
}

.reset-lr {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.reset-col .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}

.reset-row .row,
.table-responsive .row {
    margin-right: 0;
}

.card-overview .showListDefaults {
    padding-left: 0;
    padding-right: 0;
}

.right-link {
    position: absolute;
    left: 76%;
    top: 6px;
    text-decoration: underline;
}

.right-link-error {
    position: absolute;
    left: 76%;
    top: 29px;
    text-decoration: underline;
}

.shopping-table td {
    text-align: left;
}

.add-icon {
    width: 10px;
}

.shopping-table .delete-btn, .shopping-table .edit-btn {
    border-color: #e6e6e6 #e6e6e6 #a2a2a2;
    border-style: solid !important;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    color: #333;
    line-height: 20px;
    padding: 3px 15px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
    font-weight: bold;
    height: 30px;
}

.shopping-table .delete-btn {
    background-color: #eaeaea;
}

.shopping-table .edit-btn {
    background-color: #00B273;
    color: #fff;
}

.shopping-table .total-bg {
    background: #F6F8F9;
}

.totalBox table td {
    text-align: left;
}

    .totalBox table td:first-child {
        background: #F6F8F9;
        width: 50%;
    }




@media only screen and (max-width: 800px) {
    table tr td {
        text-align: left !important;
    }

    table tbody, table td, table tr, table {
        display: revert;
    }

    .order-details table tbody th[scope=row] {
        display: revert;
    }
}

ul.inline-list li {
    display: inline;
    padding: 0 20px 0 0;
}

#helpSupport .btn-link {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    display: flex;
    position: relative;
}

    #helpSupport .btn-link:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

#helpSupport.accordion .card-header svg {
    position: absolute;
    left: 10px;
    top: 0;
}


.accordion .card-header .btn-link:after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion .card-header .btn-link:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
    .accordion .card-header .btn-link:after {
        transition: none;
    }
}
/*.btn-link:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(180deg);
}*/
.searchform button:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

#helpSupport .card {
    margin-bottom: 10px
}

#helpSupport .card-header {
    background-color: #fff;
    padding: 1.2rem .5rem;
}

#helpSupport .card-body {
    padding-left: 55px;
}

#helpSupport a {
    text-decoration: underline;
}

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

.form-control {
    height: calc(3.2rem + 2px);
}

.orders-table-caption {
    background-color: #f4f4f4;
    color: #000;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    box-shadow: 0 3px 8px rgb(27 27 27 / 8%);
}


.order-details caption {
    display: table-caption;
    background-color: #f4f4f4;
    color: #000;
    caption-side: top;
}

.order-details table th {
    font-weight: normal;
}

.order-details label {
    font-weight: bold;
}

.reset-checkbox input {
    margin-left: 0 !important;
}

.side-label {
    padding-left: 17px;
    display: inline-block;
    padding-top: 2px;
}

.add-more-icon input {
    width: 10px;
}

.order-header {
    background: #eee;
}

.card-number .col-md-9.col-sm-9.col-xs-8 {
    flex: 0 0 75%;
    width: 75%;
}

@media only screen and (min-width: 801px) {
    table tr {
        border-bottom: none;
    }
}

table {
    border: none;
}

legend {
    border-bottom: none;
}

.idm-banner {
    position: relative;
    line-height: 0;
}

    .idm-banner img {
        max-width: 380px;
    }

@media only screen and (max-width: 768px) {
    .idm-banner {
        display: none;
    }
}

.idm-banner-mobile {
    position: relative;
    line-height: 0;
    width: calc(100% - 20px);
    height: auto;
    text-align: center;
    margin: 10px;
    display: block;
}

    .idm-banner-mobile img {
        width: 100%;
        height: auto;
        max-width: 400px;
    }

@media only screen and (min-width: 769px) {
    .idm-banner-mobile {
        display: none;
    }

    .footer-bar-bottom li {
        width: 136px;
        margin: 0;
        margin-right: 67px;
    }
}

.table {
    border: 1px solid #333;
}

    .table tr th {
        color: White;
        background-color: #00B273;
        border: 1px solid White;
    }

    .table tr td {
        color: #333;
        background-color: transparent;
        border: 1px solid #333;
    }

.my-account table,
.order-details table,
.order {
    border: 1px solid #ddd;
}

    .my-account table tr th,
    .my-account table tr td,
    .order-details table tr th,
    .order-details table tr td {
        color: #333;
        background-color: transparent;
        border: 1px solid #ddd;
    }

.table tr .order-header {
    background: #eee;
}