@font-face {
    font-family: 'NotoSans-Medium';
    src: url('../fonts/NotoSans-Medium.ttf') format('truetype');
}
/* Master Page Start */

:root {
    --mdc-theme-secondary: #0061bc!important;
}

/* Header Start */
.master-header {
    background-color:white;
    top:0px!important;
}

    .master-header .material-icons-outlined,
    .master-header .material-icons-shoppingcart {
        padding: 14px 16px;
    }

/* Header End */
/* Master Page End */
/*Search box start*/
.search-logoicon {
    background: url('../images/logo_ico.png') 0 0 no-repeat;
    background-size: 100%;
    height: 24px;
    left: 16px;
    position: absolute;
    top: 12px;
    width: 24px;
    z-index: 2;
    display: none;
}

.search-clear {
    position: absolute;
    right: 10px;
    top: 15px;
    color: rgba(0, 0, 0, 0.54) !important;
    display: none;
}

.search-container {
    width: 50%;
    margin: auto;
}

.uc_searchbar_header_wrap {
    background-color: white;
    border: 1px solid #00000061;
    border-radius: 4px;
    height: 47px;
}

.uc_searchbar_header_wrap .mdc-notched-outline__leading,
.uc_searchbar_header_wrap .mdc-notched-outline__trailing {
    border:none;
}

    .uc_searchbar_header_wrap .dll-category {
        border-radius: 0;
        border-left: 1px solid #00000061;
    }

/*Search box end*/
/* GridView start */
.card-grid {
    background: none;
}

    .card-grid tbody, table tfoot, table thead,
    .card-grid tbody tr:nth-child(even) {
        background: none;
    }


    .card-grid .headline {
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-size: 0.6em;
        font-weight: 300;
    }

.truncate-bodytext {
    color: #656e6c;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    text-overflow: ellipsis;
    width: 85%;
    overflow: hidden;
    white-space: break-spaces;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.image-container {
    margin-bottom: 15px;
}

.no-image-label {
    cursor: pointer;
    border: 1px solid black;
    padding: 20px 40px;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
}

.btn-icons {
    margin-left: 10px;
}

.btn-icons-m-right {
    margin-right: 10px;
}

    .sale-card-footer {
        font-family: 'Open Sans', sans-serif;
        font-size: 9pt;
        margin: 5px 10px;
    }

.sale-item-pkid {
    float: left;
    width: 30%;
}

.sale-item-category {
    float: left;
    width: 40%;
    text-align: center;
}

.sale-item-boxcode {
    float: right;
    width: 30%;
    text-align: right;
}

.for-sale-grid table tbody td {
    padding: 5px 0;
}

/* GridView end */
/* Pager start */
.pager {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager::after {
        clear: both;
    }

    .pager strong {
        background-color: #03a8d9;
        color: white;
        border-radius: 5px;
        padding: 8px 16px;
    }

    .pager a {
        background-color: white;
        border-color: #0061bc;
        border: 1px solid;
        color: #0061bc;
        margin-left: 5px;
        padding: 8px 16px;
        text-decoration: none;
    }

        .pager a i {
            font-size: 15px;
        }
/* Pager end */

/*Category Popup Start*/
#category-dialog .mdc-dialog__container {
    width: 80%;
}

#category-dialog .mdc-dialog__surface {
    height: 90%;
    width: 100%;
    max-width: 500px;
}

.category-link {
    margin-top: 10px;
}

    .category-link .category-selected {
        color: #03a8d9 !important;
        margin-left: 5px;
    }

.filter-text .material-icons {
    font-size: 15px;
    float: left;
    margin-top: 5px;
}

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

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

/*Category Popup End*/
/*details start*/
h2.description-brief {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif !important;
    /*font-weight: bold;*/
    text-align: left;
    color: black;
}

.detail-binprice {
    display: inline-block;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bold;
    text-align: left;
    color: black;
    min-width:60px;
}

.detail-shippingcost {
    color: gray;
    font-size: 12px;
    line-height: 33px;
}

.detail-line {
    font-family: 'Open Sans', sans-serif !important;
    font-size:14px;
}

.detail-line-item {
    float: left;
    margin-right: 10px;
}

