.content1 .user-welcome-desktop {
    padding-bottom: 20px;
    border-bottom: 1px solid #E7E7E7;
    padding-left: 0;
}
.modal .btn.btn-primary-green, .modal .btn.btn-primary-green:hover {
    background-color: #7DC42E;
    border: 1px solid transparent;
    font-weight: bold;
    color: white;
}
#modal-shipping-address #shipping_state, #modal-shipping-address #shipcountry {
    opacity: inherit !important;
}
.content1 .username-welcome-desktop {
    padding-left: 0;
}

.content1 .username-welcome-desktop .welcome-right-custom {
    padding-right: 0;
}
.box.box-current-order {
    margin-bottom: 0;
}
.current-orders {
    font-size: 20px;
}
.bg-yellow {
    background-color: #ffff00 !important;
    color: #0a0a0a !important;
}
.bg-red {
    background-color: red !important;
}
.bg-green {
    background-color: #63C966 !important;
}
.bg-custom-delivered {
    background-color: #43AA03 !important;
}
.user-welcome-desktop-right {
    color: var(--blue-secondary-color);
    display: flex;
    font-size: 20px;
    font-weight: inherit;
}

.user-welcome-desktop-right .logout_url, .user-welcome-desktop-right a.profile-url  {
    color: var(--blue-secondary-color);
    padding-left: 40px;
    text-decoration: none;
}

.content1 .order-content-main, #content .order-content, #content .box {
    border: none;
}

.content-items-desktop {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #F8F8F7;
}
.content-items-desktop.last-item {
    margin-bottom: 20px;
}

.content-items-desktop button.btn-review, .head-content-items .btn-send-new-photo, .content-items-desktop button.btn-tracking,
.content-items-desktop button.btn-duplicate, .content-items-desktop .custom-buttons a{
    width: 100%;
    padding: 8px;
    font-size: 20px;
    white-space: normal;
}

.content-items-desktop button.btn-tracking, .content-items-desktop button.btn-duplicate {
    padding: 10px 8px;
    font-size: 16px;
}

.username-welcome-desktop {
    font-size: 31px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 20px;
}


.order-content .order-summary {
    width: 100% !important;
}

.btn-status-order-desktop {
    background-color: #C48DC7;
    border-radius: 5px;
    padding: 3px 8px;
    color: white;
    font-weight: 600;
    margin-left: 10px;
    position: relative;
}
.btn-status-order-desktop > .iicon {
    position: absolute;
    right: -22px;
}
#content a.btn-status-order-desktop {
    color: #ffffff;
    cursor: pointer;
}
#content a.btn-status-order-desktop:hover {
    text-decoration: none;
}
#my-orders .iicon {
    margin-left: 5px;
}

.past-items .btn-status-order {
    background-color: #63C966;
}

.current-orders-items {
    font-size: 15px;
}

.current-orders-items .deliver {
    font-weight: 100;
    color: darkgray;
}

.current-orders-items p.tt-status {
    color: #5F5F5F;
    font-size: 14px;
}

.head-content-items-border {
    padding-bottom: 20px;
    border-bottom: 1px solid #E7E7E7;
}

.head-content-items .deliver {
    display: flex;
}

h3.hide-details, h3.hide-details-desktop {
    text-align: center;
    color: var(--blue-secondary-color);
    margin: 0;
    padding: 10px;
    font-size: 15px;
}

.content-details p span {
    color: #5F5F5F;
    margin-bottom: 0;
}

.desktop-only .content-details p {
    margin-bottom: 0;
}

.order-content-main a.complete_payment {
    color: black;
    text-shadow: none;
}

#content a.complete_payment {
    font-size: 13px;
    line-height: 13px;
    border-radius: 4px;
    background: var(--primary-color-v2);
    padding: 7px 5px;
    width: min-content;
    font-weight: bold;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
}
#content a.complete_payment:hover {
    background: var(--primary-hover-color-v2);
}
.text-tips a, .content-details p a {
    text-decoration: underline;
}
.desktop-only .content-details {
    padding-top: 10px;
}
.desktop-only .content-details.hidden-details {
    display: none;
}
.desktop-only .footer-content-items {
    display: flex;
    flex-wrap: wrap;
}

.view_o_details em {
    color: var(--primary-color-v2);
    text-decoration: underline;
}

.past-items .btn-status-order, .past-items .btn-status-order-desktop {
    background-color: #63C966;
}

.past-items .order-status-rejected {
    background-color: var(--primary-color-v2);
}

.yellow_message {
    border-radius: unset !important;
    background-color: #F5A623 !important;
    color: white !important;
    font-weight: 600;
    margin-bottom: 0 !important;
}

.icon-loading {
    text-align: center;
    display: none;
}

.load-more-items {
    text-align: center;
}

#btn-load-orders {
    background-color: #d5dde0;
    margin-bottom: 20px;
}

.current-orders-items, .order-items .deliver p, .order-content-main .order-content .order-summary span,
.left-dashboard-women p, .left-dashboard-kid p, .left-dashboard-paint p {
    color: #5F5F5F;
}
span.order-attr + span.order-attr:before {
    content: ', ';
}
#content a.view_o_details {
    width: 100%;
    background: none;
    text-align: left;
    padding-top: 0;
}
#content a.view_o_details:hover {
    /*font-size: 14px;*/
    color: var(--primary-hover-color-v2);
}
#content .tracking-current-status a.view_o_details {
    width: auto;
}
.left-dashboard img {
    width: 100%;
}
.left-dashboard button {
    width: 100px;
}
.left-dashboard {
    padding-right: 0 !important;
}
.left-dashboard-women h3, .left-dashboard-kid h3, .left-dashboard-yelp h3, .left-dashboard-paint h3 {
    color: #FFFFFF;
    font-family: BebasNeue;
    font-size: 29px;
    margin-top: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1;
}
body:not(.language_en) .left-dashboard-women h3, body:not(.language_en) .left-dashboard-kid h3, body:not(.language_en) .left-dashboard-paint h3 {
    font-size: 26px;
    margin-top: 10px;
}
.left-dashboard-women a, .left-dashboard-kid a, .left-dashboard-yelp a, .left-dashboard-paint a {
    padding: 6px 10px;
    font-size: 18px;
}
.title-dashboard-share a {
    float: right;
}
.left-dashboard-women, .left-dashboard-kid, .left-dashboard-yelp, .left-dashboard-paint {
    position: relative;
}
.left-dashboard-paint img {
    border-radius: 10px;
}
.title-left-dashboard {
    position: absolute;
    top: 0;
    left: 15px;
    width: 44%;
}
.title-dashboard-share {
    background-color: #dfbd97;
    padding: 22px 15px;
    border-radius: 10px;
    top: 0;
    left: 15px;
    margin-bottom: 15px;
}
.title-dashboard-share img {
    position: absolute;
    top: 35px;
    left: 200px;
    width: 40px;
}
body.language_de .left-dashboard-women .title-left-dashboard, body.language_nl .left-dashboard-women .title-left-dashboard {
    width: 60%;
}
.title-left-dashboard-kid, .title-left-dashboard-paint {
    position: absolute;
    top: 0;
    right: 15px;
    text-align: right;
}

.title-left-dashboard-kid p span, .title-left-dashboard p, .title-dashboard-share p {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 1;
}
body:not(.language_en) .title-left-dashboard p {
    font-size: 18px;
}
.title-left-dashboard-paint {
    width: 49%;
}

body:not(.language_en):not(.language_es) .title-left-dashboard-kid {
    width: 54%;
}

