/*----------------------------------------- * Basic Style * -----------------------------------------*/ body { font-family: 'Open Sans', sans-serif; background-color: #FAFAFB; overflow-y: auto; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; letter-spacing: normal; } dl, ol, ul { padding: 0; margin: 0; list-style: none; } img { max-width: 100%; } a, button { outline: none !important; } ::-moz-selection { background-color: #1779CE !important;color: #FFFFFF !important; } ::selection { background-color: #1779CE !important;color: #FFFFFF !important; } .btn-link { color: #1986E5; font-size: 14px; font-weight: 400; } .btn-link:hover { color: #1779CE; text-decoration: underline; } .btn-link:active { color: #146BB7; text-decoration: underline; } .btn-link:visited { color: #6554C0; } .badge{ border-radius: 4px; padding: 9px 17px; margin: 0 4px 24px 0; font-size: 14px; font-weight: 400; color: #151515; } .badge.badge-primary { background: #E8F3FC; } .badge.badge-grey { background: #DDDFE0; } .badge.badge-red { background: #FFEBE6; } .badge.badge-yellow { background: #FFFAE6; } .badge.badge-green { background: #E3FCEF; } .badge.badge-blue { background: #DEEBFF; } .badge.badge-teal { background: #E6FCFF; } .badge.badge-violet { background: #EAE6FF; } .btn { font-size: 14px; font-weight: 400; letter-spacing: 0.16px; border-radius: 4px !important; text-transform: none !important; padding: 11px 16px !important; margin: 0; letter-spacing: 0.16px; display: inline-block; outline: none; } .btn.btn-primary { background-color: #1986E5 !important; border: 1px solid #1986E5 !important; color: #FFFFFF !important; } .btn.btn-primary:hover { background-color: #1779CE !important; border-color: #1779CE !important; color: #FFFFFF !important; } .btn.btn-primary.active { background-color: #146BB7 !important; border-color: #146BB7 !important; color: #FFFFFF !important; } .btn.btn-primary.disabled { background-color: #D4D6D7 !important; border-color: #D4D6D7 !important; color: #7C7D7E !important; } .btn.btn-primary:focus { background-color: #1986E5 !important; border-color: #1986E5 !important; color: #FFFFFF !important; } .btn.btn-secondary { background-color: #ffffff !important; border: 1px solid #1986E5 !important; color: #151515 !important; } .btn.btn-secondary:hover { background-color: #1779CE !important; border-color: #1779CE !important; color: #FFFFFF !important; } .btn.btn-secondary.active { background-color: #146BB7 !important; border-color: #146BB7 !important; color: #FFFFFF !important; } .btn.btn-secondary.disabled { background-color: #D4D6D7 !important; border-color: #D4D6D7 !important; color: #7C7D7E !important; } .btn.btn-secondary:focus { background-color: transparent !important; border-color: #1986E5 !important; color: #151515 !important; } .btn.btn-light { background-color: transparent !important; border-color: transparent !important; color: #1986E5 !important; } .btn.btn-light:hover { background-color: #F1F1F2 !important; border-color: #F1F1F2 !important; color: #1779CE !important; } .btn.btn-light.active,.dropdown.show .btn-secondary-light { background-color: #F1F1F2 !important; border-color: #F1F1F2 !important; color: #146BB7 !important; } .btn.btn-light.disabled { background-color: transparent !important; border-color: transparent !important; color: #7C7D7E !important; } .btn.btn-light:focus { background-color: transparent !important; border-color: transparent !important; color: #1986E5 !important; } .btn.btn-secondary-light { background-color: transparent !important; border-color: transparent !important; color: #3E3F3F !important; } .btn.btn-secondary-light:hover { background-color: #F1F1F2 !important; border-color: #F1F1F2 !important; color: #292A2A !important; } .btn.btn-secondary-light.active,.dropdown.show .btn-secondary-light { background-color: #F1F1F2 !important; border-color: #F1F1F2 !important; color: #151515 !important; } .btn.btn-secondary-light.disabled { background-color: transparent !important; border-color: transparent !important; color: #7C7D7E !important; } .btn.btn-secondary-light:focus { background-color: transparent !important; border-color: transparent !important; color: #3E3F3F !important; } .dropdown .dropdown-toggle svg { display: inline-block; margin: 0 0 0 8px; fill: #3E3F3F; height: 6px; width: 8px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dropdown.show .dropdown-toggle svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dropdown .dropdown-toggle:after{ content: none; } .dropdown .dropdown-menu { background: #FFFFFF; min-width: inherit; max-width: 100%; margin: 4px 0 0; padding: 8px 16px; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); border-radius: 4px; } .dropdown .dropdown-item { background: #FFFFFF; color: #186CC3; font-size: 14px; font-weight: 400; padding: 8px 16px; border-radius: 4px; } .dropdown .dropdown-item:hover{ background: #F1F1F2; } .order-details-page .order-detail .right-logo .dropdown .dropdown-item:hover , .my-orders-page .product-action .dropdown .dropdown-item:hover{ text-decoration: underline; } .dropdown .btn.btn-primary.dropdown-toggle svg path { color: #FFFFFF; fill: #FFFFFF; } .form-group select.form-control { background-image: url('../images/select-down-arrow.png') !important; background-repeat: no-repeat !important; background-position: center right 10px !important; background-size: 12px !important; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; } .form-group select.form-control::-ms-expand { display: none; } /*----------------------------------------- * Header Navbar * -----------------------------------------*/ .header-bg.navbar { background-color: #FAFAFB; padding: 0; box-shadow: 0 0px 1px rgba(0,0,0,0.1); } .header-bg.navbar .navbar-header .navbar-brand { padding: 0; min-width: inherit; } .header-bg.navbar .navbar-collapse { margin-right: 0; margin-left: 32px !important; } .header-bg.navbar .header-inner { position: relative; min-height: 56px; } .header-bg.navbar .navbar-brand img { height: auto; display: block; max-width: 99px; } .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link { display: inline-block; color: #3E3F3F; background-color: transparent; font-size: 14px; font-weight: 600; padding: 10px 16px; margin: 0; text-transform: uppercase; letter-spacing: 0.16px; line-height: normal; border-radius: 4px; } .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:after, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.dropdown-toggle:after { content: ''; width: 0px; height: 2px; background: #fff; display: block; margin: 4px 0 0; position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header-bg.navbar ul.navbar-nav li.nav-item:hover a.nav-link:after, .header-bg.navbar ul.navbar-nav li.nav-item.active a.nav-link:after, .header-bg.navbar ul.navbar-nav li.nav-item:hover a.nav-link.dropdown-toggle:after, .header-bg.navbar ul.navbar-nav li.nav-item.active a.nav-link.dropdown-toggle { background: #151515; width: 24px; } .header-bg.navbar ul.navbar-nav li.nav-item.nav-item.dropdown .dropdown-toggle svg { margin: 0 0 0 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:hover, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.active, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.selected { color: #3E3F3F; background-color: transparent; } .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:hover svg path, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.active svg path, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.selected svg path { fill: #3E3F3F; color: #3E3F3F; } .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:before { display: none; } .header-bg.navbar ul.navbar-nav li.nav-item.dropdown:hover .dropdown-toggle svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header-bg.navbar ul.navbar-nav li.nav-item .dropdown-menu { display: block; opacity: 0; visibility: hidden; position: absolute; left: 16px; right: auto; top: 60px; min-width: 135px; max-width: inherit; padding: 8px 16px; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); border-radius: 4px; -webkit-transition: all .4s ease; transition: all .4s ease; } .header-bg.navbar ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu { display: block; top: 99%; opacity: 1; visibility: visible; } .header-bg.navbar ul.navbar-nav li.nav-item .dropdown-item { display: block; color: #3E3F3F; width: auto; } .header-bg.navbar ul.navbar-nav li.nav-item.orderBtn a.nav-link:after, .header-bg.navbar ul.navbar-nav li.nav-item.notification-box a.nav-link:after { content: none; } .header-bg.navbar ul.navbar-nav li.nav-item.notification-box { margin-left: 16px; margin-right: 16px; } .header-bg.navbar ul.navbar-nav li.nav-item.notification-box svg { height: auto; width: auto; margin: auto; } .header-bg.navbar ul.navbar-nav li.nav-item.notification-box svg path { color: #1986E5 !important; fill: #1986E5 !important; } .header-bg.navbar ul.navbar-nav li.nav-item.notification-box a.nav-link, .header-bg.navbar .mobile-notification-box { position: relative; background: #ECEDED; border-radius: 16px; width: 32px; height: 32px; padding: 0; display: flex; justify-content: center; align-items: center; border: none; cursor: pointer; outline: none; } .header-bg.navbar .noti-alert { position: absolute; width: 8px; height: 8px; left: 24px; top: 0px; background: #FF5630; border-radius: 50%; } .header-bg.navbar ul.navbar-nav li.nav-item.notification-box a.nav-link:hover, .header-bg.navbar ul.navbar-nav li.nav-item.notification-box a.nav-link.active, .header-bg.navbar .mobile-notification-box:hover, .header-bg.navbar .mobile-notification-box.active { background: #DDDFE0; color: #1986E5; } /* .header-bg.navbar .counter-num { font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #151515; vertical-align: middle; margin-left: 6px; } */ /* Notification Popup */ #notificationPopup { display: block !important; position: absolute; right: 175px; top: 100%; width: 92%; max-width: 368px; margin: 1px auto auto !important;height: auto !important;padding: 0 !important; -webkit-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; } #notificationPopup.active { -webkit-transform: scaleY(1); transform: scaleY(1); } #notificationPopup .noti-alert { position: absolute; width: 8px; height: 8px; left: 24px; top: 15px; background: #FF5630; border-radius: 50%; margin: 0 0; } #notificationPopup .card.notification-box { margin: 0px; padding: 16px 0 16px; background: #FFFFFF !important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23) !important; border: none; border-radius: 4px; } #notificationPopup .card .card-header h5 { font-style: normal; font-weight: 600; font-size: 16px; line-height: 32px; color: #3E3F3F; text-transform: none; margin-bottom: 0; } #notificationPopup .card.notification-box .card-header { padding: 0 24px !important; background-color: #fff !important; color: #151515 !important; border-radius: 0 !important; border: none; } #notificationPopup .notification-boxs.media-list { height: auto; max-height: 310px; min-height: 310px; margin: 16px 0 0; overflow-y: auto; } #notificationPopup .media-list li.media { border-bottom: none; padding: 0px; margin: 0px; } #notificationPopup .media-list li.media a { position: relative; font-size: 14px; letter-spacing: 0.16px; color: #151515; font-weight: 400; display: block; width: 100%; } #notificationPopup .media-list li.media a:hover { color: #1986E5; } #notificationPopup .media-list li.media .media-body .notiMSG { float: left; padding: 8px 65px 8px 40px; width: 100%; } #notificationPopup .media-list li.media .media-body .text-muted { position: absolute; top: 8px; right: 24px; float: right; display: block; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #3E3F3F !important; margin: 0 0; text-align: right; max-width: 45px; } #notificationPopup .media-list li.media a span.badge { background: #FF5630 !important; } #notificationPopup .media-list li.media .mr-3 { margin-right: 10px !important; } #notificationPopup .media-list li.media .media-body { width: auto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #151515; } .page-content { padding: 56px 0 0; margin: 0 auto; width: 100%; } .content,.content.myquotations { padding: 16px 0; } /*----------------------------------------- * Dashbord Page * -----------------------------------------*/ .dashboard-page .row { margin-left: -16px; margin-right: -16px; } .dashboard-page .row [class*="col-"] { padding-right: 16px; padding-left: 16px; } .dashboard-page .left-right-sidebar{ display: -ms-flexbox; display: flex; -ms-flex-wrap: inherit; flex-wrap: inherit; -ms-justify-content: center; justify-content: center; } .page-content .content-wrapper .content.dashboard-page { padding: 32px 0; margin: 0; } .dashboard-page .order-count-div{ margin: 0 0 24px; box-shadow: 0px 7px 50px #00000014; } .dashboard-page .order-count-div .holder-box.card { margin-bottom: 0; padding: 30px 30px; box-shadow: none !important; justify-content: center; min-height: 96px; border-radius: 0; } .dashboard-page .order-count-div .holder-box.card.embroidery-order { border-right: 1px solid #d1d7e1; border-radius: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; margin: 0; } .dashboard-page .order-count-div .holder-box.card.vector-order{ border-left: 1px solid #d1d7e1; border-radius: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; margin: 0; } .dashboard-page .order-count-div .holder-box.card.monthly-vector-order{ border-top: 1px solid #d1d7e1; border-radius: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; margin: 0; } .dashboard-page .order-count-div .holder-box.monthly-div { border-left: 1px solid #d1d7e1; margin-bottom: 0; box-shadow: none !important; justify-content: center; min-height: 192px; border-radius: 0; } .dashboard-page .order-count-div .holder-box.card a{ font-size: 18px; font-weight: 400; color: #186CC3; } .dashboard-page .updated-order-tbl.card { min-height: inherit; box-shadow: 0px 7px 50px #00000014 !important; border-radius: 8px; margin: 0; } .dashboard-page .updated-order-tbl.card.table-last .card-header { padding: 24px 24px 30px !important; } .dashboard-page .updated-order-tbl.card.table-last .card-header h5 { color: #3D4043; font-size: 16px; font-weight: 600; float: left; } .dashboard-page .updated-order-tbl.card.table-last .card-header span.card-title.float-right { color: #3D4043; font-size: 16px; font-weight: 600; float: right; } .dashboard-page .updated-order-table { max-height: 410px; min-height: 410px; overflow: auto; position: relative; z-index: 1; } .dashboard-page .updated-order-tbl.card .table { border: none; border-radius: 0; border-collapse: collapse; } .dashboard-page .updated-order-tbl.card .table th { font-size: 14px; font-weight: 600; padding: 0 7px 17px; line-height: 1; color: #3D4043; border-bottom: 2px solid #aaacae !important; text-align: left; white-space: nowrap; } .dashboard-page .updated-order-tbl.card .table thead tr th { position: -webkit-sticky; -ms-position: sticky; position: sticky; top: 0; z-index: 9; background-color: #fff; box-shadow: 0 1px 0 0 #aaacae; } .dashboard-page .updated-order-tbl.card .table thead tr th:first-child, .dashboard-page .updated-order-tbl.card .table tbody tr td:first-child { padding-left: 24px; } .dashboard-page .updated-order-tbl.card .table thead tr th:last-child, .dashboard-page .updated-order-tbl.card .table tbody tr td:last-child { padding-right: 24px; } .dashboard-page .updated-order-tbl.card .table tr .updates{ width: 146px; } .dashboard-page .updated-order-tbl.card .table tbody tr td { border-top: 1px solid #D7E5F5; text-align: left; padding: 7px 7px; font-size: 14px; font-weight: 400; line-height: 19px; color: #151515; height: 72px; } .dashboard-page .updated-order-tbl.card .table tbody tr:first-child td { border-top: none; } .dashboard-page .updated-order-tbl.card .table tbody tr td .order-image-thumbnail-carousel { height: 56px;display: block; } .dashboard-page .updated-order-tbl.card .table tbody tr td img { max-width: 56px; max-height: 56px; width: 100%; height: 100%; object-fit: contain; } .dashboard-page .updated-order-tbl.card .table tbody tr td span a { font-size: 14px; color: #151515; font-weight: 400; } .dashboard-page .updated-order-tbl.card .table .action-detail { border: 1px solid #D9E5F3; border-radius: 8px; font-size: 14px; font-weight: 600; color: #186CC3; padding: 5px 10px; word-wrap: break-word; white-space: nowrap; text-decoration: none; display: block; max-width: max-content; } .dashboard-page .updated-order-tbl.card .table .action-detail:hover { background: #EFF1F4; } .dashboard-page .updated-order-tbl.card .table .action-detail.pay-now { margin-top: 4px; } .dashboard-page .updated-order-tbl.card .table .status { border-radius: 8px; color: #3D4043; font-size: 12px; padding: 3.5px 8.1px; word-wrap: break-word; white-space: nowrap; margin: 1px 0; display: inline-block; width: auto; } .dashboard-page .updated-order-tbl.card .table .status.light-yellow { background: #FAE2AC; } .dashboard-page .updated-order-tbl.card .table .status.light-red { background: #F8DCD9; } .dashboard-page .updated-order-tbl.card .table .status.light-green { background: #E8F2C5; } .dashboard-page .updated-order-tbl.card .table .status.light-blue { background: #D7E5F5; } .dashboard-page .updated-order-tbl.card .table .status.light-violet { background: #EAE6FF; } .dashboard-page .updated-order-tbl.card .table .status.light-shadow { background: #EFF1F4; } .dashboard-page .updated-order-tbl.card .table .status.light-efedff{ background: #EFEDFF; } .dashboard-page .updated-order-tbl.card .table tbody tr td.dataTables_empty { text-align: center; } .dashboard-page .card.dashboard-slider-slick { position: relative; margin: 0; } .dashboard-page .content-boxs.card.dog-img { max-height: 610px; min-height: 610px; } .dashboard-page .content-boxs.card.dog-img:before { height: 610px; background: none; } .dashboard-page .dashboard-slider-slick a.slick-prev.slick-arrow, .dashboard-page .dashboard-slider-slick a.slick-next.slick-arrow { background: rgba(255,255,255,0.5); top: 24px; right: 24px; height: 40px; width: 40px; display: flex; flex-wrap: wrap; padding: 0; flex-direction: row; align-items: center; justify-content: center; } .dashboard-page .dashboard-slider-slick a.slick-prev.slick-arrow { right: 64px; } .dashboard-page .dashboard-slider-slick a.slick-arrow:hover { background: #EFF1F4; color: #186CC3; } .dashboard-page .card.dashboard-slider-slick .slick-arrow svg { width: 11px; height: 11px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dashboard-page .bottom-social ul { padding: 0; margin: 48px 0 0; list-style: none; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } .dashboard-page .bottom-social ul li { display: inline-block; padding-right: 34px; } .dashboard-page .bottom-social ul li:last-child { padding-right: 0; } .dashboard-page .bottom-social ul li a { font-size: 12px; color: #54595F; text-decoration: none; } .dashboard-page .bottom-social ul li a:hover{ color: #186CC3; text-decoration: underline; } .dataTables_wrapper { margin-top: auto; } .dashboard-page .dashboard_order_number { color: #1779CE !important; } /* .modal .modal-dialog .card-header.monthly-payment-modal-header{ border-bottom: none !important; padding: 10px 24px 15px !important;} */ .dashboard-page .updated-order-tbl.card.table-last .card-header.monthly-payment-modal-header { border-bottom: none !important; padding: 10px 24px 15px !important; } .modal .modal-dialog .monthly-payment-modal-footer{ margin: 20px; } .dashboard-page .order-count-div.new-order-count.row { box-shadow: none !important; margin: 0 -12px 24px; } .dashboard-page .order-count-div.new-order-count.row [class*="col-"] { padding-right: 12px; padding-left: 12px; } .dashboard-page .order-count-div.new-order-count .holder-box.card.embroidery-order { border-right: none; border-radius: 8px 8px 0px 0px; } .dashboard-page .order-count-div.new-order-count .holder-box.card.monthly-vector-order { border-radius: 0px 0px 8px 8px; } .dashboard-page .order-count-div.new-order-count .holder-box.monthly-div, .dashboard-page .order-count-div.new-order-count .place-order-list { border-left: none; -ms-justify-content: flex-start; justify-content: flex-start; box-shadow: 0px 7px 50px #00000014 !important; } .dashboard-page .order-count-div.new-order-count .holder-box.monthly-div { padding: 25px 25px; border-radius: 8px; } .dashboard-page .order-count-div.new-order-count .holder-box.monthly-div .declined { padding: 5px 7px; font-size: 12px; line-height: normal; } .dashboard-page .order-count-div.new-order-count .place-order-list .row.no-gutters { margin-right: 0; margin-left: 0; } .dashboard-page .order-count-div.new-order-count .place-order-list .row.no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; } .dashboard-page .order-count-div.new-order-count #monthly-process-orders h5, .dashboard-page .order-count-div.new-order-count #monthly-process-orders .date-view-order { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; -ms-justify-content: space-between; justify-content: space-between; width: 100%; margin: 0; } .dashboard-page .order-count-div.new-order-count #monthly-process-orders h5 { font-size: 16px; } .dashboard-page .order-count-div.new-order-count #monthly-process-orders .order-date { font-weight: 600; font-size: 18px;} .dashboard-page .order-count-div.new-order-count #monthly-process-orders .total-order p { font-weight: 600; } .dashboard-page .order-count-div.new-order-count #monthly-process-orders .total-order { align-items: center !important; display: flex !important; justify-content: space-between !important; } .dashboard-page .order-count-div.new-order-count #monthly-process-orders a { font-size: 15px; font-weight: 500; } .dashboard-page .order-count-div.new-order-count #monthly-process-orders .acition-btn { -ms-display: flex; display: flex; -ms-align-items: center; align-items: center; } .dashboard-page .order-count-div.new-order-count #monthly-process-orders .acition-btn .buy-now-btn { font-size: 14px; line-height: normal; padding: 7px 10px !important; } /*----------------------------------------- * Place Order Page * -----------------------------------------*/ #place-order-page .placeorder-title { display: none; font-size: 16px; font-weight: 600; color: #151515; padding: 0; } .placeorder-title label { display: block; font-size: 12px; color: #151515; font-weight: 400; margin: 6px 0 0; } #place-order-page .placeorder-bg.content { padding: 0; background: #FFFFFF; margin: 16px 0; } #place-order-page .placeorder-bg .card { padding: 24px 0 24px; max-width: 485px; margin: 0 auto; box-shadow: none !important; } #place-order-page .form-text { font-size: 12px; margin: 0 0; color: #151515 !important; } #place-order-page .placeorder-bg .form-group .col-form-label { font-size: 16px; font-weight: 400; color: #3E3F3F !important; padding: 0 0 4px; } #place-order-page .placeorder-bg .form-group.application-icon .item { position: relative; } #place-order-page .placeorder-bg .form-group.application-icon .icons { -ms-display: flex; display: flex; position: absolute; top: 50%; left: auto; right: 15px; -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%); } #place-order-page .placeorder-bg .form-group.application-icon .icons img { display: inline-block; margin-left: 5px; width: 100%; height: 100%; max-width: 25px; min-width: 25px; max-height: 25px; min-height: 25px; object-fit: contain; -webkit-transition: all .3s ease; transition: all .3s ease; } #place-order-page .placeorder-bg .form-group.application-icon .icons .rightIcon.active { opacity: 0; visibility: hidden; display: none; } #place-order-page .placeorder-bg .form-group.application-icon input[type="radio"]:checked + label ~ .icons .rightIcon.default { opacity: 0; visibility: hidden; display: none; } #place-order-page .placeorder-bg .form-group.application-icon input[type="radio"]:checked + label ~ .icons .rightIcon.active { opacity: 1; visibility: visible; display: block; } #place-order-page .placeorder-bg .form-group.fabric-icon .item { position: relative; } #place-order-page .placeorder-bg .form-group.fabric-icon .item label { padding-right: 45px; } #place-order-page .placeorder-bg .form-group.fabric-icon .rightIcon { position: absolute; top: 10px; left: auto; right: 15px; max-width: 30px; min-width: 30px; } #place-order-page .placeorder-bg .form-group.fabric-icon .img-toltip { opacity: 0; visibility: hidden; position: absolute; top: -39px; left: 100%; right: auto; margin-left: 8px; } #place-order-page .placeorder-bg .form-group.fabric-icon .img-toltip img { position: relative; z-index: 5; max-width: 180px; max-height: 180px; border-radius: 2px; } #place-order-page .placeorder-bg .form-group.fabric-icon .img-toltip:before { content: ''; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 18px solid #1986E5; display: block; position: absolute; right: 96%; left: auto; top: 50%; margin-top: -18px; } #place-order-page .placeorder-bg .form-group.fabric-icon .item:hover .img-toltip { opacity: 1; visibility: visible; } #place-order-page .placeorder-bg .form-group.fabric-icon .item:last-child .rightIcon, #place-order-page .placeorder-bg .form-group.fabric-icon .item:last-child .img-toltip { display: none; opacity: 0; visibility: hidden; } .rectangle-line { background: #D1E7FA; width: 160px; height: 4px; margin: 12px 0 28px 0; } .rectangle-full { background: #ECEDED; width: 100%; height: 4px; margin: 32px 0; } #place-order-page .two-input-col { margin-left: -4px; margin-right: -4px; } #place-order-page .two-input-col .item { padding-left: 4px; padding-right: 4px; float: left; width: 50%; } #place-order-page .file-preview { border: none; margin:0 0 13px; border-radius: 0; } #place-order-page .file-preview .close { display: none; font-size: 24px; top: -3px; padding: 0 4px; z-index: 9; } #place-order-page .file-drop-zone { margin:0 0; padding: 0; border: none; border-radius:0; } #place-order-page .file-drop-zone-title { font-size: 16px; font-weight: 400; padding: 14px 0 14px; margin: 0 0 16px; border: 1px dashed #ddd; border-radius: .1875rem; } #place-order-page .file-input-ajax-new .file-drop-zone { padding: .5rem; border: 1px solid #ddd; border-radius: .1875rem; } #place-order-page .file-thumbnail-footer { position: relative; background-color: transparent; border: none; } #place-order-page .file-preview-image { border-radius: 0; object-fit: contain; height: 100%; width: 100%; } #place-order-page .file-preview-image:hover { opacity: 0.8; } #place-order-page .file-preview-thumbnails { margin-left: -32px; margin-bottom: -16px; -ms-flex-pack: inherit; justify-content: inherit; } #place-order-page .file-preview-frame { /*width: calc(50% - 32px);*/ float: left; background-color: transparent; padding: 0; margin: 0; margin-left: 32px; margin-bottom: 16px; border: none; border-radius: 0; box-shadow: 0px 0px 20px #00000014; display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex: 0 0 calc(50% - 32px);flex: 0 0 calc(50% - 32px);max-width: calc(50% - 32px); } #place-order-page .file-preview-frame .kv-file-content { position: relative; height: auto; max-height: 300px; overflow: hidden auto; -ms-flex-positive: 1;flex-grow: 1; } #place-order-page .file-footer-buttons { float: none; font-size: 0; } #place-order-page .file-upload-indicator { padding: 0; } #place-order-page .file-upload-indicator i { display: none; position: absolute; top: 9px; right: 10px; font-size: 14px } #place-order-page .file-preview .file-error-message { text-align: left; margin: 15px 0 10px; padding: 10px 25px 10px 15px; background: #FFEBE6; color: #0E0E0E; border: 1px solid #FFBDAD; } #place-order-page .file-preview .file-error-message .close { display: block; top: 7px; right: 8px; color: #0E0E0E; font-weight: bold; } #place-order-page .file-footer-caption { white-space: normal; padding: 6px 0 0; margin: auto; border: none; } #place-order-page .file-input-div { margin-bottom: 33px; } #place-order-page .placeorder-bg .form-group { margin-bottom: 34px; } #place-order-page .file-caption-info, #place-order-page .file-size-info samp { text-align: center; font-size: 12px; font-weight: 400; color: #3D4043; display: block; padding: 0 5px; white-space: normal; word-wrap: break-word; } #place-order-page .select2-selection--single .select2-selection__rendered { padding-right: 0; } #place-order-page div.file-input { margin: 16px 0 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #place-order-page .file-input .input-group-append { margin-left: 0; } #place-order-page .file-input .input-group-append .btn.btn-file, #place-order-page .file-input .input-group-append .fileinput-remove { border-radius: 4px; padding: 11px 16px !important; font-size: 14px; font-weight: 400; margin: 0; } #place-order-page .file-input .input-group-append .fileinput-remove { margin: 0 10px 0 0; } #place-order-page .file-footer-buttons .kv-file-upload { padding: 0; } #place-order-page .file-footer-buttons .kv-file-remove { padding: 0 !important; width: 100%; background: #F7FAFF; text-align: center; color: #3E4043; font-size: 14px; font-weight: 600; height: 44px; line-height: 44px; border-radius: 0 !important; text-decoration: none; display: inline-block; position: relative; margin: 6px 0 0; opacity: 1; } #place-order-page .file-footer-buttons .kv-file-remove:hover { background: #186CC3; color: #EFF1F4; } #place-order-page .file-footer-buttons .kv-file-remove:after { content: "Remove file"; } #place-order-page .file-footer-buttons button i { display: none; } #place-order-page .file-caption.form-control, #place-order-page .file-size-info, #place-order-page .file-input .input-group-append .btn.btn-file i, #place-order-page .file-input .input-group-append .fileinput-remove, #place-order-page .file-footer-buttons .kv-file-zoom { display: none; } #place-order-page .placeorder-bg .form-group, #place-order-page .placeorder-bg .dimension-size { position: relative; } #place-order-page .placeorder-bg .dimension-size { margin: 0 0 4px; } #place-order-page .placeorder-bg .form-group .select2-selection--single, #place-order-page .placeorder-bg .form-group .form-control { height: 40px; line-height: 40px; border-bottom: 1px solid #E2E3E4; color: #151515 !important; background: #fff; border-top: none !important; padding: 0 15px !important; font-size: 18px; font-weight: 400; } #place-order-page .placeorder-bg .form-group.has-error .select2-selection--single, #place-order-page .placeorder-bg .form-group.has-error .form-control { border-color: #DE350B !important; } #place-order-page .placeorder-bg .form-group .select2-selection--single:hover, #place-order-page .placeorder-bg .form-group .form-control:hover, #place-order-page .placeorder-bg .form-group .form-control:focus, #place-order-page .placeorder-bg .form-group.form-comment .form-control:focus { background: transparent; border-color: #1986E5 !important; } .select2-selection--single .select2-selection__placeholder, #place-order-page .placeorder-bg .form-group .form-control::placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } #place-order-page .placeorder-bg .form-group .form-control::-webkit-input-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } #place-order-page .placeorder-bg .form-group .form-control::-moz-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } #place-order-page .placeorder-bg .form-group .form-control:-ms-input-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } #place-order-page .placeorder-bg .form-group .form-control:-moz-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } #place-order-page .select2-selection--single:focus .select2-selection__placeholder, #place-order-page .dataTables_filter input:focus .select2-selection__placeholder { color: #B8C3D5; } .help-block-error, #_error { margin: 2px 0 0; color: #DE350B !important; padding: 0 0 0 18px; font-size: 12px; width: 100%; text-align: left; } .help-block-error:before, #_error:before { content: "\f071"; font-family: FontAwesome; font-weight: 400; font-size: 13px; margin: 1px 0 0; } #place-order-page .form-select-multiple .text-area { margin-top: 16px; } #place-order-page .form-select-multiple label { background: #fff; color: #292A2A !important; font-size: 18px; font-weight: 400; margin: 4px 0 0; border: 1px solid #E2E3E4; display: block; border-radius: 4px; height: 40px; line-height: 37px; padding: 0 15px; cursor: pointer; -webkit-transition: box-shadow 400ms ease; transition: box-shadow 400ms ease; } #place-order-page .form-select-multiple label:hover { border-color: #1986E5; } #place-order-page .application-icon .form-select-multiple .item:hover label, #place-order-page .fabric-icon .form-select-multiple .item:hover label { border-color: #1986E5; } #place-order-page .form-select-multiple input[type="radio"] { display: none; } #place-order-page .form-select-multiple input[type="radio"]:checked + label { background: #1986E5; color: #FFFFFF !important; border-color: #1986E5; } #place-order-page .placeorder-bg .form-group.applique-opt { margin-top: -30px; } #place-order-page .placeorder-bg .form-group.important-note { margin-bottom:20px; } #place-order-page .placeorder-bg .form-group.important-note .note-div { margin-bottom: 0; margin-top: 4px; padding-top: 10px; border-top: 1px solid #E2E3E4; } #place-order-page .placeorder-bg .form-group.important-note .col-form-label { padding: 0 0 4px; } #place-order-page .placeorder-bg .form-group.important-note .form-check-label{ color: #292A2A; font-size: 18px; } #place-order-page .placeorder-bg .form-check-label .uniform-checker { top: 4px; width: 15px; height: 15px; } #place-order-page .placeorder-bg .form-check-label .uniform-checker span { width: 15px; height: 15px; border-radius: 0; border: 2px solid #151515; } #place-order-page .placeorder-bg .form-check-label .uniform-checker span:after { font-size: 15px; background-color: #151515; color: #fff; } #place-order-page .placeorder-bg .form-group.important-note .form-check { padding-left:25px; margin-bottom: 4px; } #place-order-page .form-check-inline .uniform-checker, #place-order-page .form-check-inline .uniform-choice { margin-right: 5px; } #place-order-page .placeorder-bg .form-group.form-comment .col-form-label { padding: 4px 0 7px; } #place-order-page .placeorder-bg .form-group.form-comment .form-control { border: 1px solid #E2E3E4 !important; border-radius: 4px; } #place-order-page .placeorder-bg .form-group.form-comment .price-div,#place-order-page .placeorder-bg .form-group .price-div { border: none; } #place-order-page .placeorder-bg .form-group .price-div .form-control { min-height: 160px; line-height: normal; padding-top: 10px !important; padding-bottom: 10px !important; border: 1px solid #E2E3E4 !important; } #place-order-page .placeorder-bg .form-group .price-div .form-control:hover, #place-order-page .placeorder-bg .form-group .price-div .form-control:focus { border-color: #1986E5 !important; } #place-order-page .placeorder-bg .promo-code-div button { margin-left: 24px !important; } #place-order-page .placeorder-bg .promo-code-div .form-group.promo-offer { padding: 15px; margin-bottom: 0; } #place-order-page .placeorder-bg .form-group .form-control#promo_code { width: 80%; } #place-order-page .placeorder-bg .promo-code-div .show-message span { margin-top: 10px; font-size: 12px; color: #00875A; line-height: 16px; } #place-order-page .placeorder-bg .promo-code-div .show-message span.promo-code-exist { color: #DE350B; } #place-order-page .placeorder-bg .promo-code-div .show-message svg { margin: -2px 4px 0 0; } #place-order-page .placeorder-bg .promo-code-div .form-group.promo-offer .col-form-label { font-size: 12px; color: #3D4043 !important; } #place-order-page .placeorder-bg .form-group.discount .col-form-label, #place-order-page .placeorder-bg .form-group.discount span { color: #151515; font-size: 16px; font-weight: 600; line-height: 32px; margin: 0 0; padding: 0; } #place-order-page .row.bottom-action { margin-top: 72px; } #place-order-page .placeorder-bg .row.bottom-action .form-check-label, #place-order-page .placeorder-bg .row.bottom-action .text-center .form-check .form-check-label a.ml-1 { font-size: 18px; color: #151515 !important; } #place-order-page .placeorder-bg .row.bottom-action .text-center .form-check .form-check-label a.ml-1:hover { color: #1986E5 !important; text-decoration: underline; } #place-order-page .placeorder-bg .row.bottom-action .form-check-label .uniform-checker { position: absolute; left: 0; } #place-order-page .placeorder-bg .row.bottom-action .form-check-label { padding-left: 20px; } #place-order-page .placeorder-bg .row.bottom-action .form-check-label a { font-size: inherit; } #place-order-page .placeorder-bg .row.bottom-action .form-check.form-check-inline.mb-3 { padding: 0; margin: 0 0 24px !important; } #place-order-page .placeorder-bg #sewout_error { margin: -20px 0 24px; } #place-order-page .placeorder-bg .row.bottom-action .btn.btn-primary.mr-2 { margin-right: 16px !important; } #place-order-page .placeorder-bg .form-group.discount{ margin-top: -5px; margin-bottom: 0; } #place-order-page .placeorder-bg .review-order .order-detail { border-top: 4px solid #ECEDED; padding-top: 28px; margin-top: 32px;} #place-order-page .review-place-order h5 { color: #151515; font-size: 16px; font-weight: 600; letter-spacing: normal; line-height: 20px; margin: 0 0 4px; } #place-order-page .review-place-order .rectangle-line { margin: 0 0 16px; } #place-order-page .review-place-order .review-order-content p { font-size: 14px; line-height: 20px; } #place-order-page .review-place-order .order-logo { margin-right: 16px; } #place-order-page .review-place-order .order-logo img { max-height: 96px; max-width: 96px; } #place-order-page .review-place-order h6 { color: #151515; font-size: 14px; font-weight: 600; letter-spacing: normal; line-height: 20px; margin: 10px 0; } #place-order-page .review-place-order p { color: #151515; font-size: 12px; font-weight: 400; line-height: 17px; margin: 0 0 4px; } #place-order-page .review-place-order table td { color: #3D4043; font-size: 12px; font-weight: 400; line-height: 16px; vertical-align: top; padding: 0 0 8px; margin: 0; border: none; } #place-order-page .review-place-order table .v_design_name_print_span td:last-child { max-width: 200px } #place-order-page .review-order-content .v_design_print_span { width: 85px !important; float: right; } #place-order-page .review-place-order table td:first-child{ min-width: 155px; padding-right: 8px; } #place-order-page .review-place-order table td:last-child{ color: #151515; padding-left: 8px; } #place-order-page .review-place-order table tr:last-child td { padding-bottom: 0; } #place-order-page .file-input-div .design-row { margin-left: -32px; /* margin-bottom: -16px; */ margin-top: 32px; -ms-flex-pack: inherit; justify-content: inherit; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } #place-order-page .file-input-div .design-row .v_design_div { float: left; margin-left: 32px; margin-bottom: 0px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 0 0 calc(100% - 32px); flex: 0 0 calc(100% - 32px); max-width: calc(100% - 32px); } #place-order-page .file-input-div .design-row .v_design_div:last-of-type { clear: both; width: 100%; -ms-flex: 0 0 calc(100%); flex: 0 0 calc(100%); max-width: calc(100%); -ms-flex-direction: inherit; flex-direction: inherit; } #place-order-page .file-input-div .design-row .file-drop-disabled { height: 100%; } #place-order-page .file-input-div .design-row .file-preview-thumbnails { margin-left: 0; margin-bottom: 0; height: auto; } #place-order-page .file-input-div .design-row .v_design_div .file-preview-frame { -ms-flex: 0 0 calc(100%); flex: 0 0 calc(100%); max-width: calc(100%); margin-left: 0; margin-bottom: 16px; } #place-order-page .file-input-div .design-row div.file-input { margin: 0px 0 0; height: 100%; } #place-order-page .file-input-div .design-row .file-preview { margin: 0 0 0; } .get_a_quote_loader, .place_order_loader, .edit_order_disabled, .place_order { display: inline-block; } /* .btn svg { width: 20px; height: 20px; } */ .get_a_quote_loader .spin,.place_order_loader .spin, .edit_order_disabled .spin, .place_order .spin{ display: inline-block; position: relative; vertical-align: middle; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .has-error.form-group .form-control{ border-bottom-color: #d45144; } .select2-container .select2-dropdown { background: #FFFFFF; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); border-radius: 4px; } .select2-container .select2-results > .select2-results__options { padding: 8px 0; } .select2-container .select2-results .select2-results__option { font-size: 14px; color: #151515 !important; } .select2-container .select2-results .select2-results__option, .select2-container .select2-results .select2-results__option:first-child > .select2-results__group { font-size: 14px; padding: 8px 16px; } .select2-container .select2-results .select2-results__option + .select2-results__option:hover, .select2-container .select2-results .select2-results__option[aria-selected="true"], .select2-container .select2-results .select2-results__option.select2-results__option--highlighted { background: #EFF1F4; color: #151515 !important; } .select2-container .select2-results .select2-results__option[role="group"], .select2-container .select2-results .select2-results__option[role="group"] > .select2-results__options--nested .select2-results__option:first-child { padding: 0; } /*----------------------------------------- * My Orders Page * -----------------------------------------*/ .my-orders-page .search-pagination-action { margin: 0 0 24px; } .my-orders-page .search-form .form-control{ width: 352px; height: 40px; font-size: 14px; letter-spacing: 0.16px; border: 1px Solid #E2E3E4 !important; border-radius: 4px; padding: 6px 16px 6px 40px; background-color: #fff; } .my-orders-page .search-form .form-control:hover, .my-orders-page .search-form .form-control:focus{ border-color: #1986E5 !important; } .my-orders-page .search-form .form-control[disable] { color:#A6A7A8; background: #D4D6D7; border: 1px solid #A6A7A8; } .my-orders-page .search-form .form-control[disable] ~ .search-btn svg { fill: #7C7D7E; opacity: 0.5; } .my-orders-page .search-form .search-btn { position: absolute; top: 10px; left: 16px; padding: 0 !important; border: none !important; background: transparent; } .my-orders-page .search-form .search-btn svg { width: 20px; height: 20px; } .my-orders-page .search-pagination-action .sort-form .btn.dropdown-toggle { vertical-align: middle; background-color: #fff !important; border-color: #E2E3E4 !important; color: #3E3F3F !important; border-radius: 0 !important; font-size: 15px; font-weight: 600; height: 40px; } .my-orders-page .search-pagination-action .sort-form .btn.dropdown-toggle svg { color: #3E3F3F; fill: #3E3F3F; width: 16px; height: 16px; margin: 0 4px 0 0; vertical-align: middle; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .my-orders-page .search-pagination-action .sort-form .btn.dropdown-toggle svg path { color: #3E3F3F; fill: #3E3F3F; } .my-orders-page .search-pagination-action .sort-form .dropdown-menu { min-width: 172px; max-width: 172px; padding: 8px 16px; } .my-orders-page .search-pagination-action .sort-form .sort_type { display: block; background: #FFFFFF; color: #3E3F3F; border: none; font-size: 14px; font-weight: 400; padding: 8px 16px; border-radius: 4px; text-decoration: none; } .my-orders-page .search-pagination-action .sort-form .sort_type.active, .my-orders-page .search-pagination-action .sort-form .sort_type:hover { background: #EFF1F4; color: #000; } .my-orders-page .pagination_info { font-size: 16px; font-weight: 400; margin-left: 8px; } .my-orders-page .orders_paginate .paginate_button { display: inline-block; width: 20px; margin-left: 4px; } .my-orders-page .orders_paginate .paginate_button.active svg path, .my-orders-page .orders_paginate .paginate_button:hover svg path { fill: #186CC3; } .my-orders-page .orders_paginate .paginate_button.disabled { opacity: 0.5; } .my-orders-page .card { padding: 16px 24px; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5) !important; border-radius: 4px; margin: 0 0 8px; } .my-orders-page .card:hover { box-shadow: 0px 7px 50px rgba(231, 232, 233, 0.5) !important; } .my-orders-page .card-header { border-bottom: 1px solid #ECEDED !important; color: #151515 !important; padding: 0 0 3px !important; border-radius: 0 !important; } .my-orders-page .card-header .float-right .amount-due { font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #151515; margin: 0 8px 0 0; } .my-orders-page ul { list-style: none; padding: 0; margin: 0; } .my-orders-page ul li { display: inline-block; position: relative; } .my-orders-page ul li:after { content: "|"; margin: 0 8px; font-weight: 400; line-height: normal; display: inline-block; vertical-align: top; } .my-orders-page ul li:last-child:after { content: none; } .my-orders-page ul li a { font-size: 14px; color: #151515; } .my-orders-page ul li a:hover { color: #1779CE; text-decoration: underline; } .my-orders-page .order_number { color: #1779CE; } .my-orders-page .card-header ul li.order-id { font-weight: 600; } .my-orders-page .card-body { padding: 16px 0 0 !important; } .my-orders-page .card-body .product-img .order-image-thumbnail-carousel, .my-orders-page .card-body .product-img { width: 128px; height: 128px; display: block; } .my-orders-page .card-body .product-img img { width: 100%;height: 100%;object-fit: contain; } .my-orders-page .card-footer { border-top: 1px solid #ECEDED; background-color: #FFFFFF; border-radius: 0; padding: 16px 0 0; margin: 15px 0 0; } .my-orders-page .card-footer h3 { font-weight: 600; font-size: 16px; line-height: 32px; color: #3E3F3F; letter-spacing: normal; margin: 0 0 4px; } .my-orders-page .card-footer p { margin: 0; color: #151515; } .my-orders-page ul.product-type { color: #3E3F3F; } .my-orders-page ul.product-type li:after { margin: 0 4px; } .my-orders-page .product-price { color: #000; margin: 4px 0 0; display: block; } .my-orders-page .card-body .product-content { padding: 0 24px; } .my-orders-page .product-action { width:198px; } .my-orders-page .product-action .btn { margin: 0 0 4px; width: 100%; } .my-orders-page .product-action .btn-secondary-light.chatButton svg { display: inline-block; vertical-align: middle; margin: 0 0 0 4px; fill: #3E3F3F; } .my-orders-page .product-action #dropdownzipfile svg path { color: #ffffff; fill: #ffffff; } .my-orders-page .product-action .dropdown .dropdown-menu { padding: 8px 8px; } .my-orders-page .product-action .dropdown .dropdown-item { padding: 8px 12px; color: #637483; white-space: normal; word-wrap: anywhere; } .my-orders-page .product-action .dropdown .dropdown-item:hover { background: #EFF1F4; color: #000; } .my-orders-page .search-pagination-action .sort-form #sort_type { background-image: url('../images/select-down-arrow.png'); background-repeat: no-repeat; background-position: center right 10px; background-size: 12px; cursor: pointer; letter-spacing: 0.16px; border: 1px Solid #E2E3E4 !important; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } .my-orders-page .search-pagination-action .sort-form #sort_type::-ms-expand { display: none; } .quote_image {max-width: 50px; max-height: 50px; text-align: left!important; width: 50px; height: 50px;} .quote_image_text {font-size: 13px; text-align: left!important;} #quotation_detail_table .table td span, #quotation_detail_table .table th { font-size: 15px; } .quote-received-body { height: 200px; } .quote-update-alert { position: absolute; width: 8px; height: 8px; top: 74px; right: 22px; background: #FF5630; border-radius: 50%; } .quote-detail-update-alert { position: absolute; width: 8px; height: 8px; top: -2px; right: 154px; background: #FF5630; border-radius: 50%; } .upload-alert{ position: absolute; width: 8px; height: 8px; left: -13px; top: 7px; background: #DE350B; border-radius: 50%; } .upload-dashboard-alert { padding: 4px; border-radius: 50%; position: absolute; left: 11px; margin-top: 6px; } .unread_bg{ background-color: rgb(234 241 255 / 27%) !important; } .my-orders-page .btn.btn-secondary,.order-details-page .btn.btn-secondary{ background-color: #ffffff !important; border: 1px solid #1986E5 !important; color: #151515 !important; } .my-orders-page .btn.btn-secondary:hover, .order-details-page .btn.btn-secondary:hover{ background-color: #F1F1F2 !important; border: 1px solid #1779CE !important; color: #151515 !important; } /*----------------------------------------- * Account page * -----------------------------------------*/ .text-danger { color: #DE350B !important; } .min-h100{ min-height: 100%; } .placeorder-bg .form-group .col-form-label { color: #3E3F3F !important; font-size: 16px; font-weight: 400; line-height: 24px; padding: 0 0 4px; text-align: left; } .placeorder-bg .form-group .form-control { display: block; color: #151515 !important; border: none !important; border-bottom: 1px solid #E2E3E4 !important; font-size: 18px; line-height: 24px; height: 40px; padding: 5px 15px; } .placeorder-bg .form-group .form-control:focus, .placeorder-bg .form-group .form-control:hover, .placeorder-bg .form-control:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):focus, .placeorder-bg .select2-selection--single:focus, .placeorder-bg .select2-selection--single:focus, .placeorder-bg .select2-container--open .select2-selection--single, .form-control:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):focus, .form-control:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):hover { background: transparent; border-color: #1986E5 !important; } .placeorder-bg .form-group.has-error .form-control { border-color: #DE350B !important; } .placeorder-bg .form-group .form-control::placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .placeorder-bg .form-group .form-control::-webkit-input-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .placeorder-bg .form-group .form-control::-moz-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .placeorder-bg .form-group .form-control:-ms-input-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .placeorder-bg .form-group .form-control:-moz-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .my-account-page.content { padding: 16px 0; overflow: hidden; } .my-account-page .card { background: #FFFFFF !important; box-shadow: none !important; border-radius: 0px 4px 4px 0px; min-height: 100%; padding: 0; margin: 0 0 20px; } .my-account-page .card.my-account-links { background: #FAFAFB !important; border-radius: 4px 0px 0px 4px; } .my-account-page .card.my-account-links .btn { width: 100%; padding: 16px 32px !important; font-size: 16px; font-weight: 400; text-align: left; line-height: 24px; background: #FAFAFB !important; border: none !important; color: #151515; border-radius: 0 !important; } .my-account-page .card.my-account-links .btn.active, .my-account-page .card.my-account-links .btn:hover { color: #146BB7 !important; background: #F5F6F6 !important; } .my-account-page .card .card-header { border-radius: 0 !important; padding: 16px 32px !important; } .my-account-page .card .card-header .card-title { color: #151515; text-transform: none; font-weight: 600; font-size: 20px; line-height: 32px; letter-spacing: normal; } .my-account-page .card .card-body { padding: 8px 32px 0; } .my-account-page .card .card-body .table-content { overflow: auto; } .my-account-page .card .card-body table { border-collapse: collapse; border-spacing: 0; table-layout: auto; margin: 0; padding: 0; width: 100%; } .my-account-page .card .card-body table td { color: #151515; font-size: 16px; line-height: 24px; border-bottom: 1px solid #E7E8E9; padding: 10px 0 10px; margin: 0; } .my-account-page .card .card-body table tr td:first-child { width: 235px; color: #3E3F3F; padding-right: 10px; } .my-account-page .card .card-body table tr:first-child td { padding-top: 0; } .my-account-page .card .card-body table tr:last-child td { border-bottom: none; } .my-account-page .card .card-body .button-action{ margin-top: 32px; } .my-account-page .note-text { font-size: 12px; } .my-account-page.placeorder-bg .form-group { position: relative; margin-bottom: 16px; } .edit-account-bg.my-account-page .row.two-row { margin-left: -16px; margin-right: -16px; } .edit-account-bg.my-account-page .row.two-row [class*="col-md"] { padding-right: 16px; padding-left: 16px; } .my-account-page .card-detail .card-number { padding: 9px 24px; background: #F5F6F6; border-radius: 4px; margin: 0 0 4px 0; } .my-account-page .card-detail .card-number p { font-size: 16px; line-height: 24px; color: #000000; font-weight: 400; margin: 0; } .my-account-page .card-detail p.number { margin: 0 72px 0 0; } .my-account-page .card-detail .addcard-div { display: block; padding: 0; margin: 48px 0 0; width: auto; border: none; border-radius: 0; } .my-account-page .card-detail .addcard-div button.add-card-btn { display: inline-block; width: auto; } .my-account-page .card-detail .card-form { display: none; background: rgb(250, 250, 251) none repeat scroll 0% 0%; border-radius: 4px; padding: 16px 24px; margin: 4px 0 0; } .my-account-page .card-detail .card-form h5 { font-weight: 600; font-size: 16px; line-height: 32px; color: #151515; letter-spacing: normal; margin: 0 0 16px; } .my-account-page .card-detail .card-form .form-inline { margin: 0 0 16px; } .my-account-page .card-detail .card-form .form-inline label { font-size: 16px; font-weight: 400; line-height: 24px; color: #3E3F3F; padding: 0 0 4px; } .my-account-page .card-detail .card-form .form-inline .form-control, .my-account-page .card-detail .card-form .StripeElement { background: #FAFAFB; border: none; border-bottom: 1px solid #E2E3E4; font-size: 18px !important; line-height: 24px; height: 40px; padding: 5px 15px; border: none; border-bottom: 1px solid #E2E3E4 !important; } .my-account-page .card-detail .card-form .form-inline .form-control:hover, .my-account-page .card-detail .card-form .form-inline .form-control:focus, .my-account-page .card-detail .card-form .StripeElement:hover, .my-account-page .card-detail .card-form .StripeElement:focus { border-bottom: 1px solid #1986E5 !important; } .my-account-page .modal-content { box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5) !important; border-radius: 4px; padding: 24px; } .my-account-page .order-count-div .holder-box.card#ready-orders { box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5) !important; padding: 15px 25px; min-height: 80px; -ms-justify-content: space-between; justify-content: space-between; } .my-account-page .order-count-div .holder-box.card#ready-orders h3 { font-size: 18px; color: #3D4043; font-weight: 600; margin: 0; } .my-account-page .order-count-div .holder-box.card#ready-orders .total-order { margin: 10px 0 5px; } .my-account-page .order-count-div .holder-box.card#ready-orders .total-order .declined { padding: 6px 8px; font-size: 13px; line-height: normal; } .my-account-page .payment_detail_total { font-size: 15px; font-weight: 500; margin: 0; } .my-account-page .updated-order-tbl.card.table-last .card-header { padding: 24px 0px 30px !important; } .my-account-page .updated-order-tbl.card.table-last .card-header h5 { color: #3D4043; font-size: 16px; font-weight: 600; float: left; } .my-account-page .updated-order-tbl.card.table-last .card-header span.card-title.float-right { color: #3D4043; font-size: 16px; font-weight: 600; float: right; } .my-account-page .updated-order-table { max-height: 410px; min-height: 410px; overflow: auto; position: relative; z-index: 1; } .my-account-page .updated-order-tbl.card .table { border: none; border-radius: 0; border-collapse: collapse; } .my-account-page .updated-order-tbl.card .table th { font-size: 14px; font-weight: 600; padding: 0 7px 17px; line-height: 1; color: #3D4043; border-bottom: 2px solid #aaacae !important; text-align: left; white-space: nowrap; } .my-account-page .updated-order-tbl.card .table thead tr th { position: -webkit-sticky; -ms-position: sticky; position: sticky; top: 0; z-index: 9; background-color: #fff; box-shadow: 0 1px 0 0 #aaacae; } .my-account-page .updated-order-tbl.card .table thead tr th:first-child, .my-account-page .updated-order-tbl.card .table tbody tr td:first-child { padding-left: 0px; } .my-account-page .updated-order-tbl.card .table thead tr th:last-child, .my-account-page .updated-order-tbl.card .table tbody tr td:last-child { padding-right: 0px; } .my-account-page .updated-order-tbl.card .table tr .updates{ width: 146px; } .my-account-page .updated-order-tbl.card .table tbody tr td { border-top: 1px solid #D7E5F5; text-align: left; padding: 7px 7px; font-size: 14px; font-weight: 400; line-height: 19px; color: #151515; height: 72px; } .my-account-page .updated-order-tbl.card .table tbody tr:first-child td { border-top: none; } .my-account-page .updated-order-tbl.card .table tbody tr td .order-image-thumbnail-carousel { height: 56px;display: block; } .my-account-page .updated-order-tbl.card .table tbody tr td img { max-width: 56px; max-height: 56px; width: 100%; height: 100%; object-fit: contain; } .my-account-page .updated-order-tbl.card .table tbody tr td span a { font-size: 14px; color: #151515; font-weight: 400; } .my-account-page .updated-order-tbl.card .table .action-detail { border: 1px solid #D9E5F3; border-radius: 8px; font-size: 14px; font-weight: 600; color: #186CC3; padding: 5.5px 15px; word-wrap: break-word; white-space: nowrap; text-decoration: none; display: inline-block; } .my-account-page .updated-order-tbl.card .table .action-detail:hover { background: #EFF1F4; } .my-account-page .updated-order-tbl.card .table tbody tr td.dataTables_empty { text-align: center; } .my-account-page .payment-details .updated-order-tbl.card.table-last .card-header { padding: 24px 0px 24px !important; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper.dataTables_wrapper { position: relative; clear: both; max-width: 100%; margin-top: auto; margin-bottom: 24px; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper .dataTables_paginate { float: right !important; text-align: right; margin: 6px 0 0; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper .paginate_button { cursor: pointer; border-radius: 0; padding: 0; background: none; border: none; color: #3D4043; text-align: left; margin: 0 0 0 10px; min-width: 15px; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper .paginate_button.next { text-align: right; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper .paginate_button:before { content: "\f053"; font: normal normal normal 12px/1 FontAwesome; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper .paginate_button.next:before { content: "\f054"; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper .paginate_button:hover { color: #146BB7; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper .paginate_button.disabled { opacity: 0.5; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper .row svg { display: none; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper .row .dataTables_info { float: right !important; color: #000; font-size: 16px; font-weight: 400; margin: 0 0 0 20px; padding: 0; } .my-account-page .updated-order-table .scroll-element { display: none;} .order-reports-account.my-account-page.placeorder-bg .form-group .form-control { padding: 5px 22px 5px 15px; } .order-reports-account.my-account-page .input-group-append { position: absolute; right: 0; top: 11px; margin: 0; } .order-reports-account.my-account-page.placeorder-bg .form-check-label{ white-space: nowrap; } .placeorder-bg .form-check-label { text-transform: none; font-size: 18px; line-height: 24px; color: #151515; } .placeorder-bg .form-check-label .uniform-checker { top: 5px; width: auto; height: auto; } .placeorder-bg .form-check-label .uniform-checker input { width: 15px; height: 15px; } .placeorder-bg .form-check-label .uniform-checker span { width: 15px; height: 15px; border: 2px solid #151515; border-radius: 0; } .placeorder-bg .form-check-label .uniform-checker span:after { font-size: 15px; } .placeorder-bg .form-check-label .uniform-checker span.checked:after { background: #151515; color: #ffffff; } .placeorder-bg .form-check:not(.form-check-inline) { margin: 0 0 8px; padding: 0 0 0 21px; font-size: inherit; } .placeorder-bg .form-check:not(.form-check-inline):last-child { margin: 0; } .placeorder-bg .clear-all .form-check-label .uniform-checker span.checked:after { content: "\e9b7"; } .order-reports-account.my-account-page.placeorder-bg .order-status-items .form-check-div .form-check { display: inline-block; padding-right: 24px; width: 50%; float: left; } .order-reports-account.my-account-page .card .card-body .button-action { margin-top: 48px; } .unstyled::-webkit-inner-spin-button, .unstyled::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } .notification-settings-account h6 { font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #000000; margin: 0 0 16px; } .notification-settings-account .switch-items { margin: 0 0 16px; } .notification-settings-account .switch-items .btn-switch { color: #6b7381; background: #bdc1c8 !important; border: none !important; margin: 0; padding: 0 !important; width: 48px; height: 24px; border-radius: 12px !important; position: relative; } .notification-settings-account .switch-items .btn-switch.active { background: #24A148 !important; transition: background-color 0.25s; } .notification-settings-account .switch-items .btn-switch > .switch { position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background: #FFFFFF; transition: left 0.45s; } .notification-settings-account .switch-items .btn-switch.active > .switch { left: auto; right: 4px; transition: right 0.45s; } /*----------------------------------------- * Popup * -----------------------------------------*/ .modal-backdrop.show { background: rgba(0,0,0,0.5); opacity:1; transition: all 0.3s ease-in-out; } .fancybox-overlay { background: rgba(0,0,0,0.5); opacity:1; transition: all 0.3s ease-in-out; } .modal { display: block !important; opacity: 0; visibility: hidden; -webkit-transform: scale(0.9); transform: scale(0.9); transition: all 0.3s ease-in-out; z-index: -1; } .modal.show { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); z-index: 99999; } .modal .modal-content { border: none; border-radius: 4px; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5); transition: all 0.3s ease-in-out; } .modal .modal-dialog { margin: 0 auto !important; width: 99%; max-width: 544px; position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%) !important;transform: translateY(-50%) !important; overflow: auto; max-height: 95vh; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5); transition: all 0.3s ease-in-out; } .modal .modal-dialog .card-header { padding: 16px 24px 16px 24px !important; border-bottom: 1px solid #ECEDED !important; border-radius: 4px 4px 0 0 !important; } .modal .modal-dialog .card-title { color: #151515; font-weight: 600; font-size: 16px; line-height: 32px; margin: 0; } .modal .modal-dialog .card-header button.close:hover svg path { color: #1779CE; fill: #1779CE; } .chat-popup .chat-footer textarea { padding: 12px 56px 12px 56px; color: #151515; font-size: 14px; letter-spacing: 0.16px; font-weight: 400; border: none; border-top: 1px solid #ECEDED !important; height: 46px; max-height: 46px; min-height: 46px; } .chat-popup .chat-footer a.attech-icon { cursor: pointer; background: none; left: 24px; width: auto; padding: 0; } .chat-popup .chat-footer button.button-next { cursor: pointer; background: none; right: 24px; width: auto; padding: 0; } .chat-popup .chat-footer a.attech-icon:hover svg path,#image_upload_preview .item .text-danger:hover svg path, .chat-popup .chat-footer button.button-next:hover svg path { color: #151515; fill: #151515; } .chat-popup.modal .chat-footer textarea::placeholder { font-size: 14px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .chat-popup.modal .chat-footer textarea::-webkit-input-placeholder { font-size: 14px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .chat-popup.modal .chat-footer textarea::-moz-placeholder { font-size: 14px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .chat-popup.modal .chat-footer textarea:-ms-input-placeholder { font-size: 14px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .chat-popup.modal .chat-footer textarea:-moz-placeholder { font-size: 14px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .chat-popup .chat-support .media-chat-item-reverse .media-chat-item:not([class*="bg-"]) { border-color: #E8F3FC; background: #E8F3FC; padding: 6px 16px; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #151515; border-radius: 4px; white-space: normal; word-wrap: anywhere; } .chat-popup .chat-support .media-chat-item-reverse .media-chat-item::not(.home) { white-space: normal;} .chat-popup .media-list li.media .media-body .text-muted { font-size: 12px; font-weight: 400; } .chat-popup .chat-support .media-chat-item:not([class*="bg-"]) { border-color: #E7E8E9; background: #E7E8E9; border-radius: 4px; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #151515; padding: 6px 16px; vertical-align: middle; white-space: normal; word-wrap: anywhere; } .modal .media-list li.media { padding: 4px 24px 4px 24px; margin: 0px; } .modal .media-chat-item::before, .modal .media-chat-item-reverse .media-chat-item:before { display: none; } .modal .card-body .media-chat-scrollable { min-height: 380px; overflow: auto; margin: 12px 0; /*display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: end; justify-content: flex-end;*/ } .modal .media-list li.media.media-chat-item-reverse .media-body { -ms-flex: 1; flex: 1; } .modal #image_upload_preview { padding: 0 24px; } .modal #image_upload_preview .item { background: #ECEDED; border: 1px solid #E2E3E4; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #151515; border-radius: 4px; padding: 9px 16px; margin: 4px 0; } .modal #image_upload_preview .item:last-child, .modal #image_upload_preview .border-blue:last-child { margin-bottom: 14px !important; } .modal #image_upload_preview .item .text-danger { float: right; padding: 5px 0 0; border: none; outline: none; } .modal #image_upload_preview .item .text-danger:hover svg path { color: #1986E5; } .modal .header-section { display: block; padding: 16px 24px; margin: 0; border-bottom: 1px solid #D7E5F5; } .modal .header-section .order-id { margin: 0 0 15px; } .modal .file-upload-div h6 { font-size: 16px; line-height: 24px; color: #151515; margin: 0; letter-spacing: normal; } .modal .file-upload-div span { font-size: 12px; letter-spacing: 0.32px; color: #151515; display: block; } .modal .modal-content .header-section .dropzone .file_upload { display: inline-block; opacity: 0; position: absolute; z-index: -1; } .modal .modal-content .header-section .dropzone { margin: 0; padding: 0; min-height: inherit; border: none !important; } .modal .modal-content .form-group .col-form-label { font-size: 16px; line-height: 24px; color: #3E3F3F !important; padding: 0 0 4px; } .modal-content .form-group .price-div { border: none; } .modal-content .form-group .price-div .form-control { font-size: 18px; line-height: 24px; color: #151515; border: 1px solid #E2E3E4 !important; font-weight: 400; border-radius: 4px; padding: 8px 16px; min-height: 160px; } .modal .modal-content .header-section { margin: 0; border: none; } .modal .modal-content .modal-body { padding: 0 24px 16px; margin: 0; } .modal .modal-content .modal-body .form-group { margin-bottom: 32px; } .modal .modal-dialog textarea::placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .modal .modal-dialog textarea::-webkit-input-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .modal .modal-dialog textarea::-moz-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .modal .modal-dialog textarea:-ms-input-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .modal .modal-dialog textarea:-moz-placeholder { font-size: 18px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } /* Card Payment Popup */ .card-payment-modal .header-section .price p { font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #3E3F3F; margin: 0 0 4px; } .card-payment-modal .header-section .price h2 { font-size: 32px; line-height: 40px; color: #000000; margin: 0 0 24px; } .card-payment-modal h4.method { margin: 0 0 8px; font-weight: 600; font-size: 16px; line-height: 32px; color: #151515; letter-spacing: normal; } .card-payment-modal .card-number button { padding: 0; outline: none; } .card-payment-modal .modal-body .card-number button .logo-number { justify-content: center; padding: 17px 16px; outline: none; background: #FFFFFF; border: 1px solid #1986E5; box-sizing: border-box; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5); border-radius: 4px; } .card-payment-modal .modal-body .card-number button .logo-number:hover { background: #1779CE; color: #fff; } .card-payment-modal .modal-body .card-number button .logo-number p.number { font-size: 18px; font-weight: 400; line-height: 24px; color: #151515; margin: 0; } .card-payment-modal .modal-body .card-number button .logo-number:hover p.number { color: #ffffff; } .card-payment-modal .footer-section { padding: 0; margin: 8px 0 0; } .card-payment-modal .footer-section button { background: #FFFFFF; border: 1px solid #1986E5!important; box-sizing: border-box; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5); border-radius: 4px; justify-content: center; padding: 17px 16px; font-size: 18px; font-weight: 400; line-height: 24px; color: #151515; } .card-payment-modal .footer-section button:hover { background: #1779CE; color: #ffffff; } .card-payment-modal .footer-section button.pay-pal { background: #FFFFFF !important; border: 1px solid #1986E5 !important; box-sizing: border-box; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5) !important; border-radius: 4px !important; padding: 19px 16px !important; color: #151515 !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 8px 0 0; } .card-payment-modal .footer-section button.pay-pal:hover { background: #1779CE !important; color: #ffffff !important; } .card-payment-modal .footer-section button.pay-pal svg { width: auto; height: auto; } .card-payment-modal .modal-body .footer-section .card-detail { margin: 0 0 32px; width: 100%; } .card-payment-modal .modal-body .footer-section .form-inline { margin: 0 0 16px; } .card-payment-modal .footer-section .form-inline label { font-weight: 400; font-size: 16px; line-height: 24px; color: #3E3F3F; margin: 0 0 4px; } .card-payment-modal .footer-section .form-inline input.form-control, .card-payment-modal .footer-section .form-inline .StripeElement { padding: 0; margin: 0; font-size: 18px; border: none; border-bottom: 1px solid #E2E3E4; height: 39px; line-height: 39px; } .card-payment-modal .footer-section .form-inline input.form-control:hover,.footer-section .form-inline .StripeElement:hover, .card-payment-modal .footer-section .form-inline input.form-control:focus,.footer-section .form-inline .StripeElement:focus { background: transparent; border-color: #1986E5 !important; } .card-payment-modal .footer-section .form-check-label { font-weight: 400; font-size: 18px; line-height: 24px; color: #151515; } .card-payment-modal .footer-section .StripeElement--invalid { border-color: #DE350B; color: #DE350B; } .card-payment-modal .footer-section .form-check.text-left { margin: 8px 0 0; } .card-payment-modal .footer-section #stripeSubmit { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; padding: 10px 16px !important; } .card-payment-modal .footer-section #default_card_submit_btn { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; padding: 10px 16px !important; color: #ffffff !important ; } .card-payment-modal .card-number a:hover {text-decoration: none;} /* Order Number Popup */ .order-number-popup .modal-dialog .card-header { border-bottom: none !important; } .order-number-popup .card-body { padding: 16px 24px; min-height: 555px; } .order-number-popup .order-process { background-color: #FAFAFB; padding: 10px 24px; } .order-number-popup .order-process li { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #7C7D7E; margin: 0 16px 0 0; position: relative; padding: 0 0 0 23px; } .order-number-popup .order-process li.active { cursor: pointer; color: #006644; } .order-number-popup .order-process li.active:hover { color: #1986E5; } .order-number-popup .order-process li > span i.icon { position: absolute; background: url(../images/order-no-active-icon.png) center center no-repeat; width: 16px; height: 16px; left: 2px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease; } .order-number-popup .order-process li.active > span i.icon { background: url(../images/order-active-icon.png) center center no-repeat; } .order-number-popup .order-process li.active:hover > span i.icon { background: url(../images/order-active-icon-hover.png) center center no-repeat; } .order-number-popup .card-body p { font-weight: normal; font-size: 16px; line-height: 24px; color: #151515; margin: 0 0 8px; } .order-number-popup .card-body p:last-child { margin-bottom: 0; } .order-number-popup .order-content-tbl h6 { font-weight: 600; font-size: 16px; letter-spacing: normal; line-height: 32px; color: #151515; margin: 6px 0; } .order-number-popup .order-content-tbl table td { font-weight: normal; font-size: 16px; line-height: 24px; color: #151515; padding: 0 0 8px; vertical-align: top; } .order-number-popup .order-content-tbl table td:first-child{ min-width: 210px; padding-right: 8px; } .order-number-popup .order-content-tbl table tr:last-child td { padding-bottom: 0; } .order-number-popup .order-content-tbl table .important-notes td p { margin: 0 0 4px; } .order-number-popup .order-content-tbl table .comments td:last-child { font-size: 14px; } /* Order Thumb Owl Carousel Popup */ .order-image-thumbnail-carousel-main.modal .modal-content { box-shadow: none; padding: 5px 5px 10px; } .order-image-thumbnail-carousel-main.modal .modal-content button.close { background-color: rgba(0,0,0,0.3); position: absolute; right: -200px; top: -48px; text-align: center; width: 26px; height: 26px; border-radius: 4px; margin: 0 auto; opacity: 1; } .order-image-thumbnail-carousel-main.modal .modal-content button.close svg { width: 14px; height: 14px; text-align: center; margin: 0 auto; } .order-image-thumbnail-carousel-main.modal .modal-content button.close svg path { color: #ffffff; fill: #ffffff; } .order-image-thumbnail-carousel-main.modal .modal-content button.close:hover { background-color: rgba(0,0,0,0.8); } .order-image-thumbnail-carousel-main.modal .modal-content button.close:hover svg path { color: #fafafa; fill: #fafafa; } .order-image-thumbnail-carousel-main.modal .modal-dialog { max-width: 405px; overflow: inherit; } .order-thumbnail-popup .owl-carousel .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; } .order-thumbnail-popup .owl-carousel .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; } .order-thumbnail-popup .owl-carousel .owl-stage { -ms-display: flex; display: flex; -ms-justify-content: center; justify-content: center; -ms-align-items: center; align-items: center; } .order-thumbnail-popup #big.owl-carousel { position: relative; min-height: 500px; -ms-display: flex; display: flex; -ms-justify-content: center; justify-content: center; -ms-align-items: center; align-items: center; } .order-thumbnail-popup #big.owl-carousel .owl-item { max-height: 500px; max-height: 500px; overflow: auto; } .order-thumbnail-popup #big.owl-carousel .owl-item img { width: 100%; margin: 0 auto; text-align: center; object-fit: contain; } .order-thumbnail-popup #big.owl-carousel .owl-nav { padding: 0; margin: 0; } .order-thumbnail-popup #big.owl-carousel .owl-next, .order-thumbnail-popup #big.owl-carousel .owl-prev { background-color: rgba(0,0,0,0.3); color: #ffffff; width: 48px; height: 48px; border-radius: 4px; position: absolute; top: 50%; text-align:center; padding: 0; margin: -30px 0 0; outline: none; } .order-thumbnail-popup #big.owl-carousel .owl-prev { left: -200px; } .order-thumbnail-popup #big.owl-carousel .owl-next { right: -200px; } .order-thumbnail-popup #big.owl-carousel .owl-nav .fa { font-size: 22px; padding: 4px 0 0; outline: none; } .order-thumbnail-popup #big.owl-carousel .owl-next:hover .fa, .order-thumbnail-popup #big.owl-carousel .owl-prev:hover .fa { color: #fafafa; } .order-thumbnail-popup #thumbs.owl-carousel { margin: 24px 0 0; padding: 0; } .order-thumbnail-popup #thumbs.owl-carousel .owl-stage-outer { text-align: center; } .order-thumbnail-popup #thumbs.owl-carousel .owl-stage { margin: 0 auto; text-align: center; display: flex; justify-content: center; align-content: center; width: 100% !important; transform: translate3d(0px, 0px, 0px) !important; } .order-thumbnail-popup #thumbs.owl-carousel .owl-item { float: none; display: inline-block; } .order-thumbnail-popup #thumbs.owl-carousel .item { cursor: pointer; max-width: 50px; max-height: 65px; height: 65px; opacity: 0.66; margin: 0 4px; } .order-thumbnail-popup #thumbs.owl-carousel .current .item { opacity: 1; } .order-thumbnail-popup #thumbs.owl-carousel .item img { width: 100%; height: 100%; object-fit: cover; } .order-thumbnail-popup #thumbs.owl-carousel .owl-nav, .order-thumbnail-popup #thumbs.owl-carousel .owl-dots { display: none; } /* SewOut Popup */ .modal .modal-dialog .card-header #back_button { width: 32px; height: 32px; line-height: 29px; border-radius: 50%; background: #ECEDED; text-align: center; vertical-align: middle; display: inline-block; margin-right: 6px; } .modal .modal-dialog .card-header #back_button svg { cursor: pointer; display: inline-block; vertical-align: middle; } .modal .modal-dialog .card-header #back_button svg:hover path { color: #1779CE; fill: #1779CE; } #stripe_payment_modal .modal-dialog .card-title, #stripe_card_payment_modal .modal-dialog .card-title { width: calc(100% - 55px); } #reopen_remark_modal .file-preview-frame{ width: calc(50% - 32px); -ms-flex: none; flex: none; } #reopen_remark_modal .file-preview-frame .kv-file-content { max-height: 150px; } .my-account-bg .modal-dialog, #cancel_order.modal .modal-dialog { margin: 0 auto; } .my-account-bg .delete-message, #cancel_order.modal .delete-message { padding: 24px 0; } .my-account-bg .delete-message h4, #cancel_order.modal .delete-message h4 { margin: 0 0 10px; } .my-account-bg .delete-message p, #cancel_order.modal .delete-message p { margin: 0 0 16px; } #cancel_order.modal .modal-body { padding: 0 24px; margin: 0 0 0; } #cancel_order.modal .modal-body .form-group { margin-bottom: 24px; } .my-account-bg .footer-section .btn-secondary, #cancel_order.modal .footer-section .btn-secondary { border-color: #1986E5 !important; } .my-account-bg .footer-section .btn-primary, #cancel_order.modal .footer-section .btn-primary { background-color: #1986E5 !important; border: 1px solid #1986E5 !important; color: #FFFFFF !important; } .my-account-bg .footer-section .btn-primary:hover, #cancel_order.modal .footer-section .btn-primary:hover { background-color: #1779CE !important; border-color: #1779CE !important; color: #FFFFFF !important; } .my-account-page #delete-message .modal-content { padding: 0; } #delete-message .delete-message { padding: 24px; } #delete-message .delete-message .footer-section { margin: 24px 0 0; } /* Sewout order */ #sewout_order.modal .modal-content .modal-body { padding: 24px; min-height: 100px; } #sewout_order.modal .modal-content .modal-body p { font-size: 16px; font-weight: 400; margin-bottom: 0; } #sewout_order.modal .modal-content .footer-section { padding: 0 24px 16px 24px !important; margin: 0; } #InactiveModel.modal .modal-content .modal-body p { font-size: 16px; font-weight: 400; margin-bottom: 0; } #InactiveModel.modal .modal-content .modal-body { padding: 24px; min-height: 100px; } #InactiveModel.modal .modal-content .footer-section { padding: 0 24px 16px 24px !important; margin: 0; } #InactiveModel.modal .modal-content .header-elements-inline { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;} #InactiveModel.modal .modal-dialog .card-title {margin-bottom: 0px;} /* Notification Msg */ .notification.alert { padding: 0; border: none; box-shadow: none; background: none; border-radius: 0; margin: 0 0 24px; position: fixed; right: 20px; z-index: 99; } .notification.alert .alert-inner { padding: 12px 35px 12px 16px; border-radius: 4px 4px 0px 0px; box-shadow: none; } .notification.alert-bd-line { border-bottom: 8px solid #00875A; display: block; clear: left; width: 100%; } .notification.alert h6 { font-weight: 600; font-size: 14px; line-height: 18px; letter-spacing: 0.16px; color: #0E0E0E; margin: 0; } .notification.alert p { font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #0E0E0E; margin: 0; } .notification.alert.alert-dismissible .close { padding: 0; opacity: 1; top: 16px; right: 18px; } .notification.alert.alert-dismissible .close:hover { opacity: 0.8; } .notification.alert.alert-dismissible * { background: #E3FCEF !important; } .notification.alert.alert-success .alert-inner { background: #E3FCEF; border: 1px solid #ABF5D1; } .notification.alert.alert-success .alert-bd-line { border-bottom: 8px solid #00875A; border-radius: 0px 0px 4px 4px; } .notification.alert.alert-warning .alert-inner { background: #FFFAE6; border: 1px solid #FFF0B3; } .notification.alert.alert-warning .alert-bd-line { border-bottom: 8px solid #FF991F; border-radius: 0px 0px 4px 4px; } .notification.alert.alert-danger .alert-inner { background: #FFEBE6; border: 1px solid #FFBDAD; } .notification.alert.alert-danger .alert-bd-line { border-bottom: 8px solid #DE350B; border-radius: 0px 0px 4px 4px; } .notification.alert.alert-info .alert-inner { background: #DEEBFF; border: 1px solid #B3D4FF; } .notification.alert.alert-info .alert-bd-line { border-bottom: 8px solid #0052CC; border-radius: 0px 0px 4px 4px; } /*----------------------------------------- * Invoice Page * -----------------------------------------*/ /* .order-invoice-details .modal-dialog { max-width: 595px; } .order-invoice-details button.close { position: absolute; right: 5px; top: 5px; text-align: center; width: 26px; height: 26px; border-radius: 4px; margin: 0 auto; opacity: 1; } .order-invoice-details button.close svg { width: 14px; height: 14px; text-align: center; margin: 0 auto; } .order-invoice-details button.close svg path { color: #151515; fill: #151515; } .order-invoice-details button.close button.close:hover svg path { color: #151515; fill: #151515; } */ .placeorder-title.text-right.invoice-head { max-width: 595px; margin: 0 auto; width: 100%; padding-left: 0; padding-right: 0; } .content.invoice-details-page{ width: 100%; max-width: 595px; min-height: 842px; background-color: #fff; padding: 0; margin: auto auto 30px; } .order-invoice-details .invoice-inner { padding: 32px; font-family:'Open Sans', sans-serif; position: relative; height: 100%; } .order-invoice-details .invoice-header p { font-size: 12px; line-height: 16px; margin: 0 0 16px; letter-spacing: 0.32px; color: #000000; } .order-invoice-details .invoice-header p span { margin-left: 75px; } .order-invoice-details .invoice-header h4 { font-weight: 600; font-size: 16px; line-height: 32px; color: #000000; letter-spacing: normal; margin: 0 0 12px; } .order-invoice-details .invoice-header h4 .btn { } .order-invoice-details .invoice-body h6 { font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #000000; margin: 0 0 8px; } .order-invoice-details .invoice-body h6.in-num { margin: 0 0 4px; } .order-invoice-details .invoice-header .logo-img { margin-right: 8px; } .order-invoice-details .invoice-body ul { margin: 16px 0 0; } .order-invoice-details .invoice-body ul li { float: left; } .order-invoice-details .invoice-body ul li p { font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0.32px; color: #000000; margin: 0 0 4px; } .order-invoice-details .invoice-body ul li span { font-weight: normal; font-size: 12px; line-height: 16px; letter-spacing: 0.32px; color: #000000; display: block; margin: 0 0 4px; } .order-invoice-details .invoice-body ul li:first-child{ margin-right: 96px; } .order-invoice-details .invoice-body ul li .info-one { margin: 0 0 16px; } .order-invoice-details .invoice-detail-tbl { clear: both; margin: 32px 0 0; padding: 0 0 32px; display: inline-block; width: 100%; } .order-invoice-details .invoice-detail-tbl h6 { margin: 0 0 4px; } .order-invoice-details .invoice-detail-tbl .detail-tbl { overflow: auto; } .order-invoice-details .detail-tbl table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: inherit; } .order-invoice-details .detail-tbl table th { font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0.32px; color: #000000; margin: 0; vertical-align: bottom; padding: 5px; } .order-invoice-details .detail-tbl table th.design-name, .order-invoice-details .detail-tbl table td.design-name { width: 53px; } .order-invoice-details .detail-tbl table th:first-child,.order-invoice-details .detail-tbl table td:first-child { padding-left: 0; } .order-invoice-details .detail-tbl table th:last-child,.order-invoice-details .detail-tbl table td:last-child { padding-right: 0; } .order-invoice-details .detail-tbl table td { padding: 4px; font-weight: normal; font-size: 12px; line-height: 16px; letter-spacing: 0.32px; color: #000000; } .order-invoice-details .detail-tbl table thead { border-bottom: 2px solid #151515; } .order-invoice-details .invoice-thumb { display: table; width: 100%; } .order-invoice-details .invoice-thumb svg, .order-invoice-details .invoice-thumb img { display: table-cell; vertical-align: middle; max-width: 48px; max-height: 48px; object-fit: contain; margin-right: 0px; } .order-invoice-details .invoice-thumb .name { display: table-cell; vertical-align: middle; text-align: left; } .order-invoice-details .detail-tbl table td.payment-id { max-width: 120px; word-wrap: break-word; } .order-invoice-details .invoice-footer { margin: 32px 0 0 0; flex: 1; display: flex; justify-content: flex-end; align-items: center; } .order-invoice-details .invoice-footer table th { padding: 0 32px 4px 0; margin: 0; vertical-align: middle; font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0.32px; color: #000000; } .order-invoice-details .invoice-footer table td { padding: 0 0 4px; margin: 0; vertical-align: middle; text-align: right; font-weight: normal; font-size: 12px; line-height: 16px; letter-spacing: 0.32px; color: #000000; } .order-invoice-details .invoice-body .download-pagi { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; letter-spacing: 0.32px; color: #000000; position: absolute; bottom: 32px;left: 0; right: 0; } .order-invoice-details .invoice-body .download-pagi .text-left.float-left { text-decoration: underline; margin: 0; padding-left: 32px; } .order-invoice-details .invoice-body .download-pagi .text-right.float-right { margin: 0; padding-right: 32px; } #order-group-invoice.order-invoice-details .invoice-thumb { width: 40px; } #order-group-invoice.order-invoice-details .invoice-thumb img { max-width: 40px; max-height: 40px; } #order-group-invoice.order-invoice-details .invoice-thumb .name { max-width: 78px; display: inline-block; vertical-align: middle; } #order-group-invoice.order-invoice-details .detail-tbl table th.dna { max-width: 80px; min-width: 80px; } #order-group-invoice.order-invoice-details .detail-tbl table th.on { max-width: 65px; } #order-group-invoice.order-invoice-details .detail-tbl table th.pu { max-width: 45px; } #order-group-invoice.order-invoice-details .detail-tbl table th.ad { max-width: 60px; } #order-group-invoice.order-invoice-details .detail-tbl table th.od { max-width: 50px; } #order-group-invoice.order-invoice-details .detail-tbl table th.tp { max-width: 50px; } #order-group-invoice.order-invoice-details .detail-tbl table td:nth-child(3) { width: 20%; } #monthly_payment_modal .modal-body .card-number .item { padding: 0px; display: block; width: 100%; margin: 0; background: none; border: 0; } #monthly_payment_modal .modal-body .card-number .item .card_text { font-size: 18px; font-weight: 400; line-height: 24px; color: #151515; margin: 0; display: block; padding: 0; justify-content: center; padding: 17px 16px; outline: none; background: #FFFFFF; border: 1px solid #1986E5; box-sizing: border-box; box-shadow: 0px 4px 25px rgb(231 232 233 / 50%); border-radius: 4px; text-align: center; cursor: pointer; } #monthly_payment_modal .modal-body input[type="radio"]:checked + label { background: #1986E5!important; color: #FFFFFF !important; border-color: #1986E5!important; } .my-orders-page .product-action .down-pay { margin:0 -2px; } .my-orders-page .product-action .down-pay a.btn { margin:0 2px; } .order-details-page .btn-action .pay_btn + .down_btn { display: flex; justify-content: flex-end; margin-right: 15%; margin-top: 5px; } .page-content { flex-direction: column; } /*----------------------------------------- * Order Details Page * -----------------------------------------*/ .content.order-details-page { overflow: hidden; } .order-details-page .row { margin-left: -16px; margin-right: -16px; } .order-details-page .row [class*="col-"] { padding-right: 16px; padding-left: 16px; } .order-details-page .content-inner .row .offset-sm-1 { margin-left: 0; margin-right: 0; } .order-details-page .row .col-lg-1.back-arrow-col { -ms-flex: 0 0 5.66666%; flex: 0 0 5.66666%; max-width: 5.66666%; } .order-details-page .row .col-lg-11.right-content-col { -ms-flex: 0 0 94.33334%; flex: 0 0 94.33334%; max-width: 94.33334%; } .order-details-page .back-button { width: 32px; height: 32px; line-height: 35px; display: block; border-radius: 50%; background: #ECEDED; text-align: center; margin: 4px 0 0; } .order-details-page .back-button:hover { background-color: #1779CE; } .order-details-page .back-button svg { display: inline-block; } .order-details-page .back-button:hover svg path { color: #ffffff; fill: #ffffff; } .order-details-page .page-header h1 { font-style: normal; font-weight: 600; font-size: 16px; line-height: 32px; color: #151515; letter-spacing: normal; margin: 4px 0 0; } .order-details-page .page-header .header-left span { float: left; font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; color: #151515; letter-spacing: normal; margin: 4px 0 0 16px; } .order-details-page .page-header .header-left h1 { float: left; } .order-details-page .btn-action { position: relative; display: flex; flex-wrap: unset; justify-content: flex-end; } .order-details-page .btn-action li { display: inline-block; margin-left: 8px; } .order-details-page .order-process { margin: 10px 0 16px; } .order-details-page .order-process li { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #7C7D7E; margin: 0 16px 0 0; position: relative; padding: 0 0 0 23px; } .order-details-page .order-process li.active { cursor: pointer; color: #006644; } .order-details-page .order-process li.active:hover { color: #1986E5; } .order-details-page .order-process li > span i.icon { position: absolute; background: url(../images/order-no-active-icon.png) center center no-repeat; width: 16px; height: 16px; left: 2px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease; } .order-details-page .order-process li.active > span i.icon { background: url(../images/order-active-icon.png) center center no-repeat; } .order-details-page .order-process li.active:hover > span i.icon { background: url(../images/order-active-icon-hover.png) center center no-repeat; } .order-details-page .order-process li.order-cancelled, .order-details-page .order-process li.active.order-cancelled { color: #ff0000; } .order-details-page .order-process li.order-cancelled:hover, .order-details-page .order-process li.active.order-cancelled:hover { opacity: 0.8; /*color: #1986E5;*/ } .order-details-page .order-process li.active.order-cancelled > span i.icon, .order-details-page .order-process li.order-cancelled > span i.icon { background: url(../images/order-cancelled-icon.png) center center no-repeat; } /* .order-details-page .order-process li.order-cancelled.active:hover > span i.icon { background: url(../images/order-cancelled-icon-hover.png) center center no-repeat; } */ .order-details-page .order-detail.scrollbar-inner > .scroll-element.scroll-y { right: 8px; } .order-details-page .order-detail.scrollbar-inner > .scroll-element.scroll-x { display: none; } .order-details-page .order-detail { padding: 24px 24px 0; background: #FFFFFF; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5); border-radius: 4px; min-height: calc(100vh - 260px); max-height: calc(100vh - 235px); overflow: auto; margin: 0 !important; } .order-details-page .order-detail::-webkit-scrollbar { display: none; } .order-details-page .order-detail { overflow: -moz-scrollbars-none; -ms-overflow-style: none; /* IE 11 */ scrollbar-width: none; /* Firefox 64 */ } .order-details-page .order-detail .left-info { width: 50%; } .order-details-page .order-detail .right-logo { position: sticky; -ms-position: sticky; position: sticky; top: 0; z-index: 5; width: 50%; text-align: right; } .order-details-page .order-detail .right-logo .v_design_edit_print_span { margin: 0 0; text-align: center; } .order-details-page .order-detail .right-logo .order-image-thumbnail-carousel { display: inline-block;margin: 16px 0 0;height: 100%;width: 100%;text-align: right; } .order-details-page .order-detail .right-logo .order-image-thumbnail-carousel img, .order-details-page .order-detail .right-logo .order-image-thumbnail-carousel svg { max-width: 128px; max-height: 128px; margin-right: 20%; display: inline-block; } .order-details-page .order-detail .right-logo .dropdown { position: static; } .order-details-page .order-detail .right-logo .dropdown .dropdown-menu { padding: 8px 8px; left: auto !important; right: 0; transform: none !important; top: 100% !important; } .order-details-page .order-detail .right-logo .dropdown .dropdown-item { padding: 8px 12px; color: #637483; white-space: normal; word-wrap: anywhere; } .order-details-page .order-detail .right-logo .dropdown .dropdown-item:hover { background: #EFF1F4; color: rgb(83, 23, 23); text-decoration: none; } .order-details-page .order-detail p { font-weight: normal; font-size: 16px; line-height: 20px; color: #151515; margin: 0 0 8px; } .order-details-page .order-detail p.file-info { line-height: 24px; } .order-details-page .order-detail p:last-child { margin-bottom: 0; } .order-details-page .order-detail .order-image-thumbnail-carousel { height: 32px; width: 32px; margin-right: 5px; } .order-details-page .order-detail p.file-info .file-name { padding: 4px 0 0; } .order-details-page .order-detail p.file-info .file-name a { font-weight: normal; font-size: 15px; line-height: 24px; display: inline-block; word-wrap: break-word; vertical-align: middle; } .order-details-page .order-detail p.file-info svg, .order-details-page .order-detail p.file-info img{ max-height: 32px; max-width: 32px; display: inline-block; object-fit: cover; width: 100%; height: 100%; } .order-details-page .order-content-tbl { margin: 18px 0 24px; padding: 0 0 24px; min-width: 644px; } .order-details-page .order-content-tbl h6 { font-weight: 600; font-size: 16px; letter-spacing: normal; line-height: 32px; color: #151515; margin: 10px 0; } .order-details-page .order-content-tbl table td { font-weight: normal; font-size: 16px; line-height: 24px; color: #151515; padding: 0 0 8px; vertical-align: top; } .order-details-page .order-content-tbl table td:first-child{ min-width: 210px; padding-right: 8px; } .order-details-page .order-content-tbl table tr:last-child td { padding-bottom: 0; } .order-details-page .order-content-tbl table .important-notes td p { margin: 0 0 4px; } .order-details-page .page-header .amount-due { font-weight: 600; font-size: 14px; line-height: 32px; letter-spacing: 0.16px; color: #000000; margin: 4px 8px 0 0; vertical-align: middle; display: inline-block; } .order-details-page .chat-box-div { background: #FFFFFF; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5); border-radius: 4px; margin: 45px 0 0 0; min-height: calc(100vh - 235px); } .order-details-page .chat-box-div .card-header { padding: 16px; border-bottom: 1px solid #ECEDED; } .order-details-page .card-header .card-title { margin-bottom: 0; font-style: normal; font-weight: 600; font-size: 16px; line-height: 32px; color: #151515; letter-spacing: normal; } .order-details-page .chat-footer textarea { padding: 12px 90px 12px 42px; color: #151515; font-size: 14px; line-height: 18px; letter-spacing: 0.16px; font-weight: 400; border: none !important; border-top: 1px solid #ECEDED !important; height: 52px; min-height: 52px; max-height: inherit; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; } .order-details-page .chat-footer textarea:not(:focus) { height: 52px !important; } .order-details-page .chat-footer a.attech-icon { cursor: pointer; background: none; left: 16px; bottom: 5px; z-index: 5; top: auto; width: auto; padding: 0; } .order-details-page .chat-footer button.button-next { cursor: pointer; background: none; right: 16px; bottom: -8px; z-index: 5; top: auto; width: auto; padding: 0; padding: 6px 16px !important; line-height: 20px; } .order-details-page .chat-footer a.attech-icon:hover svg path,#image_upload_preview .item .text-danger:hover svg path { color: #151515; fill: #151515; } .order-details-page .chat-footer textarea::placeholder { font-size: 14px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .order-details-page .chat-footer textarea::-webkit-input-placeholder { font-size: 14px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .order-details-page .chat-footer textarea::-moz-placeholder { font-size: 14px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .order-details-page .chat-footer textarea:-ms-input-placeholder { font-size: 14px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .order-details-page .chat-footer textarea:-moz-placeholder { font-size: 14px; font-weight: 400; color: #A6A7A8; background-color:inherit; opacity:1; } .order-details-page .chat-support .media-chat-item-reverse .media-chat-item:not([class*="bg-"]) { border-color: #E8F3FC; background: #E8F3FC; padding: 6px 16px; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #151515; border-radius: 4px; white-space: normal; word-wrap: anywhere; } .order-details-page .media-list li.media .media-body .text-muted { font-size: 12px; font-weight: 400; } .order-details-page .chat-support .media-chat-item:not([class*="bg-"]) { border-color: #E7E8E9; background: #E7E8E9; border-radius: 4px; font-size: 14px; line-height: 20px; letter-spacing: 0.16px; color: #151515; padding: 6px 16px; vertical-align: middle; white-space: normal; word-wrap: anywhere; } .order-details-page .card-body .media-chat-scrollable { padding: 5px 0 65px; min-height: calc(100vh - 300px); max-height: calc(100vh - 300px); overflow: auto; } .order-details-page .chat-box-div .card-body #image_upload_preview { background: #fff; position: absolute; bottom: 52px; width: 100%; } .order-details-page .chat-box-div .card-body .chat_file_error { background: #fff; position: absolute;bottom: 52px;top: auto; padding: 6px 25px 6px 40px !important;z-index: 1;margin: 0 !important; } .order-details-page .chat-box-div .card-body .chat_file_error:before{ top: 8px; left: 20px; } .order-details-page .timeline-row .timeline-icon { display: none !important; } .order-details-page .media-chat .media.media-chat-item-reverse { margin-right: 0; margin-left: 0; -ms-flex-align: flex-end; align-items: flex-end; justify-content: flex-end; -ms-justify-content: flex-end; } .order-details-page .media-chat .media-chat-item-reverse .media-chat-item:not([class*="bg-"]) { background-color: #D7E3EC; border-color: #D7E3EC; color: #151515; } .order-details-page .media-chat .media-chat-item-reverse .media-chat-item:not([class*="bg-"]):before { right: -4px; left: auto; background-color: #D7E3EC; } .order-details-page .media-chat .media-chat-item:not([class*="bg-"]) { background-color: #E7E8E9; border-color: #E7E8E9; color: #151515; } .order-details-page .media-chat .media-chat-item:not([class*="bg-"]):before { left: -4px; right: auto; background-color: #E7E8E9; } .order-details-page .media-chat.media-list li.media { border: none; padding: 0px 24px; margin: 0px; } .order-details-page .media-chat.media-list li.media .media-body { width: 100%; } .order-details-page .media-chat.media-list li.media .mr-3, .order-details-page .media-chat.media-list li.media .mr-1 { margin-right: 0 !important; } .order-details-page .media-chat.media-list li.media .ml-3, .order-details-page .media-chat.media-list li.media .ml-1 { margin-left: 0 !important; } .order-details-page .media-chat .media-chat-item { position: relative; padding: 6px 16px; margin: 10px 0 0; width: auto; display: inline-block; color: #151515; border-radius: 4px; font-weight: normal; font-size: 13px; line-height: 20px; letter-spacing: 0.16px; white-space: normal;word-wrap: anywhere; box-shadow: 0px 2px 4px rgba(126,142,177,0.12); } .order-details-page .media-chat .media-chat-item::before { content: '\00a0'; border: none; margin: 0; position: absolute; top: 13px; display: block; width: 8px; height: 8px; -moz-transform: rotate(29deg) skew(-35deg); -ms-transform: rotate(29deg) skew(-35deg); -webkit-transform: rotate(29deg) skew(-35deg); transform: rotate(29deg) skew(-35deg); } .order-details-page .chat-box-div .card-body.order-discussion { position: relative; height: 100%; } .order-details-page .chat-box-div .chat-footer { position: absolute; bottom: 0; width: 100%; } .order-details-page .chat-box-div .chat-footer textarea { max-height: calc(100vh - 300px); overflow: auto; background-color: #fff !important; position: relative;z-index: 2; } .order-details-page #image_upload_preview .item { width: 100%; max-width: 100%; position: relative; margin-bottom: 0 !important; padding: 0 40px 8px 24px !important; white-space: normal; word-wrap: anywhere; } .order-details-page #image_upload_preview .item .remove-attach-img { position: absolute; right: 24px; top: 6px; margin: 0 0 !important; } .order-details-page #image_upload_preview .item .remove-attach-img:hover svg path { color: #1779CE; fill: #1779CE; } .order-details-page #image_upload_preview .item:first-child .remove-attach-img { top: 20px; } .order-details-page #image_upload_preview .item:first-child { padding-top: 15px !important; border-top: 1px solid #ECEDED; } .order-details-page #image_upload_preview .item:last-child { padding-bottom: 15px !important; } .order-details-page .btn-group-vertical .dropdown-item:hover { background: #EFF1F4; color: #000; } .order-details-page .btn-group-vertical .cancel_order_btn:hover { color: #DE350B; } .cart-detail-panel { margin: 45px 0px 0px!important; } .card_download_btn { padding: 11px 0px!important; } .download_btn_right { vertical-align: middle!important; } .more_design { background-color: rgb(0 0 0 / 5%); vertical-align: middle; text-align: center; width: 132px; } .more_design a:hover { text-decoration: underline!important; } .my-account-page .togglePassword { color: #3E3F3F; margin: 0 0 !important; cursor: pointer !important; position: absolute; right: 15px; top: 40px; } .my-account-page .togglePassword:hover { } .my-account-page [type="password"] ~ .togglePassword:before { content: "\f070"; color: #747474; } .my-account-page [type="text"] .togglePassword { } .my-account-page .card-detail .card-number button.card-buttons {display: inline-block!important;padding: 11px 5px !important;} .sort_filter { width: 200px!important;padding: 6px 16px 6px 12px!important;height: 2.47503rem!important; } .contact_attach {display: inline-block; max-width: 30px;max-height: 100px; margin-top: 10px; margin-left: 10px;} #monthlydeclinedModal .modal-body { border-bottom: 1px solid #ECEDED; } #monthlydeclinedModal .modal-body p { padding: 20px 0 10px; margin: 0; font-size: 14px; } #monthlydeclinedModal .modal-body p .monthly_diff_card { display: inline-block; margin: 5px 0 0; font-size: inherit; } .modal .modal-content .modal-body .confirm-email-form-group { display: flex; align-items: center; } footer { margin: 0; } /*----------------------------------------- * Cart Page * -----------------------------------------*/ .cart-page { font-family: 'Open Sans', sans-serif; color: #171d36; margin: 40px auto; overflow: hidden; } .cart-page .row { margin-left: -16px; margin-right: -16px; } .cart-page .row [class*="col-"] { padding-right: 16px; padding-left: 16px; } .cart-page .shopping-inner,.cart-page .price-dtails { background: #FFFFFF; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5); border-radius: 4px; } .cart-page .cart-header { padding: 25px 20px 25px 20px; display: flex; justify-content: space-between; } .cart-page .cart-header h2 { color: #171d36; font-size: 18px; font-weight: 600; line-height: 1.1; margin: 0; } .cart-page .cart-items { padding: 0 20px 20px 20px; } .cart-page .cart-item { padding: 15px; border: 1px solid #eaeaec; border-radius: 5px; margin: 0 0 20px; } .cart-page .cart-item:hover { box-shadow: 0 0 5px rgba(0,0,0,0.3); } .cart-page .cart-item-inner { display: flex; justify-content: space-between; } .cart-page .cart-item-empty-inner { display: block; justify-content: space-between; } .cart-page .cart-content { display: table; width: 100%; } .cart-page .cart-item .leftside { padding: 0 15px; display: table-cell; vertical-align: top; } .cart-page .cart-item .rightside { display: table-cell; vertical-align: top; } .cart-page .cart-content h4 { font-size: 15px; font-weight: 600; line-height: 1.1; } .cart-page .cart-content a { color: #333; font-size: 16px; font-weight: 400; line-height: 1.1; margin: 0 0 8px; display: block; } .cart-page .cart-content a:hover { color: #1779CE; } .cart-page .cart-content ul { color: #94969f; } .cart-page .price { font-size: 17px; font-weight: 600; } .cart-page .price .sale-price { font-size: 15px; font-weight: 400; display: block; color: #949494; text-decoration: line-through; } .cart-page .price .coupon-price { font-size: 15px; font-weight: 400; display: block; color: #949494;} .cart-page .cart-item-action { border-top: 1px solid #eaeaec; margin: 15px 0 0; padding: 15px 0 0; } .cart-page .cart-item-action a { color: #696b79; font-size: 16px; font-weight: 600; text-transform: uppercase; } .cart-page .cart-item-action a:hover { color: #DE350B !important; } .cart-page .price-dtails { padding: 25px 20px 25px 20px; height: 100%; } .cart-page .price-dtails h4 { color: #171d36; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 1.1; margin: 0 0 15px; } .cart-page .table-wrapper table { border-collapse: collapse; border-spacing: 0; width: 100%; } .cart-page .table-wrapper th, .cart-page .table-wrapper td { border: none; padding: 5px 0; margin: 0; font-size: 15px; font-weight: 400; } .cart-page .table-wrapper td { text-align: right; } .cart-page .table-wrapper .discount td, .cart-page .table-wrapper .convenience td span { color: #03a685; } .cart-page .table-wrapper .convenience td .cf { color: #171d36; text-decoration: line-through; } .cart-page .checkout-action { border-top: 1px solid #eaeaec; margin: 15px 0 0; padding: 18px 0 0; } .cart-page .checkout-action h2 { color: #171d36; font-size: 18px; font-weight: 600; line-height: 1.1; margin: 0; } .cart-page .checkout-action .btn { font-size: 16px; font-weight: 600; line-height: 1.1; padding: 16px 16px !important; text-transform: uppercase !important; margin: 20px 0 0; } .apply_coupon { padding: 8px 10px !important; } .empty-cart {font-size: 13px;} /*.added_text{margin-top: -8px;padding: 7px 16px !important; margin-bottom: 0px;}*/ .main_category, .sub_category { text-transform: capitalize; font-size: 13px; color: #6c757d; font-weight: 600;} .shop-page-view-more-span{ text-align: center; display: block; margin-bottom: 7px; font-size: 15px; font-weight: 600; } .modal#confirm_email #frmConfirmEmail .modal-body { padding: 20px 24px 0px; margin: 0; } .modal#confirm_email #frmConfirmEmail .modal-body .form-group { margin-bottom: 10px; } .modal#confirm_email #frmConfirmEmail .col-form-label { width: 100%; word-wrap: anywhere; position: relative; display: flex; } .modal#confirm_email #frmConfirmEmail .col-form-label .fa { font-size: 15px; } .modal#confirm_email #frmConfirmEmail .col-form-label strong { min-width: 58px; padding-top: 0px; } .modal#confirm_email #frmConfirmEmail .col-form-label input#email, .modal#confirm_email #frmConfirmEmail .col-form-label input#name{ border: 1px solid #ddd; padding: 4px 10px; outline: none; white-space: nowrap; display: inline-block; width: 100%; } .modal#confirm_email #frmConfirmEmail .col-form-label input#email:focus, .modal#confirm_email #frmConfirmEmail .col-form-label input#name:focus{ border-color: #a6a6a6; } .modal#confirm_email .modal-dialog .card-header { padding: 10px 24px 10px 24px !important; } .modal#confirm_email #frmConfirmEmail .user-name-div, .modal#confirm_email #frmConfirmEmail .user-email-div { position: relative; width: calc(92% - 50px); } .modal#confirm_email #frmConfirmEmail .user-name-div #close-name-input, .modal#confirm_email #frmConfirmEmail .user-email-div #close-email-input { position: absolute; right: -22px; top: 5px; } /*----------------------------------------- * Responsive CSS * -----------------------------------------*/ @media only screen and (max-width:1199px){ .order-details-page .order-content-tbl { min-width: 530px; } .order-details-page .order-detail .left-info { width: 45%; } .order-details-page .order-detail .right-logo { width: 55%; } .dashboard-page .order-count-div.new-order-count .holder-box.monthly-div { padding: 23px 30px 30px 30px; } .dashboard-page .order-count-div.new-order-count #monthly-process-orders .order-date, .dashboard-page .order-count-div.new-order-count #monthly-process-orders .acition-btn { margin: 5px 0; } } @media only screen and (min-width:991px){ #reopen_remark_modal .modal-dialog { overflow: hidden; } #reopen_remark_modal .modal-content { overflow: hidden auto; max-height: 95vh; } } /* Medium devices (tablets, less than 992px) */ @media only screen and (max-width:991px){ .page-content .content-wrapper { overflow: auto; } .page-content { padding: 56px 16px 0 16px; width: 100%; } .dashboard-page { overflow: hidden; } .dashboard-page .left-right-sidebar { -ms-flex-wrap: wrap; flex-wrap: wrap; } .dashboard-page .right-side { max-width: 100%; -ms-flex: 100%; flex: 100%; position: absolute; width: 48.66%; right: 8px; top: 216px; } .dashboard-page .left-side { max-width: 100%; -ms-flex: 100%; flex: 100%; } .dashboard-page .bottom-social ul { margin: 100px 0 0; } .dashboard-page .updated-order-tbl.card { max-width: 48.66%; } .dashboard-page .updated-order-tbl.card .table tr .design-img{ padding-left: 24px; } .dashboard-page .updated-order-tbl.card .table .action-detail { font-size: 13px; padding: 5px 13px; } .dashboard-page .updated-order-tbl.card .table tbody tr td { font-size: 12px; } .dashboard-page .updated-order-tbl.card .table tr .updates { width: 110px; } .dashboard-page .updated-order-tbl.card.table-last .card-header h5, .dashboard-page .updated-order-tbl.card.table-last .card-header span.card-title.float-right { font-size: 14px; } .dashboard-page .content-boxs.card.dog-img { max-height: 480px; min-height: 480px; } .dashboard-page .content-boxs.card.dog-img::before { height: 480px; } .dashboard-page.monthly-count-order-added .right-side { top: 305px; } .dashboard-page .order-count-div.new-order-count .holder-box.monthly-div { margin: 0; } .container { max-width: 100%; padding: 0; } .header-bg.navbar .header-inner { padding: 5px 16px; } .header-bg.navbar .mobile-notification-box { margin-left: 24px; margin-right: 24px; } .menu-toggle-line span { height:2px; width:20px; background:#151515; display:block; margin:0 auto 5px; transform-origin:9px 0; transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; } .menu-toggle-line span:last-child { margin-bottom: 0; } .menu-toggle-line[aria-expanded="true"] span:nth-child(1) { -webkit-transform:rotate(45deg) translate(6px,2px); transform:rotate(45deg) translate(6px,2px); } .menu-toggle-line[aria-expanded="true"] span:nth-child(2) { opacity:0; } .menu-toggle-line[aria-expanded="true"] span:nth-child(3) { -webkit-transform:rotate(-45deg) translate(6px,-4px); transform:rotate(-45deg) translate(6px,-4px); } .navbar-expand-lg.fixed-top .navbar-collapse { max-height: 584px; overflow-y: auto; background: #FFFFFF; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5); border-radius: 4px; margin: 0px 0 0 !important; padding: 24px !important; width: 352px; position: absolute; top: 100%; right: 16px; } .header-bg.navbar ul.navbar-nav { -ms-align-items: start; align-items: start; } .navbar-expand-lg .navbar-nav:first-child > .nav-item:first-child { margin-top: 0; } .navbar-expand-lg .navbar-nav .nav-item { display: block; width: 100%; margin: 0 0; } .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link { color: #3E3F3F; background-color: transparent; } .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:hover, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.active, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.selected, .header-bg.navbar ul.navbar-nav li.nav-item .dropdown-item:hover { color: #3E3F3F; background-color: transparent; } .header-bg.navbar ul.navbar-nav li.nav-item.nav-item.dropdown.place-order, .header-bg.navbar ul.navbar-nav li.nav-item.orderBtn, .header-bg.navbar ul.navbar-nav li.nav-item.notification-box, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link svg { display: none; } .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:after, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.dropdown-toggle:after { content: none; } .header-bg.navbar ul.navbar-nav li.nav-item.nav-item.dropdown.place-order a.nav-link { color: #3E3F3F; } .header-bg.navbar ul.navbar-nav li.nav-item.dropdown.company { border-top: 1px solid #ECEDED; padding: 15px 0 0; } .header-bg.navbar ul.navbar-nav li.nav-item.dropdown { margin: 16px 0 0; } .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.dropdown-toggle { text-transform: uppercase; font-size: 12px; padding: 0; margin: 0 0 8px; background: transparent; color: #3E3F3F; } .header-bg.navbar ul.navbar-nav li.nav-item .dropdown-menu { padding: 0; box-shadow: none; display: block; opacity: 1; visibility: visible; min-width: 100%; max-width: 100%; background: transparent; position: static; } .header-bg.navbar ul.navbar-nav li.nav-item .dropdown-item { color: #3E3F3F; margin: 0; padding: 10px 16px !important; line-height: normal; } .header-bg.navbar ul.navbar-nav li.nav-item .dropdown-item:hover { } .header-bg.navbar ul.navbar-nav li.nav-item.place-order .dropdown-item { color: #1986E5; } .header-bg.navbar .mobile-nav { display: -ms-flexbox; display: flex; -ms-flex-preferred-size: auto; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; -ms-justify-content: flex-end; justify-content: flex-end; } .header-bg.navbar .mobile-nav li.nav-item a.nav-link { display: inline-block; color: #3E3F3F; background-color: transparent; font-size: 14px; font-weight: 600; padding: 6px 16px; margin: 0; text-transform: uppercase; letter-spacing: 0.16px; line-height: normal; border-radius: 4px; } .header-bg.navbar .mobile-nav li.nav-item.nav-item.dropdown .dropdown-toggle svg { margin: 0 0 0 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header-bg.navbar .mobile-nav li.nav-item.nav-item.dropdown .dropdown-toggle.active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header-bg.navbar .mobile-nav .dropdown .dropdown-menu { max-width: 205px; margin-left: -10px; } .header-bg.navbar .mobile-nav .dropdown .dropdown-menu .dropdown-item { padding: 10px 10px !important; } #notificationPopup { right: 55px; } .my-orders-page{ overflow: hidden; } .my-orders-page .search-form .form-control { width: 300px; } #place-order-page { overflow: hidden; } #place-order-page .placeorder-bg .card { max-width: 430px; } #place-order-page .review-place-order table .v_design_name_print_span td:last-child { max-width: 170px; } #place-order-page .placeorder-bg .form-group.fabric-icon .img-toltip { top: -14px; margin-left: 6px; } #place-order-page .placeorder-bg .form-group.fabric-icon .img-toltip:before { right: 90%; margin-top: -18px; } #place-order-page .placeorder-bg .form-group.fabric-icon .img-toltip img { max-width: 100px; max-height: 100px; } .my-account-page .card-detail p.number { margin: 0 16px 0 0; } .my-account-page .card-detail .card-number button.delete { padding: 11px 10px !important; } .order-image-thumbnail-carousel-main.modal .modal-content button.close { right: -117px; } .order-thumbnail-popup #big.owl-carousel .owl-prev { left: -117px; } .order-thumbnail-popup #big.owl-carousel .owl-next { right: -117px; } .order-details-page .row { margin-left: -8px; margin-right: -8px; } .order-details-page .row [class*="col-"] { padding-right: 8px; padding-left: 8px; } .order-details-page .content-inner .row .col-sm-11 { -ms-flex: 0 0 94.33334%; flex: 0 0 94.33334%; max-width: 94.33334%; } .order-details-page .content-inner .row .offset-sm-1 { margin-left: 0; margin-right: 5.66666%; } .order-details-page .order-detail { min-height: inherit; max-height: inherit; } .order-details-page .chat-box-div {min-height: inherit; max-height: inherit; margin: 16px 0 10px 0; } .order-details-page .card-body .media-chat-scrollable { min-height: 290px; max-height: 290px; } .order-details-page .order-content-tbl { margin: 10px 0 0; min-width: 605px; } .order-details-page .chat-box-div .card-header { padding: 16px 24px; } .order-details-page .order-detail .right-logo .order-image-thumbnail-carousel img, .order-details-page .order-detail .right-logo .order-image-thumbnail-carousel svg { margin-right: 10%; } .order-details-page .chat-box-div .chat-footer textarea { max-height: 290px; } .cart-page .right-content { margin-top: 20px; } .cart-page .right-content { display: block; left: 0px; justify-content: left; } } /* Small devices (landscape phones, less than 768px */ @media only screen and (min-width:768px){ .my-account-page .card.my-account-links { display: block !important; } } @media only screen and (max-width:767px){ .header-bg.navbar ul.navbar-nav li.nav-item { margin: 0 0; } .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link { padding: 10px 0; font-size: 13px; display: block; } #place-order-page { overflow: hidden; } #place-order-page .file-footer-buttons .kv-file-remove { height: 40px; line-height: 40px; } #place-order-page .file-preview-thumbnails { margin-left: -16px; } #place-order-page .file-preview-frame { margin-left: 16px; -ms-flex: 0 0 calc(50% - 16px);flex: 0 0 calc(50% - 16px);max-width: calc(50% - 16px); } .page-content { padding: 56px 16px 0 16px; } .dashboard-page .updated-order-tbl.card.table-last .card-header span.card-title.float-right { float: left !important; margin: 4px 0 0; clear: both; } .dashboard-page .content-boxs.card.dog-img { max-height: 504px; min-height: 504px; } .dashboard-page .content-boxs.card.dog-img::before { height: 504px; } .my-orders-page .container { max-width: 100%; padding: 0; } .my-orders-page .card-header .float-right .btn-bundal .btn { padding: 10px 10px !important; } .my-orders-page .search-form .form-control { width: 270px; } .my-orders-page .search-pagination-action .sort-form #sort_type { width: 155px !important; } .my-account-page.content { padding: 8px 0; } .my-account-page .row.no-gutters.min-h100 { min-height: inherit; } .my-account-page .mobile-dropdown-link { background: #FFFFFF; padding: 16px 32px; font-size: 16px; line-height: 24px; color: #146BB7; position: relative; letter-spacing: normal; margin: 0 0 8px; cursor: pointer; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5); border-radius: 4px 4px 0px 0px; } .my-account-page .mobile-dropdown-link.active, .my-account-page .mobile-dropdown-link:hover { } .my-account-page .mobile-dropdown-link svg { position: absolute; right: 24px; top: 24px; } .my-account-page .mobile-dropdown-link.active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .my-account-page .mobile-dropdown-menu { display: none; position: absolute; top: 60px; width: auto; left: 0; right: 0; min-height: inherit; width: auto; margin: 0 0 8px; z-index: 99; } .my-account-page .card.my-account-links { background: #FFFFFF !important; border-radius: 4px 4px 0px 0px; box-shadow: 0px 4px 25px rgba(231, 232, 233, 0.5) !important; } .my-account-page .card.my-account-links .btn { background: #FFFFFF !important; } .my-account-page .card.my-account-links .btn.active, .my-account-page .card.my-account-links .btn:hover { background: #F5F6F6 !important; } .my-account-page .form-group .form-control, .order-reports-account.my-account-page.placeorder-bg .form-check-label { font-size: 17px; } .my-account-page .row.no-gutters.h-100 { height: auto !important; } .my-account-page .updated-order-table #monthly_payment_detail_datatable_wrapper .row .dataTables_info { font-size: 14px; } .card-payment-modal .modal-body .card-number button .logo-number,.card-payment-modal .footer-section button { padding: 12px 16px; } .card-payment-modal .modal-body .card-number button .logo-number p.number,.card-payment-modal .footer-section button { font-size: 16px; } .card-payment-modal .footer-section button.pay-pal { padding: 14px 16px !important; } .order-image-thumbnail-carousel-main.modal .modal-content button.close { right: -68px; } .order-thumbnail-popup #big.owl-carousel .owl-prev { left: -88px; } .order-thumbnail-popup #big.owl-carousel .owl-next { right: -88px; } .order-invoice-details .invoice-inner { padding: 16px; } .order-invoice-details .invoice-header p span { margin-left: 15px; } .order-invoice-details button.close { right: 2px; top: -2px; } .order-details-page .row .col-lg-1.back-arrow-col { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .order-details-page .row .col-lg-11.right-content-col { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .order-details-page .right-logo .btn-action { flex-direction: column; } .order-details-page .right-logo .btn-action li .btn { margin: 0 0 8px; } .order-details-page .right-logo .btn-action li:last-child .btn { margin: 0; } .order-details-page .order-detail .left-info { width: 60%; } .order-details-page .order-detail .right-logo { width: 40%; } .order-details-page .order-content-tbl { min-width: 425px; } .order-details-page .order-detail .right-logo .order-image-thumbnail-carousel img, .order-details-page .order-detail .right-logo .order-image-thumbnail-carousel svg { margin-right: 0%; max-width: 100px; max-height: 100px; } #place-order-page .file-input-div .design-row { margin-left: -16px; } #place-order-page .file-input-div .design-row .v_design_div { margin-left: 16px; -ms-flex: 0 0 calc(100% - 16px); flex: 0 0 calc(100% - 16px); max-width: calc(100% - 16px); } #place-order-page .placeorder-bg .form-group.fabric-icon .img-toltip { display: none; } #place-order-page .placeorder-bg .form-group > .row > .col-md-6 { -ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%; } #place-order-page .placeorder-bg .form-group > .row > .col-md-6:last-child { -ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10%; margin-top: 0; } } /* Extra small devices (portrait phones, less than 576px) */ @media only screen and (max-width:575px){ .quote-detail-update-alert { position: absolute; width: 8px; height: 8px; top: 6px; right: 11px; background: #FF5630; border-radius: 50%; } .navbar-expand-lg.fixed-top .navbar-collapse { width: auto; max-height: 500px; left: 24px; right: 24px; } #notificationPopup { right: 20px; } .notification.alert { margin: 0 10px 24px; } .header-bg.navbar .mobile-nav li.nav-item a.nav-link { padding: 6px 8px; } .header-bg.navbar .header-inner .toggle-menu { margin-left: 10px; } .header-bg.navbar .mobile-notification-box { margin-left: 10px; margin-right: 10px; } .page-content { padding: 56px 0 0 0; } #place-order-page .placeorder-bg .card { max-width: 100%; border-radius: 0; padding-left: 24px; padding-right: 24px; } #place-order-page .placeorder-bg .card.review-place-order-card { padding-left: 0; padding-right: 0; } #place-order-page .form-select-multiple label, #place-order-page .placeorder-bg .form-group .select2-selection--single, #place-order-page .placeorder-bg .form-group.important-note .form-check-label, #place-order-page .placeorder-bg .form-group .form-control { font-size: 16px; } #place-order-page .review-place-order table td:first-child { min-width: 152px; } #place-order-page .review-place-order .order-logo { margin-right: 0; } #place-order-page .review-place-order .order-logo svg { height: 70px; width: 70px; } #place-order-page .review-place-order .order-logo img { max-height: 70px; max-width: 70px; } #place-order-page .placeorder-bg .row.bottom-action .btn { width: auto; margin: 0 0 !important; } .dashboard-page .container { padding-left: 16px; padding-right: 16px; } .dashboard-page .right-side { position: static;width: 100%; margin: 24px 0 0; } .dashboard-page .updated-order-tbl.card { max-width: 100%; } .dashboard-page .page-content { padding: 56px 16px 0 16px; width: 100%; } .dashboard-page .order-count-div .holder-box.card.embroidery-order { border: none; border-bottom: 1px solid #d1d7e1; border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .dashboard-page .order-count-div .holder-box.card.vector-order { border: none; border-top: 1px solid #d1d7e1; border-radius: 8px; border-top-left-radius: 0; border-top-right-radius: 0; } .dashboard-page .order-count-div .holder-box.monthly-div { font-size: 13px; border: none; border-top: 1px solid #d1d7e1; margin-bottom: 0; padding: 20px 24px; box-shadow: none !important; justify-content: center; min-height: 180px; border-radius: 0; } .dashboard-page .card.dashboard-slider-slick { max-width: 100%; } .dashboard-page .content-boxs.card.dog-img { max-height: 450px; min-height: 450px; } .dashboard-page .content-boxs.card.dog-img:before { height: 450px; } .dashboard-page .bottom-social ul { margin: 48px 0 0; } .dashboard-page .bottom-social ul li { padding-right: 30px; } .dashboard-page .updated-order-tbl.card.table-last .card-header span.card-title.float-right { float: right !important; margin: 0; clear: none; } .dashboard-page .order-count-div.new-order-count .holder-box.monthly-div { margin: 24px 0 0; padding: 20px 24px 24px 24px; border: none; } .dashboard-page .order-count-div.new-order-count .holder-box.monthly-div .btn { font-size: 14px; } .my-orders-page .search-pagination-action { padding: 0 16px; } .my-orders-page .search-pagination-action .pagination { display: none; float: none !important; text-align: center; margin: 12px auto 0 } .my-orders-page .search-form { margin-right: 0 !important; width: 68%; } .my-orders-page .search-form.sort-form { width: 32%; } .my-orders-page .search-form .form-control, .my-orders-page .search-pagination-action .sort-form .btn.dropdown-toggle { width: 100%; } .my-orders-page .search-pagination-action .sort-form .dropdown { padding-left: 10px; } .order-details-page .order-detail .right-logo .order-image-thumbnail-carousel img, .order-details-page .order-detail .right-logo .order-image-thumbnail-carousel svg { margin-right: 0%; max-width: 80px; max-height: 80px; } .order-details-page .order-detail .left-info .info-inner { width: 72%; } /* .my-orders-page .search-pagination-action { -ms-flex-wrap: wrap; flex-wrap: wrap; } */ .my-orders-page .card-header { display: block !important; } .my-orders-page .card-header .float-right .btn-bundal .btn { padding: 10px 8px !important; } .my-orders-page .info-left { width: 100%; margin: 0 0 8px !important; } .my-orders-page .card-header .float-right { width: 100%; -ms-justify-content: center !important; justify-content: center !important; } .my-orders-page .card-header .float-right .btn-bundal { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .my-orders-page .info-left ul { -ms-justify-content: center !important; justify-content: center !important; } .my-orders-page .card { padding: 16px 40px; } .my-orders-page .card-body .product-content { padding-left: 15px; padding-right: 0; } .my-orders-page .card-body .product-img .order-image-thumbnail-carousel, .my-orders-page .card-body .product-img { height: 100px; width: 100px; } .my-orders-page .card-body .thumbnail-content, .my-orders-page .card-body .product-action { width: 100%; display: inline-block !important; } .my-orders-page .card-body .product-action { margin: 20px 0 0; } .my-orders-page .card-body .product-action .float-right { float: none !important; width: 176px; margin: 0 auto; } .my-orders-page .card-footer { margin: 20px 0 0; } .my-orders-page .card-body .product-content .badge { margin: 0 4px 10px 0; } .my-orders-page .search-pagination-action .sort-form #sort_type { width: 100% !important; } /*.dropdown .dropdown-menu { min-width: 176px; max-width: 176px; }*/ .my-account-page .mobile-dropdown-link, .my-account-page .mobile-dropdown-menu { margin: 0 24px 8px; } .my-account-page .card .card-header { padding: 16px 24px !important; } .my-account-page .card .card-body table td { font-size: 15px; } .my-account-page .card .card-body { padding: 0 24px; } .order-number-popup .card-body p { font-size: 15px; } .order-number-popup .order-process li { margin: 4px 16px 4px 0; } .order-number-popup .order-content-tbl table td { font-size: 14px; } .order-number-popup .order-content-tbl table td:first-child { min-width: 125px; } .order-thumbnail-popup #big.owl-carousel { min-height: 400px; } .order-thumbnail-popup #big.owl-carousel .owl-item { max-height: 400px; max-height: 400px; } .order-image-thumbnail-carousel-main.modal .modal-content button.close { right: -30px; } .order-thumbnail-popup #big.owl-carousel .owl-prev { left: -46px; } .order-thumbnail-popup #big.owl-carousel .owl-next { right: -46px; } .order-thumbnail-popup #thumbs.owl-carousel { margin: 16px 0 0; } .order-details-page .content-inner .row .offset-sm-1 { margin-left: 0; margin-right: 0; } .order-details-page .row.header-penal { padding: 0 10px 0; } .order-details-page .row .back-arrow-col { position: absolute; left: 24px; z-index: 9; width: auto; max-width: inherit; padding: 0; margin: -4px 0 0; } .order-details-page .page-header .float-right { float: left !important; width: 100%; position: absolute; top: 90px; left: 0; z-index: 9; } .order-details-page .page-header .amount-due { margin-right: auto; white-space: nowrap; } .order-details-page .page-header h1 { padding-left: 46px; margin: 0 0 8px; } .order-details-page .order-process { margin: 2px 24px 50px; } .order-details-page .order-process li { margin: 7px 16px 0 0; } .order-details-page .btn-action li.invoicexs { display: none; } .order-details-page .place-dropdownMenu { position: relative; text-align: right; } .order-details-page .btn-action .btn.dropLink, .order-details-page .btn-action .btn.dropLink:focus { color: #000000 !important; background-color: transparent !important; border-color: transparent !important; padding-left: 0 !important; padding-right: 0 !important; } .order-details-page .btn-action .btn.dropLink.active { color: #1779CE !important; } .order-details-page .btn-action .btn.dropLink svg { fill: #000000; width: 8px; display: inline-block; vertical-align: middle; margin-left: 4px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .order-details-page .btn-action .btn.dropLink.active svg { fill: #1779CE; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .order-details-page .btn-action .btn.dropLink svg path { fill: #000000; } .order-details-page .btn-action .btn.dropLink.active svg path { color: #1779CE !important; fill: #1779CE; } .order-details-page .dropdownMenubtn-action { display: none; max-width: 180px; position: absolute; top: 100%; z-index: 9; right: 10px; margin: 3px 0 0; background-color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); padding: 10px 12px 10px 12px; border-radius: 4px; } .order-details-page .dropdownMenubtn-action li a { display: block; width: 100%; text-align: center;padding: 8px 12px;color: #637483;white-space: normal;word-wrap: normal; } .order-details-page .dropdownMenubtn-action li a:hover { background: #EFF1F4;color: rgb(83, 23, 23);text-decoration: none; } .order-details-page .btn-action li .dropdown {position: static;} .order-details-page .btn-action li .dropdown .dropdown-menu {left: auto !important;right: 0; transform: none !important; top: 100% !important; } .order-details-page .btn-action li { width: 100%; margin: 0 auto; } .order-details-page .dropdownMenubtn-action .dropdown-toggle { width: 100%; } .order-details-page .order-detail { overflow: inherit !important; } .order-details-page .order-detail .right-logo { position: absolute; top: 24px; width: 100%; display: flex; flex-wrap: wrap; right: 20px; left: auto; text-align: right; align-items: flex-end; justify-content: flex-end; max-width: 180px; } .order-details-page .right-logo .btn-action { margin-left: 55px; -ms-flex-order: 1; order: 1; } .order-details-page .order-detail .right-logo .v_design_edit_print_span { margin: 0 0; -ms-flex-order: 0; order: 0; } .order-details-page .order-detail .right-logo .order-image-thumbnail-carousel { margin: 0 0; width: auto; text-align: left; } .order-details-page .order-detail p { font-size: 14px; line-height: 20px; } .order-details-page .order-content-tbl { margin: 8px 0 0; } .order-details-page .order-content-tbl h6 { font-size: 14px; line-height: 20px; margin: 8px 0; } .order-details-page .order-content-tbl table td { font-size: 14px; line-height: 20px; } .order-details-page .order-content-tbl table td:first-child { min-width: 130px; } .order-details-page .order-detail,.order-details-page .chat-box-div { border-radius: 0; } .order-details-page .order-detail .right-logo img, .order-details-page .order-detail .right-logo svg { max-width: 100px; max-height: 100px; } .order-details-page .page-header .header-left span { font-size: 14px; margin: -16px 0 0 45px; display: block; clear: both; } .order-details-page .order-detail .left-info { width: 100%; } .order-details-page .order-content-tbl { min-width: 100%; } .order-details-page .content-inner .row .col-sm-11 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-details-page .row .col-lg-1.back-arrow-col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-details-page .row .col-lg-11.right-content-col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-thumbnail-popup #thumbs.owl-carousel .item { max-height: 40px; height: 40px; } #reopen_remark_modal .file-preview-frame .kv-file-content { max-height: 100px; } #monthlydeclinedModal .modal-body p { font-size: 13px; } footer { font-size: 13px; } .order-details-page .btn-action .pay_btn + .down_btn { margin-top: 0; } .order-details-page .btn-action { padding: 0 15px; } } @media only screen and (max-width:517px){ .order-details-page .page-header .float-right { top: 118px; } } @media only screen and (max-width:480px){ .modal#confirm_email #frmConfirmEmail .user-name-div, .modal#confirm_email #frmConfirmEmail .user-email-div { position: relative; width: calc(88% - 50px); } .dashboard-page .order-count-div.new-order-count #monthly-process-orders .acition-btn { margin: 10px 0 10px; -ms-justify-content: space-between; justify-content: space-between; clear: both; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } #place-order-page .placeorder-bg .form-group .form-control#promo_code { width: 70%; } #place-order-page .review-place-order .review-order-content .v_design_print_span { width: 70px !important; } #place-order-page .review-place-order .review-order-content table td:first-child { min-width: 110px; } #place-order-page .review-place-order table .v_design_name_print_span td:last-child { max-width: 132px; } #place-order-page .placeorder-bg .row.bottom-action .form-check-label { padding-left: 10px; } .order-reports-account.my-account-page.placeorder-bg .order-status-items .form-check-div .form-check { padding-right: 0; width: 100%; } .my-account-page .card-detail .card-number { padding: 16px 24px; flex-wrap: inherit; align-items: start; } .my-account-page .card-detail .card-number p { font-size: 15px; margin: 0; } .my-account-page .card-detail .card-number p.expire-date { clear: both; width: 100%; margin: 4px 0 0; } .my-account-page .card-detail .card-number button.delete { padding: 10px 10px !important; margin-top: -7px; } .my-account-page .order-count-div .holder-box.card#ready-orders { padding: 15px 15px; min-height: 75px; } .my-account-page .order-count-div .holder-box.card#ready-orders h3 { font-size: 18px; } .order-thumbnail-popup.modal .modal-dialog { max-width: 95%; } .order-image-thumbnail-carousel-main.modal .modal-content button.close { top: -30px; right: 0; } .order-thumbnail-popup #big.owl-carousel .owl-nav .fa { font-size: 18px; } .order-thumbnail-popup #big.owl-carousel .owl-prev { left: -15px; } .order-thumbnail-popup #big.owl-carousel .owl-next { right: -15px; } .cart-page .cart-header { padding: 20px 20px 20px 20px;} .cart-page .cart-header h2 { font-size: 15px; } .cart-page .cart-content a { font-size: 14px; } .cart-page .price { font-size: 14px; } .cart-page .cart-image { max-width: 75px; } .cart-page .cart-item-action a { font-size: 14px; } .cart-page .cart-item { padding: 15px 15px 10px; } .cart-page .cart-item-action { padding: 10px 0 0; } .my-account-page .card-detail .card-form .form-inline label { font-size: 14px; } .my-account-page .card-detail .card-form .form-inline .form-control, .my-account-page .card-detail .card-form .StripeElement { font-size: 15px !important; } .modal#confirm_email #frmConfirmEmail .col-form-label { font-size: 15px; } } @media only screen and (max-width:380px){ .dashboard-page .updated-order-tbl.card.table-last .card-header span.card-title.float-right { float: left !important; margin: 4px 0 0; clear: both; } } @media only screen and (max-width:360px){ .badge { padding: 9px 13px; } .navbar-expand-lg.fixed-top .navbar-collapse { left: 16px; right: 16px; max-height: 495px; } #notificationPopup { width: 100%; left: 0; right: 0; margin: 4px auto auto; padding: 0 10px; } .header-bg.navbar .navbar-brand img { max-width: 80px; } .header-bg.navbar .mobile-nav li.nav-item a.nav-link { font-size: 12px; padding: 5px 3px; } .header-bg.navbar .header-inner .toggle-menu { margin-left: 5px; } .header-bg.navbar .mobile-notification-box { margin-left: 7px; margin-right: 8px; } .dashboard-page .bottom-social ul li { padding-right: 15px; } .dashboard-page .updated-order-tbl.card.table-last .card-header { padding: 24px 16px 30px !important; } .dashboard-page .updated-order-tbl.card .table tr .design-img { padding-left: 15px; } .dashboard-page .updated-order-tbl.card .table thead tr th:last-child, .dashboard-page .updated-order-tbl.card .table tbody tr td:last-child { padding-right: 16px; } .dashboard-page .updated-order-tbl.card .table thead tr th:first-child, .dashboard-page .updated-order-tbl.card .table tbody tr td:first-child { padding-left: 16px; } .dashboard-page .updated-order-tbl.card .table tbody tr td { padding: 7px 10px; } .dashboard-page .updated-order-tbl.card .table th { padding: 0 10px 17px; font-size: 13px; } .dashboard-page .updated-order-tbl.card.table-last .card-header h5, .dashboard-page .updated-order-tbl.card.table-last .card-header span.card-title.float-right { font-size: 15px; } .dashboard-page .updated-order-tbl.card .table .action-detail { font-size: 12px; padding: 5px 11px; } .my-orders-page .card { padding: 16px 24px; } .my-orders-page .card-body .product-content { padding-left: 8px; } .my-orders-page ul.product-type { -ms-flex-direction: column; flex-direction: column; } .my-orders-page ul.product-type li:after { content: none; } .my-orders-page .card-body .product-img .order-image-thumbnail-carousel, .my-orders-page .card-body .product-img, .my-orders-page .card-body .product-img svg { width: 120px;height: 120px; } .my-orders-page .card-header .float-right .amount-due { margin: 4px 0; width: 100%; text-align: center; } .my-orders-page .card-header .float-right .btn-bundal { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .my-orders-page .card-header .btn-bundal { -ms-justify-content: center; justify-content: center; } #place-order-page .placeorder-bg .row.bottom-action .form-check-label .uniform-checker { top: 5px; } #place-order-page .placeorder-bg .row.bottom-action .form-check-label, #place-order-page .placeorder-bg .row.bottom-action .text-center .form-check .form-check-label a.ml-1 { font-size: 15px; } #place-order-page .placeorder-bg .row.bottom-action .form-check-label { padding-left: 8px; } #place-order-page .placeorder-bg .form-group .form-control#promo_code { width: 65%; } .review-order-content.d-flex.flex-wrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } #place-order-page .review-place-order table td:first-child { min-width: 130px; } #place-order-page .review-place-order .review-order-content table td:first-child { min-width: 90px; } .my-account-page .card-detail p.expire-date { margin: 4px 0; display: block; width: 100%; } .my-account-page .card-detail .card-number button.delete { margin-left: -48px; } .my-account-page .card-detail .card-form form .col-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .my-account-page .order-count-div .holder-box.card#ready-orders .payment-buy { margin: 10px 0 5px; } .order-details-page .btn-action .btn{ padding: 10px 12px !important; } .order-details-page .right-logo .btn-action { margin-left: 25px; } .order-details-page .order-process li { margin: 7px 13px 0 0; } } footer.footer .menu-list ul.footer-menu li a { text-transform: inherit !important; } .footer-mail{text-transform: lowercase !important;} .order-font-weight-semibold { font-weight: 600 !important; } .sample-image-bg-changed{background-color: #bbb !important;}