.detail-title table {
    margin: 0px;
}

    .detail-title table tbody td, .detail-title table tbody th {
        padding: 0px;
    }

.detail-title h2 {
    margin: 0px;
}

h2.detail-title {
    font-size: 18pt;
    font-weight: bold;
    margin:0;
}

.detail-icon {
    color: #0061bc;
    border: 1px solid #0061bc;
    padding: 7px;
    font-size: 20px;
    border-radius: 20px;
    margin-right: 10px;
    width: 35px;
    height: 35px;
}

.m-sm-detail-icon {
    color: #0061bc;
    border: 1px solid #0061bc;
    padding: 5px;
    font-size: 16px;
    border-radius: 20px;
    margin-right: 5px;
    width: 28px;
    height: 28px;
}

.detail-info-item {
    display: inline-flex;
}

    .detail-info-item b {
        font-size: 14pt;
        margin-right: 10px;
    }

.detail-estimated-delivery {
    color: gray;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}

.back-btn {
    border: 1px solid black;
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-top: 10px;
    margin-right: 10px;
}

.detail-footer-buttons{
    max-width: 1000px;
    margin:auto;
}

.detail-next-btn{
    float:right;
}

.back-btn:hover, .back-btn:visited {
    border: 1px solid black;
}

.soldster-card h2 {
    font-family: 'Open Sans', sans-serif !important;
}
.category-panel {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
}

.category-item {
    float: left;
    margin-right: 10px;
}

.category-item-call {
    float: right;
}

.detail-descriptionComplete {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}
    .detail-descriptionComplete table{
        margin:0px;
    }

    .detail-descriptionComplete table tbody td {
        padding:0px;
    }

    .detail-descriptionComplete p {
        margin: 0px;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
    }

    .detail-content .mdc-card {
        max-width: 1000px;
        margin: 15px auto;
    }

.detail-content .mdc-card__content h2 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: bold;
}

.detail-content .table tbody{
    background-color:white;
}

.detail-about-seller .detail-line {
    font-size: 14px;
}

.detail-back-top, .list-back-top {
    background-color: #0061bc;
    position: fixed;
    right: 10%;
    bottom: 15%;
}

/*button bar*/
.buttonbar-container {
    overflow: hidden;
    max-width: 1000px;
    margin: auto;
}

.buttonbar-list {
    width: 100%;
    padding-bottom: 5px;
    white-space: nowrap;
    overflow-x: auto;
    margin: 0;
    max-width:1000px;
}

    .buttonbar-list-item {
        list-style: none;
        display: inline-block;
    }

        .buttonbar-list-item .mdc-button {
            color: #0061bc;
            background-color: white;
            text-transform: capitalize;
        }

    .buttonbar-list-item .mdc-button--outlined {
        border: 2px solid #0061bc;
    }
/*details end*/

/* details edit form start */
.mdc-text-field__resizer {
    width:100%;
}
.detail-field-row {
    width: 100%;
    margin: 10px auto;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    font-size: 14px;
}

    .detail-field-row::before, .detail-field-row::after {
        display: block;
        clear: both;
        content: "";
    }

    .detail-field-row .mdc-text-field {
        width: 100%;
    }

.detail-edit-form {
    max-width: 1000px;
    margin: 15px auto;
    padding: 30px;
}

    .detail-edit-form hr{
        width:100%;
    }

.line-dashed{
    border-style:dashed!important;
}