.reviewModal .modal-body button.btn-ask-modal, .reviewModal .modal-body button.btn-not-agree {
    background-color: var(--primary-color-v2);
    margin-top: 15px;
}
.reviewModal .modal-body button.btn-ask-modal-primary {
    color: #545454;
    background-color: #DCDCDC !important;
}
.reviewModal .modal-body button.btn-approve-modal, .reviewModal .modal-body button.btn-agree-change {
    background-color: #7DC42E;
}
.reviewModal .modal-body button.btn-approve-edit-primary {
    background-color: var(--primary-color-v2) !important;
}
.reviewModal .modal-body button.btn-send-better-modal {
    background-color: var(--primary-color-v2);
}
.sendBetter .only-ask-for, .tt-send-better-photo, .sendBetter .tt-upload-sup {
    display: none;
}
.sendBetter .send-better-photo-box, .sendBetter .tt-send-better-photo {
    display: block;
}
.send-better-photo-box {
    display: block;
}
.reviewModal .modal-body button {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}
.reviewModal .modal-content button.close {
    padding: 15px;
    font-size: 40px;
    color: #5F5F5F;
    position: absolute;
    z-index: 1;
    right: 0;
}

.promt-reactive-order-modal .modal-content button.close {
    padding: 15px;
    font-size: 40px;
    color: #5F5F5F;
}

.head-content-items .head-content-items-custom, .footer-content-items .footer-content-items-custom {
    padding-left: 0;
}

.custom-box-content {
    padding-left: 30px !important;
}
.close-custom{
    opacity: 1 !important;
    font-size: 40px !important;
    color: #5F5F5F !important;
    font-weight: 100 !important;
    line-height: 30px !important;
}
.reviewModal button.close, .AskForModal button.close {
    padding: 15px;
    font-size: 30px;
    color: var(--primary-color-v2);
}
.mobile-only {
    display: none;
}
.mobile-only-remarks {
    display: none;
}
.content-items-all a.view_o_details {
    cursor: pointer;
}
.store-credit {
    float: right;
    /*margin-right: 15px;*/
    color: #000;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0;
}

.store-credit .fa-info,
.head-content-items .fa-info {
    font-size: 13px;
    border: 2px solid;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: var(--blue-secondary-color);
    text-align: center;
    padding: 0;
    background: none;
}
.head-content-items .custom-info.btn-show-info.fa {
    padding: 2px;
    font-weight: 100;
}
.store-credit .fa {
    padding: 2px;
    font-weight: 100;
}
.iicon.btn-tips-info.font-info.btn-show-info.fa.fa-info {
    padding: 2px;
    font: normal normal normal 13px/1 FontAwesome;
}
.panel-group-v2 #contact-faq {
    width: 100%;
}
/*for profile dashboard */
.order-content-main form.edit-info fieldset input {
    width: 100%;
    background-image:url(/themes/painting/images/edit-accounr-input.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
form.edit-info fieldset, form.edit-info fieldset .iti--allow-dropdown {
    width: 100%;
}
form.edit-info fieldset .iti--allow-dropdown {
    margin-bottom: 21px;
}
form button.btn-update-profile {
    width: 100%;
}
.label-gray {
    color: #000000 !important;
    opacity: 0.3;
}
/*for show_case dashboard */
.order-content-main .showcase-form .popup-content, .order-content-main .reveal_video_form .popup-content {
    border: none;
}
.order-content-main .reveal_video_form .showcase_left {
    min-width: inherit;
}
.pyl-color, .link-pyl-color a {
    color: var(--blue-secondary-color) !important;
}
.btn-back-to-orders {
    background-color: #d5dde0;
    margin-bottom: 20px;
    color: black !important;
    margin-top: 20px;
}
.btn-approval-group a.ask_modif {
    background-color: #ff9c00;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 16px;
    height: inherit;
    font-weight: bold;
}
.btn-approval-group a.btn-approve-it {
    font-size: 16px;
}
.right-dashboard .order-content-main .order-details {
    margin-left: 0;
    margin-right: 0;
}
.reviewModal .modal-content form {
    width: 100% !important;
}
.reviewModal .modal-content textarea {
    width: 100%;
    height: inherit;
    margin-bottom: 20px;
}
.remarks_area .uploadButton {
    background-color: var(--primary-color-v2);
    border-radius: 5px;
    color: #fff;
    margin-left: 10px;
    margin-top: 5px;
    padding: 7px 30px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
}
.reviewModal .delete_image {
    background: rgba(0,0,0,0) url(https://newpyl.s3.amazonaws.com/cdn/images/delete_icon.png) no-repeat scroll left center;
    bottom: -18px;
    display: block;
    height: 37px;
    position: absolute;
    right: -12px;
    width: 35px;
    cursor: pointer;
}
.reviewModal .photo_item {
    margin-right: 3%;
    margin-top: 10px;
    height: 160px;
}
.reviewModal .photo_item .item_container {
    float: left;
    position: relative;
    max-height: 100%;
}
.reviewModal #sample1 {
    display: inherit;
}
.reviewModal .focus-visible {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.full-width {
    width: 100%;
}
.visual-notes {
    padding: 5px 20px 20px 20px;
    background: rgba(255,19,94,0.08);
    margin-bottom: 20px;
}
.edit-info-items #remarks_area .uploadButton {
    border: 1px solid var(--blue-secondary-color);
    background: white;
    color: var(--blue-secondary-color);
    margin-left: 0;
    margin-top: 0;
    padding: 7px 10px;
}
.visual-notes #sample1 .item_container img {
    width: 60px;
}
.edit-info-items #remarks_area .photo_item {
    margin-right: 5%;
    margin-top: 0;
    height: auto;
}
/* background for Post Reveal Video + Post A Testimonial + Dashboard Update Profile*/
.box-bg-dashboard {
    position: relative;
}
.box-bg-dashboard .popup-content {
    display: flex;
    padding: 8%;
    border: none;
    width: 100%;
}
.box-bg-dashboard .popup-content.mention {
    padding: 5%;
}
.box-bg-dashboard .step_number {
    background-color: #FFEDF3;
    border-radius: 30px;
    color: var(--primary-color-v2);
    padding: 5px 12px;
    font-size: 16px;
    margin-right: 5px;
}

.box-bg-dashboard .video {
    padding-bottom: 100%;
    display: inline-block;
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
}
.box-bg-dashboard .video.testi-video {
    overflow: unset;
}
.box-bg-dashboard .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box-bg-dashboard .grey-color {
    color: rgba(0,0,0,0.4);
}
.box-bg-dashboard .border-top-gray {
    border-top: 1px solid lightgray;
    padding: 10px;
}
.bg-top-up-story {
    position: absolute;
    background-image: url('/images/backgrounds/bg-upload-story-video-header.png');
    background-repeat: no-repeat;
    margin: 10px 0%;
}
.bg-top-up-story img{
    margin-left: 50px;
}
.only-mobile{
    display: none;
}
.bg-bottom-up-story{
    background-image: url('/images/backgrounds/bg-upload-story-video-header.png');
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    bottom: 50px;
    right: 50px;
}
.bg-bottom-up-story img{
    padding-bottom: 50px;
    padding-right: 5%;
}

.img-bottom-story{
    position: relative;
    float: right;
}
.padding50px{
    padding: 50px;
}
.box-bg-dashboard .input_container_story {
    padding-top: 5px;
}
.box-bg-dashboard .custom_input_story {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 60px;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 25px;
}
.box-bg-dashboard .btn-see-video{
    border: 1px solid var(--blue-secondary-color);
    color: #03AC82;
    background-color: white;
}
.box-bg-dashboard .showcase_item{
    height: auto;
}
.box-bg-dashboard .showcase_left{
    position: relative;
    background-color: #f7f7f7;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,0.16);
    padding: 45px;
}
.box-bg-dashboard .showcase_right{
    z-index: 10;
    padding: 45px;
    position: relative;
    background-color: white;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,0.16);
}
.box-bg-dashboard .profile-dashboard {
    z-index: 10;
    padding: 45px;
    position: relative;
    background-color: white;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,0.16);
    width: 100%;
}
.box-bg-dashboard .input34 {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 34px;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 14px;
}
.box-bg-dashboard .showcase_item.showcase_video{
    margin: 0;
    padding: 0;
}
.modal {
    background-color: rgba(0,0,0,0.4);
}
#remarks-list > li {list-style: inherit; margin-bottom: 10px;}
#remarks-list > li > input[type=text] {display: inline-block;}
#popup-reveal-video-thank-you .modal-content {
    background-color: white;
}
.modal-pyl {
    top: 0%;
}
.status-message .link-complete-payment, .status-message .link-approved-painting, .status-message .link-approved-editing {
    color: #fff;
}

.status-message.status-message-v2 {
    background-color: #C48DC7 !important;
    border: none;
}

.showcase_right .customFileInput .fileStatus {
    position: relative;
    text-align: center;
    height: 200px;
    width: 100%;
    border: 1px dashed var(--blue-secondary-color);
    background: url('/images/backgrounds/bg-upload-story-video-upload-file.png') no-repeat center 50px;
    background-size: 50px;
    cursor: pointer;
}
.showcase_right .form-group.has-error .customFileInput .fileStatus {
    border-color: red;
}
.showcase_right .customFileInput .fileStatus span.fileName {
    position: absolute;
    bottom: 50px;
    width: 100%;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    background: none;
}
.popup-content .showcase_right .customFileInput {
    width: 100%;
}
.btn-pink:disabled {
    opacity: 0.3;
}
.or-between {
    display: block;
    text-align: center;
    margin: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #5F5F5F;
}
.modal-header h3 {
    padding-top: 15px;
}
#original_img, #reference_img, #edit_img, #edited_img {
    padding: 15px 0;
}
#original_img img, #reference_img img, #edit_img img, #edited_img img {
    margin-right: 10px;
    vertical-align: top !important;
    margin-bottom: 10px;
}
.edit-rejected .show-remark-editing {
    padding-top: 8%;
}
.edit-rejected {
    display: flex;
}
.title-original, .title-edit {
    font-size: 17px;
}
.msg-error {
    border-color: #ff1313 !important;
    box-shadow: 0 0 5px 0 #ff1313c2;

}
.title-covid-19 {
    color: red;
    font-weight: 400;
    line-height: 20px;
    width: 55%;
    display: inline-block;
    font-size: 16px;
    margin-left: 20px;
    vertical-align: middle;
}
/*Hide file input when uploading*/
input[type=file][readonly] {
    visibility: hidden;
}
.box-bg-dashboard .profile-left {
    padding-left: 0;
}
.box-bg-dashboard .profile-right {
    padding-right: 0;
}
.margin-bot-0 {
    margin-bottom: 0;
}
.show-content-send-better-photo {
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 10px;
}
#modal-google-survey iframe {width: 100%; min-height: 500px;}
#modal-google-survey .modal-header, #modal-google-survey .modal-footer {padding: 10px;}
#modal-google-survey .modal-header {border-bottom: none;}
#modal-google-survey .modal-body {padding: 0;}
#modal-google-survey.modal-ptp-m iframe {min-height: 435px;}
#modal-google-survey.modal-ptp-m .modal-body {-webkit-overflow-scrolling: touch;}
#modal-google-survey:not(.device-ios).modal-ptp-m .modal-body {border-bottom-width: 0; max-height: 435px; overflow: scroll;}
#modal-google-survey.device-ios {position: -webkit-sticky;}
.nav-tabs {
    border: none !important;
    padding: 0 15px !important;
}
.nav-tabs > li > a {
    font-weight: bold;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    color: #000;
    font-size: 16px;
    padding: 10px 0 !important;
}
.nav-tabs li + li {
    margin-left: 30px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background: #fff !important;
}
.nav-tabs > li.active > a {
    color: #00A5A7 !important;
    border-color: #00A5A7 !important;
}
.tab-content {
    padding: 24px 0;
    border-radius: 0 !important;
}
#accordion-faq .panel {
    border-radius: 0 !important;
}
#accordion-faq .panel_v2 {
    background-color: unset;
}

#accordion-faq .panel:before {
content: "";
display: block;
width: calc(100% - 30px);
margin: auto;
border-bottom: 1px solid #d1d1d1;
position: absolute;
bottom: 0;
left: 15px;
}
.accordion-faq-custom .panel:before {
    border-bottom: none !important;
}
#accordion-faq .panel .panel-body,
#accordion-faq-2 .panel .panel-body {
border-top: none !important;
font-size: 18px;
font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
}
#accordion-faq .panel-heading,
#accordion-faq-2 .panel-heading {
background: #fff !important;
border: none !important;
height: 64px;
display: flex;
align-items: center;
}
#accordion-faq .panel-heading a,
#accordion-faq-2 .panel-heading a {
color: #000;
font-weight: bold;
font-size: 18px;
text-decoration: none;
display: flex;
align-items: center;
}
#accordion-faq .panel-heading a:before,
#accordion-faq-2 .panel-heading a:before {
content: "\f107";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--primary-color-v2) !important;
font-weight: bold;
margin-right: 15px;
width: 20px;
}