.m-panel-selected-category {
    border: 1px solid;
    border-radius: 4px;
    color: #0061bc;
    font-weight: bolder;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
    .m-panel-selected-category label {
        color: #0061bc;
    }
    .category-radiolist {
        padding: 10px 0;
        height: 370px;
        overflow: auto;
    }

    .category-radiolist .mdc-form-field {
        width: 100%;
    }

        .category-radiolist .mdc-form-field label {
            cursor: pointer;
            color: #0061bc;
        }

.SelectCategory2_Category_List_Selected {
    background-color: #1B8FFF;
    color: #fff;
    font-weight: bolder;
}

.m-secondary-category {
    line-height: 30px;
    vertical-align: top;
    margin-top: 10px;
}
.detail-edit-form .mdc-button--outlined {
    border: 2px solid #0061bc;
    color: #0061bc;
}
/* details edit form end */
/* Common start */
.detail-field-row select {
    border: 1px #9E9E9E solid;
    border-radius: 4px;
    height: 46px;
    padding-left: 10px;
    padding-right: 5px;
}

    .detail-field-row select.m-multi-select {
        background-image: none;
        height: auto;
        width: 100%;
    }

.detail-field-row input[type=text] {
    border: 1px #9E9E9E solid;
    border-radius: 4px;
    height: 46px;
    padding-left: 16px;
    width: 100%;
}

.detail-field-row .specific-div {
    float: left;
    width: 30%;
    margin-left: 5%;
}

.panel-itemspecific{
    width: 80%;
}

/*.panel-sm-fields start*/
.panel-sm-fields .detail-field-row {
    margin: 5px auto;
}

    .panel-sm-fields .detail-field-row select {
        height: 36px;
    }

    .panel-sm-fields .mdc-text-field,
    .panel-sm-fields .detail-field-row input[type=text] {
        height: 36px !important;
    }

.panel-sm-fields .mdc-text-field--outlined .mdc-text-field__input {
    padding: 8px 16px 8px;
}

/*.panel-sm-fields end*/

.detail-field-row .first-specific-div {
    float: left;
    width: 20%;
}

.detail-field-row .specific-second-colspan-div {
    float: left;
    width:65%;
    margin-left:5%;
}

    /*.detail-field-row .specific-checkbox-label {
        float: left;
        line-height: 18px;
        display: flex;
        width: 20%;
    }*/

    .detail-field-row .specific-checkbox .mdc-form-field {
        width: 30%;
    }

.m-specific-invalid {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020);
}

/* my cart start */
.m-float-right{
    float:right!important;
}

.m-checkout-wrapper {
    height: 100px;
    display: table;
}

.m-checkout-wrapper-btn {
    display: table-cell;
    vertical-align: middle;
}
.m-checkout-container{
    padding-bottom:100px;
}
/* my cart end */
.detail-field-row .specific-radio {
    display: flex;
    height: 20px;
    line-height: 20px;
    float: left;
    margin-right: 10px;
    width: auto;
}

.m-itemforsale-row{
    display:flex;
}

    .m-itemforsale-row .m-col-3-1, .m-itemforsale-row .m-col-3-3 {
        width: 30%
    }

    .m-itemforsale-row .m-col-3-2 {
        width: 40%
    }

    .m-itemforsale-row .m-sm-col-3-1, .m-itemforsale-row .m-sm-col-3-3 {
        width: 45%
    }

    .m-itemforsale-row .m-sm-col-3-2 {
        width: 15%
    }

.uc_nomatch{
    margin-top:20px;
}

.detail-field-row .m-col-12 {
    float: left;
    width: 100%;
}

.detail-field-row .m-col-3-1 {
    float: left;
    width: 25%;
}

.detail-field-row .m-col-3 {
    float: left;
    width: 20%;
    margin-left: 4%;
}
.detail-field-row .m-col-4 {
    float: left;
    width: 30%;
    margin-left:5%;
}

.detail-field-row .m-col-4-1 {
    float: left;
    width: 30%;
}

.detail-field-row .m-col-9-1 {
    float: left;
    width: 65%;
}

.detail-field-row .m-col-9 {
    float: left;
    width: 70%;
    margin-left: 5%;
}

.detail-field-row .m-col-2 {
    float: left;
    width: 20%;
    margin-left: 5%;
}

.detail-field-row .m-col-1 {
    float: left;
    width: 10%;
    text-align: right;
}

.detail-field-row .m-col-6-1 {
    float: left;
    width: 45%;
}


.detail-field-row .m-col-6-3 {
    float: left;
    width: 25%;
    margin-left: 2.5%;
}

.detail-field-row .m-col-6 {
    float: left;
    width: 45%;
    margin-left:10%;
}

.detail-field-row .m-col-8 {
    float: left;
    width: 60%;
    margin-left: 10%;
}

.detail-field-row .m-col-25 {
    float: left;
    width: 25%;
    margin:5px 0;
}

.detail-field-row .m-col-w-200{
    float: left;
    width: 200px;
}

.detail-field-row .mdc-fab--mini {
    margin-top: 10px;
    width: 30px;
    height: 30px;
}
}

.mdc-radio input[type=radio] {
    padding: 10px;
    display: inline-block;
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    cursor: pointer;
    will-change: opacity,transform,border-color,color;
}

.mdc-radio label{
    line-height:20px;
}


.mdc-divider {
    height: 1px;
    width: 100%;
    background-color: #CCCCCC;
    margin: 10px 0;
}

.font-gray{
    color:gray;
    font-size: 12px;
}

/*.mdc-button {
    color: #0061bc !important;
    background-color: white !important;
    text-transform: capitalize;
    border: 1px #0061bc solid !important;
    box-shadow: none;
}*/


/* material */

/*button start*/
input {
    -webkit-appearance: none !important;
}

.mdc-button__icon-right {
    width: 18px;
    height: 18px;
    font-size: 18px;
    margin-right: -4px;
    margin-left: 8px;
}

.mdc-button--outlined {
    border: 1px solid #0061bc !important;
    background-color: white !important;
    color: #0061bc !important;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0;
    border-radius: 4px;
}

    .mdc-button--outlined:disabled {
        color: #6F95BC !important;
        border-color: #6F95BC !important;
    }

.buttonbar-list .mdc-button--outlined:disabled {
    background-color: #6F95BC !important;
    color: white !important;
}

        .mdc-dialog__actions .mdc-button--outlined {
            margin: 0 5px;
        }
/*button end*/
/*popup start*/
.popup-wide {
    width:700px;
}
.mdc-dialog__title {
    /*padding: 20px 10px 10px 10px;*/
}

.mdc-dialog__actions {
    padding: 10 20px !important;
    display: block !important;
}

.mdc-dialog__button:first-child {
    float: right;
}

.mdc-dialog__button:last-child {
    float: left;
}
/*popup end*/
/* tabs start */
button.mdc-tab:focus {
    outline: none;
}

.m-mdc-tab-content {
    min-height:400px;
    padding: 20px 10px;
}
/* tabs end */

/* upload start */
.ajax-uploader-progress {
    text-align: center;
}
    .ajax-uploader-progress span {
        margin: auto !important;
        float: none !important;
    }

    .ajax-uploader-progress img {
        width: 15px !important;
        margin: 10px auto !important;
        float: none !important;
    }

.ajax-uploader-edit .file-index {
    margin-right: 20px !important;
    width: 100px;
}

.upload-btn{
    margin:5px 0;
}
/* upload end */
.left{
    float:left;
}

.right{
    float:right;
}
/* overwrite start */

.slick-slide{
    height: auto!important;
}

.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-30px) scale(0.75) !important;
    transform: translateY(-30px) scale(0.75)!important;
}

.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-24px) scale(0.75) !important;
    transform: translateY(-24px) scale(0.75) !important;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-30px) translateX(-32px) scale(0.75) !important;
    transform: translateY(-30px) translateX(-32px) scale(0.75) !important;
}

.mdc-text-field--outlined .mdc-text-field__input {
    padding: 8px 16px 10px;
    margin-bottom:0;
}

.mdc-text-field{
    height: 46px!important;
}
.mdc-text-field--textarea {
    height: auto!important;
}

#__calendarPanel{
    z-index:999;
}
/* snackbar start */
.mdc-snackbar {
    z-index: 1000;
}
.mdc-snackbar__surface {
    background-color: white;
}

.mdc-snackbar__label{
    color:black;
}
/* snackbar end */
/* overwrite end */
/*.modal {
    -ms-touch-action: none;
    touch-action: none;
}*/
.text-center{
    text-align:center;
}

.check-success {
    color: green;
    font-size: 70pt;
}

.round-call-now {
    border: 6px solid #0061bc;
    border-radius: 45pt;
    padding: 10px;
    color: #0061bc;
    font-size: 60pt;
}
button:focus {
    outline: none;
}

/*hide thead recaptcha*/
.grecaptcha-badge{
    display:none;
}
/* Common end */

/* Member Form Start */
.member-form.detail-edit-form {
    max-width: 100%;
}
.member-form h5 {
    font-size: 1.25rem;
}