#accordion-faq .panel-heading a.collapsed:before,
#accordion-faq-2 .panel-heading a.collapsed:before {
content: "\f105";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: bold;
}
#accordion-faq .answer-text a,
#accordion-faq-2 .answer-text a {
    display: inline;
    font-size: 18px;
    color: var(--primary-color-v2) !important;
    text-decoration: underline;
}
#accordion-faq .btn,
#accordion-faq-2 .btn {
    font-size: 16px;
    outline: none;
}
#accordion-faq .btn.btn-primary,
#accordion-faq-2 .btn.btn-primary {
    background: var(--primary-color-v2);
    color: #fff;
    border-color: var(--primary-color-v2);
}
#accordion-faq .btn.btn-primary:hover,
#accordion-faq-2 .btn.btn-primary:hover {
    background-color: var(--primary-hover-color-v2);
}
/*show artist FAQ*/
.choose_artist.choose_artist_faq {
    width: 80%;
}
.choose_artist_v2.choose_artist_faq {
    width: 100%;
}
.choose_artist_faq .artist_item_new {
    margin-bottom: 10px;
}
.choose_artist_faq .artist_item_img img {
    width: 100% !important;
    position: inherit;
    object-fit: cover;
    height: 240px;
}
.choose_artist_faq .artist_item_img {
    height: 240px;
}
.download-invoice-link {
    border: unset;
    color: var(--link-color);
    background: unset;
    font-weight: bold;
}
.download-invoice-link:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}
.choose_artist_faq .artist_item_new.artist_item_v2 {
    padding: 0 7px;
    margin-bottom: 14px;
}
.choose_artist_faq #order_artist {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.choose_artist_faq .btn-submit-artist {
    font-size: 16px;
    line-height: 20px;
    border-radius: 4px;
    padding: 0px 40px;
    background-color: var(--primary-color-v2);
    color: #ffffff;
}
label.btn.btn-block.upload-attach {
    height: auto !important;
    font-size: 17px;
    color: var(--primary-color-v2);
    padding: 0;
    font-weight: bold;
    background: none;
}
#accordion-faq-2 .head-content-items button.btn.btn-pink.btn-review.btn-review-modal.font16px.bold.custom-btn-review,
#accordion-faq-2 .head-content-items button.btn.btn-pink.btn-duplicate.font12px.bold.custom-btn-duplicate {
    padding: 5px;
    font-size: 16px !important;
    height: 35px !important;
}
#accordion-faq-2 .custom-buttons {
    padding-right: 0px;
    margin-left: -5px;
}
.iicon.btn-tips-info.btn-tips-info-v2.font-info.btn-show-info.fa.fa-info {
    padding-left: 2px;
}
button.btn.btn-pink.btn-tracking.btn-tracking-modal {
    margin-bottom: 10px;
}
#accordion-faq-2 .box-past-order {
    margin-bottom: 0;
}
#accordion-faq-2 #s-another-copy-painting a.complete_payment_custom {
    margin-left: -35px;
    width: max-content;
    height: 25px;
}
.choose_artist_faq .btn-submit-artist:hover {
    color: #ffffff;
    background: #ca0e4a;
}
.artist_item_new.selected .artist_item_img {
    border: 2px solid var(--primary-color-v2);
}
.artist_item_new label.lb-item-name input[type="radio"] {
    display: none;
}
.artist_item_new label.lb-item-name .radio-check.radio-checked {
    border-color: var(--primary-color-v2);
    background: rgba(0, 0, 0, 0) url("/images/circle-check-purple-pyl.png") no-repeat scroll 0 0 / 14px 15px;
}
.artist_item_new label.lb-item-name .radio-check {
    margin-top: 3px !important;
    background: #ffffff;
    height: 16px;
    width: 16px;
    border: 1px solid #999;
    border-radius: 100%;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    cursor: pointer;
}
/** Thaoth DEV-1303 - Artist selection on dashboard. Artist names text styling and containers  **/
.artist_item_new label.lb-item-name {
	display: flex;
}
.artist_item_new label.lb-item-name .artist_name {
	width: calc(100% - 16px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}
#popup_thank_you_faq .content-thankyou, #popup_alert_message .content-message {
    display: block;
    text-align: center;
    margin-bottom: 25px;
}
.answer-text.error {
    color: #ec0d0d;
}
#modal-dynamic-content .container {
    width: 100%;
}
#contact-faq {
    width: 90%;
}
#s-contact .box-attach-file, #s-more-figures .box-attach-file,
#s-package-damaged .box-attach-file, #s-add-photos .box-attach-file,
#s-unhappy .box-attach-file {
    width: 100%;
    display: flex;
}
#s-contact .box-file, #s-more-figures .box-file,
#s-package-damaged .box-file, #s-add-photos .box-file,
#s-unhappy .box-file {
    width: 70%;
}
#s-contact .btn-contact-faq, #s-more-figures .btn-more-figures-faq,
#s-package-damaged .btn-package-damaged-faq, #s-add-photos .btn-add-photos-faq,
#s-unhappy .btn-unhappy-faq {
    width: 22%;
    margin-left: 20px;
    font-weight: bold;
}
#s-contact .upload-attach, #s-more-figures .upload-attach,
#s-package-damaged .upload-attach, #s-add-photos .upload-attach,
#s-unhappy .upload-attach {
    height: auto !important;
    font-size: 17px;
    color: #c48dc7;
    padding: 0;
    font-weight: bold;
    background: none;
}
#s-contact .upload-wrap {
    /* padding: 9px; */
}
.head-content-items .btn-send-new-photo {
    margin-top: 10px;
}
.head-content-items .progress-status-order {
    height: 3px;
    color: #dddddd;
    background: #dddddd;
    border: #dddddd;
    margin-bottom: 10px;
    position: absolute;
    top: 43%;
    left: 1%;
    padding: 0;
}
.box-progress {
    display: flex;
    position: relative;
    margin-bottom: 5px;
}
.no-padding {
    padding: 0 !important;
}
.progress-status-order .progress-bar {
    background-color: #43AA03;
    height: 3px;
}
.padding-r-5 {
    padding-right: 5px !important;
}
span.point-progress {
    height: 8px;
    width: 8px;
    background: #dddddd;
    color: #fff;
    display: block;
    border-radius: 50%;
    z-index: 10;
}
span.point-progress.done {
    background: #43AA03;
}
.fw-600 {
    font-weight: 600;
}
.tt-status {
    color: #888383;
    font-weight: 600;
}

.desktop-only.content-items-all.content-items-desktop-gift_cert{
    display: flex;
}
.desktop-only.content-items-all.content-items-desktop .display-items-dashboard-gift_cert{
    height: calc(100% + 20px);
    margin-bottom: 20px;
    min-height: 100%;
}
.desktop-only.content-items-all.content-items-desktop.last-item  .display-items-dashboard-gift_cert{
    height: auto;
    min-height: auto;
    margin-bottom: auto;
}
.desktop-only.content-items-all.content-items-desktop.last-item  .display-items-dashboard-gift_cert .current-orders-items .order-attr{
    margin-left: 5px;
}
html.res-view .mobile-only.item-mobile-gift_cert{
    display: flex;
    min-height: auto;
}
html.res-view .mobile-only.item-mobile-gift_cert .order-items{
    width: 100%;
    display: flex;
}
html.res-view .mobile-only.item-mobile-gift_cert .order-items .has-next-status.item{
    width: 100%;
}
.upload-later {
    background: white;
    padding: 10px;
    width: 100px;
    font-weight: bold;
    word-wrap: break-word;
}
.show-upload-later {
    display: none;
    font-size: 16px;
    margin-left: 20px;
}

#trackingShipmentModal .modal-dialog {
    width: 60%;
    text-align: center;
}
#trackingShipmentModal .modal-header {
    border-bottom: none;
}
#trackingShipmentModal .tracking-title, #trackingShipmentModal .delivery-date {
    font-size: 20px;
}
#trackingShipmentModal .delivery-date {
    font-weight: bold;
}
#trackingShipmentModal .travel-history {
    color: var(--blue-secondary-color);
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
#trackingShipmentModal .box-progress {
    margin: 50px 15% 0;
}
#trackingShipmentModal .current-progress {
    display: flex;
    margin-bottom: 50px;
}
#trackingShipmentModal .history-status {
    width: 33%;
    font-size: 16px;
}
#trackingShipmentModal .from-address, #trackingShipmentModal .current-address, #trackingShipmentModal .delivery-address {
    font-weight: bold;
}
#trackingShipmentModal .current-history {
    font-weight: bold;
    color: #43AA03;
}
#trackingShipmentModal span.point-progress {
    position: absolute;
    width: 10px;
    height: 10px;
}
#trackingShipmentModal span.point-progress-2 {
    left: 50%;
}
#trackingShipmentModal span.point-progress-3 {
    right: -1%;
}

#trackingShipmentModal .progress {
    height: 4px;
    margin-right: 0;
    left: 2px;
    top: 2px;
}
#trackingShipmentModal .progress-2 {
    color: #dddddd;
    background: #dddddd;
    border: #dddddd;
}
#trackingShipmentModal .tracking-data {
    display: none;
    padding: 20px 50px;
    text-align: left;
}
#trackingShipmentModal .tracking-row {
    display: flex;
    width: 100%;
    border-top: 1px solid darkgray;
    padding: 12px;
    color: black;
    font-size: 16px;
}
#trackingShipmentModal .tracking-datetime {
    display: flex;
    width: 40%;
}
#trackingShipmentModal .tracking-date {
    width: 65%;
}
#trackingShipmentModal .tracking-time {
    width: 35%;
}
#trackingShipmentModal .tracking-location {
    width: 25%;
}
#trackingShipmentModal .tracking-description {
    width: 35%;
}
.tracking-current-status {
    display: flex;
}
.tracking-shipping-address {
    margin-left: 10px;
    margin-top: 2px;
}
.link-check-tracking {
    color: var(--primary-color-v2);
    font-size: 15px;
    text-decoration: underline;
    margin-left: 5px;
    cursor: pointer;
}
.link-check-tracking:hover {
    color: var(--primary-hover-color-v2);
}
.download-video {
    margin: 20px 0 0;
}
.post-media {
    margin-bottom: 20px;
}
/*#reveal-video-form .reveal-video-row {
    display: block;
}
#reveal-video-form .reveal-video-row .icon-and-tag {
    width: 100%;
}
#reveal-video-form .reveal-video-row .image-icon {
    width: 10%;
}
#reveal-video-form .reveal-video-row .credit-row {
    margin-left: 10%;
}*/
#right_dashboard .past-orders .bold {
    margin-bottom: 20px;
    margin-top: -8px;
}
#right_dashboard .current-items {
    margin-bottom: 20px;
}
.head-content-items .btn-duplicate {
    margin-top: 10px;
}
#accordion-faq .btn.btn-primary, #accordion-faq-2 .btn.btn-primary {
    background: var(--primary-color-v2);
    border-color: var(--primary-color-v2);
    font-weight: 700;
    height: 36px;
    font-size: 16px;
}

/* start DEV-2918 */
.color-primary-faq-dashboard {
    border: none !important;
    background-color: var(--primary-color-v2) !important;
}
/* end DEV-2918 */

.panel-group-v2 #popup-greeting-card .button_block .btn-gc-preview {
    font-size: 16px;
    padding: 18px 10px 18px 45px;
}
.panel-group-v2 #btn-add-greeting-card, .panel-group-v2 #btn-add-giving-card {
    font-size: 16px;
    padding: 20px 40px;
}
.content-items-desktop .is-duplicate {
    margin-left: 20px;
}
#s-invoice-payment li {
    list-style: disc;
    color: var(--primary-color-v2);
}

.current-status-note-attention {
    color: red;
}

#s-shipping-address .panel-collapse a,
#s-order-status .panel-collapse a,
#s-upload-video .panel-collapse a{
    color: var(--primary-color-v2) !important;
}

.change-color-a-tag a {
    color: var(--primary-color-v2) !important;
}

#modalPyl #warning-icon {
    width: 100px;
    position: absolute;
    top:30%;
    left: 35%;
}

@media only screen and (max-width: 413px) and (min-width: 320px) {
    #modal-google-survey.modal-ptp-m .modal-dialog {width: 96%; margin: 10px auto;}
}
@media only screen and (min-width: 767px) and (max-width: 1300px) {
    .awaitingApproval .edit-info-items, .awaitingApproval .col-md-8, .awaitingApproval .right-review-modal {
        width: 100% !important;
    }
}
@media only screen and (min-width: 767px) and (max-width: 934px) {
    .awaitingApproval .modal-pyl {
        width: 90% !important;
    }
}
/* End background  Post Reveal Video + Post A Testimonial + Dashboard Update Profile*/
@media screen and (min-width: 1250px) {
    #content a.view_o_details:hover {
        font-size: 14px;
    }

    #content a.view_o_details.not-change-font-size:hover {
        font-size: inherit;
    }
}
@media only screen and (max-width: 1250px) {
    .left-dashboard h3.font20px {
        font-size: 15px;
    }
    .left-dashboard p.font16px {
        font-size: 13px;
    }
    .left-dashboard button {
        width: 100px;
    }
    .title-left-dashboard {
        left: 10px;
    }
    .title-left-dashboard-kid {
        right: 10px;
    }
    .content-items-desktop .content-details p, .content-items-desktop a.view_o_details {
        font-size: 12px;
    }
}
@media only screen and (min-width: 1125px) {
    .footer-content-items .col-xs-3 {
        width: 25%;
    }
}
@media only screen and (max-width: 1200px) {
    .desktop-only .head-content-items {
        margin-left: 15px;
    }

    .desktop-only .content-details {
        padding-left: 10px;
    }
    #accordion-faq-2 .desktop-only .content-details {
        padding-right: 1px;
    }
}
@media (min-width: 1025px) and (max-width: 1200px) {
    .left-dashboard-kid a.btn-review, .left-dashboard-women a.btn-review {
        font-size: 14px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    #popup-greeting-card .button_block .btn-gc-preview {
        margin-bottom: 10px;
    }
    #s-another-copy-painting .btn.btn-primary, #s-another-copy-painting .btn.btn-primary {
        padding-right: 55px;
    }

    #s-another-copy-painting .btn, #s-another-copy-painting .btn {
        width: max-content;
        margin-left: -15px;
    }
    #accordion-faq-2 #s-another-copy-painting .btn, #s-another-copy-painting .btn {
        float: none;
        width: 170%;
        margin-left: -35px;
    }
    #accordion-faq-2 .footer-content-items.row.custom-footer-content-items {
        position: relative;
        top: 10px;
        padding-top: 8px;
        left: -125px;
        margin-top: 5px;
        width: 165%;
        border-top: 1px solid #E7E7E7;
    }
    #accordion-faq-2 .content-items-desktop.last-item {
        padding-bottom: 50px;
    }
    #accordion-faq-2 .head-content-items-border {
        border-bottom: unset;
    }
    #accordion-faq-2 .current-orders-items {
        padding-right: 30px;
    }
    #accordion-faq-2 #s-another-copy-painting .btn {
        width: 215%;
        margin-left: -55px;
    }

}
@media (min-width: 992px) and (max-width: 1024px) {
    #accordion-faq .btn, #accordion-faq-2 .btn {
        font-size: 13px;
    }
}
@media (min-width: 801px) and (max-width: 991px) {
    .left-dashboard-kid, .left-dashboard-women {
        flex-basis: 50%;
    }
    #left_dashboard.desktop-only.left-dashboard {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        padding: 0;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    #popup-greeting-card.popup-greeting-card-v2 #section-greeting-card-details {
        margin-bottom: -50px;
    }
}
@media only screen and (min-width: 992px) {
    .order-items{
        padding-top: 25px;
    }

    .order-content-main .order-items .item {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #E7E7E7;
        height: 230px;
        background: unset;
        margin-top: 15px;
    }
}
@media only screen and (max-width: 1024px) {
    .left-dashboard h3.font20px, .left-dashboard p.font16px {
        margin-bottom: 0;
    }

    .left-dashboard h3.font20px {
        margin-top: 10px;
    }

    .title-left-dashboard {
        left: 5px;
    }

    .title-left-dashboard-kid {
        right: 10px;
    }

    .head-content-items .btn-status-order-desktop {
        margin-left: 2px;
        padding: 3px 2px;
        text-align: center;
        font-size: 12px;
    }
}
@media only screen and (min-width: 992px) {
    .with-store-credit {
        width: 100%;
    }
}
@media only screen and (min-width: 767px) and (max-width: 800px) {
    div#left_dashboard .left-dashboard-kid, div#left_dashboard .left-dashboard-women {
        flex-basis: 46%;
    }
    div#left_dashboard .left-dashboard-paint {
        margin-bottom: 20px;
    }
    .left-dashboard p.font16px {
        margin-top: 8%;
    }
    div#left_dashboard {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        padding: 0;
    }
    div#left_dashboard.three-item {
        flex-flow: wrap;
        justify-content: center;
    }
    .left-dashboard-yelp {
        flex-basis: 46%;
    }
    .three-item .left-dashboard-yelp {
        flex-basis: 55%;
    }
        /* Safari 6.1+ */
    div#left_dashboard   {-webkit-order: 1;}
    div#right_dashboard  {-webkit-order: 2;}

    /* Standard syntax */
    div#left_dashboard   {order: 1;}
    div#right_dashboard  {order: 2;}
}
@media only screen and (min-width: 767px) and (max-width: 835px) {
    h3.hide-details, h3.hide-details-desktop {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1024px) {
    .custom-box-thumbnails{
        width: min-content !important;
    }
    .iicon.btn-tips-info.font-info.btn-show-info.fa.fa-info {
        padding-left: 1px;
    }
}
@media screen and (min-width: 1200px) {
    #accordion-faq-2 button.btn.btn-pink.btn-duplicate.font12px.bold.custom-btn-duplicate,
    #accordion-faq-2 button.btn.btn-pink.btn-review.btn-review-modal.font16px.bold.custom-btn-review {
        width: 110%;
    }
    #accordion-faq-2 .content-items-desktop button.btn-review, #accordion-faq-2 .head-content-items .btn-send-new-photo, #accordion-faq-2 .content-items-desktop button.btn-tracking, #accordion-faq-2 .content-items-desktop button.btn-duplicate {
        width: 110%;
    }
    #popup-greeting-card.popup-greeting-card-v2 #section-greeting-card-details {
        margin-bottom: -50px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1201px) {
    #content {
        margin-top: 148px !important;
    }
    #popup-greeting-card.popup-greeting-card-v2 #section-greeting-card-details {
        margin-bottom: -5px;
    }
    .content-items-desktop button.btn-review, .head-content-items .btn-send-new-photo, .content-items-desktop button.btn-tracking,
    .content-items-desktop button.btn-duplicate {
        width: 125%;
        margin-left: -10px;
    }
    #accordion-faq-2 .current-orders-items {
        padding-right: 40px;
    }
    #accordion-faq-2 #s-another-copy-painting .btn {
        width: 215%;
        margin-left: -65px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
    #dashboard_content {
        padding-right: 15px;
    }
    .edit-rejected .show-remark-editing {
        padding-top: 12%;
    }
}