/* accordion Start */
.ui-accordion .ui-accordion-header {
    background: no-repeat;
    font-size: 1.25rem;
    color: #0061bc;
}

.ui-accordion .ui-accordion-content {
    border: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #0061bc;
}

.ui-accordion .ui-accordion-header-icon {
    float: right;
    margin-top: 3px;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(/js/jquery-ui-1.12.1.custom/images/ui-icons_555555_256x240.png) !important;
}
/* accordion End */
input[type=text].mdc-text-field__input:focus, textarea.mdc-text-field__input:focus {
    background: none !important;
    border: none !important;
}

label.m-mdc-radio {
    border: 1px solid #0061bc;
    color: #0061bc;
    cursor: pointer;
    padding: 8px 20px 8px 10px;
    border-radius: 4px;
    min-width: 135px;
    text-align: center;
}

    label.m-mdc-radio.active {
        background-color: #0061bc;
        color: white;
        font-weight: bold;
    }

#tExcludeLocation .mdc-form-field {
    width: 100%;
}

.preview-form .item_info_header {
    padding: 10px;
    text-align: right;
    width: 120px;
}

.preview-form .item_info_values {
    padding: 10px;
}

    .preview-form .item_info_values img {
        margin:0;
        width:auto;
    }

.tab button {
    border: none;
    background: none;
    padding: 0;
}

.tab.active button{
    color: #0061bc;
}
/* Member form End */

/* member sell form start */
.progress-header-bar {
    margin-top: 5px;
    padding-left: 10px;
}
    .progress-header-bar span {
        margin-right: 25px;
    }

    .panel-success .success-icon {
        color: green;
        font-size: 40px;
        vertical-align: middle;
    }

.panel-success .success-title {
    color: green;
    display: inline;
    vertical-align: middle;
}

.panel-success .success-soldster-logo {
    height: 30px;
    width: auto;
}

.panel-success .success-description-label {
    color: #bb5500
}

.panel-success .success-link {
    color: Blue;
    font-weight: bold;
    cursor: pointer;
}

.panel-success .success-buttons a {
    width: 60px;
    padding: 0;
    margin-right: 10px;
}

.panel-success .item-image{
    width: 100%;
}

.bottom-buttons {
    padding: 10px 0 0 0;
    min-width: 600px;
    text-align: center;
    letter-spacing: 20px;
    border-color: #999;
    letter-spacing: 20px;
    background-color: hsl(195, 57%, 92%);
    position: fixed;
    padding: 10px 0px;
    z-index: 99;
    bottom: 0px;
    overflow: hidden
}
.bottom-buttons .close-btn {
    margin-right: 10px;
    background: white;
    box-shadow: none;
    border: 1px solid #0061bc;
    color: #0061bc;
}
    .bottom-buttons .close-btn:hover {
        box-shadow: none;
    }

.printlabelpopup .row{
    margin: 15px 0;
}
/* member sell form end */

/*
    login logout css
*/
.log-menu .mdc-list-item .mg-left0 {
    margin-left: 0px;
}

.log-menu .mdc-list-item .mdc-menu__selection-group .pd-left0 {
    padding-left: 0px;
}

.log-menu .mdc-list-item .mdc-menu__selection-group .hd-black {
    color: #000;
}

.log-menu .mdc-list-item .mdc-menu__selection-group .hd-blue {
    color: #0061bc;
}

.log-menu .mdc-list-item .wh-100 {
    width:100%;
}

.log-menu .mdc-list-item .noHover .mdc-list-item {
    cursor: default;
}

.log-menu .mdc-list-item .noHover:hover {
    background-color: transparent !important;
}

/*Payment Start*/
.is-success {
    color: green;
}
.is-failure {
    color: #cc0023;
}

.payment-highlight {
    font-weight:bolder;
    color: #0061bc;
}

#popup-buyit .mdc-dialog__surface,
#popup-paymentMethod .mdc-dialog__surface,
#popup-paymentMethod-card .mdc-dialog__surface {
    width: 700px;
}

.number-left-btn {
    float: left;
    border-left: 1px #9E9E9E solid;
    border-bottom: 1px #9E9E9E solid;
    border-top: 1px #9E9E9E solid;
    height: 39px;
    padding: 8px 14px;
    font-size: 20px;
    font-family: sans-serif;
    line-height: 10px;
}

.number-control-panel input.number-center-input {
    width: 60px;
    text-align: center;
    float: left;
    border-radius: 0;
    padding-left: 8px;
    height: 39px;
}

.number-right-btn {
    float: left;
    border-right: 1px #9E9E9E solid;
    border-bottom: 1px #9E9E9E solid;
    border-top: 1px #9E9E9E solid;
    height: 39px;
    padding: 8px 14px;
    font-size: 20px;
    font-family: sans-serif;
    line-height: 10px;
}

.payment-buttons {
    width: 210px;
    height: auto;
}

.popup-buyit .mdc-dialog__surface {
    position: absolute;
}

.popup-buyit .mdc-dialog__surface {
    min-width: 560px !important;
}

.mdc-dialog .mdc-dialog__content {
    color: black;
}

.m-mdc-dislog-close {
    top: 10px;
    right: 10px;
    position: absolute;
    background-color: transparent;
    color: #0061bc;
    border: 1px solid;
    width: 32px;
    height: 32px;
    box-shadow: none;
}
    .m-mdc-dislog-close:focus, 
    .m-mdc-dislog-close:hover, 
    .m-mdc-dislog-close:active {
        box-shadow: none !important;
    }
.m-mdc-dislog-close .mdc-fab__icon {
    font-size: 20px !important;
}

.m-wrapper {
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%);
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%);
    background-color: #fff;
    margin: 0;
    padding: 5px 16px;
}

.m-mdc-shoppingcart-close {
    top: 5px;
    right: 5px;
    position: absolute;
    background-color: transparent;
    color: #0061bc;
    width: 32px;
    height: 32px;
    box-shadow: none;
}

    .m-mdc-shoppingcart-close .material-icons {
        font-size: 20px !important;
    }

    .m-mdc-shoppingcart-close:focus, .m-mdc-shoppingcart-close:hover {
        box-shadow:none!important;
    }

.m-shoppingcart-title {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    font-weight: 300;
}
.m-shoppingcart-header{
    width:56px;
}
.m-shoppingcart-wrapper {
    padding: 14px 16px;
    position: relative;
}
.m-shoppingcart-number {
    background-color: orange;
    border-radius: 10px;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: .75rem;
    height: auto;
    line-height: 13px;
    min-width: 16px;
    padding: 2px 5px;
    text-align: center;
    position: absolute;
    right: 8;
    top: 5;
}
.m-shoppingcart-price {
    color: #656e6c;
    float: left;
    font-size: .625rem;
    text-align: center;
    width: 23px;
    line-height: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
#m-shoppingcart-list {
    padding: 10px 15px;
    position: relative;
    margin-bottom: 9%;
}
/*aside*/
#m-shoppingCart-drawer {
    width: 30%;
    min-width: 420px;
    max-width: 600px;
}

.m-mdc-drawer-close {
    top: 15px;
    right: 15px;
}

.mdc-drawer--right {
    right: 0;
    left: initial;
}
.mdc-drawer-scrim {
    background-color: rgba(0, 0, 0, 0.32);
    opacity: 1;
}
.m-shoppingCart-empty{
    padding-top:40px;
}

#m-shoppingCart-drawer {
    z-index: 9990;
}
.m-shoppingCart-drawer-header {
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
}

.m-shoppingCart-drawer-bottom {
    box-shadow: 0 -2px 1px -1px rgb(0 0 0 / 20%);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 10px 15px;
    background-color: white;
}

.m-shoppingcart-item {
    position:relative;
}

.m_confirm_content{
    font-size: 16px;
}
/*Payment End*/

/*Wallet Start*/
.mywallet_carditem {
    border-radius: 8px;
    color: white;
    float: left;
    font-family: Roboto,sans-serif;
    margin-right: 10px;
    width: 288px;
    padding: 10px;
}

.mywallet_visa {
    background-color: rgb(26, 31, 113);
}

.mywallet_mastercard {
    background-color: rgb(0, 0, 0);
}

.mywallet_discover {
    background-color: rgb(0, 0, 0);
}

.mywallet_americanexpress {
    background-color: rgb(4, 107, 211);
}

.mywallet_carditem .mywallet_icon {
}