@media only screen and (min-width: 767px) and (max-width: 980px) {
    #content {
        margin-top: 148px !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 850px) {
    #content {
        margin-left: 20px;
        margin-right: 20px;
    }
    .desktop-only .head-content-items {
        margin-left: 40px;
    }
}

@media only screen and (min-width: 850px) {
    .mobile-only-remarks {
        display: none !important;
    }
}
@media only screen and (min-width: 767px) {
    #content a.complete_payment {
        margin-bottom: -30px;
    }

    .content1 .user-welcome-desktop {
        margin-top: 20px;
        padding-right: 0;
    }

    #accordion-faq-2 .panel .copy-painting-body {
        padding-left: 20px !important;
        padding-right: 0;
    }


    .answer-action .upload-custom {
        padding-left: 0;
        padding-top: 10px;
        padding-right: 15px;
    }

    .right-dashboard {
        padding-right: 0 !important;
    }

    .custom-box-content .footer-content-items {
        padding-top: 20px;
    }

    #popup-greeting-card #section-greeting-card-design{
        border-right: unset !important;
    }

    #content .order-content {
        border-bottom: none !important;
    }

    .content-details p, a.view_o_details {
        font-size: 14px;
    }

    .past-orders {
        font-size: 20px;
    }
    .modal-pyl {
        width: 75% !important;
    }
    .modal-footer {
        border-top: 0 !important;
    }
    .mobile-only {
        display: none !important;
    }
    .box-bg-dashboard .showcase_left {
        display: block !important;
    }
}
@media only screen and (min-width: 750px) {
    .right-dashboard {
        padding-left: 0!important;
    }
    .nav.nav-tabs {
        padding-right: 0;
        padding: 0!important;
    }
    #accordion-faq .panel-heading,
    #accordion-faq-2 .panel-heading {
        padding-left: 35px;
    }
    #accordion-faq .panel .panel-body,
    #accordion-faq-2 .panel .panel-body {
        padding-left: 64px;
    }
}
@media only screen and (max-width: 850px) {
    .desktop-only-remarks {
        display: none;
    }
    .mobile-only-remarks {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    .pyl-color, .link-pyl-color a {
        font-size: 16px;
    }

    .box-bg-dashboard .popup-content.mention {
        padding: 0;
    }
    .res-view .panel-body .custom-textarea {
        width: 100%;
    }
    #accordion-faq-2 div#right_dashboard.right-dashboard {
        padding-right: 0;
        padding-left: 0;
    }
    .current-orders-items .btn-duplicate {
        margin-top: 10px;
        width: 100%;
    }
    #dashboard_content {
        margin-top: 30px;
    }
    .wrapper-full {
        padding: 0;
    }
    .desktop-only {
        display: none;
    }

    .user-welcome-mobile {
        font-size: 24px;
        font-weight: 600;
        display: flex !important;
        justify-content: space-between;
        line-height: 20px;
    }

    #right_dashboard .past-orders .bold {
        padding: 0 !important;
    }

    .pad-16 {
        padding: 0 16px;
    }

    .logout_url, .profile-url {
        color: var(--blue-secondary-color) !important;
        font-size: 17px;
        line-height: 20px;
        font-weight: 600;
    }

    .profile-url::after {
        content: "|";
        padding: 0 8px;
        color: var(--blue-secondary-color);
    }

    .current-orders, .past-orders {
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .past-orders {
        margin-top: 40px;
    }

    .profile-url {
        margin: 12px 8px 12px 0;
        display: inline-block;
    }

    .store-credit {
        font-size: 13px;
        margin-right: 0;
        padding: 12px 0;
    }
    body:not(.language_en) .store-credit {
        float: unset;
        text-align: right;
        padding: 0 0 12px;
    }

    .buttons_top_mobile {
        display: flex !important;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .button_3_pos, .button_5s_pos {
        /*width: 162px;*/
        width: 100%;
        border-radius: 4px;
        background-color: #dfbd97;
        padding: 9px;
        margin-bottom: 6px;
        text-align: center;
    }
    .button_5s_pos.button_refer_a_friend {
        background-color: #00adae; 
        height: 60px !important;
    }

    .post-tab-name {
        color: #FFFFFF !important;
        font-size: 24px;
        line-height: 20px;
        text-transform: uppercase;
        font-family: BebasNeue;
        font-weight: normal !important;
    }
    .button_5s_pos.button_refer_a_friend .post-tab-name {
        color: #d9c6a6 !important;
    }
    body:not(.language_en) .store-credit {
        font-size: 18px;
        line-height: 18px;
    }

    .get-amount {
        color: var(--primary-color-v2);
        line-height: 18px;
        font-size: 16px !important;
        /* text-transform: lowercase; Related to DEV-1690*/ 
        font-weight: 600;
    }
    .button_5s_pos.button_refer_a_friend .get-amount {
        font-family: BebasNeue; 
        line-height: 27px;
        font-size: 24px !important;
        color: #fff;
        font-weight: normal !important;
    }
    #content .order-content-main {
        border: none;
    }
    .order-items .deliver strong {
        font-size: 16px;
    }

    .current-orders-items .deliver {
        margin-top: 6px;
        margin-bottom: 6px;
        font-weight: 500;
        color: #000000 !important;
    }
    .order-content-main .order-content .order-summary {
        width: 100%;
        padding: 15px 15px;
    }
    .order-content-main .order-content .order-summary.hidden-details {
        display: none;
    }
    .order-content-main .order-content .order-summary span, .order-content-main .order-content .order-summary p {
        font-size: 15px;
    }
    .order-summary .black {
        color: black;
    }
    #content .order-content {
        margin-bottom: 15px;
        border-bottom: 0 !important;
        background: #F8F8F7;
    }
    .bg-gray {
        background: #F8F8F7!important;
    }
    .mobile-only .order-items {
        padding-top: 15px;
    }
    .order-content-main .order-items .item {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #E7E7E7;
        height: 230px;
        background: unset;
        margin-top: 15px;
    }

    /* start DEV-2964 */
    .dashboard-mobile-improve .order-content-main .order-items .item {
        margin-top: 25px;
    }
    /* end DEV-2964 */

    .order-content-main .order-items .has-next-status.item {
        display: inline-block;
        height: auto;
        width: 100% ;
    }
    .btn-status-order {
        background-color: #F5A623;
        border-radius: 5px;
        padding: 3px 8px;
        color: white;
        float: right;
        font-weight: 600;
        margin-right: 10px;
    }


    .btn-review, .btn-tracking {
        width: 100%;
    }
    .past-items .btn-review {
        margin-top: 10px;
        font-weight: 600;
    }
    .margin-bot-10 {
        margin-bottom: 10px;
    }
    .reviewModal, .AskForModal {
        color: black;
    }

    .order-content .order-summary span {
        font-weight: 500 !important;
    }

    a.view_o_details {
        background: unset !important;
        padding-top: 0 !important;
        height: auto !important;
    }

    .past-items .item {
        height: 160px !important;
    }
    .modal-header {
        border-bottom: 0 !important;
    }
    /*for show_case dashboard */
    .order-content-main .showcase-form .showcase_left, .order-content-main .reveal_video_form .showcase_left {
        width: 100%;
    }
    .order-content-main .showcase-form .showcase_right, .order-content-main .reveal_video_form .showcase_right {
        width: 100%;
    }
    .buttons_top_mobile .button_3_pos, .buttons_top_mobile .button_5s_pos {
        cursor: pointer;
    }
    .btn-back-to-orders {
        margin-left: 16px;
    }
    .upload-story-page .font24px{
        font-size: 20px;
    }
    .bg-top-up-story, .bg-bottom-up-story,.box-bg-dashboard .showcase_right {
        display: none;
    }
    .box-bg-dashboard .showcase_right, .box-bg-dashboard .showcase_left, .box-bg-dashboard .profile-dashboard {
        background-color: initial;
        box-shadow: inherit;
        padding: 0;
    }
    .box-bg-dashboard .popup-content {
        padding-right: 0;
        padding-left: 0;
        display: block;
    }
    .showcase_right_top_mobile {
        height: 300px;
        overflow: hidden;
    }
    .showcase_right_top_mobile img {
        margin: -65px 0 10px 0;
    }
    .box-bg-dashboard .profile-left, .box-bg-dashboard .profile-right {
        padding-left: 0;
        padding-right: 0;
        font-size: 18px;
    }
    .box-bg-dashboard .profile-right {
        margin-top: 25px;
    }
    .box-bg-dashboard .change-pass {
        display: inline-flex !important;
        margin-top: 50px;
        padding: 25px;
        width: 100%;
        background: #E7E7E7;
        font-size: 18px;
        font-weight: bold;
    }
    html.res-view #popup_approved_edited_photo .font20px,
    html.res-view #popup_rejected_edited_photo .font20px,
    html.res-view #popup_approved_painting .font20px,
    html.res-view #popup_showcase_thankyou .font20p,
    html.res-view #popup-reveal-video-thankyou .font20p,
    html.res-view #popup_updated_profile .font20p,
    html.res-view #popup_artist_success .font20p {
        font-size: 18px !important;
    }
    .title-original, .title-edit {
        font-size: 14px;
    }
    #original_img, #reference_img, #edit_img {
        padding: 0px;
    }
    .show-remark-editing .font17px, .show-remark-painting .font17px, .next-title.font17px {
        font-size: 12px !important;
    }
    .show-remark-editing .font18px, .show-remark-painting .font18px, #edited_img .font18px,
    html.res-view .show-content-send-better-photo.font16px {
        font-size: 15px;
    }
    .edit-rejected .show-remark-editing {
        padding-top: 14%;
    }
    #modal-shipping-address .modal-footer {
        text-align: center;
    }
    .title-covid-19 {
        display: block;
        width: 95%;
        margin-left: 0;
    }
    /* FAQ mobile */
    .choose_artist.choose_artist_faq {
        width: 100%;
    }
    .choose_artist_faq .artist_item_img {
        height: 150px;
    }
    #s-contact .box-attach-file, #s-more-figures .box-attach-file,
    #s-package-damaged .box-attach-file, #s-add-photos .box-attach-file,
    #s-unhappy .box-attach-file {
        width: 100%;
        display: block;
    }
    #contact-faq, #s-contact .box-file, #s-more-figures .box-file,
    #s-package-damaged .box-file, #s-add-photos .box-file, #s-unhappy .box-file {
        width: 100%;
    }
    #s-contact .btn-contact-faq, #s-more-figures .btn-more-figures-faq,
    #s-package-damaged .btn-package-damaged-faq, #s-add-photos .btn-add-photos-faq,
    #s-unhappy .btn-unhappy-faq {
        width: 100%;
        margin-left: 0px;
    }
    .mobile-only .btn-send-new-photo {
        margin-top: 10px;
        width: 100%;
    }
    .order-items .progress-bar-vertical, #trackingShipmentModal .progress-bar-vertical {
        width: 3px;
        height: 50%;
        float: left;
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
        align-items: flex-start;
        -webkit-align-items: flex-start; /* Safari 7.0+ */
        margin-bottom: 0;
        padding: 0;
        color: #dddddd;
        background: #dddddd;
        border: none;
        margin-top: 3px;
    }

    .order-items .progress-bar-vertical .progress-bar, #trackingShipmentModal .progress-bar-vertical .progress-bar {
        width: 100%;
        height: 0;
        background-color: #43AA03;
        -webkit-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
        transition: height 0.6s ease;
    }
    span.point-progress {
        position: absolute;
        left: -15%;
        height: 9px;
        width: 9px;
    }
    .box-pogress-mobile {
        position: relative;
        margin-top: 15px;
    }
    .point-progress-1 {
        top: -5%;
    }
    .point-progress-2 {
        top: 48%;
    }
    .point-progress-3 {
        top: 80%;
    }
    #accordion-faq .panel-heading a:before,
    #accordion-faq-2 .panel-heading a:before {
        width: unset;
    }
    #s-receive-store-credit img{
        width: 100%;
    }
    #trackingShipmentModal .modal-dialog {
        width: unset;
    }
    #trackingShipmentModal .tracking-title, #trackingShipmentModal .delivery-date {
        text-align: left;
    }
    #trackingShipmentModal .modal-header {
        padding: 15px 15px 0;
    }
    #trackingShipmentModal .tracking-data {
        padding: 20px 0;
    }
    #trackingShipmentModal .tracking-row {
        display: block;
    }
    #trackingShipmentModal .tracking-datetime, #trackingShipmentModal .tracking-location, #trackingShipmentModal .tracking-description {
        width: 100%;
    }
    #trackingShipmentModal .tracking-date, #trackingShipmentModal .tracking-time {
        width: unset;
    }
    #trackingShipmentModal .tracking-time {
        margin-left: 5px;
    }
    #trackingShipmentModal .box-pogress-mobile {
        margin-top: 0;
    }
    #trackingShipmentModal .mobile-flex {
        display: flex;
        margin: 40px 0;
    }
    #trackingShipmentModal .current-progress {
        display: block;
        text-align: left;
        margin-left: 20px;
    }
    #trackingShipmentModal .history-status, #trackingShipmentModal .history-status, #trackingShipmentModal .history-status {
        width: 100%;
    }
    #trackingShipmentModal span.point-progress-2 {
        left: 0;
    }
    #trackingShipmentModal span.point-progress-3 {
        top: 100%;
        right: 0;
    }
    #trackingShipmentModal .progress-1 {
        background: none repeat scroll 0 0 #43AA03;
        margin-top: -2px;
        left: 3px;
    }
    #trackingShipmentModal .progress-2 {
        top: 51%;
        left: 0;
    }
    #trackingShipmentModal .progress.progress-custom {
        border: none !important;
        background: none repeat scroll 0 0 #43AA03 !important;
    }
    #trackingShipmentModal .current-progress {
        margin-bottom: 0;
        width: 90%;
    }
    #trackingShipmentModal .status-current, #trackingShipmentModal .status-to {
        margin-top: 40px;
    }
    #trackingShipmentModal .status-from {
        margin-top: -12px;
    }
    #trackingShipmentModal .status-to {
        margin-bottom: -12px;
    }
    #trackingShipmentModal .tracking-title, #trackingShipmentModal .delivery-date {
        font-size: 18px;
    }
    body.language_de #popup-thank-you .modal-footer,
    body.language_fr #popup-thank-you .modal-footer,
    body.language_nl #popup-thank-you .modal-footer {
        display: flex;
        flex-wrap: wrap;
    }
    body.language_de #popup-thank-you .modal-footer .btn-success,
    body.language_fr #popup-thank-you .modal-footer .btn-success,
    body.language_nl #popup-thank-you .modal-footer .btn-success {
        margin-left: 0;
        margin-top: 8px;
    }


    /* start DEV-2964 */
    .dashboard-mobile-improve .tab-content {
        padding: 0;
    }
    
    .nav-tabs-list {
        padding:0px 6px !important;
    }

    .dashboard-mobile-improve .nav-tabs-list-v2 {
        /*padding: 0 15px !important;*/
        display: flex !important;
        flex-wrap: nowrap;
        flex-direction: row;
        overflow-x: auto;
    }

    @media (max-width: 767px) {
        .dashboard-mobile-improve .nav-tabs-list-v2 {
            margin-top: 10px;
        }

        .dashboard-mobile-improve .nav-tabs-list-v2:has(.payment-status-menu) {
            flex-wrap: wrap;
            overflow-x: unset;
        }
    }

    .dashboard-mobile-improve .nav-tabs-list-v2::-webkit-scrollbar {
        height: 4px !important;
    }

    .dashboard-mobile-improve .nav-tabs-list-v2 .nav-tabs-li-mobile {
        border-radius: 6px 6px 0 0;
        border: 1px solid #e9e9e9;
        border-bottom: none;
        margin: 0 6px;
    }

    .dashboard-mobile-improve .nav-tabs-list-v2 .nav-tabs-li-mobile.active:first-child {
        border-left: none;
    }

    .dashboard-mobile-improve .nav-tabs-list-v2 .nav-tabs-li-mobile a {
        padding: 4px 10px !important;
        display: inline-block;
        font-size: 13px;
        white-space: nowrap;
        font-weight: normal;
    }

    .dashboard-mobile-improve .nav-tabs-list-v2 .nav-tabs-li-mobile a {
        color: var(--blue-secondary-color) !important;
    }

    .dashboard-mobile-improve .nav-tabs-list-v2 .nav-tabs-li-mobile.active {
        background-color: white;
    }

    @media (max-width: 767px) {
        .dashboard-mobile-improve .nav-tabs-list-v2 .nav-tabs-li-mobile.active {
            border: none;
        }

        .dashboard-mobile-improve .nav-tabs-list-v2 .nav-tabs-li-mobile {
            border-bottom: 1px solid #e9e9e9;
        }
    }

    .dashboard-mobile-improve .nav-tabs-list-v2 .nav-tabs-li-mobile.active a {
        background-color: transparent !important;
        color: var(--blue-secondary-color) !important;
        font-weight: 600;
    }

    .dashboard-mobile-improve .order-content-main .order-items .item {
        border-left: none !important;
    }


    .dashboard-mobile-improve .order-content-main {
        border-top: 1.5px solid var(--blue-secondary-color) !important;
        border-radius: 0;
    }

    .dashboard-mobile-improve .profile-wrapper {
        display: flex !important;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .dashboard-mobile-improve .credit-balance-amount {
        color: var(--blue-secondary-color);
    }

    .dashboard-mobile-improve .box-pogress-mobile-v2 {
        display: none;
    }

    .dashboard-mobile-improve #upsell-dashboard {
        margin-top: 16px;
    }
    /* end DEV-2964 */

}
@media only screen and (min-width: 575px) and (max-width: 767px) {
    .user-welcome-mobile {
        padding: 20px 15px 10px;
    }
    html.res-view .mobile-only.navbar .logo-link img {
        top: -28px;
    }
}
@media only screen and (max-width: 442px) {
    .remarks_area .uploadButton {
        margin-left: 0px;
    }
    .showcase_right_top_mobile {
        height: 201px;
    }
    .showcase_right_top_mobile img {
        margin: -30px 0 10px 0;
    }
    .upload-later {
        width: 85px;
    }
    #accordion-faq-2 #s-another-copy-painting .current-orders-items.mobile {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 413px) and (min-width: 320px) {
    html.res-view .font16px {
        font-size: 18px;
    }
    html.res-view .font17px {
        font-size: 16px;
    }
}
@media only screen and  (max-width: 320px) {
    .post-tab-name {
        font-size: 14px;
    }
    .button_5s_pos.button_refer_a_friend .get-amount {
        font-size: 14px !important;
    }
    .button_3_pos, .button_5s_pos {
        /*width: 135px;*/
        width: 100%;
    }
    .mobile-only .order-items .item .col-xs-3 {
        padding-left: 5px;
    }
    .mobile-only .order-items .item .col-xs-9 {
        padding-right: 5px;
    }
}