.mywallet_carditem .mywallet_default {
    font-size: 12px;
    font-style: italic;
}

.mywallet_carditem .mywallet_icon img {
    margin: 0;
}

.mywallet_carditem .mywallet_cardinfo {
    font-size: 14px;
}

.mywallet_carditem .mywallet_btn_cardedit button {
    color: white;
    font-size: 14px;
    text-decoration: underline;
}

.mywallet_btn_addnew {
    max-width: 220px;
}

#mywalletCarousel {
    padding-bottom: 20px;
}
    #mywalletCarousel .carousel-indicators {
        bottom: -20;
    }
.carousel-dark .carousel-indicators li {
    background-color: #000;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 1px solid #000;
}
/*Wallet End*/
/*Bottom css start*/
.bottom-nav {
    background-color: #fff;
    border: 1px solid #0061bc;
}

.bottom-nav__action, .bottom-nav__action:focus {
    color: #0061bc;
}

.bottom-nav__action:hover, .bottom-nav__action:hover {
    color: #000;
}

.mdc-card img, .soldster-card img, .soldster-card-with-ripple img {
    width: auto;
}
/*Bottom css end*/

/*HomePage css start*/
.bg-banner {
    /*background-image: url('../images/bg-banner.jpg');*/
    position:relative;
}

    .bg-banner b {
        color: #0061bc;
    }
.bg-img, .bg-img-mobile {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -9999;
    width: 100%;
}

.blurb-container {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    justify-items: center;
    flex-direction: row;
}

.blurb-content {
    display: flex;
    justify-content: center;
    justify-items: center;
    width: 33%;
}

.blurb-text {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
}

.blurb-text h4 {
    color:#000;
}

.blurb-icon {
    font-size: 36px;
}

.single-service {
    margin: 30px 25px;
}

.service-content {
    margin-left: 65px;
    margin-top: -66px;
}

.home-link {
    display:inline-flex;
    float:right;
}

.portfolio-gallery .col-md-3, .portfolio-gallery .col-sm-6, .portfolio-gallery .col-xs-6 {
    float:left;
}

.team {
    -webkit-transition: opacity 0.45s ease;
    transition: opacity 0.45s ease;
}

.team {
    margin: 20px 0;
    padding-bottom: 5px;
    background: white;
    box-shadow: 0 2px 3px rgb(0 0 0 / 7%);
}

    .team h4 {
        padding-top: 10px;
    }

    .team .title a {
        display:inline-flex;
    }

#get-trial {
    background: #D0E1E8;
    padding: 60px 0;
}

    #get-trial .col-md-12, #get-trial .col-sm-12, #get-trial .col-xs-12 {
        float:left;
    }