@media only screen and  (max-width: 380px) {
    .store-credit {
        float: unset;
        text-align: right;
    }
}

#payment_section .group-upsell-products .upsell-title span {
    font-size: 24px;
}

#payment_section .group-upsell-products .title-block {
    display: flex;
    align-items: flex-end;
}

#popup_video_service .modal-dialog {
    width: 60% !important;
}

#popup_video_service .forgot-text {
    text-align: center;
}

#popup_video_service .modal-content .modal-header {
    padding: 15px 15px 0 15px;
}

#popup_video_service .modal-content .modal-header h2 {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary-color-v2);
}

#popup_video_service .modal-content p {
    text-align: center;
    color: black;
}

#popup_video_service .modal-content img {
    width: 100%;
}

.painting-video-v2 {
    margin-top: 15px;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

.blue-color {
    color: #C48DC7;
}

.painting-video-v2 .video-artist-link {
    display: block;
    padding: 8px 20px;
    background-color: #fff;
    border: 2px solid #c48dc7;
    border-radius: 5px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    color: #c48dc7;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
    float: left;
    margin: 10px auto;
}

.painting-video-v2 .share-notice {
    margin-top: 10px;
    padding: 10px 15px;
    background-color: #e8e8e8;
    border-radius: 4px;
}

.painting-video-v2 .share-notice img {
    width: 10px;
}

.painting-video-v2 .double-quote {
    quotes: initial;
    color: #000000;
    font-style: italic;
    font-weight: bold;
    display: block;
}

.painting-video-v2 .title-video {
    color: var(--primary-color-v2);
    font-size: 20px;
}

.video-service .last-chance h3 {
    color: var(--primary-color-v2);
}

.video-service {
    background-color: #f7f7f7;
}

.box-content-page:has(.video-service) {
    padding-bottom: 0 !important;
}

.video-service .last-chance p {
    font-size: 15px;
}

.video-service .video-price .price-before {
    text-decoration: line-through;
}

.video-service .video-price .price-after {
    font-weight: bold;
}

.video-service .video-price {
    float: right !important;
    width: auto !important;
    margin-top: 20px !important;
}

@media (max-width: 767px) {
    #popup_video_service .modal-dialog {
        width: auto !important;
    }

    #popup_video_service .modal-content p {
        font-size: 18px;
    }

    #popup_video_service .modal-content .modal-header h2 {
        font-size: 26px !important;
    }

    .painting-video-v2 {
        margin-top: 0;
    }

    .painting-video-v2 .title-video {
        font-size: 15px;
        font-weight: 700;
    }

    .painting-video-v2 .video-artist-link {
        width: 100%;
        margin: 10px 0 !important;
    }

    .content-video-services {
        text-align: left;
    }

    .video-service .video-price {
        width: 100% !important;
    }
}

.grey-color {
    background-color: grey !important;
}

.color-primary--v2.grey-color {
    background-color: grey !important;
}