.list-inline {
    text-align:center;
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.footer-menu li {
    border-right: 1px solid #e4e4e4;
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

.footer-menu a {
    color: #A8A8A8;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 5px;
}

    .list-inline li a img {
        height: 48px;
    }

.social-content {
    color: #727272;
    margin: 0 0 20px 0;
    text-align: left;
}

    .social-content p {
        font-weight: 400;
        line-height: 1.5em;
    }

    .social-content a {
        font-weight: 600;
    }

.social-networks .col-xs-4 {
    background: #006ea0;
}

.social-networks .col-md-3, .social-networks .col-sm-6, 
.social-networks .col-sm-4, .social-networks .col-xs-6, 
.social-networks .col-xs-4 {
    float: left;
}

.social-networks {
    line-height: 3.5em;
    height: 50px;
    display: block;
    width: 100%;
    margin-bottom: 35px;
}

    .social-networks span a {
        color: #fff;
    }

.section {
    padding-top:25px;
   /* margin-bottom:50px;*/
    padding-bottom:25px;
}

.home-link, .home-link label {
    color: #0061bc;
    font-family: 'Open Sans';
}

    .home-link:hover label {
        color: #128D75;
    }

.service-content h3 {
    color:#111;
}
.service-content p {
    color:#727272;
}

.case-link, .case-link label, .social-content a {
    color: #0061bc;
    font-family: 'Open Sans';
}

    .case-link:hover label, .social-content a:hover {
        color: #128D75;
    }


.blurb span, .blurb h4, .social-content p, .social-content b, .social-content a {
    font-family: 'Open Sans'
}

.section .container h2 {
    padding-bottom:20px;
}

.bg-img-mobile {
    display: none;
}

.bottom-hr {
    max-width:100%;
}

.underlineLink {
    color: #1468a0;
    font-size: 15px;
    text-decoration: underline;
}

.total-info {
    color: #0061bc;
    max-width: 1000px;
    margin: 0px auto 20px auto;
    padding-left: 10px;
    text-align: center;
}
/* Menu Start*/
.mdc-top-app-bar__section--logo {
    flex: none;
    padding-top: 5px;
    padding-right: 2px;
}
.homesoldsterlogo {
    color: #0061bc !important;
    font-size: 40px !important;
}

.mdc-menu-button {
    font-size: 12px;
    font-weight: bolder;
    margin-right: 14px;
    padding: 0 4px;
    height: 30px;
}
    .mdc-menu-button .material-icons {
        font-size: 18px;
    }
.mdc-menu-surface .mdc-list-item a {
    color: #0061bc !important;
}
.cat-item {
    z-index: 1001;
    height: 30px;
    width: 300px;
}
/* Menu End */

/*back-end buttons start*/
.dashboard-section-body .mdc-button
{
    margin-left: 15px;
}

.m-corner-warning {
    cursor: pointer;
    position: absolute;
    text-align: center;
    border-radius: 14px;
    top: -10;
    right: -10;
    background-color: orange;
    width: 25px;
    height: 25px;
}
/*back-end buttons end*/
@media (max-width: 479px) {
    .for-desktop {
        display: none!important;
    }

    .bg-img-mobile {
        display: block;
    }

    .bg-img {
        display: none;
    }

    .blurb-icon {
        margin-left: 5%;
        width: 10%;
    }

    .blurb-text {
        width: 85%;
    }

    .blurb-container {
        flex-direction: column;
        width: 100%;
    }

    .blurb-content {
        padding-bottom: 15px;
        margin-top: 15px;
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-color: #ebebeb;
        border-bottom-style: solid;
    }


    .service-content {
        margin-left: 0px;
        margin-top: -17px;
    }

    .service-title {
        padding-bottom:25px;
    }

    .home-link {
        float:none;
    }

    .social-networks {
        height: 100px;
    }

    .footer-menu {
        text-align: center;
    }

    .list-inline li a img {
        height: 24px;
    }

    .homesoldsterlogo {
        display:none;
    }

    .case-link label {
        font-size:11px;
    }
    .case-link .material-icons {
        font-size: 12px;
        line-height: 20px;
        margin-left: 3px;
    }
}


@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1380px;
    }
}

@media (min-width: 1680px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1560px;
    }

    .single-service {
        margin:40px 35px;
    }
}

@media (min-width: 1900px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1760px;
    }


}


@media(min-width:479px) {
    .for-mobile {
        display: none !important;
    }

    .mg-bottom {
        margin-bottom: 64px;
    }

    .mdc-top-app-bar__row .homesoldsterlogo {
        color: rgba(0, 0, 0, 0.54);
        font-size: 20px;
    }
}
/*Home Page icon image start*/
.toyicon {
    background: url(../images/icons/bullion.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}
.coinsicon {
    background: url(../images/icons/coinsicon.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}
.comicbookicon1 {
    background: url(../images/icons/comicbookicon1.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}
.currencyicon3 {
    background: url(../images/icons/currencyicon3.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}
.franklinminticon3 {
    background: url(../images/icons/franklinminticon3.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}
.knifeicon2 {
    background: url(../images/icons/knifeicon2.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}
.moviepostericon {
    background: url(../images/icons/moviepostericon.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}
.recordicon {
    background: url(../images/icons/recordicon.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}
.sportscardsicon {
    background: url(../images/icons/sportscardsicon.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}
.flatwareicon {
    background: url(../images/icons/flatwareicon.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}

.zippolighters {
    background: url(../images/icons/zippoicon.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
}

@media (max-width: 20em) and (min-width: 10em) {
    #uc_itemforsale_carousel_inner {
        width: calc(1600%) !important;
    }
}
/*Home page icon image end*/
/*HomePage css end*/