/**
* Location: pages/myaccount.css
* Myaccount pages
* 1. Myaccount public style
* 2. Login page style
* 3. Registration page style
* 4. My profile landing page style
* 5. Forgot password style
* 6. Reset password style
* 7. Payment options
* 8. Order history list
* 9. Order history detail
* 10. Notification center
* 11. My List
* 12. thank you register
* 13. Company Register
* 14. My List
* 15. Quote Center
*/
/* 1. Myaccount public style
-------------------------------------------------------*/
@font-face {
font-family: 'TisaOT-Ita-print';
src: url('../common/font/Tisa/TisaOT-Ita.otf');
}
.f-tisa-print {
font-family: TisaOT-Ita-print, Georgia, Sans-Serif;
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.return-item-button {
background-color: white;
margin-top: 5px;
height: 23px;
border: 1px solid #004469;
padding: 4px 8px;
}
.input-italic {
font-style: italic;
}
.qo-loadingmessage {
position: relative;
cursor: not-allowed;
height: 30px;
padding-top: 4px;
background: #b3b3b3;
text-align: center;
font-weight: 700;
}
.qo-buttontext {
position: relative;
display: block;
}
.qo-preloader {
position: relative;
top: 1px;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 100em;
background-color: hsla(0, 0%, 100%, .4);
-webkit-animation: spin .5s infinite linear;
animation: spin .5s infinite linear;
}
.qo-tinycircleholder {
display: inline-block;
width: 5px;
height: 14px;
margin-top: 3px;
}
.qo-tinycircle {
position: absolute;
width: 5px;
height: 5px;
border-radius: 100em;
background-color: #fff;
top: 4px;
left: 4px;
}
.text-block-20 {
display: inline-block;
margin-left: 8px;
color: #fff;
}
/*.myaccount main {
overflow: hidden;
}*/
.myaccount .breadcrumb {
margin-bottom: -20px;
margin-top: 32px;
}
.myacc-title {
margin-top: 8px;
}
.myacc-title>h1 {
height: 78px;
line-height: 75px;
border-bottom: 1px solid #e6e5e5;
position: relative;
}
.myacc-title .small {
bottom: 20px;
height: 25px;
line-height: 25px;
position: absolute;
right: 0;
text-transform: none;
font-weight: 600;
}
.new-myacc-title {
display: flex;
display: -webkit-flex;
align-items: center;
padding-left: 0;
padding-bottom: 20px;
border-bottom: 1px solid #cdcdcd;
}
.new-myacc-title .print {
position: absolute;
right: 0;
padding: 7px 12px;
border: 1px solid #C6C7C9;
border-radius: 4px;
}
.new-myacc-title .print:hover {
background-color: #d8e8f5;
}
.new-myacc-title .print:hover * {
color: #1c88c7;
}
.new-myacc-title .print:active {
background-color: #1c88c7;
}
.new-myacc-title .print:active * {
color: #fff;
}
.new-myacc-title .print i {
color: #595454;
font-size: 18px;
}
.new-myacc-title .print span {
margin-left: 8px;
color: #595454;
}
.new-icons {
display: flex;
display: -webkit-flex;
padding-right: 5px;
}
.new-icons i {
margin-right: 5px;
font-size: 22px !important;
color: #3c6688;
}
.new-icons span {
font-size: 15px;
}
.flex-1 {
padding-top: 2px;
}
.summary-tips {
line-height: 22px;
}
.new-myacc-title .status {
margin: 0 8px;
padding: 3px 9px;
font-size: 13px;
background: #DAF1E8;
color: #605D5D;
border: 1px solid #C9DED6;
border-radius: 5px;
margin-top: 2px;
}
.new-myacc-title .pending {
background: #FFEDDA;
border-color: #E5D4C3;
}
.new-myacc-title .note-tooltip {
position: relative;
margin-top: 5px;
cursor: pointer;
}
.new-myacc-title .note-tooltip:hover span {
display: block !important;
}
.new-myacc-title .note-tooltip i {
color: #1c88c7;
font-size: 21px;
}
.new-myacc-title .note-tooltip span {
position: absolute;
width: auto;
top: -37px;
margin-left: 10px;
padding: 5px 12px;
background: #595454;
color: #fff;
border-radius: 5px;
font-size: 15px;
transform: translateX(-50%);
white-space: nowrap;
}
.new-myacc-title .note-tooltip span:before {
position: absolute;
width: 0;
height: 0;
left: 50%;
margin-left: -6px;
bottom: -12px;
border: 6px solid transparent;
border-top-color: rgba(0, 0, 0, .7);
content: '';
}
.new-myacc-title .title {
font-size: 40px;
font-weight: bold;
}
.req-quote-box.new .price-subtotal span {
font-family: inherit;
}
.fc-9f {
color: #9f9f9f;
}
.normal-label-box {
padding-top: 5px;
}
.normal-label-box label {
font-weight: normal;
color: #595454;
}
.new-item-row {
padding-top: 25px;
}
.new-item-row form {
margin-top: 40px;
}
.ni-box {
padding-bottom: 22px;
margin-left: 20px !important;
margin-top: -5px;
}
.ni-box form {
margin-left: -30px;
padding-right: 0;
}
.new-item-row .payment-ni-box form {
margin-top: 20px;
}
.new-item-row.row,
.payment-ni-box.row {
margin-left: 0;
margin-right: 0;
}
.biz-item-list .ni-box {
margin-left: 20px;
}
.ni-button {
padding: 0;
display: block;
float: left;
padding: 10px 15px;
margin-top: 1px;
}
.item-list {
padding-left: 30px;
padding-right: 30px;
margin-top: 25px;
}
.item-list.biz-item-list {
padding-left: 0;
padding-right: 0;
margin-top: 40px;
}
.item-view-con {
margin-top: 40px;
}
.item-view-con>p {
text-align: center;
font-size: 28px;
}
.personal-item .edit-personal-info-alert {
width: 360px;
height: 67px;
border: 2px solid #FF9D35;
box-sizing: border-box;
border-radius: 3px;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 12px;
background: #FFEDDA;
margin-top: 32px;
}
.personal-item .edit-personal-info-alert .alert-icon::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
font-size: 24px;
background-image: url(../common/icon-warning.svg);
background-size: 24px auto;
vertical-align: top;
}
.personal-item .edit-personal-info-alert .msg {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 120%;
color: #0A2433;
margin-left: 8px;
}
.personal-item .text-input.border-warning {
border: 2px solid #FF9D35;
}
.personal-item {
padding-left: 30px;
padding-right: 30px;
margin-top: 30px;
}
.personal-item .item .item-title {
border-top: 1px #CCC solid;
padding: 35px 0 5px;
margin-top: 35px;
}
.personal-item .item:first-child .item-title {
border-top: none;
padding-top: 5px;
margin-top: 0;
}
.personal-item .item-title span {
color: #595454;
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
}
.personal-item .item-title a:before {
content: "|";
font-size: 18px;
color: #595454;
margin-left: 20px;
padding-right: 20px;
}
.personal-item .note {
padding: 18px 0;
}
.personal-item .form-group-comm .note {
padding: 8px 0;
}
.personal-item .form-group-comm.form-group-last .note {
padding: 15px 0;
}
.personal-item .form-group-comm .label {
padding: 5px 0;
font-size: 16px;
}
.personal-item .note+.note {
margin-top: -25px;
padding: 8px 0;
}
.personal-item .item fieldset {
padding-top: 5px;
}
.personal-item .cp-table {
margin-top: 10px;
margin-right: 150px;
}
.personal-item .cp-table th {
padding: 7px 8px 8px;
font-weight: normal;
width: 205px;
}
.personal-item .cp-table th+th {
background: #ededed;
text-align: center;
width: 325px;
}
.personal-item .cp-table td {
background: #ededed;
padding: 7px 8px 8px;
}
.personal-item .cp-table td+td {
background: #f6f6f6;
}
.personal-item .cp-table .icon.i-check {
display: block;
margin: 0 auto;
}
.personal-item .cp-table .fs-13 {
line-height: 16px;
}
.personal-item .item dl+dl {
margin-top: 18px;
}
.personal-item .item dl>dt {
float: left;
width: 160px;
padding-right: 10px;
font-weight: 700;
}
.personal-item .item dl>dd {
margin-left: 160px;
}
.personal-item .item dl>dd .f-t-Ita {
line-height: 20px;
display: block;
}
.personal-item .form-group {
padding-left: 0;
margin-bottom: 0;
margin-top: 0;
}
.personal-item .form-group+.form-group {
margin-top: 26px;
}
.personal-item .form-group-comm {
padding-left: 0;
margin-bottom: 0;
position: relative;
}
.industry-row.table {
width: inherit;
}
.personal-item .form-group-comm+.form-group-comm {
margin-top: 38px;
}
.personal-item .form-group-first {
margin-top: -18px;
margin-bottom: -2px;
}
.personal-item .form-group-comm.form-group-last {
margin-top: 10px;
}
.personal-item .form-group-comm>label {
width: 170px;
margin-bottom: 0;
}
.industry-row label.fcheckbox {
vertical-align: top;
}
.industry-row span {
width: 149px;
display: inline-block;
word-wrap: break-word;
padding-right: 10px;
line-height: 1em;
}
.my-info-row .personal-item {
padding-left: 20px;
padding-right: 0;
margin-top: 0;
}
.my-info-row .pay-bill-prom {
padding-bottom: 20px;
position: relative;
margin-top: 20px;
}
.my-info-row .pay-bill-prom>* {
padding-left: 20px;
padding-right: 20px;
}
.my-info-row .pay-bill-prom .footer-line {
border-top: 1px solid #e4e3e3;
padding-bottom: 20px;
font-size: 0px;
}
.my-info-row .pay-bill-prom .button.primary {
height: 37px;
padding: 5px 20px;
}
.my-info-row .pay-bill-prom .button.fourthly {
padding: 5px 25px;
}
.my-info-row .pay-bill-prom .close {
padding: 0;
position: absolute;
top: 10px;
right: 0;
}
.my-info-row .pay-bill-prom .mt-13 {
margin-top: 13px;
}
.my-info-row .pay-bill-prom .line-p9 {
line-height: 0.9;
margin-top: 7px;
padding-right: 10px;
}
.my-info-row .pay-bill-prom .fs-12 {
letter-spacing: -0.15px;
}
.my-info-row .pay-bill-prom .line-mt-3 {
margin-top: -3px;
}
.item-list .item {
position: relative;
padding: 20px 0 5px 20px;
margin-top: 5px;
width: 33%;
display: inline-block;
vertical-align: top;
font-size: 16px;
}
.item-list.biz-item-list .item {
width: 50%;
margin-top: 0;
padding-top: 0;
margin-bottom: 45px;
}
.item-list.biz-item-list .item.del {
padding-top: 20px;
margin-top: 25px;
}
.item-list.biz-item-list .item:first-child {
display: block;
width: 100%;
margin-top: 5px;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 55px;
border-bottom: 1px solid #e4e3e3;
}
.item-list.biz-item-list .item-box {
position: relative;
margin-top: 10px;
font-size: 0;
}
.item-list.biz-item-list .item-box .primary-address-tip {
position: absolute;
top: 30px;
left: 240px;
}
.item-list.biz-item-list .item-box .primary-address-tip .icon {
position: relative;
z-index: 2;
}
.primary-address-tip .form-tip {
position: absolute;
width: 310px;
font-size: 16px;
top: -17px;
left: 27px;
padding-top: 20px;
padding-bottom: 15px;
z-index: 1;
}
.primary-address-tip .form-tip .ft-body {
margin-top: 0;
}
.primary-address-tip .form-tip .ft-item {
margin-top: 5px;
}
.primary-address-tip .form-tip .ft-item p {
padding-left: 0;
line-height: 1.45;
}
.item-list .item.del {
margin-top: 5px;
padding-right: 20px;
}
.item-list.biz-item-list .item.del {
min-height: 180px;
}
.item-list.biz-item-list .item-actions span {
margin-left: -1px;
margin-right: -1px;
}
.item-list .item.del .item-content {
margin-top: 0;
margin-bottom: 20px;
}
.item-list .item form {
padding-right: 0;
padding-left: 0;
padding-bottom: 20px;
border-bottom: 1px solid #e4e3e3;
margin-left: -10px;
}
.item-list .item .form-group {
padding-left: 0;
}
.del-bg {
background: #fbefc5;
min-height: 200px;
padding: 20px 10px 5px 20px;
margin: -20px 0 -5px -20px;
}
.primary-item,
.item-del-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
position: absolute;
top: 20px;
}
.item-list.biz-item-list .primary-item {
top: 25px;
}
.item-del-title {
position: static;
}
.primary-item:after {
background: url("../common/icon.png") no-repeat scroll -241px -247px;
content: "";
height: 18px;
left: -22px;
position: absolute;
top: 0;
width: 18px;
}
.item-list .item-content {
margin-top: 45px;
}
.item-list .item-actions {
margin-top: 20px;
}
.item-list.biz-item-list .item-actions {
margin-top: 10px;
line-height: 1;
}
.item-list .item-actions>a {
margin-left: 8px;
margin-right: 8px;
}
.item-list .item-actions>a:first-child {
margin-left: 0;
}
.myacc-desc {
padding: 20px 0;
}
.myacc-submit-box {
padding-top: 5px;
margin-bottom: 5px;
}
.myacc-refine-box {
margin-right: 20px;
}
.dash-board-box .db-list {
list-style: none;
background-color: #f9f8f6;
}
.db-list li a {
display: block;
padding: 15px 20px 16px;
}
.db-list li a.active,
.db-list>li.expand>a.active {
background-color: #1c88c7;
color: #fff;
}
.db-list>li.expand>a {
color: #fff;
background-color: #c3c3c3;
}
.db-list li .sub-db-menu {
display: none;
}
.db-list li.expand .sub-db-menu {
display: block;
}
.db-list li.expand .sub-db-menu li {
list-style: none;
background-color: #e4e3e3;
}
.myacc-refine-box .mr-item {
margin-top: 34px;
}
.mr-item .mri-title {
padding: 0 20px;
font-size: 18px;
font-weight: 600;
color: #b3b3b3;
}
.mr-item .mri-list {
padding: 0 20px;
list-style: none;
}
.mr-item .mri-list li {
padding: 12px 0 3px;
line-height: 1;
}
.myacc-refine-box .mr-prom-box {
padding-top: 10px;
margin-top: 35px;
border-top: 1px solid #e4e3e3;
}
.mr-prom-box .mrb-item {
margin-top: 20px;
}
.order-approval-info {
padding: 22px;
margin-top: 15px;
text-align: center;
color: #fff;
font-size: 25px;
font-weight: 300;
background-color: #b3b3b3;
}
.message-center-row {
margin-top: -38px;
}
.message-center-row .notifi-table .date-cell {
width: 22%;
}
#delEmpModal .modal-dialog {
width: 390px;
}
.del-emp-btn-box {
font-size: 0;
margin-top: 20px;
}
.del-emp-btn-box .button {
margin-right: 20px;
}
/* delete employee who is approver modal */
#delApproverEmpModal .modal-dialog {
width: 678px;
}
#delApproverEmpModal .modal-content {
padding: 20px;
border-radius: 3px;
}
#delApproverEmpModal .modal-header {
margin-bottom: 20px;
}
#delApproverEmpModal .modal-header h1 {
padding-bottom: 16px;
border-bottom: 1px solid #d8d8d8;
font-weight: 600;
font-size: 20px;
line-height: 24px;
text-transform: capitalize;
}
#delApproverEmpModal .modal-header .m-icon-close {
top: 0px;
padding: 0;
border-radius: 0;
background-color: #ffffff;
box-shadow: none;
color: #1c88c7;
font-size: 24px;
font-weight: normal;
}
#delApproverEmpModal .modal-body p {
line-height: 1.4;
}
#delApproverEmpModal .modal-body .approver-for-user-list {
margin: 33px 0;
width: 100%;
max-height: 110px;
overflow: auto;
}
#delApproverEmpModal .modal-body .approver-for-user-list:after {
content: '';
display: block;
clear: both;
}
#delApproverEmpModal .modal-body .approver-for-user-list li {
float: left;
width: 25%;
padding-right: 15px;
list-style: none;
line-height: 1.4;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#delApproverEmpModal .modal-body .approver-for-user-list li:nth-child(4n) {
margin-right: 0;
}
#delApproverEmpModal .del-approver-emp-btn-box {
font-size: 0;
margin-top: 20px;
text-align: right;
}
#delApproverEmpModal .del-approver-emp-btn-box .button.mainly,
#delApproverEmpModal .del-approver-emp-btn-box .button.secondly {
width: 86px;
height: 36px;
padding: 0.53em 0.625em;
}
#delApproverEmpModal .del-approver-emp-btn-box .button.mainly {
margin-left: 10px;
}
#delApproverEmpModal .del-approver-emp-btn-box .button.secondly {
background-color: transparent;
-webkit-transition: background-color 200ms ease, color 200ms ease;
transition: background-color 200ms ease, color 200ms ease;
}
#delApproverEmpModal .del-approver-emp-btn-box .button.secondly:hover {
background-color: #c7dff3;
}
.biz-item-list .current-account-box {
padding-bottom: 55px;
border-bottom: 1px solid #e4e3e3;
}
.current-account-box .ca-title {
font-weight: 700;
font-size: 18px;
line-height: 1;
}
.current-account-box .ca-cont {
font-size: 48px;
}
.current-account-box .change-acc-group {
width: 280px;
margin-top: 20px;
}
.tip-message-box {
position: fixed;
top: 150px;
left: 0;
width: 100%;
text-align: center;
z-index: 999;
}
.tip-message-box.fixed {
position: fixed;
top: 60px;
z-index: 999;
left: 0;
}
.tip-message-box .tm-cont {
display: inline-block;
padding: 15px 50px 15px 40px;
background-color: #fbf0c5;
}
.tip-message-box .tm-cont p {
position: relative;
font-weight: 600;
font-size: 20px;
}
.tip-message-box .tm-cont a {
text-decoration: underline;
}
.tip-message-box .tm-cont .operate-success {
padding-left: 32px;
}
.tip-message-box .tm-cont .operate-error {
padding-left: 40px;
}
.tip-message-box .tm-cont .operate-success:before {
position: absolute;
top: 2px;
left: 0;
content: "";
width: 23px;
height: 21px;
background: url(../common/icon.png) -260px -260px;
}
.tip-message-box .tm-cont .operate-error:before {
position: absolute;
top: 2px;
left: 0;
content: "";
width: 28px;
height: 21px;
background: url(../common/icon.png) 0px -380px;
}
/* 2. Login page style
-------------------------------------------------------*/
.login-form-title {
font-size: 36px;
line-height: 43px;
color: #595454;
margin-top: 32px;
text-transform: inherit;
}
.login-form {
padding-top: 32px;
}
.login-form label {
color: #595454;
font-weight: 600;
}
.login-form .form-group {
padding-left: 0;
margin-bottom: 16px;
}
.login-form .text-input {
width: 100%;
height: 40px;
border: 1px solid #AFB0B3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.text-input:focus {
border: 2px solid #1C88C7 !important;
}
.fp-box {
margin-bottom: 35px;
}
.login-form .fp-box {
margin-bottom: 20px;
}
.fp-box>label+a {
float: right;
font-size: 14.4px;
font-weight: 600;
}
.login-form .login-btn {
font-weight: 600;
}
.password-box {
position: relative;
line-height: 1;
}
.password-box .show-pwd-btn {
position: absolute;
right: 8px;
top: 33px;
}
.login-promo {
background: #ededed;
}
.register-help {
margin-left: 10px;
font-size: 14.4px;
}
.lp-img {
height: 118px;
line-height: 118px;
font-weight: 600;
text-align: center;
background: #efc92d;
}
.lp-content {
padding: 22px 28px;
}
.lp-content>h4 {
text-transform: none;
}
.lp-content>p {
padding: 15px 0;
}
/* 3. Registration page style
-------------------------------------------------------*/
.regist-form {
padding: 25px 0 10px;
}
.regist-form>.rf-row {
padding-top: 28px;
}
.regist-form .account-group {
position: relative;
}
.regist-form .type-group,
.add-emp-row .phone-field {
position: relative;
font-size: 0;
}
.regist-form .type-group .select,
.add-emp-row .phone-field .select {
width: 140px;
display: inline-block;
vertical-align: top;
}
.regist-form .type-group .inline-filed,
.add-emp-row .phone-field .inline-filed {
left: 0;
margin-left: 15px;
display: inline-block;
font-size: 16px;
margin-right: -30px;
}
.regist-form .type-group .inline-filed .text-input,
.add-emp-row .phone-field .inline-filed .text-input {
width: 60px;
}
.regist-form .type-group .ext-box,
.add-emp-row .phone-field .ext-box {
position: absolute;
right: -92px;
top: 0;
width: 72px;
}
.regist-form .type-group label,
.add-emp-row .phone-field label {
display: block;
height: 20px;
}
.account-group .account-item {
float: left;
width: 100%;
}
.account-group .zipcode-box {
float: left;
width: 300px;
margin-left: 20px;
margin-right: -325px;
}
.account-group .zipcode-box input {
width: 140px;
}
.account-group .where-find {
position: relative;
}
.account-group .where-find .find-img-box {
position: absolute;
width: 364px;
height: 135px;
top: -155px;
right: -300px;
padding: 12px 10px;
background-color: #ededed;
}
.account-group .where-find .find-img-box:after {
position: absolute;
bottom: -43px;
left: 20px;
content: " ";
pointer-events: none;
border-width: 22px;
border-style: solid;
border-color: #ededed transparent transparent transparent;
}
.rf-row .form-tip {
position: absolute;
top: 20px;
right: -330px;
width: 310px;
}
.personal-item .rf-row .form-tip {
right: -20px;
width: 300px;
}
.personal-item .rf-row .form-tip .ft-body {
margin-top: 0;
}
.personal-item .rf-row .phoneField .form-tip {
right: -70px;
width: 350px;
}
.personal-item .rf-row .form-group-comm .form-tip {
right: -162px;
width: 350px;
top: 32px;
}
.my-info-row .personal-item .form-tip {
position: relative;
top: auto;
right: auto;
margin-top: 20px;
}
.my-info-row .personal-item .form-tip:after {
top: -22px;
left: 10px;
border-color: transparent transparent #ededed transparent;
}
.personal-item .rf-row fieldset {
position: relative;
padding-top: 0;
width: 360px;
margin-top: 25px;
}
.personal-item .rf-row fieldset+fieldset {
margin-top: 45px;
}
.my-info-row .personal-item .btn-group {
margin-top: 25px;
}
.my-info-row .btn-group .button.secondary,
.my-info-row .btn-group .button.tertiary {
padding: 0px;
margin: 0px;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.my-info-row .btn-group .button.tertiary {
margin-right: 10px;
}
.personal-item .type-group label {
display: block;
}
.personal-item .type-group .select {
display: inline-block;
vertical-align: top;
width: 140px;
}
.personal-item .type-group .inline-filed {
display: inline-block;
left: 0;
font-size: 16px;
margin-left: 15px;
margin-right: -30px;
}
.personal-item .type-group .inline-filed .text-input {
width: 60px;
}
.personal-item .type-group {
position: relative;
display: block;
font-size: 0;
}
.personal-item .type-group .ext-filed {
position: absolute;
right: -92px;
top: 0;
width: 72px;
}
.my-info-row .personal-item .rf-row .phoneField .form-tip {
right: auto;
}
.my-info-row .personal-item .form-group-first {
padding-right: 0;
}
.phoneField {
margin-right: -92px;
}
.phoneField .ext-filed {
margin-left: 10px;
}
.regist-form>.row {
margin-left: 0;
margin-right: 0;
}
.company-group {
display: none;
}
.company-group,
.taxid-group,
.account-group,
.type-group,
.has-account-group {
display: none;
position: relative;
}
.rf-header {
position: relative;
margin-bottom: 25px;
padding-left: 20px;
}
.rf-header>.form-tip {
position: absolute;
top: 15px;
right: -340px;
width: 310px;
}
.rf-header>p {
margin-bottom: 10px;
}
.regist-type-box>label {
margin-bottom: 0;
margin-right: 40px;
}
.for-btm-border {
margin: 5px 0 0 20px;
border-bottom: 1px solid #e4e3e3;
}
.subscribe {
position: relative;
min-height: 19px;
display: block;
}
.subscribe>.fcheckbox {
position: absolute;
}
.subscribe>input[type="checkbox"] {
position: absolute;
}
.subscribe>p {
padding-left: 30px;
}
/* 4. My profile landing page style
-------------------------------------------------------*/
.prof-landing-row {
display: table;
height: 100%;
margin-bottom: 70px;
}
.prof-landing-item {
float: none !important;
display: table-cell;
border: 10px solid #fff;
border-top: none;
border-bottom: none;
padding: 0;
height: 100%;
position: relative;
width: 240px;
vertical-align: top;
}
.prof-landing-item .pli-header {
position: relative;
height: 130px;
padding-top: 10px;
text-align: center;
font-weight: 300;
font-size: 36px;
color: #36bae2;
background-color: #f6f6f6;
background-repeat: no-repeat;
background-position: center bottom;
}
.prof-landing-item:hover .span-arrow-gray {
background-position: -120px -188px;
}
.pli-header>.pli-bg-box {
position: absolute;
bottom: 0;
height: 69px;
width: 100%;
}
.pli-bg-box>.pli-bg {
margin: 0 auto;
background-image: url("../common/icon-myacct.png");
height: 100%;
}
.pli-bg.my-info {
margin-top: -13px;
width: 80px;
height: 82px;
background-position: -122px -207px;
}
.pli-bg.my-info-pro {
margin-top: -14px;
width: 85px;
height: 82px;
background-position: -122px -290px;
}
.prof-landing-item>.for-position:hover .my-info-pro {
background-position: 0 -290px;
}
.pli-bg.my-shipping {
width: 121px;
background-position: -121px 0;
}
.pli-bg.my-credit-carts {
width: 116px;
background-position: -123px -138px;
}
.prof-landing-item .pli-cont {
padding: 35px 0 35px 20px;
width: 220px;
}
.prof-landing-item .pli-cont dt,
.prof-landing-item .pli-cont dd {
word-wrap: break-word;
padding-right: 10px;
}
.prof-landing-item>.for-position {
cursor: pointer;
}
.prof-landing-item>.for-position:hover {
background-color: #f6f6f6;
}
.pli-cont>dl {
margin-bottom: 25px;
}
.pli-cont>dl>dt {
font-weight: 700;
}
.pli-cont>a {
position: absolute;
bottom: 15px;
}
.prof-landing-item>.for-position:hover .pli-header {
background-color: #36bae2;
color: #fff;
}
.prof-landing-item>.for-position:hover .my-info {
background-position: 0 -207px;
}
.prof-landing-item>.for-position:hover .my-shipping {
background-position: 0 0;
}
.prof-landing-item>.for-position:hover .my-credit-carts {
background-position: 0 -138px;
}
.prof-landing-item>.for-position:hover .fc-blue {
color: #3d3c3a;
}
.prof-landing-item>.for-position:hover a.gray-arrow:after {
background-position: -120px -188px;
}
.banner-item {
position: relative;
}
.banner-item .bi-footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: #36BAE1;
padding: 20px 10px;
}
.banner-item .bi-right {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
padding-left: 10px;
background: #FFF;
}
.myaccount .banner-row {
margin-top: 130px;
}
/* 5. Forgot password style
-------------------------------------------------------*/
.forgot-error {
font-size: 16px;
padding-left: 20px;
padding-bottom: 22px;
}
.forgot-error .page-error {
padding: 12px 0;
}
.forgot-error .page-error a {
text-decoration: underline;
color: red;
font-family: unset;
}
/* 6. Reset password style
-------------------------------------------------------*/
.success-info {
padding: 80px 0 200px;
text-align: center;
}
.success-info h1 {
font-weight: 600;
font-size: 36px;
color: #92bc02;
line-height: 47px;
}
.success-info p>a {
font-weight: 700;
color: #36bae2;
}
.success-info p>a:hover {
color: #595454;
}
/* 7. Payment options
-------------------------------------------------------*/
.my-cards .step-title,
.my-cards .step-sub-title {
margin-left: 20px;
}
.my-cards .step-title {
font-size: 30px;
font-weight: 600;
color: #92bc02;
line-height: 25px;
}
.my-cards .step-sub-title {
font-size: 18px;
font-weight: 700;
color: #595454;
margin-bottom: 35px;
text-transform: uppercase;
}
.payment-step-one {
margin-left: 10px;
}
.payment-step-two {
padding-right: 0;
}
.payment-step-one .form-group {
padding-right: 17px;
}
.item-col .item .payment-option-form {
padding-right: 10px;
}
.payment-list {
margin-right: -20px;
}
.payment-list:before,
.payment-list:after {
content: " ";
display: table;
}
.payment-list:after {
clear: both;
}
.payment-list li {
float: left;
list-style-type: none;
width: 58px;
height: 37px;
margin-right: 14px;
margin-bottom: 5px;
}
.payment-list input[type="radio"],
.payment-list .fradio {
display: none;
}
.payment-list li>a {
display: block;
}
.slash-filed {
font-size: 18px;
line-height: 30px;
color: #03324c;
float: left;
}
/* 8. Order history list
* Add Date:10/06 2014 Author:Leeli
-------------------------------------------------------*/
.order-content .order-tips {
padding: 20px 35px 16px 30px;
position: relative;
background: #ededed;
margin-bottom: 20px;
}
.order-content .order-tips .title {
font-size: 16px;
}
.order-content .order-tips:after {
content: " ";
position: absolute;
bottom: -10px;
left: 220px;
width: 20px;
height: 10px;
background: url(../common/icon.png) -157px -267px no-repeat;
}
.order-content .order-tips .close-tips {
position: absolute;
top: 10px;
right: 10px;
width: 24px;
height: 24px;
display: block;
background: url(../common/icon.png) -325px -87px no-repeat;
}
.order-content .order-switch {
background: #f9f8f6;
display: inline-block;
padding: 17px 20px 8px;
margin-bottom: 39px;
}
.order-content .order-switch .order-type {
color: #595454;
padding-left: 5px;
}
.order-content .result-page {
padding: 5px 0 18px;
}
.order-content .order-screen {
padding: 20px 0;
font-size: 0px;
border-top: 1px solid #e4e3e3;
}
.quote-center .order-screen {
border: none;
padding: 3px 0 16px;
}
.order-content .result-page .condition .total,
.quote-center .result-page .condition .total {
display: table-cell;
white-space: nowrap;
font-size: 17px;
vertical-align: middle;
height: 26px;
}
.order-content .result-page .condition .resultBox,
.quote-center .result-page .condition .resultBox {
margin-bottom: -10px;
}
.has-group-name .sim-select .sim-list li {
padding: 7px 20px;
font-weight: 600;
border-top: 1px solid #e4e3e3;
cursor: pointer;
}
.has-group-name .sim-select .sim-list li.disabled {
padding: 7px 10px;
background: #e4e3e3;
color: #595454;
font-size: 16px;
font-weight: 700;
border-top: 0;
}
.order-content .result-page .condition .keyword,
.quote-center .result-page .condition .keyword {
background: #f9f8f6;
margin: 0 5px 10px;
padding: 3px 6px;
display: inline-block;
vertical-align: middle;
word-break: break-all;
font-size: 16px;
line-height: 18px;
font-weight: 600;
}
.order-content .result-page .condition .keyword .close,
.quote-center .result-page .condition .keyword .close {
background: url(../common/icon.png) -300px -250px no-repeat;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
.order-content .order-screen label,
.quote-center .order-screen label {
margin-bottom: 0px;
vertical-align: middle;
}
.order-content .order-screen .job-select,
.quote-center .order-screen .job-select {
display: inline-block;
}
.order-content .order-screen .job-select .select,
.quote-center .order-screen .job-select .select {
width: 215px;
margin-left: 10px;
text-align: left;
vertical-align: middle;
}
.quote-center .order-screen .job-select .select {
width: 340px;
}
.order-content .order-screen .time-select {
display: inline-block;
margin-left: 19px;
position: relative;
}
.order-content .order-screen .time-select .select {
width: 149px;
margin-left: 10px;
text-align: left;
vertical-align: middle;
}
.custom-time {
position: absolute;
font-size: 13px;
top: 47px;
left: -47px;
background: #fff;
z-index: 111;
width: 320px;
border: 1px solid #d3d2d2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.custom-time:before {
content: '';
display: inline-block;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
left: 50%;
margin-left: -11px;
top: -11px;
}
.custom-time:after {
content: '';
display: inline-block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ffffff;
position: absolute;
left: 50%;
margin-left: -10px;
top: -10px;
}
.custom-time .input-sm {
width: 93px;
height: 30px;
line-height: 30px\9;
border: 1px solid #b3b3b3;
color: #595454;
font-size: 13px;
margin-left: 10px;
padding-left: 10px;
}
.custom-time .input-sm.focus,
.custom-time .input-sm:focus {
border-color: #36bae2;
font-size: 13px;
}
.custom-time .input-sm.error {
color: #ff0000;
border-color: #ff0000;
}
.custom-time .datepick {
text-align: left;
font-size: 0px;
padding: 11px 0px 11px 10px;
border-bottom: 1px solid #d7d7d7;
}
.custom-time .datepicker td {
padding: 0px;
}
.custom-time .datepicker td .number {
height: 38px;
width: 40px;
line-height: 40px;
}
.custom-time .datepicker .datepicker-years,
.custom-time .datepicker .datepicker-months {
margin: 0px auto;
}
.custom-time .datepicker thead tr:first-child th {
cursor: pointer;
padding: 1px 3px;
line-height: 1;
}
.custom-time .datepicker tr+tr th {
padding-top: 8px;
padding-bottom: 1px;
}
.order-content .order-screen .status-select,
.quote-center .order-screen .status-select {
display: inline-block;
margin-left: 18px;
}
.order-content .order-screen .status-select .select {
width: 126px;
margin-left: 8px;
text-align: left;
vertical-align: middle;
}
.quote-center .order-screen .status-select .select {
width: 180px;
margin-left: 8px;
text-align: left;
vertical-align: middle;
}
.order-content .order-screen .status-select .select.tertiary .sim-list li,
.quote-center .order-screen .status-select .select.tertiary .sim-list li {
cursor: pointer;
}
.order-list .list-head {
padding: 10px 20px;
background: #e4e3e3;
}
.order-list .list-head .status-select .select {
width: 126px;
margin-left: 8px;
text-align: left;
vertical-align: middle;
}
.order-list .list-head .status-select label {
vertical-align: middle;
margin-bottom: 0px;
}
.order-list .list-head .list-txt {
color: #535252;
height: 30px;
line-height: 30px;
float: left;
font-weight: 700;
}
.order-list .list-content .list-item {
padding: 0px 20px 20px;
border-bottom: 1px solid #e4e3e3;
}
.order-list .list-content .list-item.even {
background: #f9f8f6;
}
.order-list .list-content .list-item th {
padding: 15px 0 20px;
}
.order-list .list-content .list-item td {
padding: 6px 20px;
}
.order-list .list-content .list-item .f-t-Ita {
line-height: 18px;
height: 20px;
}
.order-list .list-content .list-item .number {
padding-top: 7px;
font-size: 14px;
word-break: break-all;
}
.order-list .list-content .list-item .slash {
color: #36bae2;
padding: 0 10px;
}
.order-list .list-content .list-item .odd td {
background: #f7f7f7;
}
.order-list .list-content .list-item.even .odd td {
background: #f1f0ee;
}
.order-list .list-content .list-item .credit {
font-size: 14px;
color: #b3b3b3;
font-weight: 700;
}
.order-list .list-content .list-item .open {
font-size: 14px;
color: #92bc02;
font-weight: 700;
}
.order-list .list-content .list-item .shipped {
font-size: 14px;
color: #efc92d;
font-weight: 700;
}
.order-list .list-content .list-item .cursor-default {
margin-left: 0px;
}
.js-db-main .order-not-found {
background-color: #f9f8f6;
}
.js-db-main .order-not-found .mt-5 {
white-space: nowrap;
}
.order-list .list-empty {
text-align: center;
background: #f9f8f6;
padding-top: 35px;
min-height: 102px;
padding-bottom: 35px;
}
.list-empty-section {
margin: 10px 0px;
padding: 10px 5px 0px 5px;
}
.order-list .result-empty {
background: #f9f8f6;
height: 796px;
padding-top: 35px;
border-bottom: 1px solid #e4e3e3;
}
.order-list .result-empty .empty-txt {
padding: 22px 75px 0px;
font-weight: 600;
}
/*9. Order detail
--------------------------------------------------------*/
.otitle h2 {
font-size: 28px;
}
.otitle .topic {
margin-top: -3px;
margin-bottom: 8px;
}
.item-list-returned {
margin: 10px 10px 0;
}
.item-list-returned+.item-list-returned {
border-top: 1px #CCC solid;
padding-top: 30px;
}
/*2015-02-08*/
.item-refunded {
margin: 10px;
padding-bottom: 15px;
border-bottom: 1px #CCC solid;
}
.item-refunded .summary-totals {
padding: 8px;
}
/*2015-02-08*/
.order-detail-info {
border-bottom: 1px solid #e4e3e3;
padding-bottom: 20px;
margin-bottom: 25px;
margin-top: -40px;
}
.shipment {
margin-bottom: 30px;
}
.shipment>h4 {
font-size: 18px;
text-transform: none;
color: #595454;
}
.order-item {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
}
.order-item+.order-item {
border-top: 1px solid #e4e3e3;
padding-top: 20px;
}
.order-item .item-row:before,
.order-item .item-row:after {
content: " ";
display: table;
}
.order-item .item-row:after {
clear: both;
}
.item-row .item-img,
.item-row .item-title,
.item-row .item-price {
float: left;
}
.item-row .item-img {
width: 115px;
padding-right: 15px;
}
.item-row .item-title {
width: 145px;
}
.order-item .item-link {
margin-bottom: 10px;
display: block;
max-height: 38px;
overflow: hidden;
}
.item-row .item-price {
text-align: right;
width: 175px;
}
.oitem-price .per-price,
.oitem-price .quantity,
.oitem-price .total-price {
font-weight: 700;
font-size: 16px;
float: right;
height: 30px;
line-height: 30px;
}
.oitem-price .total-price {
min-width: 150px;
text-align: right;
color: #3d3c3a;
}
.oitem-price .quantity {
width: 100px;
text-align: left;
margin-left: 30px;
}
.checkout-block {
border-bottom: 1px solid #E4E3E3;
margin-bottom: 20px;
}
.checkout-block h4 {
color: #595454;
font-weight: 700;
margin-bottom: 15px;
width: 50%;
}
.checkout-block.noborder {
border-bottom: medium none;
}
.checkout-info {
margin-bottom: 25px;
}
.returned-items {
margin-bottom: 35px;
}
.returned-items hr {
height: 6px;
background-color: #f5f5f5;
}
.js-return-itemlist a.small.f-semib {
cursor: default;
}
/* 10. Notification center
-------------------------------------------------*/
.myacc-title .hide-notifi {
position: absolute;
right: 0;
top: 30px;
font-size: 16px;
color: #535252;
height: 20px;
line-height: 20px;
text-transform: none;
}
.myacc-title .hide-notifi .fcheckbox {
margin-right: 8px;
}
.notifi-title {
font-weight: 300;
font-size: 26px;
text-transform: none;
margin-top: 30px;
margin-bottom: 30px;
}
.notifi-title>a {
color: #36bae2;
font-size: 16px;
float: right;
text-transform: none;
margin-top: 10px;
font-weight: 700;
}
.notifi-title>a:focus,
.notifi-title>a:hover {
font-weight: 700;
font-size: 16px;
text-transform: none;
}
.notifi-title .notifi-total {
font-size: 16px;
padding-left: 8px;
font-family: TisaOT-Ita, Georgia, Sans-Serif;
font-style: italic\0;
font-size: 14px\0;
}
.notifi-hightlights i {
margin-right: 2px;
position: relative;
top: 2px;
}
.notifi-hightlights>span {
color: #faa519;
margin-left: 2px;
margin-right: 2px;
}
.notifi-block {
background-color: #f9f8f6;
padding: 25px 20px;
margin-bottom: 13px;
position: relative;
}
.message-center-row .notifi-block {
padding-right: 120px;
}
.notifi-block .notifi-date {
position: absolute;
font-weight: 600;
right: 20px;
top: 50%;
text-align: right;
margin-top: -24px;
}
.notifi-block .view-order {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.notifi-list {
padding-top: 30px;
}
.notifi-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.notifi-table a {
font-weight: 700;
}
.notifi-table .date-cell {
width: 15%;
}
.notifi-table th {
background-color: #e4e3e3;
padding: 10px 20px;
font-weight: 700;
font-weight: normal;
line-height: 1;
}
.notifi-table td {
padding: 16px 20px 15px;
vertical-align: middle;
}
.notifi-table tr.odd td {
background-color: #f9f8f6;
}
.notifi-table .msg-date {
font-weight: 600;
padding: 0 10px 0;
}
.notifi-table .msg-name {
height: 22px;
}
.notifi-help {
padding: 5px 10px 10px 0;
}
.goback-box a {
position: relative;
padding-left: 28px;
}
.goback-box a:before {
position: absolute;
background: url(../common/icon.png) no-repeat -60px -228px;
width: 16px;
height: 12px;
top: 3px;
left: 0;
content: " ";
}
.unread-notifi-list .pagination-bar {
padding-left: 10px;
float: left;
width: 100%;
}
.unread-notifi-list .pagination {
padding-right: 10px;
}
/* 11. My List
------------------------------------*/
.my-list-section {
margin-top: 30px;
}
.my-list-section .mylist-menu {
background-color: #f9f8f6;
}
.my-list-section .mylist-menu li {
padding: 15px 20px;
list-style-type: none;
margin-bottom: 2px;
}
.my-list-section .mylist-menu li:hover,
.my-list-section .mylist-menu li.active {
background-color: #fbf0c5;
}
.my-list-section .mylist-menu li.active.edit {
background-color: #36BAE2;
}
.my-list-section .mylist-menu .list-title {
color: #595454;
}
.my-list-section .mylist-menu li:hover .list-title,
.my-list-section .mylist-menu li.active .list-title {
font-weight: 600;
color: #3d3c3a;
}
.my-list-section .mylist-menu li.active .menu-actions {
visibility: visible;
}
.my-list-section .mylist-menu li:hover .i-note,
.my-list-section .mylist-menu li.active .i-note {
background-position: -301px -300px;
}
.my-list-section .mylist-menu .menu-actions {
visibility: hidden;
margin-left: -5px;
}
.my-list-section .mylist-menu .menu-actions a {
font-size: 13px;
color: #595454;
margin-left: 5px;
margin-right: 5px;
}
.my-list-section .mylist-menu .menu-actions a:hover {
color: #36BBE4;
}
.my-list-section .mylist-menu input {
width: 100%;
}
.create-list-box {
padding: 20px 20px;
margin-top: -2px;
}
.create-list-box.active {
background-color: #36bae2;
}
.create-list-box input {
width: 233px;
}
.my-list-section .icon-plus {
float: left;
font-size: 32px;
line-height: 16px;
margin-right: 10px;
}
.my-list-section .icon-plus.sec {
margin-top: 5px;
}
.my-list-details .col-lg-8.left-des {
width: 61%;
}
.my-list-details .col-lg-4.right-actions {
width: 39%;
}
.my-list-details .right-actions a:first-child {
margin-top: -9px;
}
.my-list-details .button.primary {
width: 220px;
height: 45px;
margin-top: 20px;
}
.my-list-details .left-des h2 em {
font-size: 16px;
text-transform: none;
font-family: Georgia, Sans-Serif;
}
.my-list-details .left-des h2 {
margin-bottom: 20px;
line-height: 16px;
}
.my-list-details .list-des-content {
max-height: 50px;
line-height: 16px;
overflow: hidden;
padding-bottom: 8px;
margin-top: 5px;
margin-bottom: 8px;
}
.my-list-details .list-des-content .textarea {
background-color: #f9f8f6;
width: 370px;
padding: 13px;
border-color: #e4e3e3;
}
.my-list-details .list-des-content.open {
max-height: none;
}
.list-des-actions {
display: none;
}
.list-des-actions .button.tertiary {
margin-right: 6px;
}
.read-more>a {
background-image: url("../common/icon.png");
background-position: -180px -266px;
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 7px;
margin-top: 10px;
width: 12px;
}
.read-more>a.active {
background-position: -193px -266px;
}
.my-list-items {
margin-top: 20px;
}
.my-list-items>header {
padding: 14px 18px 12px;
background-color: #e4e3e3;
}
.my-list-items>header>label {
margin-bottom: 0;
color: #595454;
float: right;
}
.my-list-items .item {
list-style-type: none;
padding: 18px 20px;
}
.my-list-items .moved-item {
padding: 24px 40px;
text-align: center;
}
.my-list-items .moved-item p {
margin-bottom: 15px;
}
.my-list-items .item:before,
.my-list-items .item:after {
content: " ";
display: table;
}
.my-list-items .item:after {
clear: both;
}
.my-list-items .item.odd {
background-color: #f8f8f8;
}
.my-list-items .item-pic {
float: left;
margin-right: 20px;
}
.my-list-items .item-title {
float: left;
width: 240px;
line-height: 15px;
}
.my-list-items .item-title a {
display: block;
margin-bottom: 5px;
}
.my-list-items .item .button.primary {
width: 150px;
font-size: 16px;
}
.my-list-items .item-actions {
float: right;
width: 150px;
margin-top: 0;
line-height: 15px;
}
.my-list-items .item-actions .price {
font-size: 22px;
font-weight: 700;
margin-top: 8px;
margin-bottom: 17px;
color: #3d3c3a;
}
.my-list-items .item-actions .button.primary {
margin-bottom: 10px;
}
.my-list-items .move-item {
position: relative;
margin-right: 7px;
}
.my-list-items .move-item>a {
position: relative;
z-index: 10;
padding: 7px 15px 7px 20px;
}
.my-list-items .move-item.active>a {
background-color: #36bae1;
color: #fff;
}
.my-list-items .move-item>a:after {
background-image: url("../common/icon.png");
background-position: -180px -266px;
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 7px;
margin-top: 10px;
margin-left: 8px;
width: 12px;
}
.my-list-items .division {
color: #DEDDDD;
position: relative;
top: 2px;
left: -13px;
border-right: 2px solid #DEDDDD;
}
.my-list-items .move-item.active>a:after {
background-position: -219px -250px;
}
.my-list-items .move-item ul {
position: absolute;
z-index: 9;
top: 27px;
right: 4px;
background: #f9f8f6;
border: 1px #e4e3e3 solid;
display: none;
}
.my-list-items .move-item ul li {
white-space: nowrap;
list-style-type: none;
}
.my-list-items .move-item ul li a {
font-weight: 300;
padding: 7px 18px 7px 10px;
display: block;
color: #828282;
}
.my-list-items .move-item ul li a:hover {
background: #36bae2;
color: #FFF;
}
.my-list-items .remove-item {
color: #595454;
}
.my-list-items .inline-error {
margin-top: -5px;
text-align: left;
}
.my-list-items .item-actions .tipmsg {
color: #93bb02;
font-weight: 600;
height: 37px;
display: none;
padding-left: 25px;
position: relative;
font-size: 16px;
float: left;
width: 150px;
margin-bottom: 10px;
text-align: left;
line-height: 16px;
}
.my-list-items .item-actions .tipmsg:after {
background: url("../common/icon.png") no-repeat scroll -241px -247px rgba(0, 0, 0, 0);
content: "";
height: 18px;
left: 0;
position: absolute;
top: 0px;
width: 18px;
}
.empty-list-promo {
margin-top: 35px;
}
.empty-list-promo .hd {
background-color: #92BC02;
color: #FFFFFF;
font-weight: 100;
font-size: 48px;
line-height: 45px;
padding: 35px 40px;
}
.empty-list-promo .hd span {
font-weight: 300;
}
.empty-list-promo .bd {
background-color: #f8f8f8;
padding: 35px 40px 70px;
}
.empty-list-promo .bd h3 {
font-weight: 600;
color: #92bc02;
font-size: 24px;
}
.empty-list-promo .bd h4 {
color: #3d3c3a;
font-size: 20px;
}
/* return agent order */
.agent-return {
padding-top: 50px;
}
.agent-return .select-items {
padding: 10px;
position: relative;
margin-top: -50px;
}
.agent-return .select-items span {
position: absolute;
top: 10px;
left: 40px;
}
.agent-return .shipment {
padding-left: 0;
}
.agent-return .item-check {
float: left;
width: 30px;
padding-top: 50px;
margin-left: -10px;
}
.agent-return .item-row .item-title {
width: 125px;
}
.total-section {
display: table;
border-top: 3px #E2E2E2 solid;
padding-top: 10px;
font-size: 13px;
}
.return-items .comments,
.return-items .comments-enter {
margin-top: 10px;
}
.return-items .comments .textarea {
height: 64px;
width: 100%;
}
.return-items .total-section {
border-top: 0;
}
.total-section fieldset>dl {
display: table-row;
}
.total-section fieldset>dl>dt,
.total-section fieldset>dl>dd {
border-top: 1px #FFF solid;
display: table-cell;
padding: 2px 10px;
}
.total-section fieldset>dl>dd {
background: #E9E9E9;
padding-left: 20px;
text-align: right;
min-width: 100px;
}
.total-section fieldset>dl>dd+dd {
background: none;
max-width: 180px;
}
.return-items {
padding-top: 25px;
font-size: 13px;
}
.return-items .return-code {
padding-top: 8px;
}
.return-items .table {
border-top: 1px #CCC solid;
border-left: 1px #CCC solid;
margin-top: 10px;
}
.return-items .table>ul.table-row>li {
border-bottom: 1px #CCC solid;
border-right: 1px #CCC solid;
padding: 10px 5px;
line-height: 1;
vertical-align: middle;
}
.return-items .table>ul.table-row.table-header>li {
font-weight: 700;
background: #F7F7F7;
}
.return-items .textarea.fixed-size {
width: 140px;
height: 64px;
}
.return-items+.return-items {
border-top: 1px #E2E2E2 solid;
margin-top: 25px;
}
.return-items .note-title {
display: inline-block;
padding: 4px 20px;
font-weight: 700;
font-size: 16px;
margin-top: -6px;
border: 1px #7E7E7E solid;
}
.return-items-total {
border-bottom: 1px #CCC solid;
padding-bottom: 30px;
margin-top: 50px;
}
.button-box {
margin-top: 30px;
}
.button-box>a {
margin-top: 8px;
}
/*return option*/
.return-option .modal-dialog {
width: 640px;
}
.return-option .option-item {
padding: 5px 0;
}
.return-option .option-item .text {
color: #595454;
display: inline-block;
width: 550px;
vertical-align: top;
font-size: 14px;
}
.return-option .option-item label.fradio {
vertical-align: top;
}
.return-option .button.tertiary,
.return-option .button.primary {
height: 35px;
line-height: 25px;
font-size: 16px;
}
#returnInstructions .instructions {
padding-bottom: 20px;
}
#returnInstructions .instructions>li {
list-style-position: inside;
padding-bottom: 10px;
}
#returnInstructions .return-items-row {
padding: 20px;
}
.return-items-row .items-col {
background-color: #fbf0c5;
padding: 10px;
}
.return-items-row .items-col h4>span {
}
.return-items-row .items-col p {
padding-bottom: 10px;
}
#retrunDocuments .form-control {
width: 378px !important;
}
.term-conditions a {
color: #36BAE2;
text-decoration: underline;
}
.term-conditions a:focus,
.term-conditions a:hover {
color: #595454;
text-decoration: none;
}
#termConditions .sbar-cov .sbar-bg {
right: -10px;
}
.mylist-row .top-bar {
margin-bottom: 20px;
padding-right: 20px;
}
.mylist-row .top-bar .left-btn-box {
float: left;
font-size: 0;
}
.top-bar .left-btn-box .button {
margin-right: 10px;
}
.top-bar .left-btn-box .button.primary {
padding: 0 18px;
height: 40px;
color: #fff;
font-size: 13px;
}
.top-bar .left-btn-box .button.primary.disable {
background-color: #c8dd80;
}
.top-bar .left-btn-box .button.tertiary {
padding: 0 22px;
height: 40px;
font-size: 13px;
font-weight: 700;
color: #00446a;
}
.top-bar .left-btn-box .button.tertiary.disable {
color: #7fa1b4;
background-color: #ebf3fa;
}
.mylist-row .top-bar .right-func {
float: right;
height: 40px;
line-height: 40px;
}
.range-box {
position: relative;
}
.range-box .icon {
position: absolute;
left: 14px;
}
.range-box .icon.i-up-white {
top: 8px;
}
.range-box .icon.i-down-white {
bottom: 8px;
}
.top-bar .right-func .create-list,
.top-bar .right-func .range-box {
display: inline-block;
vertical-align: middle;
}
.top-bar .right-func .create-list {
margin-right: 15px;
}
.create-list-md {
padding-bottom: 35px;
text-align: right;
}
.top-bar .right-func .range-box {
height: 40px;
width: 40px;
background-color: #00446a;
}
.top-bar .right-func .range-box.active {
background-color: #92bc02;
}
.group-list .group-item {
margin-bottom: 20px;
}
.group-list .group-item .gi-title {
position: relative;
padding-left: 20px;
padding-bottom: 10px;
padding-top: 2px;
cursor: pointer;
}
.group-list .icon.i-help-dark {
position: relative;
overflow: visible;
}
.gi-title .gi-title-info {
font-weight: 600;
font-size: 28px;
display: inline-block;
margin-right: 30px;
padding-right: 30px;
background: url(../common/gray-trangle-up.png) no-repeat right center;
}
.group-list .group-item.close .gi-title .gi-title-info {
display: inline-block;
margin-right: 30px;
padding-right: 30px;
background: url(../common/gray-trangle-down.png) no-repeat right center;
}
.group-item .gi-title .group-action {
padding-right: 20px;
text-align: right;
white-space: nowrap;
}
.group-item .gi-title .group-action .icon {
vertical-align: middle;
}
.group-item .gi-title .group-action .i-edit {
margin-right: 20px;
}
.group-item .gi-title .move-arrow-btn {
margin-left: 20px;
background-color: #f9f8f6;
vertical-align: middle;
}
.group-item .gi-title .move-arrow-btn.active,
.group-item .gi-title .move-arrow-btn.hover {
background-color: #92bc02;
}
.group-item .gi-list li {
position: relative;
height: 80px;
margin-bottom: 2px;
padding-left: 20px;
padding-top: 30px;
padding-bottom: 25px;
padding-right: 20px;
border-left-width: 10px;
border-left-style: solid;
list-style: none;
background-color: #f9f8f6;
overflow: hidden;
}
.group-item .gi-list .move-arrow-btn {
float: right;
top: -5px;
margin-left: 1px;
}
.li-range .move-arrow-btn {
float: right;
margin-left: 10px;
margin-bottom: 20px;
background: #f9f8f6;
}
.single-row .li-range .move-arrow-btn {
background: #FFF;
}
.single-row .li-range .move-arrow-btn.active,
.single-row .li-range .move-arrow-btn.hover {
background: #92bc02;
}
.move-arrow-btn {
position: relative;
width: 40px;
height: 40px;
background-color: #fff;
display: inline-block;
}
.move-arrow-btn.active,
.move-arrow-btn.hover {
background-color: #92bc02;
}
.move-arrow-btn .icon {
position: absolute;
top: 14px;
left: 14px;
width: 12px;
height: 11px;
}
.move-arrow-btn.down .icon {
background-position: -334px -260px;
}
.move-arrow-btn.up .icon {
background-position: -334px -240px;
}
.move-arrow-btn.down.active .icon,
.move-arrow-btn.down.hover .icon {
background-position: -348px -260px;
}
.move-arrow-btn.up.active .icon,
.move-arrow-btn.up.hover .icon {
background-position: -348px -240px;
}
.group-item.gi-color-1 .gi-title {
color: #b3b3b3;
}
.group-item.gi-color-1 .gi-list li {
border-left-color: #b3b3b3;
}
.group-item.gi-color-2 .gi-title {
color: #efc92d;
}
.group-item.gi-color-2 .gi-list li {
border-left-color: #efc92d;
}
.group-item.gi-color-3 .gi-title {
color: #36bae2;
}
.group-item.gi-color-3 .gi-list li {
border-left-color: #36bae2;
}
.group-item.gi-color-4 .gi-title {
color: #92bc02;
}
.group-item.gi-color-4 .gi-list li {
border-left-color: #92bc02;
}
.group-item.gi-color-5 .gi-title {
color: #faa519;
}
.group-item.gi-color-5 .gi-list li {
border-left-color: #faa519;
}
.group-item.gi-color-6 .gi-title {
color: #ed1c24;
}
.group-item.gi-color-6 .gi-list li {
border-left-color: #ed1c24;
}
.empty-mylist-cartrige p {
height: 265px;
line-height: 265px;
background-color: #e4e3e3;
}
#createNewListModal .modal-dialog,
#createNewGroupModal .modal-dialog,
#copyListModal .modal-dialog {
width: 340px;
}
#deleteListModal .modal-dialog {
width: 460px;
}
#createNewListModal .modal-content,
#createNewGroupModal .modal-content,
#deleteListModal .modal-content,
#copyListModal .modal-content {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-top: 15px;
}
.modal-content .modal-body {
-webkit-overflow-scrolling: touch;
}
#createNewListModal .form-group,
#createNewGroupModal .form-group,
#copyListModal .form-group {
padding-left: 0;
}
#createNewListModal .btn-box .button,
#createNewGroupModal .btn-box .button,
#deleteListModal .btn-box .button,
#copyListModal .btn-box .button {
height: 40px;
}
.group-color-box {
margin-right: -20px;
font-size: 0;
}
.group-color-box .group-color-item {
margin-right: 10px;
}
.group-color-item {
position: relative;
width: 42px;
height: 42px;
display: inline-block;
border: 1px solid #857f7f;
}
.group-color-item.active {
border: 3px solid #857f7f;
}
.group-color-item.active:after {
position: absolute;
top: 7px;
left: 7px;
content: "";
width: 22px;
height: 20px;
background-image: url(../common/icon.png);
background-position: -260px -240px;
}
.group-color-item.gi-color-1 {
background-color: #b3b3b3;
}
.group-color-item.gi-color-2 {
background-color: #efc92d;
}
.group-color-item.gi-color-3 {
background-color: #36bae2;
}
.group-color-item.gi-color-4 {
background-color: #92bc02;
}
.group-color-item.gi-color-5 {
background-color: #faa519;
}
.group-color-item.gi-color-6 {
background-color: #ed1c24;
}
#deleteListModal .dl-tip {
line-height: 1;
}
#deleteListModal .del-note-msg {
margin-top: 20px;
color: #ed1c24;
}
#copyListModal .text-line {
margin-top: 35px;
margin-bottom: 10px;
text-align: center;
border-top: 1px solid #e3e3e3;
}
#copyListModal .text-line .tl-cont {
position: relative;
display: inline-block;
width: 40px;
top: -10px;
font-weight: 700;
background-color: #fff;
}
/* 12. thank you register
------------------------------------*/
.tk-cont {
padding-left: 20px;
}
.tk-glad-title {
padding: 38px 80px 40px 0;
line-height: 1.2;
}
.tk-accessto-box {
padding-left: 20px;
padding-top: 40px;
border-top: 1px solid #e4e3e3;
}
.tk-accessto-box .access-list li {
color: #36bae2;
font-size: 18px;
margin-top: 2px;
list-style: none;
position: relative;
}
.tk-accessto-box .access-list li:before {
background: url(../common/icon.png) no-repeat -61px -551px;
width: 7px;
height: 7px;
content: "";
position: absolute;
top: 8px;
}
.access-list li span {
font-size: 16px;
color: #595454;
margin-left: 20px;
}
.tk-btn-box {
margin-top: 50px;
margin-bottom: 83px;
}
.tk-btn-box .primary,
.tk-btn-box .secondary {
padding: 10px 35px;
height: auto;
vertical-align: middle;
font-size: 18px;
}
.tk-btn-box .secondary {
margin-left: 25px;
}
/* 13. Company Register
------------------------------------*/
.company-register-form {
margin-top: -4px;
}
.company-register-form .form-group {
padding-left: 0;
}
.company-register-form .name-field,
.company-register-form .cr-noaccount-field,
.company-register-form .account-group {
width: 300px;
}
.company-register-form .account-group {
padding-bottom: 25px;
}
.company-register-form .crf-btn-box {
padding-top: 60px;
padding-bottom: 20px;
}
.company-register-form .phone-field {
position: relative;
width: 460px;
}
.cr-hasaccount-box {
padding-bottom: 25px;
}
.company-register-form .phone-filed .select {
width: 140px;
display: inline-block;
vertical-align: top;
}
.company-register-form .phone-filed label {
display: block;
}
.company-register-form .phone-filed .inline-filed {
display: inline-block;
left: 0;
vertical-align: top;
margin-left: 10px;
font-size: 16px;
}
.company-register-form .phone-filed .inline-filed .text-input {
width: 58px\0;
}
.company-register-form .phone-filed {
width: 365px;
}
.company-register-form .ext-filed {
margin-left: 15px;
}
.company-register-form .type-busi-title {
padding: 37px 0 20px;
}
.company-register-form .busi-list li {
float: left;
width: 33.33%;
padding-right: 20px;
padding-bottom: 9px;
list-style: none;
}
.company-register-form .busi-list li label {
color: #595454;
}
.company-register-form .other-biz-input {
width: 300px;
padding-top: 0;
}
#registerForm .type-group .f-t-Ita,
#registerForm .normal-label-box .f-t-Ita,
#js-edit-paymentOption .form-group label>em,
#js-new-paymentOptionForm .form-group label>em,
.js-validate-number .form-group label>em {
font-size: 16px;
color: #595454;
font-weight: normal;
font-style: normal;
font-style: italic\0;
font-size: 14px\0;
font-family: TisaOT-Ita, Georgia, Sans-Serif;
}
/* help promo */
.promo-help {
border-top: 2px #e4e3e3 solid;
margin-top: 40px;
padding-top: 15px;
}
.promo-help li {
list-style-type: none;
margin-top: 25px;
}
.promo-help li>img {
float: left;
}
.promo-help li>.info {
margin-left: 150px;
padding-top: 5px;
padding-right: 160px;
}
.promo-help li>.summary {
margin-top: 5px;
}
/* right promo */
.promo-fpo {
border-top: 2px #e4e3e3 solid;
margin-top: 40px;
padding-top: 40px;
}
.promo-fpo .promo-fpo-atr {
background: #e4e3e3;
padding: 40px 0;
text-align: center;
font-size: 22px;
}
/* Company Setting */
.company-setting-row .table-cell {
vertical-align: top;
float: none;
width: 240px;
border: 10px #FFF solid;
border-top: none;
border-bottom: none;
position: relative;
}
.company-setting-row .table-cell:hover {
background: #f6f6f6;
}
.company-setting-row .table-cell:hover .span-arrow-gray {
background-position: -120px -188px;
}
.company-setting-row .table-cell.proplus-cell:hover {
background: #FFF;
}
.table-cell .cs-position {
padding-bottom: 70px;
}
.table-cell.pro-plus .cs-position {
padding-bottom: 20px;
}
.table-cell .cs-position .cs-header {
background: #f6f6f6;
color: #36bae2;
padding: 15px 20px 0;
text-align: center;
}
.table-cell .cs-position .cs-link {
position: absolute;
bottom: 15px;
padding-right: 20px;
font-size: 13px;
text-transform: uppercase;
color: #36bbe4;
font-weight: 700;
}
.table-cell .cs-position .cs-link .span-arrow-gray {
position: absolute;
background: url(../common/icon.png) no-repeat -98px -206px;
height: 16px;
top: 0;
right: 0;
content: "";
width: 14px;
}
.table-cell .pro-plus {
padding: 20px;
background-color: #f6f6f6;
}
.table-cell .pro-plus .icon {
position: absolute;
top: 15px;
right: -15px;
overflow: visible;
}
.table-cell .pro-plus .icon .form-tip {
position: absolute;
top: -15px;
right: -245px;
width: 225px;
}
.pro-plus .pp-cont {
position: relative;
padding-top: 15px;
}
.pro-plus .pp-cont p {
line-height: 1.2;
}
.pro-plus .pp-cont .line-alone {
line-height: 1;
}
.pro-plus .pp-cont .mb-23 {
margin-bottom: 23px;
}
.pro-plus .pp-cont .mt-13 {
margin-top: 13px;
}
.pro-plus .pp-cont .ppc-btn-box .button {
padding: 0;
line-height: 45px;
}
.table-cell:hover .cs-position .cs-header {
background: #36bae2;
color: #fff;
}
.cs-header>span {
display: block;
font-size: 24px;
line-height: 1.2;
}
.cs-main {
padding-top: 17px;
padding-bottom: 2px;
}
.table-cell .cs-ane-bg {
background: url(../common/icon-company-setting.png) no-repeat -120px -160px;
height: 80px;
width: 120px;
margin: 0 auto;
margin-top: 30px;
}
.table-cell .cs-ece-bg {
background: url(../common/icon-company-setting.png) no-repeat -120px 0px;
height: 80px;
width: 120px;
margin: 0 auto;
margin-top: 30px;
}
.table-cell .cs-ea-bg {
background: url(../common/icon-company-setting.png) no-repeat -120px -80px;
height: 80px;
width: 120px;
margin: 0 auto;
margin-top: 30px;
}
.table-cell .cs-njv-bg {
background: url(../common/icon-company-setting.png) no-repeat -120px -240px;
height: 80px;
width: 120px;
margin: 0 auto;
margin-top: 30px;
}
.table-cell .cs-bt-bg {
background: url(../common/budget-tracking-bule.png) no-repeat -38px 0px;
height: 80px;
width: 120px;
margin: 0 auto;
margin-top: 30px;
}
.table-cell:hover .cs-ane-bg {
background-position: 0 -160px;
}
.table-cell:hover .cs-ece-bg {
background-position: 0 0;
}
.table-cell:hover .cs-ea-bg {
background-position: 0 -80px;
}
.table-cell:hover .cs-njv-bg {
background-position: 0 -240px;
}
.table-cell:hover .cs-bt-bg {
background: url(../common/budget-tracking-white.png) no-repeat -38px 0px;
}
.cs-banner-box {
padding-top: 20px;
}
.cs-banner {
background: url(../common/company-setting-banner.png) no-repeat;
height: 38px;
width: 126px;
display: inline-block;
vertical-align: top;
}
.myacct-sub-title {
margin-top: -4px;
}
.myacct-sub-title h3 {
font-weight: 300;
font-size: 32px;
line-height: 0.9;
margin-bottom: 20px;
}
.als-table>ul {
margin-bottom: 5px;
background: #f9f8f6;
}
.als-table>ul.table-header {
margin-bottom: 0;
background: #e4e3e3;
font-weight: 600;
}
.als-table>ul>li {
padding: 15px 10px;
vertical-align: top;
}
.als-table>ul>li .for-cb {
margin-bottom: 0;
margin-top: 5px;
}
.als-table>ul>li .for-cb .fcheckbox {
float: left;
margin-right: 5px;
}
.als-table>ul>li .for-cb span {
float: left;
width: 170px;
word-wrap: break-word;
word-break: break-all;
}
.als-table>ul>li .als-pt {
margin-top: 5px;
display: block;
width: 100%;
word-wrap: break-word;
word-break: break-all;
}
.als-table>ul>li .als-op {
margin-top: 5px;
display: block;
word-wrap: break-word;
word-break: break-all;
}
.als-table>ul>li .als-pt-name {
margin-top: 5px;
display: block;
width: 210px;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.als-table>ul.table-header>li {
padding: 8px 10px;
line-height: 1.1;
}
.als-table label>span {
margin-left: 5px;
}
.als-table>ul>li .sim-select .sim-list li {
overflow: hidden;
word-wrap: break-word;
}
.als-table>ul>li .text-input {
width: 80px;
}
.table-row .w-per-20 {
width: 20%;
}
.table-row .w-per-23 {
width: 23%;
}
.table-row .w-per-33 {
width: 33%;
}
.table-row .w-per-34 {
width: 34%;
}
.table-block-row {
display: table-row;
}
.table-block-row li {
padding: 0 !important;
display: table-cell;
font-size: 0;
height: 10px;
background: #FFF;
}
.table-row .icon-allow-operating {
display: inline-block;
height: 25px;
width: 25px;
background: url(../common/icon.png) no-repeat 97% 10.5%;
}
.overflow-hide {
overflow: hidden;
}
.hide-border {
margin-top: -20px;
}
.db-main-row>header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 15px;
}
.db-main-row>header>h3 {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
font-weight: 300;
font-size: 32px;
line-height: 1;
margin-top: -4px;
padding-left: 20px;
position: relative;
padding-right: 30px;
cursor: pointer;
}
.db-main-row>header>span {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-weight: 300;
margin-left: 50px;
font-size: 18px;
}
.db-main-row>header>h3>.arrow {
background: url("../common/icon.png") no-repeat -168px -292px;
position: absolute;
top: 15px;
right: 3px;
height: 7px;
width: 12px;
}
.db-main-row.close>header>h3>.arrow {
background-position: -155px -292px;
}
.db-main-row>main {
padding-bottom: 25px;
width: 100%;
}
.db-main-row>main .view-more {
text-align: right;
padding-top: 5px;
}
.db-main-row>main .view-more a:after {
background-position: -98px -203px;
}
.db-main-row>main .view-more.quotes {
padding-top: 25px;
}
.db-main-row>footer {
border-top: 1px #e4e3e3 solid;
padding-bottom: 20px;
}
.approval-message-box {
padding-top: 33px;
padding-bottom: 20px;
margin-bottom: 10px;
}
.approval-message-box.approval-pass {
background-color: #92bc02;
}
.approval-message-box.approval-error {
padding-top: 22px;
background-color: #fba51a;
}
.approval-message-box.approval-deny {
padding-top: 15px;
background-color: #ed1b24;
}
.approval-message-box .am-txt,
.approval-message-box .am-btn {
text-align: center;
color: #fff;
}
.approval-message-box .am-txt {
font-size: 22px;
font-weight: 300;
line-height: 1.2;
}
.approval-message-box .am-btn {
margin-top: 16px;
}
.approval-message-box .am-btn a {
display: inline-block;
height: 30px;
line-height: 30px;
width: 140px;
color: #fff;
font-size: 18px;
text-align: center;
}
.approval-message-box.approval-pass .am-btn a {
background-color: #689200;
}
.approval-message-box .am-txt span {
position: relative;
padding-left: 40px;
}
.approval-message-box.approval-pass .am-txt span:after,
.approval-message-box.approval-deny .am-txt span:after {
position: absolute;
left: 0;
content: "";
width: 20px;
height: 20px;
}
.approval-message-box.approval-pass .am-txt span:after {
background: url("../common/icon.png") no-repeat -340px -440px;
top: 0;
}
.approval-message-box.approval-deny .am-txt span:after {
background: url("../common/icon.png") no-repeat -340px -480px;
top: 6px;
}
.approval-message-box.approval-error .am-btn a {
background-color: #cc7c00;
}
.approval-message-box.approval-deny .am-btn a {
background-color: #b60000;
}
.approval-message-box .am-input {
margin-top: 15px;
margin-bottom: 20px;
text-align: center;
}
.approval-message-box .am-input input {
width: 290px;
}
.ag-list {
padding-bottom: 5px;
}
.ag-list>li,
.og-list>li,
.qt-list>li {
list-style-type: none;
background: #f9f8f6;
padding: 15px 20px 20px;
}
.ag-list>li+li,
.og-list>li+li,
.qt-list>li+li {
margin-top: 10px;
}
.ag-list .ag-info,
.qt-list .qt-info {
min-height: 50px;
}
.og-list .og-info {
min-height: 30px;
}
.js-my-order-error:not(.service-error-msg) {
color: red;
font-weight: bold;
font-size: small;
}
.js-my-order-error span {
font-weight: inherit;
display: block;
}
.ag-list .vote {
margin-top: 10px;
margin-bottom: -5px;
}
.ag-list .vote .praise {
background: url("../common/icon.png") no-repeat -340px -360px;
display: inline-block;
width: 20px;
height: 20px;
}
.ag-list .vote .negative {
background: url("../common/icon.png") no-repeat -340px -400px;
display: inline-block;
width: 20px;
height: 20px;
margin-bottom: -8px;
margin-right: 10px;
margin-left: 15px;
}
.ag-list .vote .praise:hover {
background-position: -340px -380px;
}
.ag-list .vote .negative:hover {
background-position: -340px -420px;
}
.order-group {
padding-bottom: 1px;
}
.order-group .og-title {
background: #e4e3e3;
padding: 10px 20px 0 20px;
font-weight: 700;
text-transform: uppercase;
position: relative;
line-height: 1;
height: 35px;
cursor: pointer;
}
.order-group .og-title:hover {
background-color: #b3b3b3;
}
.order-group .og-title .arrow {
content: "";
background: url("../common/icon.png") no-repeat -193px -292px;
position: absolute;
top: 15px;
margin-left: 20px;
height: 7px;
width: 12px;
right: 20px;
}
.order-group .og-title:hover .arrow {
background-position: -219px -250px;
}
.order-group.close .og-title .arrow {
background-position: -180px -292px;
}
.order-group.close .og-title:hover .arrow {
background-position: -206px -250px;
}
.order-group .og-list {
padding-bottom: 19px;
}
.order-group .og-list>li {
list-style-type: none;
}
.quick-tools-row {
padding-bottom: 10px;
}
.quick-tools-row>header>h4 {
position: relative;
padding: 5px 20px 15px 20px;
cursor: pointer;
color: #36bae2;
text-transform: uppercase;
}
.quick-tools-row>footer {
border-bottom: 1px #e4e3e3 solid;
padding-bottom: 10px;
}
.quick-tools-row>header>h4>.arrow {
background: url("../common/icon.png") no-repeat -193px -266px;
position: absolute;
top: 12px;
right: 20px;
height: 7px;
width: 12px;
}
.quick-tools-row.close>header>h4>.arrow {
background-position: -180px -266px;
}
.quick-tools-row main {
padding-bottom: 20px;
width: 100%;
}
.quick-tools-row main>ul>li {
background: #e4e2e3;
list-style-type: none;
}
.quick-tools-row main>ul>li:hover {
background: #b3b3b3;
}
.quick-tools-row main>ul>li>a {
position: relative;
padding: 10px 20px 9px;
display: block;
border-bottom: 1px #FFF solid;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
color: #595454;
}
.quick-tools-row main>ul>li .arrow {
content: "";
background: url("../common/icon.png") no-repeat -180px -292px;
position: absolute;
top: 14px;
right: 20px;
height: 7px;
width: 12px;
}
.quick-tools-row main>ul>li:hover .arrow {
background-position: -206px -250px;
}
.quick-tools-row main>ul>li.active .arrow {
background-position: -192px -292px;
}
.quick-tools-row main>ul>li.active:hover .arrow {
background-position: -219px -250px;
}
.quick-tools-row .drop-layer {
padding: 0 20px 20px 20px;
background-color: #f9f8f6;
display: none;
}
.quick-tools-row .active .drop-layer {
display: block;
}
.quick-tools-row .drop-layer .qt-error:not(.service-error-msg) {
font-size: 12px;
line-height: 1.3;
color: #ff0000;
}
.quick-tools-row .drop-layer .qt-error-link {
font-size: 14px;
}
.quick-tools-row .drop-layer .radio-field {
padding-top: 8px;
}
.quick-tools-row .drop-layer .search-field .search-box {
position: relative;
border: 0;
height: 30px;
padding: 0;
}
.quick-tools-row .drop-layer .search-field .search-box .text-input {
border-right-width: 40px !important;
}
.quick-tools-row .drop-layer .search-field input[type="submit"],
.quick-tools-row .drop-layer .search-field input[type="button"] {
position: absolute;
right: 1px;
top: 1px;
width: 40px;
height: 28px;
background-color: #92bc02;
color: #fff;
font-weight: 700;
font-size: 17px;
}
.quick-tools-row .drop-layer .as-text {
margin-top: 9px;
line-height: 1;
}
.quick-tools-row .drop-layer .textarea-field textarea {
width: 100%;
height: 80px;
padding: 10px;
border: 1px solid #857f7f;
font-size: 12px;
color: #595454;
vertical-align: middle;
}
.quick-tools-row .drop-layer .textarea-field textarea.error {
color: #ff0000;
}
.quick-tools-row .drop-layer .txt-title {
padding-top: 18px;
padding-bottom: 15px;
word-wrap: break-word;
font-size: 13px;
line-height: 1.2;
}
.quick-tools-row .drop-layer .btn-field .button {
height: 30px;
padding: 0;
line-height: normal;
font-size: 17px;
font-weight: 700;
}
/*======================= merge css desktop start===================================*/
/*code for dashboard right section*/
.project-management-row main {
overflow: visible;
}
.project-management-row>header>h4 {
padding: 5px 2px 15px 2px;
}
.project-management-row>header>h4>.arrow {
right: -8px;
}
.project-management-row .manage-select .sim-head {
border: 1px solid #999999;
align-content: right;
}
.project-management-row .manage-select .sim-head:before {
border-left: 1px solid #999999;
}
.project-management-row p {
margin-bottom: 10px;
color: #595454;
font-size: 14px;
}
.project-management-row p span {
float: right;
}
.project-management-row p span.tooltip-warning {
float: none;
display: inline;
margin-right: 3px;
}
.project-management-row p span.bid-data-bold {
font-weight: bold;
}
.project-management-row p span.product-data-red {
color: red;
}
.project-management-row .manage-select .sim-select.open .sim-arrow {
border-bottom: 4px #92bc02 solid;
border-top: 4px transparent solid;
border-right: 4px transparent solid;
top: 10px;
}
.project-management-row .manage-select .sim-select .sim-list li {
font-weight: normal;
}
.project-management-row .manage-select .sim-select .sim-list li:hover {
background: #36bae2;
color: #fff;
}
.manage-tap {
padding-left: 10px;
padding-right: 10px;
}
.project-management-row .manage-tap {
padding-left: 0;
padding-right: 0;
}
.project-management-row .manage-tap .nav-tabs {
list-style: none;
}
.project-management-row .manage-tap .nav-tabs li {
display: inline-block;
width: 49%;
text-align: center;
margin: 10px 0 20px 0;
position: relative;
}
.project-management-row .manage-tap .nav-tabs li a {
color: #595454;
}
.project-management-row .manage-tap .nav-tabs li.active {
background: #36bae2;
padding: 5px;
}
.project-management-row .manage-tap .nav-tabs li.active:after {
content: ' ';
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #36bae2 transparent transparent transparent;
position: absolute;
top: 29px;
left: 50%;
transform: translateX(-50%);
}
.project-management-row .manage-tap .nav-tabs li.active a {
color: #fff;
}
.project-management-row .manage-tap .tab-pane {
display: none;
}
.project-management-row .manage-tap .tab-pane.active {
display: block;
}
.project-management-row .manage-link {
text-align: right;
margin-top: 30px;
margin-right: 10px;
}
.project-management-row .manage-link a {
color: #36bae2;
}
.project-management-row .manage-link a span.manage-link-arrow {
color: #777777;
font-weight: bold;
}
/*code for dashboard right section end*/
/*code for product management page*/
.myacc-title>h1.big-title-border-bottom {
border-bottom: none;
}
.product-management-page .data-panel .product-table-head {
border-top: none;
border-bottom: none;
}
.product-management-page .data-panel thead.table-fixed {
position: fixed;
}
.product-management-page .data-panel tr {
border: 1px solid #ddd;
border-bottom: none;
}
.product-management-page .data-panel .item-list>tr:last-child {
border-bottom: 1px solid #ddd;
}
.product-management-page .data-panel td>span.product-data-red {
color: red;
}
.product-management-page .data-panel td>span.product-data-posi {
position: relative;
display: inline-block;
margin-left: 18px;
line-height: 16px;
vertical-align: middle;
color: #3dc694;
font-weight: 700;
white-space: nowrap;
}
.product-management-page .data-panel td>span.product-data-nega {
position: relative;
display: inline-block;
margin-left: 18px;
line-height: 16px;
vertical-align: middle;
color: red;
font-weight: 700;
white-space: nowrap;
}
.product-management-page .title-panel div>span.product-data-posi {
color: #3dc694;
font-weight: 700;
white-space: nowrap;
}
.product-management-page .title-panel div>span.product-data-nega {
color: red;
font-weight: 700;
white-space: nowrap;
}
/* .product-management-page .data-panel td > span.product-data-nega:before{ */
/* position: absolute; */
/* display: inline-block; */
/* top: 1px; */
/* left: -18px; */
/* width: 0px; */
/* height: 0px; */
/* border-left: 7px solid transparent; */
/* border-right: 7px solid transparent; */
/* border-bottom: 13px solid #FAA519; */
/* font-weight: 700; */
/* font-weight: normal; */
/* font-size: 11px; */
/* content: ''; */
/* color: #fff; */
/* text-align: center; */
/* padding-right: 2px; */
/* } */
/* .product-management-page .data-panel td > span.product-data-nega:after{ */
/* position: absolute; */
/* display: inline-block; */
/* top: 0px; */
/* left: -18px; */
/* width: 16px; */
/* height: 13px; */
/* font-weight: 700; */
/* font-weight: normal; */
/* font-size: 11px; */
/* content: '!'; */
/* color: #fff; */
/* text-align: center; */
/* } */
.product-management-page .data-panel td>span.product-data-black-bold {
color: #595454;
font-weight: bold;
}
.product-management-page .title-panel .product-data-red {
color: red;
}
.product-management-page .title-panel .summary-bold {
font-weight: bold;
}
.title-panel {
padding: 0 20px;
}
.title-panel .margin-bottom-10 {
margin-bottom: 10px;
}
.title-panel .text-left {
text-align: left;
}
.title-panel .text-right {
text-align: right;
}
.title-panel hr.border-line {
border: 2px solid #eee;
width: auto;
}
.title-panel .product-management-border-line {
margin-top: 0;
margin-bottom: 3px;
}
@media(width: 768px) {
.title-panel hr.border-line {
margin: 0 10px;
}
}
.title-panel .title-panel-with-select {
padding-bottom: 0;
}
.title-panel .sim-select {
text-align: left;
}
.title-panel .sim-select .sim-head .sim-arrow {
border-top: 4px #B3B3B3 solid;
border-left: 4px transparent solid;
border-right: 4px transparent solid;
right: 11px;
top: 14px;
}
.title-panel .sim-select.open .sim-head .sim-arrow {
border-bottom: 4px #B3B3B3 solid;
border-top: 4px transparent solid;
border-right: 4px transparent solid;
top: 10px;
}
.title-panel label {
color: #595454;
}
.title-panel .select-el {
margin-top: -5px;
}
.title-panel .sim-head {
border: 1px solid #616161;
}
/* .title-panel >div{
padding-bottom: 10px;
} */
/* .title-panel >div:first-child{
padding-bottom: 5px;
} */
.title-panel>div>div {
margin: 10px 0;
}
.title-panel .row>div:nth-child(3) {
margin-bottom: 0;
}
.product-management-page .title-panel .title-panel-bid .col-lg-4 .col-lg-12 {
margin-bottom: 5px;
}
.product-management-page .title-panel .title-panel-bid .col-lg-4 .col-lg-12.margin-bottom-0 {
margin-bottom: 0;
}
.product-management-page .title-panel .title-panel-bid .text-right .tooltip-warning {
margin-right: 7px;
}
.product-management-page .manage-tap .nav-tabs {
list-style: none;
margin-bottom: -1px;
}
.product-management-page .manage-tap .nav-tabs.fixed {
position: fixed;
background: #fff;
z-index: 2;
}
.product-management-page .manage-tap .nav-tabs li {
display: inline-block;
width: 20%;
text-align: center;
margin: 10px 0 0 0;
position: relative;
border: 1px solid #f8f8f8;
border-bottom-color: #ddd;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #fefefe;
padding: 15px 5px 10px 5px;
}
.product-management-page .manage-tap .nav-tabs li:first-child {
margin-left: 30px;
}
.product-management-page .manage-tap .nav-tabs li a {
color: #3D3C3A;
}
.product-management-page .manage-tap .nav-tabs li.active {
background: #FFFFFF;
margin-top: 0;
border: 1px solid #ddd;
border-bottom-color: #fff;
}
.product-management-page .manage-tap .nav-tabs li.active a {
color: #1C88C7;
}
.product-management-page .manage-tap .tab-pane {
display: none;
}
.product-management-page .manage-tap .tab-pane.active {
display: block;
}
.data-panel {
margin-bottom: 60px;
border-bottom: 2px solid #36bae2;
}
.data-panel.empty-items {
margin-bottom: 0px;
}
.data-panel .table {
border-spacing: 0;
border-collapse: collapse;
border-bottom: 1px solid #ddd;
}
.data-panel .no-product-table {
border-bottom: 0;
}
.thead-asc,
.thead-desc {
position: absolute;
left: 42px;
}
.thead-asc::after,
.thead-desc::after {
content: ' ';
width: 0;
height: 0;
border-style: solid;
position: absolute;
cursor: pointer;
}
.tooltip-warning-border>td {
border-top: 1px solid #FAA519;
border-bottom: 1px solid #FAA519;
}
.tooltip-warning-border>td:first-child {
border-left: 4px solid #FAA519;
}
.tooltip-warning-border>td:last-child {
border-right: 1px solid #FAA519;
}
.tooltip-warning {
position: relative;
float: none;
display: inline;
}
.product-management-page .data-panel .tooltip-warning {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 35px;
}
.tooltip-warning::after {
content: '!';
position: absolute;
/*background: red;*/
color: #fff;
/*width: 13px;*/
/*height: 13px;*/
text-align: center;
/*border-radius: 50%;*/
left: -18px;
top: 50%;
transform: translateY(-50%);
font-size: 11px;
font-weight: normal;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 13px solid #FAA519;
font-weight: 700;
font-size: 11px;
line-height: 14px;
padding-right: 2px;
}
.tooltip-warning[data-tooltip="hover"]::after {
cursor: pointer;
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
border: 1px solid #015581;
bottom: 30px;
left: -33px;
width: 200px;
}
.tooltip:after,
.tooltip:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
}
.tooltip:after {
bottom: -20px;
left: 11px;
border-color: #eee transparent transparent transparent;
border-width: 10px;
}
.tooltip:before {
bottom: -22px;
left: 10px;
border-color: #015581 transparent transparent transparent;
border-width: 11px;
}
.tooltip .tooltip-inner {
height: auto;
max-width: 200px;
padding: 10px;
color: #666;
text-align: left;
background-color: #eee;
border-radius: 4px;
font-size: 14px;
border: 1px solid #EEEEEE;
}
.data-panel .tooltip {
/*bottom: 15px;*/
}
.thead-asc::after {
top: 3px;
border-width: 6px 6px 0 6px;
border-color: #36bae2 transparent transparent transparent;
}
@-moz-document url-prefix() {
.thead-asc::after {
top: 5px;
}
}
@media screen\0 {
.thead-asc::after {
top: 4px;
}
}
.thead-desc::after {
bottom: 3px;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #36bae2 transparent;
}
.data-panel a {
color: #1C88C7;
}
.data-panel a:focus {
color: #1C88C7;
}
.data-panel .table .non-click {
cursor: default;
}
.data-panel .table th {
padding: 10px 10px;
text-align: left;
font-weight: bold;
font-size: 14px;
vertical-align: bottom;
position: relative;
box-sizing: content-box;
font-weight: 600;
}
.data-panel .table th:nth-child(2) {
text-align: center;
}
.data-panel .table td:nth-child(2) {
text-align: center;
}
.data-panel .table tr th:nth-child(3),
.data-panel .table tr th:nth-child(4),
.data-panel .table tr th:nth-child(5),
.data-panel .table tr th:nth-child(6),
.data-panel .table tr th:nth-child(7),
.data-panel .table tr td:nth-child(3),
.data-panel .table tr td:nth-child(4),
.data-panel .table tr td:nth-child(5),
.data-panel .table tr td:nth-child(6),
.data-panel .table tr td:nth-child(7) {
text-align: right;
}
.data-panel .table td {
padding: 15px 10px;
/*font-weight: bold;*/
font-size: 0px;
font-weight: 600;
}
.data-panel .table td .tooltip-warning::after {
/*top: 18px;*/
}
@-moz-document url-prefix() {
.data-panel .table td .tooltip-warning::after {
/*top: 32px;*/
}
}
.data-panel .table td>a {
font-size: 14px;
/*font-weight: bold;*/
}
.data-panel .table th>a {
font-size: 14px;
font-weight: bold;
}
.data-panel .table th>a.blue:focus {
color: #1C88C7;
}
.data-panel .table td>span {
font-size: 14px;
/*font-weight: bold;*/
}
.data-panel .table td>a:focus {
color: #1C88C7;
}
.data-panel .table td:first-child {
color: #015581;
width: 25%;
font-weight: bold;
}
.data-panel .table td:first-child>div {
/*height: 37px;*/
overflow: hidden;
}
.data-panel .table td:first-child div a p {
font-size: 14px;
color: #595454;
width: 100%;
font-weight: 600;
word-break: break-word;
}
.data-panel .table td:first-child div a p span {
font-size: 14px;
font-weight: bold;
word-break: normal;
}
.data-panel .table td:first-child a {
font-size: 14px;
font-weight: bold;
/*color: #015581;*/
width: 100%;
overflow: hidden;
/*text-overflow: ellipsis;*/
/*display: -webkit-box;*/
/*-webkit-box-orient: vertical;*/
/*-webkit-line-clamp: 2;*/
}
.data-panel .table td:first-child a.blue:focus {
color: #1C88C7;
}
/*.data-panel .table td:first-child a span{*/
/*font-size: 15px;*/
/*font-weight: bold;*/
/*}*/
.data-panel .table tr th:first-child,
.data-panel .table tr td:first-child {
padding-left: 15px;
width: 25%;
position: relative;
}
.data-panel .table tr th:last-child,
.data-panel .table tr td:last-child {
padding-right: 15px;
}
/*.data-panel .table tr:nth-child(2n) {
background-color: #f8f8f8;
}*/
.data-panel .table .table-footer tr td {
padding-bottom: 20px;
}
.data-panel .table .table-footer tr:first-child td {
border-top: 2px solid #022c42;
padding-bottom: 5px;
}
.data-panel .table .table-footer tr:last-child td {
border-bottom: 2px solid #022c42;
}
.data-panel .table .table-footer tr:nth-child(2n) td {
background-color: #fff;
}
.footer-panel {
/*padding: 0 15px;*/
}
.footer-panel h5 {
color: #36bae2;
padding: 0;
}
.footer-panel h6 {
color: #015581;
line-height: 24px;
margin-bottom: 10px;
}
.footer-panel p {
font-size: 16px;
font-weight: normal;
}
.product-management-page .data-panel .not-source-bid-title {
color: #03324c;
font-weight: bold;
font-family: TisaOT-Ita, Georgia, Sans-Serif;
font-size: 16px;
}
.product-management-page .have-no-products {
text-align: center;
padding: 25px 100px 0 100px;
}
.product-management-page .have-no-products p {
font-weight: 300;
font-weight: bold;
margin-bottom: 12px;
font-size: 20px;
}
.product-management-page .have-no-products a {
color: #80b100;
font-weight: bold;
display: block;
margin-bottom: 5px;
font-size: 20px;
}
/*code for product management page end*/
/*code for product management page inv qty popup*/
#pop-inv-qty .modal-header .close {
top: 1px;
color: #1c88c7;
background: url(../common/new-close-icon.png) no-repeat;
background-size: 25px 25px;
}
#pop-inv-qty .modal-md {
width: 700px;
}
#pop-inv-qty .sbarContent {
display: table;
width: 100%;
}
/*#pop-inv-qty .row{
margin: 0 -10px;
}
#pop-inv-qty .col-xs-8{
width: 69.66%;
float: left;
padding: 0 10px;
}
#pop-inv-qty .col-xs-4{
width: 30.33%;
float: left;
padding: 0 10px;
}*/
#pop-inv-qty .inv-product-code {
margin-top: 8px;
}
#pop-inv-qty .choosePaymentModal-table p {
font-weight: 700;
color: #777777;
font-weight: normal;
font-size: 16px;
}
#pop-inv-qty .choosePaymentModal-table p.ph-item-name {
/*font-weight: 600;*/
}
#pop-inv-qty .choosePaymentModal-table .pull-right {
padding-right: 0;
margin-right: -15px;
}
#pop-inv-qty .choosePaymentModal-table .tipmsg {
color: #93BB02;
display: none;
font-weight: 600;
height: 45px;
line-height: 18px;
margin: 5px 0 20px;
padding-top: 10px;
position: relative;
}
#pop-inv-qty .list-unstyled {
list-style: none;
}
#pop-inv-qty .list-unstyled li {
list-style: none;
}
#pop-inv-qty .list-inline {
display: inline-block;
margin: 10px 0;
}
#pop-inv-qty .list-inline li {
display: inline-block;
}
#pop-inv-qty .plus,
#pop-inv-qty .minus {
padding: 5px 20px 6px 20px;
border: 1px solid #ccc;
background: #d8e8f5;
color: #1c88c7;
font-weight: 600;
}
@-moz-document url-prefix() {
#pop-inv-qty .plus,
#pop-inv-qty .minus {
padding: 7px 20px 6px 20px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#pop-inv-qty .plus,
#pop-inv-qty .minus {
padding: 9px 20px 6px 20px;
}
}
#pop-inv-qty .plus {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
#pop-inv-qty .minus {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
#pop-inv-qty .grey {
background: #e2e2e2;
color: #b3b3b3;
font-weight: 500;
}
#pop-inv-qty .text {
width: 80px;
border: 1px solid #ccc;
padding: 6px 4px;
text-align: center;
}
#pop-inv-qty .add-btn {
padding: 10px;
border-radius: 5px;
width: 185px;
background: #1C88C7;
color: #fff;
font-weight: bold;
font-size: 20px;
}
#pop-inv-qty .table {
border-collapse: collapse;
margin-top: 20px;
}
#pop-inv-qty .table thead {
display: table;
width: 100%;
table-layout: fixed;
}
#pop-inv-qty .table tbody {
display: table;
max-height: 270px;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
}
#pop-inv-qty .table th:nth-child(1),
#pop-inv-qty .table td:nth-child(1) {
width: 20%;
}
#pop-inv-qty .table thead th:nth-child(2),
#pop-inv-qty .table td:nth-child(2) {
width: 25%;
}
#pop-inv-qty .table thead th:nth-child(3),
#pop-inv-qty .table td:nth-child(3) {
width: 35%;
}
#pop-inv-qty .table thead th:nth-child(4),
#pop-inv-qty .table td:nth-child(4) {
width: 20%;
}
/*#pop-inv-qty .table thead th:nth-child(5), #pop-inv-qty .table td:nth-child(5){
width: 20%;
}*/
#pop-inv-qty .table th {
padding: 8px 5px;
font-size: 14px;
font-weight: bold;
color: #595454;
font-weight: 600;;
}
#pop-inv-qty .table tr.product-table-head {
border-bottom: 2px solid #D6D6D6;
}
#pop-inv-qty .table tr {
vertical-align: top;
}
.biz-item-list .current-account-box {
padding-bottom: 55px;
border-bottom: 1px solid #e4e3e3;
margin-bottom: 35px;
}
#pop-inv-qty .table td {
padding: 8px 5px;
font-size: 14px;
font-weight: bold;
color: #777;
}
#pop-inv-qty .table td a {
font-size: 14px;
font-weight: bold;
color: #218AC7;
}
#pop-inv-qty .table-striped tbody tr:nth-child(2n - 1) {
background: #f8f8f8;
;
}
#pop-inv-qty .table th .ctrl {
display: inline-block;
position: relative;
}
#pop-inv-qty .thead-asc,
#pop-inv-qty .thead-desc {
position: relative;
left: 0;
}
@-moz-document url-prefix() {
#pop-inv-qty .thead-desc {
top: 14px;
}
#pop-inv-qty .thead-asc {
top: -4px;
}
}
@media screen\0 {
#pop-inv-qty .thead-desc {
top: 13px;
}
#pop-inv-qty .thead-asc {
top: -3px;
}
}
#pop-inv-qty .thead-desc:before {
content: ' ';
width: 0;
height: 0;
border-style: solid;
position: absolute;
cursor: pointer;
top: -2px;
border-width: 5px 5px 0 5px;
border-color: #595454 transparent transparent transparent;
}
#pop-inv-qty .thead-desc:after {
top: -4px;
border-width: 5px 5px 0 5px;
border-color: #fff transparent transparent transparent;
}
#pop-inv-qty .thead-asc:before {
content: ' ';
width: 0;
height: 0;
border-style: solid;
position: absolute;
cursor: pointer;
bottom: 5px;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #595454 transparent;
}
#pop-inv-qty .thead-asc:after {
bottom: 3px;
top: auto;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #fff transparent;
}
/*code for product management page inv qty popup end*/
/*======================= merge css desktop end ==============================*/
/*code for product management page start ?v=WAT-158*/
.nicescroll-rails {
border-radius: 6px;
}
.pop-black {
padding: 10px 20px;
background-color: #666;
color: #f5f5f5;
opacity: 1;
z-index: 9999;
border-radius: 5px;
font-size: 14px;
box-shadow: 0 0 5px #666;
}
.pop-black:after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #666;
background: none;
bottom: -6px;
}
#wrapper>main>.container {
position: relative;
background-color: transparent;
}
.product-management-page.project-grid {
position: relative;
}
.manage-container .background-block {
background-color: #f8f8f8;
position: absolute;
top: 0;
left: -10px;
right: -10px;
height: 465px;
z-index: -1;
}
.products-sort {
padding: 20px 15px;
border: 1px solid #ddd;
border-bottom: none;
}
.products-sort>label {
margin-right: 15px;
line-height: 30px;
vertical-align: bottom;
color: #595454;
}
.products-sort>.select-el {
width: 280px;
border: 1px solid #cccccc;
height: 32px;
border-radius: 3px;
}
.products-sort .sim-select {
background-color: transparent;
}
.products-sort .sim-select .sim-head {
background-color: transparent;
}
.products-sort .sim-select .sim-head:before {
border: none;
}
.product-management-page .manage-tap .tab-content {
background-color: #fff;
border: none;
margin-bottom: 60px;
}
.product-management-page .manage-tap .data-panel {
border-bottom: none;
margin-bottom: 0;
}
.data-panel .table tr th:last-child,
.data-panel .table tr td:last-child {
text-align: right;
}
.data-panel .pagination {
margin: 10px 20px;
}
.data-panel .pagination .items {
float: right;
}
.data-panel .pagination .items a {
margin: 0 10px;
}
.data-panel .pagination .items .page {
margin: 0 20px;
font-size: 12px;
line-height: 20px;
vertical-align: top;
}
.details-button>button {
padding: 10px 15px;
border-radius: 3px;
background: #1C88C7;
color: #fff;
min-width: 100px;
text-align: left;
cursor: pointer;
}
.expand-arrow {
position: relative;
right: -4px;
display: inline-block;
margin-left: 10px;
border-top: 6px solid #fff;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 0px;
}
.details-button.open>button>.expand-arrow {
border-top: 0px;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid #fff;
}
.details-expand {
display: none;
border: 1px solid #ddd;
}
.details-expand.open {
border-left: none !important;
border-right: none !important;
display: table-row;
}
.details-expand>td {
padding: 0 !important;
border-bottom: none;
}
.details-expand .details-content {
margin: 0;
animation: all .5s ease;
box-sizing: border-box;
height: 0;
background-color: #f8f8f8;
}
.details-expand.open td {
border: none;
}
.details-expand.open .details-content {
margin-bottom: 10px;
padding-top: 10px;
height: auto;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.details-expand .details-product-img {
display: inline-block;
text-align: left;
width: 11%;
margin-right: 20px;
vertical-align: top;
}
.details-expand .details-product {
text-align: left;
padding: 0 20px;
}
.details-expand .details-product-img img {
width: 100px;
height: 100px;
}
.details-expand .details-product-info {
display: inline-block;
text-align: left;
width: 80%;
font-size: 16px;
}
.details-expand .details-product-info>p {
display: block;
margin-bottom: 15px;
color: #595454;
}
.details-expand .details-product-info>p>span {
font-weight: 600;
font-weight: bold;
}
.details-expand .details-product-info>a {
display: block;
line-height: 16px;
margin-bottom: 10px;
font-size: 16px !important;
font-weight: normal !important;
}
.details-expand .details-order {
margin: 20px 0 5px;
}
.details-expand .details-order .details-order-nav-tabs {
text-align: left;
padding-left: 50px;
padding-right: 50px;
border-bottom: 1px solid #E6E5E5;
}
.details-expand .details-order .details-order-nav-tabs li {
width: 19%;
border-bottom: none;
background-color: #f8f8f8;
}
.details-expand .details-order .details-order-nav-tabs li:first-child {
margin-left: 10px;
}
.details-expand .details-order .details-order-nav-tabs li.active {
padding: 15px 5px 11px 5px;
top: 1px;
background-color: #f8f8f8;
border-bottom-color: transparent;
}
.details-expand .details-order .details-order-tab-content {
padding-left: 80px;
padding-right: 80px;
}
.details-expand .details-order .details-order-tab-content .data-panel {
border-bottom: none;
margin: 20px 10px;
}
.details-expand .details-order .details-order-tab-content .data-panel .row {
font-size: 14px;
padding: 10px 0;
text-align: left;
height: 37px;
margin: 0;
}
.details-expand .details-order .details-order-tab-content .data-panel .row.header>div {
font-weight: bold;
color: #3D3C3A;
}
.details-expand .details-order .details-order-tab-content .data-panel .row.header>div span {
font-size: 18px;
line-height: 20px;
vertical-align: bottom;
cursor: pointer;
}
.details-expand .details-order .details-order-tab-content .data-panel .row.body {
color: #595454;
border-bottom: 1px solid #ddd;
}
.details-expand .details-order .details-order-tab-content .data-container {
max-height: 222px;
overflow-y: auto;
overflow-x: hidden;
}
.details-expand .details-order .details-order-tab-content .data-panel>table {
width: 100%;
}
.details-expand .details-order .details-order-tab-content .data-panel>table th,
.details-expand .details-order .details-order-tab-content .data-panel>table td {
text-align: left;
padding-left: 0;
padding-right: 0;
}
.details-expand .details-order .details-order-tab-content .data-panel>table td {
border-bottom: 1px solid #ccc;
padding-top: 5px;
padding-bottom: 5px;
}
.details-expand .details-order .details-order-tab-content .data-panel>table tr:last-child td {
border-bottom: none;
}
.details-expand .details-order .tab-error-message {
margin-top: 25px;
padding-left: 90px;
padding-right: 90px;
}
.details-expand .details-order .tab-error-message>p {
font-size: 14px;
text-align: left;
color: red;
margin-bottom: 20px;
}
.details-expand .details-order .tab-error-message.color-black {
margin: 0;
padding: 20px;
}
.details-expand .details-order .tab-error-message.color-black>p {
font-size: 14px;
text-align: left;
color: #595454;
background-color: #ffffff;
padding: 45px 110px;
margin: 0;
}
.details-expand .details-order .tab-load-button {
text-align: center;
margin-bottom: 20px;
}
.details-expand .details-order .tab-load-button>button {
width: 200px;
height: 40px;
color: #fff;
display: block;
font-size: 16px;
background: #1C88C7;
border-radius: 3px;
margin: auto;
}
.details-expand .details-order .tab-load-button>button:hover {
cursor: pointer;
}
/*code for product management page end ?v=WAT-158*/
.spend-report-row {
padding-bottom: 10px;
}
.spend-report-row>header {
padding-top: 10px;
}
.spend-report-row>header>h4 {
position: relative;
padding: 5px 20px 15px 20px;
cursor: pointer;
color: #36bae2;
text-transform: uppercase;
}
.spend-report-row>main {
padding: 0 20px;
width: 100%;
}
.spend-report-row>footer {
border-bottom: 1px #e4e3e3 solid;
padding-bottom: 10px;
}
.spend-report-row>header>h4 .arrow {
background: url("../common/icon.png") no-repeat -193px -266px;
content: "";
position: absolute;
top: 12px;
right: 20px;
height: 7px;
width: 12px;
}
.spend-report-row.close>header>h4 .arrow {
background-position: -180px -266px;
}
.snapshot-info {
margin-top: 30px;
padding-bottom: 15px;
}
.snapshot-info .month-swipe {
position: relative;
z-index: 1;
}
.snapshot-info .price {
position: relative;
z-index: 2;
padding-top: 12px;
font-size: 26px;
color: #efc92d;
line-height: 1;
word-wrap: break-word;
text-align: center;
}
.snapshot-info .month-swipe a {
padding: 5px 0px;
position: relative;
font-size: 13px;
color: #444;
text-transform: uppercase;
display: inline-block;
font-weight: 700;
float: left;
width: 50%;
text-align: center;
}
.snapshot-info .month-swipe a.active {
background: #36bae1;
color: #FFF;
}
.snapshot-info .month-swipe a.active:after {
position: absolute;
right: 40%;
border-width: 10px;
border-style: solid;
border-color: #36bae2 transparent transparent transparent;
content: "";
display: block;
bottom: -20px;
}
.snapshot-info .table {
font-size: 13px;
}
.snapshot-info .table ul>li {
padding: 4px 0;
line-height: 1.3;
}
.snapshot-info .table ul>li+li {
text-align: right;
}
.industry-news-row {
padding: 10px 20px 25px;
border-bottom: 1px #e4e3e3 solid;
margin-bottom: 30px;
}
.industry-news-row ul li {
list-style-type: none;
margin-top: 10px;
}
.industry-news-row ul li a {
color: #595454;
}
.industry-news-row .view-more a:after {
background-position: -98px -203px;
}
.recently-prd-row {
padding: 0 20px;
}
.recently-prd-row>h4 {
line-height: 1.2;
}
.recently-prd-row ul li {
list-style-type: none;
margin-top: 5px;
margin-bottom: 15px;
}
.recently-prd-row .prd-title {
margin-top: 10px;
margin-bottom: 5px;
overflow: hidden;
height: 35px;
}
.recently-prd-row .prd-title a {
line-height: 1.1;
font-size: 15px;
color: #00446a;
font-weight: 700;
display: block;
}
.recently-prd-row .prd-price {
font-weight: 700;
font-size: 22px;
color: #3d3c3a;
margin-bottom: 4px;
word-wrap: break-word;
}
.recently-prd-row .prd-price .decimal {
font-size: 14px;
padding-left: 2px;
display: inline-block;
vertical-align: top;
line-height: 14px;
font-weight: bold;
}
/** add employee **/
.add-emp-row .add-emp-title {
font-weight: 300;
font-size: 32px;
line-height: 1;
margin-top: -5px;
}
.add-emp-row .name-field {
position: relative;
}
.add-emp-row .name-field .button {
position: absolute;
right: 80px;
top: 20px;
}
.add-emp-row .name-field .form-group {
width: 220px;
}
.add-emp-row .email-field {
position: relative;
width: 300px;
}
.add-emp-row .form-group {
padding-left: 0;
}
.add-emp-row .phone-field {
width: 365px;
margin-bottom: 40px;
}
.add-emp-row .email-field .form-tip {
position: absolute;
right: -340px;
top: 20px;
width: 310px;
}
.hidePriceTitle {
font-size: 18px;
line-height: 18px;
margin-top: 20px;
margin-bottom: 16px;
color: #03324C;
font-weight: 700;
}
.hide-price-field .fcheckbox {
margin: 0 10px 0 0;
border: 1px solid #857f7f;
border-radius: 3px;
}
.hide-price-field .fcheckbox.fchecked {
background-color: #1c88c7;
background-position: -122px -251px;
border: 1px #1c88c7 solid;
}
.hide-price-field .fcheckbox.fchecked~.description {
font-weight: 600;
}
.hide-price-field .description {
vertical-align: middle;
margin: 0;
}
.add-emp-row .approver-field {
font-size: 0;
white-space: nowrap;
}
.add-emp-row .approver-field .fcheckbox {
margin: 0 10px 0 0;
border: 1px solid #857f7f;
border-radius: 3px;
}
.add-emp-row .approver-field .fcheckbox.fchecked {
background-color: #1c88c7;
background-position: -122px -251px;
border: 1px #1c88c7 solid;
}
.add-emp-row .approver-field .fcheckbox.fchecked~.approvers {
display: block;
}
.add-emp-row .approver-field .description {
font-weight: 600;
font-size: 18px;
color: #4f4a4a;
vertical-align: middle;
margin: 0;
}
.add-emp-row .approver-field .approvers {
display: none;
margin-top: 34px;
}
.add-emp-row .approver-field .approver-emp-choose-section {
position: absolute;
top: 100%;
left: 0;
z-index: 2;
display: none;
width: 100%;
max-height: 200px;
background-color: #ffffff;
border: 1px solid #e4e3e3;
border-radius: 3px;
box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .28);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.approver-emp-choose-section ul {
list-style: none;
}
.approver-emp-choose-section ul li a {
display: block;
padding: 0.75em 1em 0.65em;
font-size: 14px;
color: #595454;
line-height: 1;
box-shadow: inset 0 -1px 0 0 #e4e3e3;
-webkit-transition: background-color 200ms ease, color 200ms ease;
transition: background-color 200ms ease, color 200ms ease;
overflow: hidden;
text-overflow: ellipsis;
}
.approver-emp-choose-section ul li a:hover,
.approver-emp-choose-section ul li a.hover {
background-color: #d8e8f5;
color: #1c88c7;
}
.add-emp-row .approver-field .form-group {
position: relative;
display: inline-block;
width: calc(50% - 13px);
max-width: 300px;
margin-bottom: 0;
margin-right: 26px;
vertical-align: top;
}
.add-emp-row .approver-field .form-group>.inline-error {
position: absolute;
top: 100%;
left: 0;
z-index: 1;
width: 100%;
white-space: initial;
}
.add-emp-row .approver-field .form-group>label {
height: 20px;
}
.add-emp-row .approver-field .form-group:nth-last-child(1) {
margin-right: 0;
}
.add-emp-row .approver-field .form-group:nth-last-child(1)>label>span {
display: inline-block;
margin-left: 15px;
font-size: 15px;
line-height: 20px;
}
.add-emp-row .feature-select-box {
margin-top: 35px;
padding-top: 35px;
border-top: 1px solid #e4e3e3;
}
.add-emp-row .approval-field {
margin-top: 33px;
margin-bottom: 25px;
}
.approval-field .af-item {
margin-bottom: 8px;
}
.approval-field .af-item .afi-chase {
padding-left: 30px;
margin-top: 5px;
}
.af-item .afi-purchase label {
margin-left: 15px;
}
.af-item .afi-purchase label input {
width: 80px;
}
.af-item .afi-approve {
margin-top: 24px;
padding-bottom: 3px;
}
.af-item .afi-approve label {
display: block;
}
.af-item .afi-approve .select {
width: 220px;
font-size: 13px;
}
.feature-select-box .basic-feature .bf-title {
margin-bottom: 20px;
font-weight: 700;
font-size: 18px;
color: #00446a;
text-transform: uppercase;
line-height: 1;
}
.feature-select-box .bf-list li {
list-style-position: inside;
font-size: 11px;
line-height: 1.2;
}
.feature-select-box .bf-list li span {
font-size: 16px;
}
.add-package-box {
margin-top: 40px;
}
.add-package-box .ap-title {
margin-bottom: 22px;
line-height: 1.2;
font-weight: 700;
font-size: 18px;
color: #00446a;
text-transform: uppercase;
}
.add-package-box .ap-list {
font-size: 0;
}
.add-package-box .ap-list.th-per-line {
margin-right: -20px;
}
.add-package-box .ap-list .role-item {
margin-right: 20px;
margin-bottom: 30px;
}
.add-package-box .compare-roles {
margin-top: -12px;
}
.role-item {
position: relative;
display: inline-block;
width: 220px;
height: 220px;
padding: 15px 0 20px;
background-color: #f8f8f8;
color: #00446a;
vertical-align: top;
cursor: pointer;
}
.role-item .ri-title {
padding-left: 10px;
padding-bottom: 10px;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
padding-right: 90px;
min-height: 48px;
}
.role-item .ri-access-list {
padding: 2px 17px 20px 20px;
}
.role-item.active .ri-access-list {
padding-left: 17px;
}
.role-item .ri-access-list li {
margin-left: 15px;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
}
.role-item .ri-access-list li p {
margin-left: -5px;
font-size: 16px;
}
.role-item:after {
position: absolute;
width: 101px;
height: 108px;
top: 0;
right: 0;
content: "";
background-image: url(../common/role-icon.png);
background-repeat: no-repeat;
}
.role-item.active:after {
top: -3px;
right: -3px;
}
.role-item.account-item:after {
background-position: 0 0;
}
.role-item.purchasing-item:after {
background-position: -101px 0;
}
.role-item.combo-item:after {
background-position: -202px 0;
}
.role-item.admin-item:after {
background-position: -303px 0;
}
.role-item.acct-admin-item:after {
background-position: -404px 0;
}
.role-item.active {
border-width: 3px;
border-style: solid;
padding: 12px 0 17px;
}
.role-item.active .ri-title {
padding-left: 7px;
}
.role-item.account-item.active {
border-color: #096b92;
background-color: #c8dce4;
}
.role-item.purchasing-item.active {
border-color: #2ba2c9;
background-color: #cfe7ef;
}
.role-item.combo-item.active {
border-color: #f9a418;
background-color: #f8e7cb;
}
.role-item.admin-item.active {
border-color: #92bb02;
background-color: #e8ebc8;
}
.role-item.acct-admin-item.active {
border-color: #e0c525;
background-color: #f3eece;
}
.role-item a.arrow {
position: absolute;
right: 20px;
bottom: 20px;
}
.role-item.active a.arrow {
bottom: 17px;
right: 17px;
color: #595454;
}
.branch-acc-setting .bas-title {
font-weight: 300;
font-size: 32px;
line-height: 1;
}
.branch-acc-setting .bas-item {
width: 220px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
background-color: #f6f6f6;
}
.branch-acc-setting .job-view-item {
width: 460px;
}
.branch-acc-setting .bas-item label {
color: #595454;
}
.branch-acc-setting .bas-item ul {
padding-left: 30px;
padding-top: 10px;
padding-bottom: 10px;
list-style: none;
}
.add-emp-row .add-emp-btn-box {
padding-top: 30px;
font-size: 0;
}
.add-emp-row .add-emp-btn-box .button {
margin-right: 20px;
}
.del-emp-success {
margin-top: 20px;
margin-bottom: -10px;
}
.del-emp-success span {
background: #fbf0c2;
}
.emp-choose-section {
border: 1px #857f7f solid;
margin-top: -5px;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 2px;
border-bottom-width: 2px;
}
.emp-choose-section ul {
height: 66px;
overflow: hidden;
padding-right: 20px;
-webkit-overflow-scrolling: touch;
}
.emp-choose-section ul li {
list-style-type: none;
padding-bottom: 1px;
}
.emp-choose-section ul li a {
font-size: 13px;
color: #595454;
line-height: 1;
padding: 1px 10px;
display: block;
font-style: italic;
}
.emp-choose-section ul li a:hover,
.emp-choose-section ul li a.hover {
background: #36bae2;
}
.emp-choose-section .sbarPrev {
background: url("../common/icon.png") no-repeat -168px -292px;
position: absolute;
width: 12px;
height: 7px;
top: 5px;
right: 5px;
}
.emp-choose-section .sbarNext {
background: url("../common/icon.png") no-repeat -155px -292px;
position: absolute;
width: 12px;
height: 7px;
bottom: 5px;
right: 5px;
}
.emp-choose-section .sbar-bg {
display: none;
}
.editemp-field {
display: none;
border-top: 1px solid #e6e5e5;
margin-top: 15px;
padding-top: 6px;
}
/*delete Points Principal modal*/
.principal .modal-dialog {
width: 460px;
}
.principal .cp-prompt {
padding: 16px 12px 14px;
text-align: center;
line-height: 20px;
background-color: #fce6e8;
}
.principal input.okay-btn {
width: 205px;
height: 40px !important;
}
/** compare role **/
.compare-role-box {
width: 780px;
background-color: #f8f8f6;
}
.compare-role-box .close-bar {
background-color: #e4e3e3;
text-align: right;
padding-right: 20px;
margin-top: 8px;
height: 34px;
line-height: 34px;
}
.compare-role-box .close-crb {
font-size: 13px;
color: #36bae2;
}
.compare-role-table {
width: 100%;
display: table;
}
.compare-role-table>li {
display: table-row;
font-size: 0;
}
.compare-role-table>li.odd-row {
height: 34px;
}
.compare-role-table>li.even-row {
height: 29px;
background-color: #e4e3e3;
}
.compare-role-table>li>div {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.compare-role-table>li .role-name {
font-weight: 300;
font-size: 16px;
padding-left: 20px;
text-align: left;
}
.compare-role-table>li>.cell {
width: 14.2%;
}
.compare-role-table>li.cr-head {
height: 50px;
background-color: #92bc02;
}
.compare-role-table>li.cr-head .cell {
font-weight: 700;
font-size: 14px;
color: #fff;
}
.compare-role-table>li .contained:after {
display: inline-block;
width: 21px;
height: 21px;
content: " ";
background-image: url(../common/icon.png);
background-repeat: no-repeat;
background-position: -300px -39px;
}
.compare-role-table>li .no-contained:after {
display: inline-block;
width: 21px;
height: 21px;
content: " ";
background-image: url(../common/icon.png);
background-repeat: no-repeat;
background-position: -321px -39px;
}
#compareRoleModal .modal-dialog {
width: 780px;
}
#compareRoleModal .modal-content {
padding: 0;
}
/* change store modal */
#changeStoreModal .modal-dialog {
width: 686px;
}
#changeStoreModal .search-by-row {
margin-top: 20px;
padding: 20px 0;
border-top: 1px solid #e6e5e5;
border-bottom: 1px solid #e6e5e5;
font-size: 0;
}
.search-by-row .sb-txt {
font-size: 16px;
color: #03324c;
font-weight: 700;
display: inline-block;
vertical-align: middle;
}
.search-by-row .sb-input-box {
position: relative;
display: inline-block;
width: 360px;
margin-left: 20px;
vertical-align: middle;
}
.search-by-row .sb-input-box .search-btn {
position: absolute;
right: 1px;
top: 1px;
width: 30px;
height: 28px;
background: #92BC02 url(../common/icon-searchbtn.png) no-repeat center center;
}
#changeStoreModal .result-title {
padding: 18px 0;
color: #b3b3b3;
line-height: 1;
text-align: center;
font-weight: 700;
}
#changeStoreModal .store-list-box {
max-height: 316px;
overflow-y: scroll;
}
.store-list-box .table-cell {
padding: 18px 0 14px;
}
.store-list-box .num-cell {
width: 60px;
text-align: center;
vertical-align: top;
font-size: 45px;
color: #36bbe4;
line-height: 1;
}
.store-list-box .store-cell {
width: 406px;
padding-left: 20px;
text-align: left;
vertical-align: top;
}
.store-list-box .btn-cell {
padding-right: 20px;
text-align: right;
vertical-align: middle;
}
.store-list-box .table-row.odd-row {
background-color: #f9f8f6;
}
/* dashboard with no orders */
.my-info-row .no-order {
padding-top: 20px;
padding-bottom: 35px;
font-weight: 300;
text-align: center;
}
.my-info-row .no-order.no-active {
padding-bottom: 5px;
}
.my-info-row .no-order .no-title {
font-size: 36px;
color: #faa519;
}
.my-info-row .no-order .no-tip {
padding: 10px 15px 20px;
font-size: 18px;
text-align: center;
line-height: 1.2;
}
.my-info-row .no-order .no-action {
font-size: 18px;
}
.my-info-row .no-order-prom+.no-order-prom {
margin-top: 25px;
}
.my-info-row .no-order .no-active-tip {
margin-top: 8px;
font-weight: 300;
font-size: 18px;
text-align: center;
line-height: 1.2;
}
.view-more+.no-order-prom {
margin-top: 20px;
border-top: 1px solid #e6e5e5;
padding-top: 25px;
}
.no-order-prom .show-more>a {
font-size: 15px;
}
.no-order-prom .show-more>a:after {
background-position: -98px -204px;
}
.my-info-row .upgrade-account-box,
.my-info-row .get-premium-account {
padding-top: 75px;
padding-bottom: 55px;
border-top: 1px solid #e4e3e3;
text-align: center;
}
.upgrade-account-box .ua-title {
padding: 0 20px;
font-weight: 300;
font-size: 36px;
color: #36bae2;
line-height: 1;
}
.upgrade-account-box .ua-tip {
padding: 0 20px;
line-height: 1.2;
margin-top: 13px;
font-weight: 300;
font-size: 18px;
}
.upgrade-account-box .ua-right-box {
margin-top: 20px;
font-size: 18px;
line-height: 1.2;
}
.upgrade-account-box .upgrade-button-tody {
display: inline-block;
width: 180px;
height: 40px;
line-height: 40px;
font-weight: 700;
font-size: 17px;
text-align: center;
background-color: #92bc02;
color: #fff;
}
.upgrade-account-box .upgrade-button-tody:hover {
background-color: #36bae2;
}
.get-premium-account {
text-align: center;
}
.get-premium-account .gpa-title {
padding: 0 40px;
font-weight: 300;
font-size: 36px;
color: #92bc02;
line-height: 1;
}
.get-premium-account .gpa-tip {
margin-top: 15px;
line-height: 1;
font-weight: 300;
font-size: 18px;
}
.get-premium-account .gpa-right-box {
margin-top: 20px;
font-size: 18px;
line-height: 1.2;
}
.snapshot-tabs {
display: none;
}
.snapshot-tabs.active {
display: block;
}
.notifi-block>a>span {
width: 540px;
word-wrap: break-word;
display: inline-block;
}
.notifi-block>a>span>span.budget-tracking-suffix {
color: #595454;
}
table.notifi-table>tbody a>span>span.budget-tracking-suffix {
color: #595454;
}
/*new-job-views*/
.js-jobboard-cancle {
font-size: 20px;
text-decoration: underline;
}
.job-view-instructions {
border-bottom: 1px #e4e3e3 solid;
padding-bottom: 8px;
margin-bottom: 17px;
}
.job-view-instructions>h3 {
margin-top: -7px;
font-size: 32px;
}
.job-view-instructions>p {
margin-top: 12px;
font-size: 16px;
}
.job-view-steps {
margin-top: 18px;
}
.job-view-steps>p {
font-size: 16px;
}
.job-view-con {
margin-top: 83px;
}
.job-view-con>p {
text-align: center;
font-size: 28px;
}
.bg-blue {
background: #36bae2;
}
.marginTop {
margin-top: 20px;
}
.new-job-views {
padding: 0;
margin: 0;
}
.job-view-item ul {
list-style: none;
}
.job-view-item li {
padding-left: 12px;
margin-top: 8px;
}
.job-view-item h6 {
color: #595454;
}
.job-view-item label {
cursor: pointer;
}
.job-view-item .views-cont {
display: inline-block;
width: 80%;
padding-left: 5px;
vertical-align: top;
line-height: 1;
}
.job-view-item .views-cont span {
display: inline-block;
width: 100%;
}
.job-view-item .views-list {
padding-top: 5px;
padding-bottom: 10px;
background: #f6f6f6;
}
.job-view-item .views-item {
padding-top: 2px;
}
.job-view-item .default {
background: #e4e3e3;
}
.job-view-item .views-item .views-check {
display: inline-block;
vertical-align: middle;
}
.views-item .views-check label {
margin-bottom: 0;
}
.job-view-item .views-item label {
display: block;
}
.sel-all {
position: relative;
padding-left: 12px;
padding-right: 30px;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
line-height: 1;
cursor: pointer;
}
.sel-all .fcheckbox {
margin-bottom: 0;
}
.sel-all .ml-5 {
display: inline-block;
width: 85%;
vertical-align: middle;
}
.sel-all span {
font-weight: 600;
color: #fff;
}
.job-arrow {
content: "";
position: absolute;
display: block;
top: 45%;
right: 15px;
width: 12px;
height: 15px;
cursor: pointer;
}
.job-arrow-down,
.job-arrow-up {
background: url("../common/icon.png") no-repeat -206px -250px;
}
.job-arrow-up {
background-position: -219px -250px;
}
.job-sel-btn {
clear: both;
margin-top: 80px;
}
.left-sel {
width: 58.71%;
}
.right-sel {
width: 36.57%;
}
.job-sel-con {
overflow: hidden;
}
.marginl {
margin-left: 22px;
}
/*
*My Credit Cards
*/
.credit-cards {
display: inline-block;
margin-left: 25px;
}
.payment-ni-box .credit-cards .icon {
cursor: default;
}
.go-pay {
margin-top: 25px;
overflow: hidden;
}
.go-pay>h1 {
font-weight: 600;
font-size: 32px;
}
.credit-cards-con .item-list {
margin: 0;
font-size: 0;
border-top: 1px solid #e6e5e5;
padding: 20px 0;
margin-left: 20px;
}
.credit-cards-con .item {
width: 50%;
}
.credit-cards-con .item-list .item form {
margin-left: -20px;
padding-right: 20px;
}
/*
*/
.pt-0 {
padding-top: 0;
}
.pli-cont>.position-bot {
width: 200px;
}
/*ie 8 debug*/
.pli-cont>a>.span-arrow-gray,
.cs-position .cs-link .span-arrow-gray {
display: inline-block;
background: url(../common/icon.png) no-repeat -103px -188px;
width: 16px;
height: 16px;
content: "";
vertical-align: text-top;
}
.prof-landing-item:hover .span-arrow-gray {
background-position: -120px -188px;
}
.company-setting-row .cs-position:hover .cs-link .span-arrow-gray {
background-position: -84px -206px;
}
.company-setting-row .cs-position .cs-link:hover {
color: #595454;
}
.ml-12 {
margin-left: 12px;
}
.position-rela {
position: relative;
right: -10px;
}
.my-setting-con .prof-landing-item .pli-header {
height: 180px;
width: 220px;
}
.pli-header>.title-setting,
.spec-credit {
position: relative;
top: 30px;
}
.spec-credit {
top: 16px;
}
/*
*My List
*/
.ld-section-row .left-des {
width: 61%;
margin-top: -4px;
}
.ld-section-row .right-actions {
width: 39%;
}
.right-actions .action-box {
background: #f9f8f6;
padding: 20px;
}
.right-actions .action-box .button {
height: 45px;
font-size: 18px;
}
.right-actions .action-box .more-action .button {
height: 40px;
}
.right-actions .more-action-arrow {
margin-top: 25px;
margin-bottom: 13px;
}
.right-actions .more-action-arrow a {
font-size: 15px;
position: relative;
padding-bottom: 15px;
}
.right-actions .more-action-arrow a:after {
background-image: url("../common/icon.png");
background-position: -180px -266px;
background-repeat: no-repeat;
content: "";
width: 12px;
height: 7px;
display: inline-block;
position: absolute;
top: 24px;
left: 45%;
}
.right-actions .collapse-arrow {
margin-top: 25px;
margin-bottom: 13px;
}
.right-actions .collapse-arrow a {
font-size: 15px;
position: relative;
display: inline-block;
padding-top: 15px;
}
.right-actions .collapse-arrow a:after {
background-image: url("../common/icon.png");
background-position: -193px -266px;
background-repeat: no-repeat;
content: "";
width: 12px;
height: 7px;
display: inline-block;
position: absolute;
top: 24px;
left: 40%;
}
.right-actions .more-action .collapse-arrow {
margin-top: 17px;
margin-bottom: -3px;
}
.right-actions .more-action .collapse-arrow a:after {
top: 3px;
}
.ld-title {
color: #92bc02;
font-size: 13px;
}
.ld-header h2 {
font-size: 28px;
display: inline-block;
margin-top: -1px;
}
.ld-header h2 span {
font-size: 16px;
}
.left-des .name-elm {
margin-top: 5px;
height: 34px;
}
.ld-section-row .shared-note {
margin-top: -5px;
margin-bottom: 13px;
}
.ld-section-row .list-des-content {
max-height: 90px;
line-height: 16px;
overflow: hidden;
margin-top: 10px;
margin-bottom: 5px;
}
.ld-section-row .list-des-content.open {
max-height: none;
}
.ld-section-row .list-des-content .text {
line-height: 18px;
margin-top: -2px;
word-wrap: break-word;
}
.ld-section-row .list-des-content .textarea {
width: 100%;
height: 139px;
}
.ld-section-row .list-des-content .text.em-note {
color: #b3b3b3;
}
.ld-section-row .list-des-actions {
margin-top: 7px;
}
.ld-section-row .list-des-actions .button {
height: 40px;
width: 90px;
}
.li-items {
margin-top: 40px;
border-top: 1px #e4e3e3 solid;
}
.li-items .top-bar {
margin-bottom: 20px;
}
.li-items .top-bar ul>li {
list-style-type: none;
padding: 0 20px 0 0;
}
.li-items .top-bar ul>li.li-header-l {
padding-left: 28px;
padding-right: 0;
}
.li-items .top-bar ul>li .show-price {
margin-left: 15px;
}
.li-items .li-header-l label {
color: #595454;
}
.li-items .li-header-l label.fcheckbox {
margin-right: 10px;
}
.li-items .li-header-btns {
margin-left: 30px;
}
.li-items .li-header-btns .button {
margin-left: 5px;
height: 40px;
font-size: 13px;
padding-left: 18px;
padding-right: 18px;
}
.li-items .li-header-btns .button.tertiary {
padding-left: 20px;
padding-right: 20px;
font-weight: 700;
}
.li-items .li-header-btns .button.primary.un {
background: #c8dd80;
}
.li-items .li-header-btns .button.primary.un:hover {
color: #f6f6f6;
}
.li-items .li-header-btns .button.tertiary.un {
background: #ebf3fa;
color: #7fa1b4;
}
.li-productst {}
.li-productst>ul.single-row {
background: #f8f8f8;
}
.li-productst>ul>li {
list-style-type: none;
padding: 20px 0;
}
.li-productst .li-check {
width: 11%;
text-align: center;
vertical-align: middle;
}
.li-productst .li-img {
width: 17%;
vertical-align: top;
}
.li-productst .li-img a {
display: block;
width: 100px;
height: 100px;
text-align: center;
}
.li-productst .li-img img {
max-height: 100%;
max-width: 100%;
}
.li-productst .li-info {
width: 46%;
vertical-align: top;
}
.li-productst .li-info .multipler {
width: 110px;
margin-left: 155px;
}
.li-productst .li-info a {
font-size: 18px;
line-height: 0.9;
font-weight: 700;
display: inline-block;
margin-bottom: 4px;
}
.li-productst .li-info .points {
color: #faa519;
font-size: 13px;
margin-top: 5px;
margin-bottom: -10px;
line-height: 21px;
}
.li-productst .li-info .points span {
width: 21px;
height: 21px;
display: inline-block;
background: url("../common/icon.png") no-repeat scroll -300px -274px;
color: #FFF;
text-align: center;
font-size: 11px;
font-weight: 700;
}
.li-productst .li-info .text-input {
text-align: center;
width: 65px;
margin-left: 10px;
padding-left: 0;
padding-right: 0;
}
.li-productst .li-mycode {
color: #92bc02;
margin-top: 1px;
margin-bottom: -3px;
}
.li-productst .li-btn {
padding: 20px;
vertical-align: top;
}
.li-productst .li-btn .li-price {
float: right;
font-size: 20px;
font-weight: 700;
color: #3d3c3a;
margin-bottom: 15px;
margin-top: -5px;
}
.li-productst .li-btn .li-price i {
font-size: 16px;
font-style: initial;
white-space: nowrap;
}
.li-productst .li-btn .button {
font-size: 16px;
height: 40px;
}
.li-items-empty .note {
text-align: center;
padding: 55px 0;
font-weight: 300;
font-size: 28px;
}
.otherCrt {
background: #e4e3e3;
padding: 113px 0;
text-align: center;
font-size: 32px;
margin-top: 50px;
}
#shareListModal .modal-dialog {
width: 340px;
}
#shareListModal .modal-header h1,
#copyListModal .modal-header h1,
#deleteListModal .modal-header h1 {
padding-bottom: 5px;
line-height: 37px;
}
#shareListModal .modal-dialog .modal-content,
#copyListModal .modal-dialog .modal-content,
#deleteListModal .modal-dialog .modal-content {
padding: 10px 20px 20px;
}
#shareListModal .modal-dialog .modal-header,
#copyListModal .modal-dialog .modal-header,
#deleteListModal .modal-dialog .modal-header {
margin-bottom: 18px;
}
#shareListModal .modal-header .close,
#copyListModal .modal-header .close,
#deleteListModal .modal-header .close {
top: 5px;
}
#myListDetailPasteProductModal .copy-list {
background: #f9f8f6;
height: 100px;
overflow: hidden;
}
#myListDetailPasteProductModal .copy-list ul {
padding: 5px 10px;
}
#myListDetailPasteProductModal .copy-list ul li {
list-style-type: none;
color: #ed1c24;
font-weight: 300;
}
#CSRshareModal .modal-content {
padding: 15px 19px 30px;
}
#CSRshareModal .modal-dialog {
width: 550px;
}
#CSRshareModal .tips-msg {
margin-top: -10px;
}
#CSRshareModal .user-box {
border: 1px solid #837f7f;
max-height: 272px;
-webkit-overflow-scrolling: touch;
}
#CSRshareModal .user-box .list-item {
list-style: none;
display: table-row;
}
#CSRshareModal .user-box .list-item .table-cell:first-child {
padding: 16px 0px 16px 20px;
}
#CSRshareModal .user-box .list-item .table-cell:last-child {
padding: 16px 30px 16px 0px;
}
#CSRshareModal .user-box .single .table-cell {
background: #f9f8f6;
}
#CSRshareModal .user-box .undoitem .table-cell {
background: #f7f0c6;
}
#CSRshareModal .user-box .empty-msg {
background: #f8f7f5;
height: 70px;
padding: 15px 20px;
}
#CSRshareModal .operate {
padding: 23px 106px 0;
}
#CSRshareModal .emailChanged {
padding-top: 10px;
color: #1c88c7;
font-size: 13px
}
#CSRshareModal .operate .button.tertiary {
height: 30px;
width: 70px;
line-height: 20px;
vertical-align: middle;
font-size: 18px;
font-weight: 700;
}
#CSRshareModal .operate .button.primary {
height: 40px;
font-size: 16px;
}
#CSRshareModal .operate .text-input {
width: 220px;
font-size: 13px;
margin-right: 10px;
vertical-align: middle;
}
#CSRshareModal .operate .text-input.error {
color: #ff0000;
border-color: #ff0000;
}
#CSRshareModal .operate .success {
padding: 0 0 0 20px;
color: #92bc02;
position: relative;
font-weight: 600;
}
#CSRshareModal .operate .success:before {
content: "";
background: url(../common/icon.png) -241px -250px no-repeat;
display: block;
width: 18px;
height: 16px;
position: absolute;
top: 0px;
left: 0px;
}
.sl-content {
margin-top: 15px;
}
.sl-content .sl-header {
background: #e4e2e3;
padding: 6px 30px 6px 10px;
}
.sl-content label {
margin-bottom: 0;
margin-left: 10px;
}
.sl-content .sl-items {
height: 163px;
overflow: hidden;
border: 1px #857f7f solid;
font-size: 13px;
}
.sl-content .sl-items ul {
padding: 0 29px 0 9px;
background: #FFF;
}
.sl-content .sl-items ul.single {
background: #f9f8f6;
}
.sl-content .sl-header ul li,
.sl-content .sl-items ul li {
list-style-type: none;
}
.sl-content .sl-items ul li {
padding: 4px 0 5px;
word-break: break-all;
}
.sl-content .sl-items ul li.share-name {
width: 80%;
}
.sl-content .sl-items ul li.share-name .first-name {
float: left;
margin-right: 10px;
}
.sl-content .sl-items ul li.share-name .last-name {
float: left;
}
.share-name {
width: 80%;
}
.hero-img .green-line {
position: relative;
}
.online-bill .breadcrumb {
margin-top: 20px;
}
.manage-info-box {
position: absolute;
padding: 16px 0;
width: 100%;
bottom: 15px;
margin-left: -10px;
background: rgb(146, 188, 2);
background: rgba(146, 188, 2, .5);
filter: alpha(opacity=50);
}
.manage-info-box .apply-credit-btn {
position: relative\9;
display: inline-block;
width: 220px;
height: 40px;
text-align: center;
line-height: 40px;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
background: #92bc02;
color: #fff;
white-space: nowrap;
}
.manage-info-box .apply-credit-btn.disabled {
background-color: #afb0b3;
}
.manage-info-box .req-acc-btn {
width: 198px;
}
.manage-info-box .my-bill-btn {
width: 170px;
}
.manage-info-box .pro-btn {
width: 160px;
}
.manage-info-box .mib-mt-5 {
margin-top: -5px;
}
.manage-info-box .mib-mt7 {
margin-top: 7px;
}
.manage-info-box .mib-mb-9 {
margin-bottom: -9px;
}
.manage-info-box .mib-mb-3 {
margin-bottom: -3px;
}
.manage-info-box .mib-mt-1 {
margin-top: -1px;
}
.manage-text,
.manage-pro,
.manage-req,
.manage-apply {
width: 700px;
padding-left: 50px;
padding-right: 20px;
text-align: center;
font-weight: 600;
font-size: 40px;
text-transform: uppercase;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.60);
color: #fff;
}
.loy-txt-shadow {
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.60);
}
.manage-apply {
width: 650px;
padding-left: 85px;
}
.manage-pro {
padding-left: 150px;
width: 680px;
}
.manage-req {
padding-left: 90px;
}
.payment-box {
margin-top: 8px;
}
.payment-box p {
line-height: 28px;
font-weight: 300;
font-size: 24px;
}
.payment-box p strong {
font-weight: 600;
}
.pay-title {
margin: 26px 0 10px 0;
font-weight: 100;
font-size: 75px;
text-transform: none;
font-weight: lighter;
color: #3d3c3a;
}
.applay-btn-wrapper,
.requ-btn-wrapper {
margin: 38px auto 6px auto;
width: 460px;
}
.applay-btn,
.requ-acc-btn {
display: block;
height: 77px;
line-height: 77px;
text-align: center;
cursor: pointer;
}
.requ-btn-wrapper.my-bill-arrow {
margin-top: 58px;
}
.requ-btn-wrapper.admin-btn {
margin-top: 47px;
}
.requ-btn-wrapper {
margin: 28px auto -15px auto;
}
.applay-btn.bc-green,
.requ-acc-btn.bc-green {
background-color: #92bc02;
}
.requ-acc-btn.disabled {
background-color: #afb0b3;
}
.checkbox__olbp .fchecked+label {
font-weight: 700;
}
.applay-btn span,
.requ-acc-btn span {
font-weight: 600;
font-size: 40px;
text-transform: uppercase;
color: #fff;
}
.applay-btn span:after,
.requ-acc-btn span:after {
display: inline-block;
content: '';
margin-left: 25px;
width: 35px;
height: 26px;
background: url(../common/icon.png) no-repeat;
background-position: -264px -434px;
}
.requ-acc-btn .req-pro-icon:after {
display: inline-block;
content: '';
margin-left: 25px;
width: 40px;
height: 48px;
vertical-align: middle;
background: url(../common/icon.png) no-repeat;
background-position: -0px -470px;
}
.row.online-pay-movie {
margin-left: -1000px;
margin-right: -1000px;
height: 445px;
background-color: #f9f8f6;
}
.video-box-head {
height: 100%;
background-color: #e4e3e3;
}
.video-box {
width: 623px;
margin: 38px auto 43px auto;
height: 364px;
}
.heading-title {
margin: 3px 0 12px 0;
font-weight: 700;
font-size: 24px;
color: #595454;
}
.online-heading p {
line-height: 24px;
font-size: 16px;
}
.online-heading ul {
list-style: none;
padding: 0;
}
.online-heading li {
margin-bottom: 7px;
}
.online-heading li:before {
content: "";
background-color: #0CD5DC;
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
margin-bottom: 1px;
}
.square-blue {
display: inline-block;
margin: 0 18px 0 10px;
width: 10px;
height: 10px;
background-color: #36bae2;
}
.online-heading ul span {
font-size: 18px;
}
.online-features {
margin-top: 105px;
overflow: hidden;
}
.gray-bg {
background-color: #f9f8f6;
}
.online-features .fhead li {
padding: 12px 0 10px 0;
vertical-align: bottom;
font-weight: 700;
font-size: 18px;
text-align: center;
text-transform: uppercase;
color: #03324c;
}
.online-features li {
vertical-align: middle;
text-align: center;
font-weight: 700;
font-size: 18px;
color: #595454;
padding-top: 12px;
padding-bottom: 9px;
}
.online-features .fhead .fea-title {
padding-left: 20px;
text-align: left;
}
.online-features .fea-title {
padding-left: 20px;
text-align: left;
}
.online-features .l-border {
border-left: 1px solid #e4e3e3;
}
.container.video-box-none {
overflow: hidden;
margin-left: -10px;
height: 850px;
background-color: #e4e3e3;
}
.thanks-pro-info {
width: 460px;
margin: 56px auto 0 auto;
padding: 14px 0 24px 0;
background-color: #d8e8f5;
}
.thanks-pro-info>h1 {
padding-left: 23px;
margin-bottom: 5px;
font-weight: 600;
font-size: 40px;
color: #3d3c3a;
}
.thanks-pro-info>p {
padding: 0 30px 0 23px;
line-height: 24px;
font-size: 18px;
color: #3d3c3a;
}
.bill-pAdmin-info {
width: 460px;
margin: 38px auto 5px auto;
padding: 14px 10px 20px 32px;
background-color: #92bc02;
}
.bill-pAdmin-info>h1 {
margin-bottom: 5px;
font-weight: 600;
font-size: 40px;
color: #fff;
}
.bill-pAdmin-info>p {
margin: 28px 0 0;
line-height: 24px;
font-weight: 600;
font-size: 18px;
color: #fff;
}
.bill-pAdmin-info .admin-info-cell {
margin-top: 24px;
list-style: none;
line-height: 24px;
font-weight: 600;
font-size: 18px;
color: #fff;
}
#paymentSolutionIframe .modal-dialog {
width: 80%;
}
#paymentSolutionIframe iframe {
width: 100%;
height: 550px;
}
#paymentSolutionIframe .modal-header {
height: 33px;
margin: 0;
background: #fff;
}
#paymentSolutionIframe .close {
top: 7px;
right: 10px;
}
#paymentSolutionIframe .modal-content {
padding-top: 10px;
}
/* loyalty landing */
.hero-img .loyalty-line {
position: relative;
height: 15px;
background-color: #faa519;
}
.loyalty-line .manage-info-box {
padding-left: 20px;
background: rgb(227, 152, 41);
background: rgba(227, 152, 41, .5);
}
.loyalty-line .manage-info-box .loylty-txt {
position: relative;
font-size: 24px;
line-height: 1.2;
color: #fff;
}
.loyalty-line .manage-info-box .txt-cell,
.loyalty-line .manage-info-box .btn-cell {
position: relative;
}
.loyalty-line .manage-info-box .txt-cell {
width: 42%;
}
.loyalty-line .manage-info-box .point-cell {
position: relative;
width: 190px;
}
.loyalty-line .manage-info-box .point-cell .pb-title,
.loyalty-line .manage-info-box .point-cell .pb-value {
color: #fff;
line-height: 1;
}
.loyalty-line .manage-info-box .point-cell .pb-title {
margin-top: -10px;
font-weight: 600;
font-size: 24px;
}
.loyalty-line .manage-info-box .point-cell .pb-value {
margin-bottom: -12px;
font-weight: 600;
font-size: 58px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.60);
}
.loyalty-line .manage-info-box .txt-cell p {
padding-right: 40px;
line-height: 22px;
margin-bottom: -5px;
margin-top: -5px;
}
.loyalty-line .manage-info-box .btn-cell .button {
width: 220px;
height: 45px;
padding: 0;
line-height: 45px;
color: #fff;
font-size: 18px;
}
.loyalty-landing .breadcrumb {
margin-top: 15px;
}
.loyalty-title h1 {
font-weight: 100;
font-size: 75px;
color: #857f7f;
text-transform: none;
margin-top: 15px;
line-height: 1;
}
.pro-plus-benefits .ppb-title {
margin-bottom: 45px;
padding-top: 25px;
font-weight: 300;
font-size: 32px;
color: #3d3c3a;
border-top: 1px solid #e4e3e3;
line-height: 1;
}
.pro-plus-benefits .ppb-item {
margin-bottom: 60px;
}
.pro-plus-benefits .ppb-item .pi-img {
float: left;
width: 220px;
text-align: center;
}
.pro-plus-benefits .ppb-item .pi-cont {
margin-left: 250px;
padding-top: 13px;
}
.ppb-item .pi-cont ul {
list-style-position: inside;
font-size: 10px;
font-size: 16px\9;
line-height: 1.2;
}
.ppb-item .pi-cont li span {
margin-left: -10px\9;
font-size: 16px;
}
.ppb-item .pi-cont .show-details {
position: relative;
display: inline-block;
height: 19px;
margin-top: 12px;
margin-left: 12px;
line-height: 1.2;
}
.ppb-item .pi-cont .show-details a {
padding-right: 30px;
}
.ppb-item .pi-cont .show-details .icon {
position: absolute;
left: 100px;
top: 7px;
background-position: -180px -266px;
width: 12px;
height: 12px;
}
.ppb-item .pi-cont .show-details.open .icon {
background-position: -193px -266px;
}
.ppb-item .pi-detail {
padding-top: 20px;
padding-bottom: 15px;
}
.ppb-item .pi-detail p {
line-height: 1.2;
margin-bottom: 20px;
}
.ppb-item .pi-detail .disc-item {
line-height: 1.2;
}
.disc-item .di-list {
font-size: 11px;
font-size: 16px\9;
list-style-position: inside;
}
.disc-item .di-list li span {
margin-left: -10px\9;
font-size: 16px;
}
.ppb-item .pi-detail .alpha-item {
line-height: 1.2;
}
.pi-detail .alpha-item .ci-list {
list-style-position: inside;
list-style-type: lower-alpha;
padding-left: 15px;
}
.alpha-item .ci-list li span {
margin-left: -10px\9;
}
#loyaltyLandingRedirectModal .modal-dialog {
width: 460px;
}
#loyaltyLandingRedirectModal .modal-content {
padding: 15px 20px 20px;
}
#loyaltyLandingRedirectModal .modal-header h1 {
padding-bottom: 15px;
line-height: 1.2;
}
#js-copy-item-form .sim-select .sim-list li {
padding: 7px 20px;
font-weight: 600;
border-top: 1px solid #e4e3e3;
cursor: pointer;
}
#js-copy-item-form .sim-select .sim-list li.disabled,
#js-copy-item-form .sim-select .sim-list li.unavailable {
padding: 7px 10px;
background: #e4e3e3;
color: #595454;
font-size: 16px;
font-weight: 700;
border-top: 0;
}
.earn-points-txt {
padding-right: 20px;
line-height: 1.2;
}
/* Quote Center and Order public search dropdown style.
------------------------------------------------------------*/
.search-box {
border: 1px solid #908c8b;
height: 50px;
padding: 0px 50px 0px 115px;
position: relative;
}
.search-box .input-box {
padding: 10px 0px;
}
.search-box .input-box input::-webkit-input-placeholder {
font-size: 16px;
color: #b3b3b3;
}
.search-box .input-box input::-moz-placeholder {
font-size: 16px;
color: #b3b3b3;
}
.search-box .input-box input:-moz-placeholder {
font-size: 16px;
color: #b3b3b3;
}
.search-box .input-box input:-ms-input-placeholder {
font-size: 16px;
color: #b3b3b3;
}
.search-box .input-box input.placeholder {
font-size: 16px;
color: #b3b3b3;
}
.search-box .input-box .input {
height: 28px;
line-height: 28px\9;
text-indent: 25px;
color: #595454;
}
.quote-center .search-box .input-box .input {
text-indent: 5px;
}
.search-box .search-btn {
position: absolute;
right: 0;
top: 0;
bottom: 0px;
width: 50px;
height: 48px;
background: #92BC02 url(../common/icon-searchbtn.png) no-repeat center center;
cursor: pointer;
}
.search-box .select-bigtype {
height: 48px;
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
}
.search-box .select-bigtype .select-el {
height: 48px;
width: 97px;
}
.search-box .select-bigtype .select-el select {
height: 46px;
}
.search-box .select-bigtype .select-el .sim-select {
height: 48px;
width: 115px;
}
.search-box .select-bigtype .select-el .sim-select.open .sim-head,
.search-box .select-bigtype .select-el .sim-select.focus .sim-head {
border: none;
}
.search-box .select-bigtype .select-el .sim-select .sim-head {
height: 48px;
background: #b3b3b3;
}
.search-box .select-bigtype .select-el .sim-select .sim-head .current {
height: 48px;
line-height: 48px;
color: #fff;
font-size: 16px;
font-weight: 600;
width: 115px;
background-color: #b3b3b3;
}
.search-box .select-bigtype .select-el .sim-select .sim-head:before {
display: none;
}
.search-box .select-bigtype .select-el .sim-select .sim-head .sim-arrow {
right: 8px;
top: 50%;
margin-top: -3px;
border-top: 6px #fff solid;
border-left: 6px transparent solid;
border-right: 6px transparent solid;
}
.search-box .select-bigtype .select-el .sim-select.open .sim-head .sim-arrow {
border-bottom: 6px #fff solid;
border-top: none;
border-left: 6px transparent solid;
border-right: 6px transparent solid;
}
.search-box .select-bigtype .select-el .sim-select .sim-list {
border-top: 1px solid #908c8b;
margin-left: -1px;
}
.search-box .select-bigtype .select-el .sim-select .sim-list li {
padding: 10px 0px 0px 9px;
height: 40px;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #e4e3e3;
background: #f9f8f6;
width: 115px;
}
.search-box .select-bigtype .select-el .sim-select .sim-list li.hover {
background: #36bae2;
color: #fff;
}
/* 15. Quote Center
--------------------------------------------------------------*/
.quote-center .tips-page {
padding-bottom: 13px;
}
.quote-center .tips-page .passed-tips {
padding: 15px 0px;
line-height: 1.2;
color: #535252;
}
.quote-center .tips-page .quote-page {
padding-top: 11px;
}
/*.quote-center .status-select{
width: 182px;
text-align: left;
}*/
.quote-center .status-txt {
color: #00446a;
padding-right: 10px;
font-weight: 600;
}
.quote-center .quote-table {
display: table;
width: 100%;
}
.quote-center .quote-table .thead {
display: table-row;
}
.quote-center .quote-table .thead .attr {
display: table-cell;
float: none;
height: 40px;
padding: 10px 0px;
font-size: 14.4px;
font-weight: 600;
line-height: 20px;
}
.quote-center .quote-table .thead .quote {
width: 57%;
padding-left: 12px;
}
#draft-center .quote-table .quote {
width: 68%;
padding-left: 8px;
}
#draft-center .quote-table .quote-cell:first-child {
padding-left: 8px;
}
.quote-center .quote-table .thead .expires {
width: 23%;
}
.quote-center .quote-table .thead .status {
width: 20%;
}
.quote-center .quote-table .quote-cell {
display: table-cell;
float: none;
padding: 7px 0px;
vertical-align: middle;
}
.quote-center .quote-table .quote-cell:first-child {
padding-left: 12px;
}
.quote-center .quote-table .odd-row {
background: #f9f8f6;
}
.quote-center .quote-table .quote-cell .pending {
margin: 12px 0 1px 0;
padding: 2px 9px;
line-height: 12px;
color: #605D5D;
font-weight: 700;
font-size: 10px;
border-radius: 5px;
border: 1px solid #E5D4C3;
background: #FFEDDA;
font-weight: bold;
}
.quote-center .quote-table .quote-cell .draft {
display: inline-block;
color: #605D5D;
font-size: 10px;
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
font-weight: bold;
background: #d8e8f5;
width: 48px;
height: 20px;
text-align: center;
line-height: 20px;
}
.quote-center .quote-table .quote-cell .ready-to-view {
padding: 2px 9px;
font-size: 10px;
font-weight: 700;
color: #605D5D;
line-height: 12px;
border-radius: 5px;
border: 1px solid #C9DED6;
background: #DAF1E8;
font-weight: bold;
}
.quote-center .quote-table .quote-cell>a {
white-space: nowrap;
}
.quote-center .list-empty {
text-align: center;
background: #f9f8f6;
padding-top: 35px;
min-height: 102px;
padding-bottom: 35px;
}
.create-quote {
text-align: center;
padding: 16px 9px 20px;
border: 1px solid #00446a;
}
.create-quote .create-title {
color: #03324c;
font-weight: 700;
}
.create-quote .create-tips {
color: #535252;
padding-top: 2px;
}
.create-quote .create-btn {
padding-top: 17px;
}
.create-quote .create-btn .button.tertiary {
height: 40px;
}
.quote-modal {
width: 340px;
}
.quote-modal .modal-content {
padding: 14px 20px 20px;
}
.quote-modal .modal-header {
margin-bottom: 17px;
}
.quote-modal .modal-header .close {
top: 0px;
}
.quote-modal .button {
height: 40px;
font-size: 16px;
}
.quote-modal .textarea {
width: 100%;
border: 1px solid #857f7f;
resize: none;
height: 138px;
color: #b3b3b3;
}
.quote-modal .error-item {
padding: 5px 0px 5px 10px;
background: #f9f8f6;
height: 100px;
overflow-y: scroll;
}
.quote-modal .error-item .error {
padding: 0px;
}
.list-select .sim-select .sim-list li {
padding: 7px 20px;
font-weight: 600;
border-top: 1px solid #e4e3e3;
cursor: pointer;
}
.list-select .sim-select .sim-list li.disabled,
.list-select .sim-select .sim-list li.unavailable {
padding: 7px 10px;
background: #e4e3e3;
color: #595454;
font-size: 16px;
font-weight: 700;
border-top: 0;
}
/*phase2 order history*/
.border-1green {
border: 1px solid #92bc02;
}
.border-1blue {
border: 1px solid #36bae2;
}
.border-top3green {
border-top: 3px solid #92bc02;
}
.border-top3blue {
border-top: 3px solid #36bae2;
}
.additem-btnp {
width: 140px
}
#addItemToCart .modal-dialog,
.choosePaymentModal .modal-dialog,
#choosePaymentModal .modal-dialog {
width: 460px;
}
.table-row.choosePayment li {
padding-bottom: 12px;
vertical-align: top;
width: 50%;
}
.table-row.choosePayment li>p,
.maincon-Inf span {
font-weight: 700;
}
.maincon-Inf li {
padding-bottom: 42px;
}
.choosePaymentBtn li {
padding-top: 5px;
padding-bottom: 60px;
}
.switch-acc-remainder {
padding: 15px 25px;
background-color: #fbf0c5;
color: #595454;
text-align: center
}
.sign-remainder {
padding: 19px 25px;
}
/*order detail*/
input.viewproof-btn {
width: 193px;
}
.oitem-row,
.oitem-row-data {
border-bottom: 1px solid #e4e3e3;
}
.oitem-btn-BEGINREFUND {
padding-top: 25px;
}
.oitem-btn-BEGINREFUND .button.tertiary {
background: #00415c;
color: #F8F8F8;
}
.oitem-info-detail-padding {
padding: 44px 0px 23px 0px;
}
.oitem-row-data .item-number {
text-transform: none;
font-size: 16px;
line-height: 24px;
/*font-family: TisaOT-Ita, Georgia, Sans-Serif;
font-style: italic\0;
font-size: 14px\0;*/
font-size: 14px;
margin-left: 5px;
}
.oitem-row-data {
padding: 24px 0px 20px;
}
.oitem-longtitle {
margin-left: 160px;
}
.oitem-longtitle .oitem-price span {
margin-top: 2px;
}
.oitem-row .oitem-img {
margin-left: 34px;
}
.oitem-row .oitem-img a {
display: block;
height: 110px;
width: 110px;
text-align: center;
}
.oitem-row .oitem-img img {
max-width: 100%;
max-height: 100%;
}
.oitem-small-img {
margin-right: 20px;
}
.oitem-small-img img {
width: 60px;
}
.oitem-longtitle .oitem-link {
margin-bottom: 2px;
display: block;
font-size: 18px;
line-height: 18px;
font-weight: 700;
}
.oitem-longtitle .grey {
color: #b2b2b2;
cursor: default;
}
.oitem-smalltitle .oitem-link {
font-size: 14px;
font-weight: 700;
}
.oitem-price {
margin-top: 13px;
overflow: hidden;
}
.oitem-all-checkbox {
padding-left: 1px;
margin-top: 20px;
}
.oitem-row-return-info {
/* padding-bottom: 60px; */
}
.osummary-totals {
padding: 8px;
}
.osummary-totals .price {
vertical-align: bottom;
text-align: right;
}
.osummary-totals .standard {
font-weight: 700;
font-size: 13px;
word-break: break-all;
vertical-align: bottom;
width: 60% !important;
}
.osummary-totals .standard p+p {
margin-top: 2px;
}
.osub-total .price {
color: #3d3c34;
vertical-align: middle;
}
.osub-total {
padding: 9px 5px 12px 0;
font-size: 18px;
font-weight: 700;
}
.osub-total-lastchild {
padding: 7px 5px 9px 0;
}
.osub-total>span {
vertical-align: middle;
}
.pending-Ita {
font-style: italic;
}
.osub-total .tips,
.price-graybg .tips {
width: 100px;
}
.price-graybg {
padding: 11px 10px;
background: #ededed;
margin-bottom: 9px;
}
.order-infor {
background: #f9f8f6;
padding: 16px 20px 20px;
}
div.accountBg {
padding-top: 0px;
padding-bottom: 0;
}
.sign-true {
padding: 2px 20px 31px
}
.opoints-info {
font-size: 13px;
letter-spacing: 1px;
color: #faa51b;
margin-top: 5px;
}
.opoints-info .points-circle {
display: inline-block;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: url(../common/icon.png) no-repeat -300px -273px;
color: #fff;
font-weight: 700;
font-size: 11px;
}
.include-product {
margin-top: 27px;
}
.oitem-smalltitle {
margin-left: 80px;
}
.oitem-smalltitle .f-bold span {
font-size: 11px;
display: inline-block;
vertical-align: top;
line-height: 14px;
margin-top: -2px;
}
.oitem-smalltitle .type-name {
/*margin: 5px 0 3px 0;*/
font-size: 14px;
font-weight: 600;
}
.oitem-smalltitle .type-name-bigtxt {
font-size: 14px;
margin-bottom: 2px;
}
.oitem-include {
margin-top: 15px;
}
.law-warning {
line-height: 1.2;
font-size: 14px;
padding: 0 10px;
margin: 70px 0 90px 0;
}
.shownotes-box {
max-height: 406px;
overflow-y: auto;
margin-top: -20px;
padding-right: 20px;
}
.view-note-detail :first-child {
margin-top: 20px;
}
.view-note-detail {
margin-bottom: 20px;
}
.view-note-detail p:first-child {
padding-bottom: 10px;
}
#addItemToCart input.okay-btn,
#addItemToCart button.choosePayment-btn,
#choosePaymentModal input.okay-btn,
.choosePaymentModal input.okay-btn,
.choosePaymentModal button.choosePayment-btn,
#choosePaymentModal button.choosePayment-btn {
width: 205px;
height: 40px !important;
}
#addItemToCart .choosePaymentModal-table,
.choosePaymentModal .choosePaymentModal-table,
#choosePaymentModal .choosePaymentModal-table {
padding-top: 13px;
}
#addItemToCart .choosePaymentModal-table li p,
.choosePaymentModal .choosePaymentModal-table li p,
#choosePaymentModal .choosePaymentModal-table li p {
width: 215px;
}
#addItemToCart .modal-header .close,
.choosePaymentModal .modal-header .close,
#choosePaymentModal .modal-header .close {
top: 1px;
}
#addItemToCart .modal-content,
.choosePaymentModal .modal-content,
#choosePaymentModal .modal-content {
padding: 14px 18px 29px;
}
#addItemToCart .modal-header,
.choosePaymentModal .modal-header,
#choosePaymentModal .modal-header {
margin-bottom: 25px;
}
.order-detail-head {
padding: 33px 0 28px 0;
}
.order-detail-head .item-btn-position {
margin-top: 7px;
}
.item-btn-position input {
width: 150px !important;
}
.data-status {
margin-top: 2px;
}
.track-shipment {
margin: 1px 0 5px 0;
}
.js-return-itemlist .table-row .return-qty {
min-width: 66px;
}
.js-return-itemlist .table-row .reason-code {
min-width: 180px;
}
/***** new quote *****/
.acctinfo-row {
font-size: 14px;
}
.acctinfo-row .ar-box {
position: relative;
background: #f0f3f5;
padding: 16px 12px 19px 10px;
width: 340px;
vertical-align: top;
border: 1px #e3e3e3 solid;
}
.acctinfo-row .ar-box>label {
margin-top: -35px;
margin-left: -10px;
display: block;
padding-bottom: 6px;
}
.acctinfo-row .ar-box p.title {
font-size: 18px;
color: #1C88C7;
font-weight: 600;
padding-bottom: 5px;
}
.acctinfo-row .ar-box p {
font-size: 15px;
line-height: 19px;
}
.acctinfo-row .ar-box a.link {
position: absolute;
right: 10px;
bottom: 12px;
font-size: 14px;
}
.nq-headerForm .form-group {
width: 280px;
/*float: left;*/
margin-bottom: 17px;
padding-left: 0;
}
.nq-headerForm .form-group .inline-error {
word-wrap: break-word;
}
.nq-box .txtIta.new {
padding: 10px 0;
}
.nq-box .txtIta.new span {
color: #595454;
font-family: inherit;
}
.nq-box .txtIta.new span.fw-normal {
font-weight: normal;
}
.txtIta.new .fcheckbox,
.quote-list.new .fcheckbox {
border: 1px solid #857f7f;
border-radius: 3px;
}
.quote-list.new .fcheckbox {
margin-right: 9px;
}
.txtIta.new .fcheckbox.fchecked,
.quote-list.new .fcheckbox.fchecked {
background-color: #1c88c7;
}
.nq-box .tool-bar {
margin: 32px 30px 30px;
}
.nq-box .tool-bar .check-all {
position: relative;
bottom: 1px;
margin-right: 40px;
}
.nq-box .tool-bar input[type="button"] {
width: 90px;
font-size: 13px;
font-weight: 700;
}
.nq-box .tool-bar input[type="button"].disabled {
color: #759bb2 !important;
background: #d8e8f5 !important;
}
.nq-headerForm .form-group label>em,
.nq-box .txtIta em {
font-size: 16px;
line-height: 16px;
color: #595454;
font-weight: normal;
font-style: normal;
font-style: italic\0;
font-size: 14px\0;
font-family: TisaOT-Ita, Georgia, Sans-Serif;
}
.nq-headerForm .form-group textarea {
height: 70px !important;
resize: none;
}
.nq-box .quote-list ul>li,
.nq-box .pending_quote-list ul>li {
list-style-type: none;
padding: 20px 30px;
}
.nq-box .pending_quote-list ul>li {
padding: 20px;
}
.nq-box .quote-list ul>li.hasGarybg {
background: #f8f8f8;
}
.nq-box .quote-list .ql-checkbox {
float: left;
width: 20px;
margin-right: 30px;
}
.nq-box .quote-list .ql-image {
float: left;
width: 100px;
height: 100px;
overflow: hidden;
}
.nq-box .quote-list .ql-summary {
margin-left: 170px;
}
.nq-box .quote-list .ql-summary p.error {
width: 100px;
}
.nq-box .pending_quote-list .ql-summary {
margin-left: 120px;
}
.nq-box .pending_quote-list .pro-info {
padding-left: 118px;
}
.nq-box .pending_quote-list .pro-info .name {
padding-bottom: 3px;
}
.nq-box .pending_quote-list .grey {
color: #b2b2b2;
cursor: default;
}
.nq-box .quote-list .ql-summary .ql-info {
float: left;
}
.nq-box .quote-list .ql-summary .quantity {
margin-left: 360px;
margin-top: 40px;
}
.nq-box .quote-list .ql-summary .quantity .multiplier {
color: #595454;
font-size: 13px;
max-width: 120px;
padding-top: 5px;
word-break: break-word;
font-family: TisaOT, Georgia, Sans-Serif;
}
.nq-box .quote-list .ql-summary .ql-name {
width: 350px;
margin-top: -2px;
margin-bottom: 2px;
}
.nq-box .quote-list .ql-summary .ql-name a {
font-size: 18px;
line-height: 16px;
display: inline-block;
}
.nq-box .quote-list .ql-summary .customer-id {
color: #92bc02;
}
.quote-list .quantity input,
.quote-list .quantity label {
width: 60px;
text-align: center;
border-color: #857f7f;
height: 29px;
color: #595454;
padding-right: 0;
padding-left: 0;
margin-left: 5px;
}
.atg-quote .quantity span:not(.visible) {
display: none;
}
.atg-quote.quote-list .quantity label {
width: auto;
color: #595454;
font-family: inherit;
}
.req-quote-box {
width: 220px;
border: 1px solid #00446a;
padding: 10px 10px 19px;
text-align: center;
margin-top: 5px;
}
.req-quote-box .first-txt {
padding: 7px 0;
}
.req-quote-box .first-txt.new {
font-size: 20px;
font-weight: 600;
}
.req-quote-box .txt {
text-align: center;
padding: 10px 18px;
}
.req-quote-box .txt.pending {
padding: 10px 0;
}
.req-quote-box .error {
padding: 0;
}
.req-quote-box label {
margin-top: 18px;
margin-bottom: 1px;
}
.req-quote-box input[type="button"] {
width: 100%;
height: 55px;
margin-top: 5px;
}
#deleteItems .modal-content {
padding: 14px 18px 18px
}
#deleteItems .modal-dialog {
width: 460px;
}
#deleteItems .modal-header {
margin-bottom: 17px;
}
#deleteItems .modal-header .close {
top: 1px;
}
#deleteItems .btn-position {
margin-top: 60px;
}
#deleteItems button.choosePayment-btn {
width: 205px;
height: 40px !important;
}
#deleteItems .error {
padding-top: 15px;
padding-bottom: 0;
display: none;
}
/******pending quote ******/
.nq-headerForm .pending-quote-detail {
padding: 25px 0 15px;
border-top: 1px solid #e4e3e3;
}
.nq-headerForm .select-job {
padding-bottom: 28px;
}
.nq-headerForm .select-job .job-info {
border: 1px solid #e8e7e7;
background: #f9f8f6;
width: 340px;
padding: 5px 7px 9px;
}
.nq-headerForm .select-job .job-info .title {
font-size: 18px;
font-weight: 600;
color: #36bae2;
padding-bottom: 6px;
}
.nq-headerForm .select-job .job-info .detail {
font-size: 14px;
color: #3d3c3a;
}
/************* Quote Detail start*****************/
.nq-headerForm .select-job .detail-job-info {
width: 340px;
padding: 5px 7px 9px 0;
}
.nq-headerForm .select-job .detail-job-info .title {
font-size: 18px;
font-weight: 600;
color: #36bae2;
padding-bottom: 6px;
}
.nq-headerForm .select-job .detail-job-info .detail {
line-height: 19px;
font-size: 14px;
color: #3d3c3a;
}
.nq-headerForm.new label {
color: #595454;
font-family: inherit;
font-weight: 600;
}
.req-quote-box-light-blue {
border: 1px solid #EAEDEF;
background-color: #EAEDEF;
}
.req-quote-box-light-blue.new {
width: auto;
padding-left: 15px;
padding-right: 15px;
border-color: #F0F3F5;
background-color: #F0F3F5;
}
.total-price .decimal,
.price-subtotal.total-price .decimal {
font-size: 11px;
vertical-align: baseline;
font-weight: 700;
color: #595454;
line-height: 14px;
margin-top: -2px;
display: inline-block;
}
.per-price .decimal,
.price-subtotal.total-price .decimal {
font-size: 11px;
vertical-align: baseline;
font-weight: 700;
color: #595454;
line-height: 14px;
margin-top: 4px;
display: inline-block;
}
/*************** Quote detail end***********************/
.pending-quote-detail>.ar-box {
padding-bottom: 12px;
}
.pending-quote-detail .ar-box label {
margin-bottom: 2px;
}
.req-quote-box .button.disabled {
background: #ededed !important;
cursor: default !important;
color: #3d3c34 !important;
font-weight: 700;
font-size: 18px;
height: 46px;
}
.req-quote-box.new .info i {
font-size: 22px;
color: #3c6688;
}
.req-quote-box.new .info span {
margin-left: 5px;
text-align: left;
font-size: 14px;
}
.req-quote-box.new button {
width: 100%;
padding: 7px 8px;
margin-top: 10px;
border-radius: 3px;
background: #1c88c7;
color: #fff;
}
.req-quote-box.new button:hover {
background-color: #0d7fbd;
}
.req-quote-box.new button:active {
background-color: #0c75ae;
}
.pop-tool-tip {
margin-top: 30px;
padding: 7px;
border: 1px solid #d0e693;
background-color: #ffffcc;
width: auto;
line-height: 1;
font-size: 14px;
font-weight: 600;
max-width: 200px;
}
.pop-tool-tip:after {
background-image: none;
width: 0;
height: 0;
}
#securityCodeModal .naics-code-box ul {
padding-left: 20px;
list-style: none;
list-style-type: none;
list-style-position: initial;
list-style-image: initial;
}
#js-naics-code ul li label:not(.fcheckbox) {
word-break: break-word;
display: inline;
}
.modal-header .errorInvalid {
color: red;
float: left;
padding-top: 15px;
}
#securityCodeModal .modal-header .submit-btn {
padding-bottom: 10px;
border-bottom: 1px solid #e4e3e3;
}
#securityCodeModal .modal-header h1 {
border-bottom: none;
}
#securityCodeModal .modal-dialog {
width: 540px;
}
.position-lab .lab-title.langer {
width: 50%;
}
.position-lab .lab-title {
width: 25%;
padding-left: 20px;
padding-right: 10px;
vertical-align: bottom;
}
.position-lab .lab-title-second {
padding-left: 30px;
}
.position-lab .lab-title-third {
padding-left: 24px;
}
.part-section .form-part-desc {
padding: 5px 0 30px;
font-size: 20px;
}
.part-section .height19 {
height: 19px !important;
line-height: 18px;
}
.watermark_container label {
padding-right: 18px;
}
.js-jobboard-cancle {
font-size: 20px;
text-decoration: underline;
}
@media (min-width: 0px) and (max-width: 1023px) {
.watermark_container label {
padding-right: 0;
}
.credit-cards {
margin-left: 0px;
margin-top: 5px;
}
.watermark {
left: 9px !important;
}
#quickOrderPlace {
height: 110px;
}
.new-item-row.row {
margin-left: -10px;
margin-right: -10px;
}
.payment-ni-box.row {
margin-right: 0px;
}
.new-item-row .form-group {
padding-left: 0px;
}
.my-cards .step-title,
.my-cards .step-sub-title {
margin-left: 0px;
}
.payment-step-two {
padding-right: 10px;
}
.payment-step-two .step-sub-title {
margin-bottom: 56px;
}
.payment-list li {
margin-right: 10px;
}
.payment-step-two .check-same {
width: 40px;
padding-left: 10px;
float: left;
}
.payment-step-two .check-text {
width: 240px;
padding-right: 10px;
float: left;
}
.credit-cards-con .item-list {
margin-left: 0px;
}
.credit-cards-con .item-list .item form {
padding-right: 0px;
}
.inline-filed .text-input {
width: 56px;
}
.ext-filed {
width: 66px;
}
.slash-filed {
margin-right: 10px;
}
.custom-time {
top: 65px;
}
.order-content .order-screen {
padding-right: 20px;
}
.order-content .order-screen label,
.quote-center .order-screen label {
display: block;
text-align: left;
padding-bottom: 5px;
}
.order-content .order-screen .job-select .select,
.quote-center .order-screen .job-select .select,
.order-content .order-screen .time-select .select,
.order-content .order-screen .status-select .select,
.quote-center .order-screen .status-select .select {
margin-left: 0;
}
.order-content .order-screen .job-select .select {
width: 182px;
}
.order-list .list-content .list-item .md-ml-10 {
margin-left: 10px;
}
.quote-center .order-screen .job-select .select {
width: 275px;
}
.oitem-price .total-price {
min-width: 70px;
float: right;
}
.select.tertiary .current {
white-space: nowrap;
text-overflow: ellipsis;
}
.quote-center .order-screen {
padding: 20px;
}
.nq-headerForm .form-group {
width: 475px;
}
.ld-section-row .left-des {
width: 55%;
}
.ld-section-row .right-actions {
width: 45%;
}
.li-productst .li-info {
width: 38%;
padding-left: 3%;
}
.li-productst .li-info .multipler {
margin-left: 0;
display: inline-block;
margin-top: 5px;
}
.li-items {
position: relative;
padding-top: 96px;
}
.li-items .top-bar ul>li.li-header-l {
padding-left: 17px;
}
.li-items .top-bar ul>li .show-price {
top: 37px;
right: 20px;
position: absolute;
}
.oitem-price {
float: none;
}
.oitem-price .per-price {
width: 170px;
}
.oitem-price .quantity {
margin-left: 10px;
margin-right: 5px;
}
#CSRshareModal .operate {
padding: 33px 105px 0;
}
.li-items .li-header-btns {
margin-left: 10px;
}
/* loyalty landing */
.hero-img .loyalty-line {
width: 724px;
}
.loyalty-line .manage-info-box {
padding: 12px 0 12px 44px;
}
.loyalty-line .manage-info-box .txt-cell,
.loyalty-line .manage-info-box .btn-cell {
font-size: 0px;
vertical-align: top;
}
.loyalty-line .manage-info-box .txt-cell {
width: 48.4%;
}
.loyalty-line .manage-info-box .txt-cell p {
padding-right: 30px;
margin: 0px;
}
.manage-info-box .mib-mb-9 {
display: inline-block;
width: 180px;
vertical-align: middle;
font-size: 14px;
padding-left: 17px;
margin: 0px;
}
.loyalty-line .manage-info-box .btn-cell .button {
display: inline-block;
vertical-align: middle;
width: 166px;
margin: 0px;
}
/*company setting*/
.myacc-refine-box {
margin-right: 0px;
}
.setting-columu {
padding-bottom: 45px;
}
.setting-columu .col-header {
background: #f8f8f6;
padding-left: 10px;
padding-top: 7px;
font-size: 0px;
}
.setting-columu .col-header .icon {
background-image: url(../common/icon-company-setting.png);
background-repeat: no-repeat;
background-size: 130px 173px;
height: 44px;
width: 65px;
}
.setting-columu .col-header .cs-ane-bg {
background-position: -65px -87px;
}
.setting-columu .col-header .cs-ece-bg {
background-position: -65px 0px;
}
.setting-columu .col-header .cs-ea-bg {
background-position: -65px -44px;
}
.setting-columu .col-header .cs-njv-bg {
background-position: -65px -130px;
}
.setting-columu .col-header>span {
font-size: 18px;
color: #36bae2;
vertical-align: top;
padding-left: 26px;
padding-top: 4px;
display: inline-block;
}
.setting-columu .cs-link {
font-size: 13px;
text-transform: uppercase;
color: #36bbe4;
font-weight: 700;
}
.setting-columu .cs-link .span-arrow-gray {
background: url(../common/icon.png) no-repeat -98px -206px;
height: 16px;
width: 14px;
display: inline-block;
vertical-align: middle;
}
.proplus-md {
background: #f8f8f6;
padding: 8px;
margin-top: -18px;
}
.proplus-md .pp-cont {
padding-top: 20px;
}
.proplus-md .pp-cont .icon.i-help {
position: absolute;
top: 20px;
right: 90px;
overflow: visible;
}
.proplus-md .pp-cont .icon .form-tip {
position: absolute;
top: 32px;
right: -90px;
width: 242px;
}
.proplus-md .pp-cont .icon .form-tip:after {
top: -24px;
left: 131px;
border-color: transparent transparent #ededed transparent;
}
.earn-points-txt {
padding-bottom: 15px;
}
.proplus-md .pp-cont .ppc-btn-box .button.primary {
width: 180px;
line-height: 35px;
}
.ppc-btn-box-right {
text-align: right;
}
/*Add/Edit/Delete Employee*/
.add-emp-row .form-group {
margin-bottom: 27px;
}
.add-emp-row .name-field .form-group {
width: 167px;
}
.add-emp-row .email-field {
width: 230px;
}
.add-emp-row .email-field .form-tip {
width: 292px;
right: -310px;
}
.add-emp-row .feature-select-box {
margin-top: 45px;
}
.add-package-box {
margin-top: 20px;
}
#compareRoleModal .modal-dialog {
width: 750px;
}
.compare-role-box {
width: 750px;
}
.del-emp-btn-box .button.secondary.short {
width: 140px;
}
/*Online Bill Pay*/
.hero-img .green-line {
width: 724px;
}
.manage-text {
width: 517px;
padding-right: 0px;
font-size: 35px;
padding-left: 22px;
text-align: left;
}
.manage-info-box {
padding: 20px 0;
}
.manage-info-box .req-acc-btn,
.manage-info-box .apply-credit-btn {
width: 190px;
}
.manage-info-box .width-555 {
width: 555px;
}
.manage-info-box .width-150 {
width: 150px;
}
.applay-btn-wrapper,
.requ-btn-wrapper {
float: none !important;
text-align: center;
}
.md-mt-27 {
margin-top: 27px;
}
.als-table>ul>li .for-cb span {
width: 125px;
}
.als-table>ul.table-header>li.w-per-34 p {
width: 60%;
}
.als-table>ul.table-header li p {
line-height: 1.2;
}
.als-table>ul.table-header>li {
padding: 7px 10px;
}
.notifi-block>a>span {
width: 340px;
word-wrap: break-word;
display: inline-block;
}
.notifi-block>a>span>span.budget-tracking-suffix {
color: #595454;
}
table.notifi-table>tbody a>span>span.budget-tracking-suffix {
color: #595454;
}
.notifi-table a {
display: inline-block;
max-height: 19px;
}
.quote-center .list-empty {
min-height: 130px;
padding-top: 55px;
}
.regist-form .col-md-7 {
padding-right: 35px;
}
.rf-row .form-tip {
right: -305px;
}
.rf-row .resetPassword-form .form-tip {
right: -330px;
}
.company-register-form .busi-list li {
width: 45%;
}
.promo-help li>.info {
padding-right: 20px;
}
.quick-tools-row>header>h4,
.spend-report-row>header>h4 {
padding-left: 0
}
.quick-tools-row>header>h4>.arrow,
.spend-report-row>header>h4 .arrow {
right: 0;
}
.snapshot-info .month-swipe a {
padding: 5px 1px;
display: inline;
float: none;
font-size: 12px;
}
.snapshot-info .month-swipe a.active {
margin-right: 1px;
}
.industry-news-row {
padding: 10px 0 25px;
}
.spend-report-row>main,
.recently-prd-row {
padding: 0;
}
.text-left-md {
text-align: left !important;
}
.mt-30 .select-form-control-adapt {
width: 240px;
}
.col-lg-6 .form-control-input-adapt {
width: 110px;
}
.form-button-frame-left {
float: left;
}
.form-button-frame-right {
float: right;
}
.form-button-frame {
margin-left: 1px;
width: 240px;
}
.pp-cont {
position: relative;
}
.adapt-icon {
padding-right: 115px;
}
.primary-address-tip .form-tip {
width: 240px;
}
.item-list.biz-item-list .item-box .primary-address-tip a {
padding: 5px;
}
.setting-item {
padding-bottom: 45px;
}
.setting-item .item-header {
background: #f8f8f6;
position: relative;
padding: 10px 0 0 100px;
height: 50px;
}
.setting-item .item-header .top-icon {
background-image: url(../common/icon-myacct.png);
display: block;
position: absolute;
left: 10px;
bottom: 0px;
}
.setting-item .item-header .my-info-pro {
background-position: -190px -380px;
width: 44px;
height: 44px;
}
.setting-item .item-header .title {
font-size: 18px;
color: #36bae2;
}
.setting-item .item-cont dt,
.setting-item .item-cont dd {
word-break: break-all;
}
.setting-item .position-bot {
font-size: 13px;
font-weight: 700;
}
.setting-item .position-bot .span-arrow-gray {
display: inline-block;
background: url(../common/icon.png) no-repeat -99px -206px;
width: 12px;
height: 12px;
content: "";
margin-left: 12px;
vertical-align: text-top;
}
.setting-item .item-header .my-shipping {
background-position: -338px -430px;
width: 72px;
height: 41px;
}
.setting-item .item-header .my-credit-carts {
background-position: -415px -911px;
height: 40px;
width: 67px;
}
.setting-item .item-header .my-info {
background-position: -385px -862px;
height: 44px;
width: 43px;
}
}
/*print css start*/
@media print {
@page {
margin: 0.5cm;
}
.divider {
border-bottom: 1px solid #808080;
}
.clear-float {
clear: both;
}
ul {
list-style: none;
display: inline-block;
}
ul li {
float: left;
}
.highlight {
color: #92bc02;
}
.header {
border-bottom: 1px solid black;
}
.header-left,
.header-right {
width: 50%;
float: left
}
.header-title,
.header-po,
.header-note {
color: #00446a;
font-weight: 600;
padding-top: 20px;
}
.header-title,
.header-po,
.header-note,
.header-expiration {
color: #00446a;
font-weight: 600;
padding-top: 20px;
}
.header-num {
font-family: TisaOT-Ita, Sans-Serif;
color: #595454;
}
.header-des {
color: #595454;
padding-top: 15px;
}
.header-note-des {
border-bottom: 1px solid black;
padding-bottom: 20px;
}
.header-expiration-des {
font-weight: 300;
color: #595454;
padding-top: 15px;
padding-bottom: 15px;
}
.header-content {
border-bottom: 1px solid black;
padding-bottom: 20px;
}
.header li {
float: none;
}
.content {
margin-top: 20px;
}
.content-left,
.content-right {
width: 50%;
float: left;
padding-bottom: 20px;
}
.content-left,
.content-right .grey {
color: #b2b2b2;
cursor: default;
}
.content-left,
.content-right .grey>p {
color: #b2b2b2;
cursor: default;
}
.pro-describe {
color: #00446a;
font-size: 18px;
line-height: 0.9;
font-weight: 600;
display: inline-block;
margin-bottom: 20px;
padding: 0 20px;
min-height: 50px
}
.pro-mark {
font-weight: 300;
color: #595454;
font-size: 16px;
margin-bottom: 20px;
padding: 0 20px;
}
.pro-num {
font-size: 16px;
color: #3d3c3a;
padding: 0 20px;
}
.pro-num span {
font-weight: 600;
font-size: 18px;
}
.pro-img {
width: 140px;
height: 140px;
margin-left: 20px;
}
.pro-left {
width: 160px;
}
.pro-right {
padding-left: 20px;
max-width: 370px;
}
.pro-right img {
width: 120px;
height: 120px;
}
.pro-right>div:last-child {
padding-left: 20px;
padding-top: 10px;
}
.pro-right>div:last-child>p {
font-weight: 600;
}
.pro-right>div:last-child>ul>li:last-child p {
padding-top: 10px;
}
.pro-right>div:last-child>ul>li:last-child p:first-child {
padding-top: 20px;
font-weight: 600;
color: #00446a;
}
.pro-right>div:last-child>ul>li:last-child p:last-child {
font-weight: 600;
}
.border-bottom {
border-bottom: 1px solid #b1b1b1;
}
.order-top {
font-size: 23px;
padding: 25px 0;
line-height: 1.3;
color: #3d3c3a;
}
.pro-list {
float: left;
width: 740px;
}
.order-return .pro-list {
border-top: 3px solid #92bc02;
}
.order-return {
padding-bottom: 126px;
}
.order-ship {
padding-bottom: 75px;
}
.order-ship .pro-list {
border-top: 3px solid #36bae2;
}
.pro-list .order-state {
padding: 15px 0;
border-bottom: 1px solid #b1b1b1;
}
.pro-list .order-state .order-num {
font-size: 25px;
color: #00446a;
font-weight: 600;
}
.pro-list .order-state .item-num {
color: #595454;
font-size: 21px;
font-family: TisaOT-Ita, Georgia, Sans-Serif;
font-style: italic\0;
font-size: 19px\0;
}
.pro-list .order-state .state {
font-size: 21px;
font-weight: 600;
}
.pro-list .order-state .state .text {
color: #3d3c3a;
}
.pro-list .order-state .date {
color: #3d3c3a;
font-size: 21px;
font-family: TisaOT-Ita, Georgia, Sans-Serif;
font-style: italic\0;
font-size: 19px\0;
}
.pro-list .order-info {
background: #f9f8f6;
padding: 20px 0 20px 20px;
border-bottom: 1px solid #b1b1b1;
}
.pro-list .order-info .title {
color: #3d3c3a;
font-size: 21px;
padding-bottom: 15px;
font-weight: 600;
}
.pro-list .order-info .table-cell {
color: #3d3c3a;
font-size: 21px;
padding-right: 15px;
width: 33.33%;
}
.order-info .row .col-lg-4.col-md-4 {
color: #3d3c3a;
font-size: 21px;
word-break: break-word;
}
.pro-list .items {
/*padding: 26px 0px;*/
padding: 21px 0px;
border-bottom: 1px solid #b1b1b1;
}
.pro-list>ul>li {
list-style: none;
padding: 21px 0;
}
.pro-list .last-item {
border-bottom: none;
}
.pro-list .items .item-img {
width: 182px;
height: 181px;
float: left;
}
.pro-list .items .item-info {
width: 550px;
float: right;
}
.pro-list .items .item-info .info-name {
padding-top: 15px;
color: #00446a;
font-size: 21px;
font-weight: 600;
}
.pro-list .items .item-info .info-code {
padding-top: 25px;
color: #3d3c3a;
font-size: 19px;
}
.pro-list .items .item-info .info-bill {
width: 100%;
border-spacing: 0px;
margin-top: 30px;
}
.pro-list .info-bill .price {
font-size: 27px;
color: #3d3c3a;
display: inline-block;
font-weight: 600;
}
.pro-list .info-bill .price .decimal {
font-size: 16px;
vertical-align: top;
}
.pro-list .info-bill .uom-desc {
color: #3d3c3a;
font-size: 17px;
font-family: TisaOT-Ita, Georgia, Sans-Serif;
font-style: italic\0;
font-size: 15px\0;
}
.pro-list .info-bill .unit {
font-size: 19px;
color: #3d3c3a;
margin-left: 15px;
}
.pro-list .info-bill td {
vertical-align: top;
}
.pro-list .info-bill .qty-name {
font-size: 19px;
color: #3d3c3a;
vertical-align: middle;
}
.pro-list .info-bill .qty-num {
color: #3d3c3a;
font-size: 27px;
vertical-align: middle;
font-weight: 600;
}
.pro-list .info-bill .brief {
font-size: 27px;
color: #00446a;
font-weight: 600;
}
.pro-list .info-bill td.middle {
width: 165px;
}
.pro-list .item-info .pro-combo {
margin-top: 25px;
}
.pro-list .item-info .pro-combo .title {
font-size: 19px;
color: #3d3c3a;
}
.pro-list .item-info .pro-combo .combo-img {
width: 80px;
height: 80px;
float: left;
}
.pro-list .item-info .pro-combo .combo-info {
float: right;
width: 450px;
}
.item-info .pro-combo .item {
padding: 10px 0;
}
.item-info .pro-combo .combo-info .name {
font-size: 21px;
color: #00446a;
font-weight: 600;
}
.item-info .pro-combo .combo-info .code {
font-size: 19px;
color: #3d3c3a;
padding: 3px 0;
}
.item-info .pro-combo .combo-info .price {
font-size: 25px;
color: #3d3c3a;
font-weight: 600;
}
.total-side {
/* float: right;*/
margin-left: 750px;
width: 320px;
}
.summary-totals {
padding: 0 5px;
}
.order-return .summary-totals {
border: 2px solid #92bc02;
}
.order-ship .summary-totals {
border: 2px solid #36bae2;
}
.summary-totals .name {
display: table-cell;
padding: 23px 0;
word-break: break-word;
color: #00446a;
width: 150px;
font-size: 31px;
vertical-align: bottom;
font-weight: 600;
}
.summary-totals .price {
display: table-cell;
padding: 23px 0;
text-align: right;
word-break: break-all;
color: #3d3c3a;
font-size: 31px;
vertical-align: bottom;
font-weight: 600;
}
.summary-totals .tax-ship {
background: #e4e3e3;
color: #3d3c3a;
font-size: 18.75px;
padding: 20px 18px;
}
.summary-totals .tax-ship+.tax-ship {
margin-top: 12px;
}
.summary-totals .tax-ship .standard {
font-size: 18.75px;
word-break: break-all;
vertical-align: bottom;
width: 60%;
}
footer .print-footer {
padding-top: 120px;
}
.print-header .page-name {
margin-right: 20px;
}
/*order detail print change start*/
.odp-section {
padding: 15px 0px 0px;
}
.odp-title {
padding-top: 15px;
padding-bottom: 15px;
color: #3d3c3a;
margin-left: 0px;
margin-right: 0px;
}
.odp-title .title-item {
padding-left: 0px;
padding-right: 0px;
font-size: 22px;
color: #3d3c3a;
}
.odp-section .odp-list {
list-style: none;
display: block;
padding: 15px 0px 0px;
}
.odp-list .row {
display: block;
width: 100%;
margin-left: 0px;
margin-right: 0px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
margin-top: -1px;
page-break-inside: avoid;
}
.odp-list .odp-item {
display: block;
float: left;
padding: 21px 8px;
font-size: 14px;
color: #000;
height: 57px;
border-left: 1px solid #000;
}
.odp-list .odp-item.odp-item-title {
padding: 8px;
height: auto;
}
.odp-list .odp-item.odp-number {
width: 6%;
text-align: center;
}
.odp-list .odp-item.odp-image {
width: 6.5%;
padding: 8px;
text-align: center;
}
.odp-list .odp-item.odp-product-code {
width: 12.5%;
text-align: left;
}
.odp-list .odp-item.odp-description {
width: 31%;
max-width: 340px;
text-align: left;
}
.odp-list .odp-item.odp-quantity {
width: 8%;
min-width: 85px;
text-align: center;
}
.odp-list .odp-item.odp-net-price {
width: 10%;
text-align: center;
}
.odp-list .odp-item.odp-total-price {
width: 10%;
text-align: center;
}
.odp-list .odp-item.odp-image img {
max-width: 41px;
max-height: 41px;
}
.odp-list.odp-return-list .odp-number {
width: 6%;
}
.odp-list.odp-return-list .odp-image {
width: 6.5%;
}
.odp-list.odp-return-list .odp-product-code {
width: 12.5%;
}
.odp-list.odp-return-list .odp-description {
width: 50%;
max-width: 515px;
}
.odp-list.odp-return-list .odp-quantity {
width: 5%;
}
.odp-list.odp-return-list .odp-net-price {
width: 10%;
}
.odp-list.odp-return-list .odp-total-price {
width: 10%;
}
.odp-list .odp-item.odp-description p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.odp-total-section {
padding: 15px 0px;
}
.odp-total-section .row {
margin-left: 0px;
margin-right: 0px;
padding: 5px 0px;
}
.odp-total-section .odp-total-item-title {
float: left;
width: 80%;
text-align: right;
font-weight: 600;
font-size: 24px;
color: #3d3c3a;
}
.odp-total-section .odp-total-item-content {
float: left;
width: 20%;
text-align: right;
font-weight: 600;
font-size: 24px;
color: #3d3c3a;
}
.odp-total-section .odp-total-item-title.f-regu,
.odp-total-section .odp-total-item-content.f-regu {
}
.odp-section .odp-information {
padding: 15px 0px;
}
.odp-section .odp-information .odp-info-item {
margin-left: 0px;
margin-right: 0px;
}
.odp-section .odp-information .odp-info-item .odp-info-title {
font-weight: 600;
font-size: 22px;
}
.odp-section .odp-information .odp-info-item .odp-info-desc {
font-size: 20px;
}
.odp-call-us-content {
padding-top: 50px;
}
.odp-call-us-content .odp-call-us {
font-size: 18px;
color: #000;
text-align: center;
padding: 5px 0px;
}
.odp-call-us-content .odp-call-phone {
font-weight: 600;
font-size: 24px;
color: #000;
text-align: center;
padding: 5px 0px;
}
.odp-call-us-content,
.print-footer {
page-break-inside: avoid;
}
.print-footer .site-url {
color: #000;
font-weight: 700;
}
.border-top {
border-top: 1px solid #000;
}
.odp-title .note-list {
padding: 0px;
}
.odp-title .note-list ul {
list-style: none;
list-style-type: disc;
margin-left: 20px;
}
.odp-title .note-list ul li {
margin: 5px 0px;
float: none;
}
.odp-title .note-list ul li p {
word-break: break-word;
}
.odp-pickup p {
padding-left: 0px;
padding-right: 0px;
font-size: 22px;
color: #3d3c3a;
}
.odp-pickup span {
padding-left: 0px;
padding-right: 0px;
font-size: 22px;
color: #3d3c3a;
}
.odp-title .note-list h3 {
font-weight: 600;
font-size: 22px;
color: #3d3c3a;
}
/*order detail print change end*/
/*myList and quote print start*/
.myaccount-print .map-title-row {
padding: 20px 0px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 15px 0px;
}
.myaccount-print h2 {
font-weight: 700;
color: #000;
}
.myaccount-print .row {
display: block;
width: 100%;
margin-left: 0px;
margin-right: 0px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
margin-top: -1px;
page-break-inside: avoid;
}
.myaccount-print .map-info-row {
padding: 20px 0px;
}
.myaccount-print .map-info-row h2 {
margin-bottom: 20px;
}
.myaccount-print .map-info-row h3 {
color: #000;
}
.myaccount-print .map-info-row .row {
border: none;
margin-left: -10px;
margin-right: -10px;
}
.myaccount-print .map-info-row .map-info-normal {
color: #000;
}
.myaccount-print .map-info-row .map-info-normal .row {
margin-top: 10px;
}
.myaccount-print .map-info-row .map-info-normal .row p {
color: #000;
}
.myaccount-print .map-info-row .map-info-note {
margin-top: 40px;
}
.myaccount-print .map-info-row .map-info-note ul {
list-style-type: none;
}
.myaccount-print .map-info-row .map-info-note ul li {
display: block;
float: none;
margin: 5px 0px;
}
.myaccount-print .map-info-row .map-info-note ul li p {
color: #000;
}
.myaccount-print .map-quote-footer {
padding: 20px 0px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-size: 16px;
word-break: break-word;
margin-top: 50px;
color: #000;
}
.myaccount-print .map-item {
display: block;
float: left;
padding: 21px 8px;
font-size: 14px;
color: #000;
height: 57px;
border-left: 1px solid #000;
}
.myaccount-print .map-item.map-print-title {
padding: 8px;
height: auto;
}
.myaccount-print .map-item.map-number {
width: 5%;
text-align: center;
}
.myaccount-print .map-item.map-image {
width: 6%;
padding: 8px;
text-align: center;
}
.myaccount-print .map-item.map-product-code {
width: 15%;
text-align: left;
}
.myaccount-print .map-item.map-description {
width: 43%;
text-align: left;
}
.myaccount-print .map-item.map-quantity {
width: 7%;
text-align: center;
}
.myaccount-print .map-item.map-net-price {
width: 12%;
text-align: center;
}
.myaccount-print .map-item.map-print-total-price {
width: 12%;
text-align: center;
}
.myaccount-print .map-item.map-image img {
max-width: 41px;
max-height: 41px;
}
.myaccount-print .map-item.map-description p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.myaccount-print .subtotal {
padding-bottom: 10px;
}
.myaccount-print-header {
padding: 30px 0 30px 0;
}
.map-total-section {
padding: 15px 0px;
}
.map-total-section .row {
margin-left: 0px;
margin-right: 0px;
padding: 5px 0px;
}
.map-total-section .map-total-item-title {
float: left;
width: 80%;
text-align: right;
font-weight: 700;
font-size: 24px;
color: #3d3c3a;
}
.map-total-section .map-total-item-content {
float: left;
width: 20%;
text-align: right;
font-weight: 700;
font-size: 24px;
color: #3d3c3a;
}
.map-total-section .map-total-item-title.f-regu,
.map-total-section .map-total-item-content.f-regu {
}
.map-section .map-information {
padding: 15px 0px;
}
.map-section .map-information .map-info-item {
margin-left: 0px;
margin-right: 0px;
}
.map-section .map-information .map-info-item .map-info-title {
font-weight: 700;
font-size: 22px;
}
.map-section .map-information .map-info-item .map-info-desc {
font-size: 20px;
}
.map-call-us-content {
padding-top: 50px;
}
.map-call-us-content .map-call-us {
font-size: 18px;
color: #000;
text-align: center;
padding: 5px 0px;
}
.map-call-us-content .map-call-phone {
font-weight: 700;
font-size: 24px;
color: #000;
text-align: center;
padding: 5px 0px;
}
.map-call-us-content,
.print-footer {
page-break-inside: avoid;
}
.quote_print .print-footer {
margin: 0px;
border-top: none;
border-bottom: 1px solid #000;
}
.quote_print .print-footer .warning {
color: #000;
}
.map-table {
display: table;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
border-left: 0;
}
.map-table>tbody>tr>th {
min-width: 75px;
}
.map-table>tbody>tr>td,
.map-table>tbody>tr>th,
.map-table>tfoot>tr>td,
.map-table>tfoot>tr>th,
.map-table>thead>tr>td,
.map-table>thead>tr>th {
border: 1px solid #000;
padding: 8px;
word-break: keep-all;
text-align: center;
font-size: 16px;
color: #000;
}
.map-table>thead>tr>td,
.map-table>thead>tr>th {
font-weight: 700;
white-space: nowrap;
padding: 21px 8px;
}
.map-table>tbody>tr>td.text-left,
.map-table>tbody>tr>th.text-left,
.map-table>tfoot>tr>td.text-left,
.map-table>tfoot>tr>th.text-left,
.map-table>thead>tr>td.text-left,
.map-table>thead>tr>th.text-left {
text-align: left;
}
.map-table>tbody>tr>td img,
.map-table>tbody>tr>th img {
max-width: 40px;
max-height: 40px;
}
/*myList and quote print end*/
/*new quote print change start*/
.order-list-title {
padding-bottom: 20px;
font-weight: 600;
color: #000;
}
.order-list-image {
display: block;
width: 40px;
height: 40px;
margin: 0px auto;
}
.quote_print .divider {
border-bottom: 1px solid #000;
}
.quote_print .content {
margin-top: 0px;
padding-top: 20px;
padding-bottom: 30px;
}
.quote_print .sub-total-section {
padding-top: 7px;
margin-left: 550px;
width: 550px;
}
.quote_print .sub-total-item {
width: 100%;
padding: 15px 0px;
color: #000;
}
.quote_print .sub-total-item .total-item {
font-weight: 600;
font-size: 24px;
color: #000;
}
.quote_print .call-us-content {
padding-top: 50px;
padding-bottom: 50px;
page-break-inside: avoid;
}
.quote_print .call-us {
font-size: 18px;
color: #000;
text-align: center;
padding: 5px 0px;
}
.quote_print .call-us-phone {
font-weight: 600;
font-size: 24px;
color: #000;
text-align: center;
padding: 5px 0px;
}
.quote_print .print-footer {
border-top: 1px solid #000;
}
/*new quote print change end*/
}
/*print css end*/
.oitem-section {
/*border-bottom: 1px solid #e4e3e3;*/
padding-bottom: 20px;
}
.oitem-section .oitem-row-data {
border-bottom: none;
padding: 24px 0px 0px;
}
.oitem-section .note-list {
padding: 0px 20px;
}
.oitem-section .note-list ul {
list-style: none;
list-style-type: disc;
}
.oitem-section .note-list ul li {
margin: 5px 0px;
}
.oitem-section .note-list ul li p {
word-break: break-word;
}
.order-state li {
float: none;
margin: 5px 0px;
word-break: break-word;
}
.note-list ul {
list-style-type: disc;
margin-left: 18px;
}
.note-list ul li p {
word-break: break-word;
}
.nq-box .quote-list .ql-summary .ql-info:after,
.nq-box .quote-list .ql-summary .ql-info:before {
content: '';
display: table;
}
.nq-box .quote-list .ql-summary .ql-info:after {
clear: both;
}
.price-container {
display: inline-block;
text-align: left;
float: right;
}
.price-container .per-price,
.price-container .quantity,
.price-container .total-price {
float: left;
}
.price-container .per-price {
margin-top: 5px;
margin-right: 50px;
}
.price-container .quantity {
margin-right: 50px;
}
.price-container .total-price {
margin-top: 5px;
width: 150px;
text-align: right;
}
.price-container .decimal {
font-size: 12px;
vertical-align: baseline;
font-weight: 700;
color: #595454;
line-height: 14px;
margin-top: -2px;
display: inline-block;
}
.nq-box .quote-list .ql-summary .ql-name {
width: 450px;
}
.nq-box .quote-list .ql-summary .ql-qtytip {
margin-top: -22px;
font-size: 13px;
font-family: TisaOT, Georgia, Sans-Serif;
float: right;
}
.nq-box .quote-list .ql-summary .quantity {
margin: 0px 10px 0px 0px;
text-align: right;
}
.nq-box .quote-list .ql-summary .quantity .extend {
margin-left: 40px;
margin-right: -75px;
padding-top: 6px;
font-size: 13px;
line-height: 16px;
}
.nq-box .quote-list .ql-summary .quantity .extend .error {
width: auto;
font-family: TisaOT, Georgia, Sans-Serif;
font-size: 13px;
padding: 3px 0px 5px;
margin-right: -50px;
text-align: left;
}
.nq-box .quote-list .ql-summary .quantity .extend .multiplier {
padding: 0px;
margin: 0px;
text-align: left;
}
.req-quote-box-orange {
border: 1px solid #faa519;
background-color: #f5e7ce;
}
.quote-list .quantity label {
line-height: 29px;
}
.price-error {
line-height: 1;
vertical-align: top;
padding-top: 0px;
}
.rf-header {
padding-left: 0px;
}
.rf-header>p>a {
color: #36bae2;
margin-left: 5px;
}
.rf-section {
width: 100%;
background: #f3f1f1;
padding: 40px;
}
.rf-type-box {
padding-top: 0px;
padding-left: 0px;
}
.rf-type-item {
display: block;
}
.rf-type-box p {
font-weight: 700;
font-size: 16px;
color: #595454;
text-transform: uppercase;
margin: 0px 0px 15px;
}
.rf-type-box .rf-type-item {
margin-bottom: 15px;
cursor: pointer;
}
.rf-type-box .rf-type-item+.rf-type-item {
margin-bottom: 0px;
}
.rf-account-section {
margin-top: 25px;
padding-bottom: 15px;
}
.rf-account-section h2 {
font-size: 24px;
text-transform: none;
margin-bottom: 25px;
}
.rf-account-section .form-group {
padding-left: 0px;
}
.rf-account-section .form-group .select {
width: 100px;
}
.rf-account-section .form-group .ext-box {
right: -27px;
}
.rf-business-section {
border-top: 1px solid #ccc;
padding-top: 40px;
}
.rf-business-section h2 {
font-size: 24px;
text-transform: none;
margin-bottom: 25px;
}
.rf-business-section .form-group {
padding-left: 0px;
}
.rf-business-section .rf-type-item {
margin-bottom: 15px;
margin-top: 15px;
cursor: pointer;
}
.rf-business-section .rf-type-item+.rf-type-item {
margin-top: 0px;
}
.rf-select {
font-size: 13px;
border: none;
height: 30px;
padding: 0;
}
.rf-select .sim-select .sim-head {
border: 1px solid #857f7f;
}
.rf-select .sim-select .current {
font-size: 16px;
}
.rf-select .sim-list li {
font-size: 16px;
min-height: 33px;
}
.rf-create {
margin-top: 40px;
}
.rf-create .button.primary.middle {
display: block;
margin: 0 auto;
}
.rf-image-list {
list-style: none;
display: block;
max-width: 420px;
margin-left: 40px;
margin-top: 45px;
}
.rf-image-list>li {
display: inline-block;
}
.rf-image-list>li>ul {
list-style: none;
display: block;
}
/*.rf-image-list>li>ul>li{
width: 420px;
height: 300px;
}*/
.rf-benifit {
background: #00446b;
max-width: 420px;
padding: 20px 35px;
}
.rf-benifit h2 {
font-weight: 700;
font-size: 26px;
text-transform: none;
}
.rf-benifit .fc-yellow {
color: #f0c930;
}
.rf-benifit p {
color: #fff;
font-size: 22px;
padding: 0px 36px 18px 0px;
}
.rf-image-list .rf-benifit>ul {
color: #fff;
list-style-type: disc;
font-size: 18px;
padding: 18px;
}
.rf-image-list .rf-benifit>ul>li {
display: list-item;
}
.rf-image-list .rf-tools {
padding: 20px 35px;
}
.rf-image-list .rf-tools h2 {
font-weight: 700;
text-transform: initial;
}
.rf-image-list .rf-tools>ul {
padding: 10px 18px;
font-weight: 600;
font-size: 18px;
color: #00446a;
list-style-type: disc;
}
.rf-submit-section .form-group {
padding-left: 0px;
}
@media (min-width: 0px) and (max-width: 1023px) {
.rf-account-section .form-group .ext-box {
display: inline-block;
float: left;
width: 72px;
margin-top: 10px;
position: static;
}
.rf-account-section .select.secondary {
max-width: 96px;
}
.rf-section .rf-account-section .inline-filed {
margin-left: 0px;
}
.rf-section .rf-account-section .inline-filed .text-input {
width: 56px;
}
}
#newRegisterWhereCanFind .modal-body p {
text-align: center;
padding: 20px 0px;
line-height: 16px;
}
#newRegisterWhereCanFind .modal-body .secondary {
width: 100px;
height: 45px;
margin: 10px auto 0px;
display: block;
}
.text-input.error::-webkit-input-placeholder {
color: #cbcbcb !important;
}
.text-input.error:-moz-placeholder {
color: #cbcbcb !important;
}
.text-input.error::-moz-placeholder {
color: #cbcbcb !important;
}
.text-input.error:-ms-input-placeholder {
color: #cbcbcb !important;
}
.fradio.error {
background-image: url("../common/red.png");
background-position: 0px 0px;
}
.sim-select .sim-head.error {
border: 1px solid #ff0000;
}
.my-info-row .migrate-user {
background-color: #f9f8f6;
padding: 10px 0px;
}
.my-info-row .migrate-user p {
font-size: 15px;
margin: 2px 20px;
text-align: left;
}
.migrate-user+.view-more.quotes {
padding-bottom: 20px !important;
padding-top: 20px !important;
}
.order-content .order-screen .job-select,
.order-content .order-screen .time-select,
.order-content .order-screen .status-select {
width: 100%;
margin-left: 0px;
}
.order-content .order-screen .job-select .select,
.order-content .order-screen .time-select .select,
.order-content .order-screen .status-select .select {
width: 100%;
margin-left: 0px;
}
.order-list .list-content .list-items-section {
border-top: 1px solid #e4e3e3;
}
.order-list .list-content .list-items-section .list-item {
height: 50px;
padding: 0px;
cursor: pointer;
position: relative;
line-height: 50px;
}
.order-list .list-content .list-items-section .list-item-row:hover {
background: rgba(28, 8, 0, .04);
filter: progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#0a1c0800, endcolorstr=#0a1c0800);
}
.order-list .list-content .list-items-section .list-item-row.open .list-item {
border-bottom: 1px solid #e4e3e3;
background-color: #FFF;
}
.order-list .list-content .list-items-section .list-item-row.open .list-item-details {
display: block !important;
border-bottom: none;
}
.order-list .list-content .list-items-section .list-item .status {
display: inline-block;
padding: 0px 6px;
border-radius: 100px;
font-weight: 600;
color: #fff;
font-size: 11px;
letter-spacing: 0.5px;
text-transform: uppercase;
line-height: 19px;
vertical-align: middle;
margin-top: -4px;
}
.order-list .list-content .list-items-section .list-item .status.summary {
background-color: #1c88c7;
}
.order-list .list-content .list-items-section .list-item .status.open {
background-color: #8fc000;
}
.order-list .list-content .list-items-section .list-item .status.processing {
background-color: #8fc000;
}
.order-list .list-content .list-items-section .list-item .status.shipped {
background-color: #efc92d;
}
.order-list .list-content .list-items-section .list-item .status.pickedup {
background-color: #3d3c3a;
}
.order-list .list-content .list-items-section .list-item .status.delivered {
background-color: #3d3c3a;
}
.order-list .list-content .list-items-section .list-item .total-price {
display: inline-block;
/*margin-left: 20px;*/
text-align: right;
}
.order-list .list-content .list-items-section .list-item .total-price.f-bold div{
font-weight: 700;
}
.order-list .list-content .list-items-section .list-item .date {
display: inline-block;
width: 66px;
/*margin-left: 20px;*/
color: #8d8d8d;
text-align: left;
}
.order-list .list-content .list-items-section .list-item .status-section {
position: absolute;
left: 34%;
margin-left: 5px;
}
.order-list .list-content .list-items-section .list-item-row a {
color: #1c88c7;
font-size: 14px;
font-weight: 700;
}
.order-list .list-content .list-items-section .list-item-row a:hover {
text-decoration: underline;
}
.order-list .list-content .list-items-section .list-item-row .expand-arrow {
position: relative;
top: -1px;
display: inline-block;
margin-left: 15px;
border-top: 7px solid #1c88c7;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 0px;
transition: transform 200ms;
}
.order-list .list-content .list-items-section .list-item-row .list-item-details {
display: none;
padding: 15px;
border-bottom: 1px solid #e4e3e3;
overflow: hidden;
width: 100%;
}
.order-list .list-content .list-items-section .list-item-row .order-info-list {
list-style: none;
font-size: 14px;
padding: 0px 10px;
min-height: 50px;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list {
list-style: none;
margin: 10px;
position: relative;
margin-bottom: 0px;
}
.order-list .list-content .list-items-section .list-item-row .order-info-list li {
line-height: 1.4;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li {
line-height: 34px;
height: 34px;
border-top: 1px solid #e4e3e3;
font-size: 14px;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .title {
margin: 0px 10px;
display: inline-block;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .order-number {
margin-left: 15px;
width: 120px;
display: inline-block;
color: #3d3a3a;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .status {
display: inline-block;
position: absolute;
left: 220px;
color: #8d8d8d;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .total-price {
display: inline-block;
float: right;
margin-right: 10px;
text-align: right;
}
.order-list .list-content .list-items-section .list-item-row .list-item-details .btn-view-order {
background-color: #1c88c7;
color: #fff;
font-size: 14px;
border-radius: 3px;
padding: 0.5em 2em;
display: inline-block;
white-space: nowrap;
position: absolute;
right: 10px;
text-align: center;
line-height: 20px;
max-width: 175px;
margin: 0px auto;
}
.order-list .list-content .list-items-section .list-item-row .list-item-details .btn-view-order:hover {
text-decoration: none;
}
.order-list .list-content .list-items-section .list-item-row.open {
background-color: #f8f8f8;
height: auto;
margin: 10px 0px;
border-top: 1px solid #e4e3e3;
transition: margin 200ms ease;
}
.order-list .list-content .list-items-section .list-item-row.open+.list-item-row {
border-top: 1px solid #e4e3e3;
}
.order-list .list-content .list-items-section .list-item-row.open .expand-arrow {
border-top: 0px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #1c88c7;
transition: transform 200ms;
}
.order-content .order-screen {
padding: 10px 0px 20px;
border-top: none;
}
.order-list .list-content .list-items-section .list-item-row .list-item-details .inline-error {
font-weight: bold;
margin: 10px 0px 0px;
}
.order-list .list-content .list-items-section .list-item-row .list-item-details .service-error-msg {
font-weight: normal;
}
.order-list .list-content .list-items-section .list-item-row.link-error {
background-color: #f9f8f6;
}
.order-list .list-content .item-section {
line-height: 16px;
padding: 17px 10px;
font-size: 14px;
}
.order-list .list-content .list-item-title .item-section {
padding: 0px 10px;
}
.order-list .list-content .list-item-title .item-section .sort {
position: absolute;
top: -6px;
margin-left: 5px;
width: 29px;
height: 29px;
content: '';
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url("../common/swap_sort.png");
}
.order-list .list-content .list-item-title .item-section .sort.asc {
background-position: -29px 0px;
}
.order-list .list-content .list-item-title .item-section .sort.desc {
background-position: -58px 0px;
}
.order-list .list-content .list-items-section .list-item-row {
border-left: 1px solid #e4e3e3;
border-right: 1px solid #e4e3e3;
border-bottom: 1px solid #e4e3e3;
transition: margin 200ms ease;
margin: 0px;
}
.order-list .list-content .list-item {
border-bottom: none;
}
.order-list .text-fill-color {
/*-webkit-*/
/* background:-webkit-linear-gradient(left,#595454,#595454 80%,#fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
width: 90%;
}
.text-overflow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
width: 98%;
}
.list-item-title {
margin-top: 15px;
margin-bottom: 15px;
}
.list-item .list-item-left,
.list-item-title .list-item-left {
float: left;
width: 100%;
padding-right: 45px;
}
.list-item .list-item-left .row {
margin-left: 5px;
}
.list-item-title .list-item-left .row {
margin-left: 5px;
}
.list-item .list-item-right,
.list-item-title .list-item-right {
position: absolute;
right: 0px;
width: 45px;
height: 53px;
}
.order-list .list-item-row.open .list-item-details .row {
margin: 0px -5px;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .status {
color: #535353;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .status.open {
color: #8fc100;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .status.processing {
color: #8fc100;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .status.shipped {
color: #f1ca2f;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .status.delivery {
color: #3d3c3a;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .status.pickedup {
color: #3d3c3a;
}
@media only screen and (min-width: 1024px) {
.order-list .list-content .item-section.po-item {
width: 210px;
}
.order-list .list-content .item-section.date-item {
max-width: 60px;
}
.order-list .list-content .item-section.date-item .date {
width: 60px;
}
.order-list .list-content .item-section.price-item {
max-width: 112px;
}
.order-list .list-content .item-section.price-item .total-price {
margin-left: 10px;
width: 92px;
}
.order-list .list-content .list-item-title .item-section.po-item {
padding: 0px;
}
.order-list .list-content .list-item-title .item-section.date-item {
padding: 0px;
}
.order-list .list-content .list-item-title .item-section.price-item {
padding: 0px;
}
.order-list .list-content .list-items-section .item-section.po-item {
padding: 17px 0px;
}
.order-list .list-content .list-items-section .item-section.date-item {
padding: 17px 0px;
}
.order-list .list-content .list-items-section .item-section.price-item {
padding: 17px 0px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.js-walk-tour-section {
display: none;
}
.order-list .list-content .list-items-section .list-item {
padding: 0px 0px;
}
.order-list .list-content .list-items-section .list-item .status-section {
margin-left: 30px;
}
.order-list .list-content .list-items-section .list-item-row .list-item-details {
padding: 10px;
}
.order-content .order-screen {
padding-right: 0px;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .order-number {
width: auto;
}
.order-list .list-content .item-section {
padding: 17px 10px;
}
/* .order-list .list-content .list-item-title .item-section{
padding: 0px;
} */
/*.order-list .list-content .list-items-section .list-item-row .list-item-details .btn-view-order{
max-width: 150px;
}*/
/* .order-list .list-content .list-items-section .list-item-row .expand-arrow{
margin-left: 5px;
} */
.order-list .list-content .list-items-section .list-item-row .order-shipping-list {
list-style: none;
margin: 15px;
position: relative;
}
/* .list-item .list-item-left .row{margin:0px 10px;} */
/* .list-item-title .list-item-left .row{margin:0px 10px;} */
.order-list .list-content .item-section.po-item {
width: 115px;
}
.order-list .list-content .item-section.date-item {
max-width: 60px;
}
.order-list .list-content .item-section.date-item .date {
width: 60px;
}
.order-list .list-content .item-section.price-item {
max-width: 112px;
}
.order-list .list-content .item-section.price-item .total-price {
margin-left: 10px;
width: 92px;
}
.order-list .list-content .list-items-section .list-item-row .order-info-list {
padding: 0px 5px;
}
/*======================= merge css mobile start ==============================*/
/*code for dashboard right section*/
.project-management-row h4.js-db-title {
font-size: 13px;
}
.project-management-row h4.js-db-title i.arrow {
top: 10px;
right: -5px;
}
.project-management-row p {
font-size: 16px;
}
.project-management-row p span {
display: block;
float: none;
}
.project-management-row p span.tooltip-warning {
margin-left: -3px;
}
.project-management-row p span.tooltip-warning:after {
left: -14px;
}
.project-management-row .manage-tap p {
font-size: 14px;
}
.project-management-row .manage-tap .nav-tabs li {
width: 48%;
}
.project-management-row .manage-tap .nav-tabs li.active {
padding: 5px 0;
}
.project-management-row .manage-tap .nav-tabs li a {
font-size: 14px;
}
/*code for dashboard right section end*/
/*code for product management page*/
.product-management-page .title-panel .title-panel-bid .text-right .tooltip-warning {
margin-right: 0;
}
.title-panel {
font-size: 12px;
}
.title-panel>div:first-child {
padding-bottom: 10px;
}
.title-panel label {
font-size: 14px;
}
.title-panel span {
font-size: 14px;
}
.data-panel .table {
font-size: 12px;
}
.data-panel .table th {
padding: 5px 5px;
}
.data-panel .table tr th:first-child,
.data-panel .table tr td:first-child {
padding-left: 25px;
}
.data-panel .table td {
padding: 5px 5px;
}
.data-panel .table td:first-child div a p span {
word-break: break-all;
}
.thead-asc,
.thead-desc {
position: absolute;
left: 33px;
top: 22px;
}
#pop-inv-qty .thead-asc,
#pop-inv-qty .thead-desc {
top: 0;
}
.product-management-page .manage-tap .nav-tabs li.active {
padding: 15px 5px 10px 5px;
}
/*code for product management page end*/
.product-management-page .have-no-products {
padding: 25px 20px 0 20px;
}
.product-management-page .have-no-products p {
font-size: 18px;
}
.product-management-page .have-no-products a {
font-size: 18px;
}
/*======================= merge css mobile end ==============================*/
/*code for product management page response start ?v=WAT-158*/
.details-button>button {
padding: 10px 2px;
cursor: pointer;
min-width: 62px;
font-size: 12px;
}
.expand-arrow {
right: 0;
margin-left: 5px;
}
.details-expand .details-product-img {
width: 11%;
margin-right: 15px;
}
.details-expand .details-product-img img {
width: 72px;
height: 72px;
}
.details-expand .details-order .details-order-tab-content {
padding-left: 60px;
padding-right: 60px;
}
/*code for product management page response end ?v=WAT-158*/
}
/*mylist css change start*/
.list-total-section {
position: relative;
}
.list-total-job,
.list-detail-secion {
margin: 0px 0px 20px;
}
.list-total-section>.list-items-title {
font-size: 16px;
padding: 0px;
margin: 0px;
line-height: 1.2em;
text-align: right;
}
.list-total-price {
position: relative;
font-weight: 700;
font-size: 28px;
text-align: right;
margin: 5px 0px;
}
.icon-drop-down>.m-icons {
position: absolute;
right: 0px;
font-size: 32px;
top: 26px;
cursor: pointer;
}
.price-toggle-list {
position: absolute;
right: 0px;
width: 200px;
border: 1px solid #adb1b4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .28);
list-style-type: none;
z-index: 500;
background: #fff;
cursor: pointer;
}
.price-toggle-list>li {
position: relative;
padding: 10px 35px 10px 10px;
}
.price-toggle-list p {
font-size: 13px;
}
.price-toggle-list .toggle-title {
font-weight: 600;
font-size: 16px;
}
.price-toggle-list>.selected {
background-color: #c7dff3;
color: #1c88c7;
}
.price-toggle-list .m-icons {
display: none;
}
.price-toggle-list>.selected .m-icons {
display: block;
position: absolute;
right: 5px;
top: 50%;
margin-top: -8px;
font-size: 16px;
}
.price-toggle-list .m-icons.m-icon-check:before {
content: "\e86c";
}
.total-price-toggle {
height: 40px;
}
.total-price-toggle>p {
padding-right: 36px;
cursor: pointer;
}
.list-jobboard-link {
display: block;
text-align: right;
color: #1c88c7;
}
#shareBulkListModal .modal-dialog {
width: 380px;
}
#shareBulkListModal .modal-dialog .modal-content {
padding: 30px 30px 35px;
background-image: url(../common/mylist-illustration-combo-background.png);
background-position: 50% 100%;
background-size: contain;
background-repeat: no-repeat;
}
#shareBulkListModal .sl-content .sl-items {
height: 186px;
}
#shareBulkListModal .sl-content .sl-items ul {
padding: 0px;
}
#shareBulkListModal .sl-content .sl-items ul li {
position: relative;
min-height: 44px;
padding: 12px 0px;
}
#shareBulkListModal .sl-content .sl-items ul li+li {
border-top: 1px solid #857f7f;
}
#shareBulkListModal .sl-content .sl-items ul li .fcheckbox {
position: absolute;
margin: -10px 10px;
top: 50%;
}
#shareBulkListModal .sl-content .sl-items ul li .field-label {
margin-left: 40px;
color: #595454;
word-break: break-word;
cursor: pointer;
display: block;
margin-right: 10px;
font-weight: 400;
}
#shareBulkListModal .fcheckbox.fchecked {
background-color: #1c88c7;
}
#shareBulkListModal .button-row {
margin-top: 30px;
}
#shareBulkListModal a {
color: #1c88c7;
}
#shareBulkListModal .btn-continue {
background-color: #1c88c7;
color: #fff;
font-size: 16px;
line-height: 1.2em;
padding: 0.75em 1.2em 0.65em;
border-radius: 4px;
}
#shareBulkListModal .share-notification {
margin-bottom: 20px;
padding: 20px;
background-color: #f9f8f6;
}
#shareBulkListModal .modal-slide-content {
position: relative;
transform: height 300ms;
height: auto;
overflow: hidden;
}
#shareBulkListModal .modal-slide-1 {
position: absolute;
top: 0px;
left: 0px;
width: 320px;
transition: left 300ms, opacity 300ms;
}
#shareBulkListModal .modal-slide-2 {
position: absolute;
top: 0px;
left: 320px;
width: 320px;
opacity: 0;
transition: left 300ms, opacity 300ms;
}
#shareBulkListModal .modal-slide-3 {
position: absolute;
top: 0px;
left: 640px;
width: 320px;
opacity: 0;
transition: left 300ms, opacity 300ms;
}
#shareBulkListModal .modal-slide-3 p,
#shareBulkListModal .modal-slide-2 p.js-show-user-message,
#shareBulkListModal .modal-slide-2 p.js-show-error-message {
text-align: center;
}
#shareBulkListModal .modal-slide-3 .alert-success,
#shareBulkListModal .modal-slide-3 .alert-error,
#shareBulkListModal .modal-slide-2 .alert-success,
#shareBulkListModal .modal-slide-2 .alert-error {
width: 60px;
height: 60px;
margin: 0px auto 20px;
display: block;
}
#shareBulkListModal .modal-slide-2 .share-alert-error {
width: 60px;
height: 60px;
margin: 0px auto 20px;
display: block;
}
#shareBulkListModal .icon.i-close {
background: url(../common/new-close-icon.png) no-repeat;
}
#shareBulkListModal .error {
font-weight: 700;
margin: 5px 0px;
}
.f-regu-it.js-list-detail-description {
color: #b3b3b3;
}
/*my list list page start*/
.person-add {
display: block;
text-align: right;
}
.person-add:before {
background: url(../common/mylist-icon@24px.png) -340px 0px no-repeat;
width: 24px;
height: 24px;
display: block;
content: " ";
position: absolute;
background-color: transparent;
right: 55px;
top: -2px;
}
.mylist-header {
margin-top: 10px;
padding-bottom: 6px;
}
.mylist-header h5 {
font-size: 20px;
line-height: 20px;
padding: 0px;
margin: 0px;
color: #595454;
font-weight: 400;
}
.split-row {
margin-top: 10px;
margin-bottom: 10px;
border-top: 1px solid #e4e3e3;
}
.item-icon {
display: inline-block;
position: absolute;
width: 24px;
height: 24px;
top: 0px;
left: 0px;
background-image: url(../common/mylist-icon@24px.png);
background-repeat: no-repeat;
}
.item-icon.star {
background-position: -374px 0px;
}
.item-icon.attach_money {
background-position: 0px 0px;
}
.item-icon.fold_shared {
background-position: -130px 0px;
}
.item-icon.format_list {
background-position: -207px 0px;
}
.item-icon.more_vert {
background-position: -273px 0px;
}
.item-icon.fold {
background-position: -170px 0px;
}
.item-icon.fold_open {
background-position: -91px 0px;
}
.item-icon.drop_down {
background-image: url(../common/mylist-icon@32px.png);
background-position: -550px -4px;
}
.item-icon.drop_up {
background-image: url(../common/mylist-icon@32px.png);
background-position: -596px -4px;
}
.item-icon.edit {
background-image: url(../common/mylist-icon@18px.png);
width: 18px;
height: 18px;
background-position: -182px 0px;
}
.item-icon.delete {
background-image: url(../common/mylist-icon@18px.png);
width: 18px;
height: 18px;
background-position: -44px 0px;
}
.item-icon.move {
background-image: url(../common/mylist-icon@18px.png);
width: 18px;
height: 18px;
background-position: -228px 0px;
}
.item-icon.copy {
background-image: url(../common/mylist-icon@18px.png);
width: 18px;
height: 18px;
background-position: -20px 0px;
}
.item-icon.add {
background-image: url(../common/mylist-icon@18px.png);
width: 18px;
height: 18px;
background-position: -385px 0px;
}
.mylist-list-group {
margin: 0px;
}
.mylist-list-group .mylist-list {
margin-bottom: 0px;
padding-left: 0px;
list-style-type: none;
}
.mylist-list-group .mylist-hit-area {
padding-bottom: 50px;
}
.mylist-list-group .mylist-list li,
.sortable-drag {
border: 1px solid #e4e3e3;
display: block;
margin-bottom: -1px;
margin-top: 0px;
min-height: 64px;
transition: margin-bottom 300ms, margin-top 300ms;
}
.sortable-drag,
.sortable-drag li {
list-style-type: none;
}
.mylist-list-group .mylist-list li.open {
margin-top: 10px;
margin-bottom: 10px;
}
.mylist-list-group .mylist-list li .item-content,
.sortable-drag .item-content {
display: block;
padding: 16px 15px;
position: relative;
background-color: transparent;
transition: background-color 200ms ease;
}
.mylist-list-group .mylist-list li .item-content:hover,
.sortable-drag .item-content:hover {
background-color: #f9f8f6;
}
.mylist-list-group .mylist-list li.folder-list>.item-content,
.sortable-drag.folder-list>.item-content {
cursor: pointer;
}
.mylist-list-group .mylist-list li .item-content .item-icon,
.sortable-drag .item-content .item-icon {
margin-right: 15px;
left: 15px;
top: 50%;
margin-top: -12px;
}
.mylist-list-group .mylist-list li .item-content .item-desc,
.sortable-drag .item-content .item-desc {
margin-left: 39px;
max-width: 485px;
word-wrap: break-word;
width: 70%;
}
.mylist-list-group .mylist-list li .item-content .item-desc .item-title,
.sortable-drag .item-content .item-desc .item-title {
color: #595454;
text-decoration: none;
font-size: 16px;
text-transform: none;
line-height: 20px;
font-weight: 700;
display: block;
}
.mylist-list-group .mylist-list li .item-content .item-desc .item-details,
.sortable-drag .item-content .item-desc .item-details {
color: #595454;
font-size: 12px;
line-height: 14.4px;
}
.mylist-list-group .mylist-list li .item-content .item-icon.drop,
.sortable-drag .item-content .item-icon.drop {
background-image: url(../common/mylist-icon@32px.png);
background-position: -550px -4px;
right: 0px;
left: auto;
}
.mylist-list-group .mylist-list li.open .item-content .item-icon.drop,
.mylist-list-group .mylist-list li .item-content .item-icon.drop.up,
.sortable-drag.open .item-content .item-icon.drop,
.sortable-drag .item-content .item-icon.drop.up {
background-image: url(../common/mylist-icon@32px.png);
background-position: -596px -4px;
}
.mylist-list-group .mylist-list li .item-content .item-icon.more_vert,
.sortable-drag .item-content .item-icon.more_vert {
right: 0px;
left: auto;
cursor: pointer;
}
.mylist-list-group .mylist-list li .item-content .item-icon.more_vert+.drop,
.sortable-drag .item-content .item-icon.more_vert+.drop {
right: 39px;
left: auto;
}
.mylist-list-group .mylist-list li .item-content .item-icon.fold,
.sortable-drag .item-content .item-icon.fold {
background-position: -170px 0px;
}
.mylist-list-group .mylist-list li.open .item-content .item-icon.fold,
.sortable-drag.open .item-content .item-icon.fold {
background-position: -91px 0px;
}
.mylist-list-group .mylist-list li .item-format-list,
.sortable-drag .item-format-list {
margin-left: -1px;
margin-right: -1px;
display: none;
background-color: #f9f8f6;
}
.mylist-list-group .mylist-list li .item-format-list .empty-list,
.sortable-drag .item-format-list .empty-list {
line-height: 64px;
text-align: center;
height: 64px;
}
.more_action {
position: absolute;
list-style: none;
z-index: 990;
background: #fff;
right: 14px;
border: 1px solid #e4e3e3;
border-radius: 4px;
box-shadow: 3px 3px 6px 0px #C4C4C4;
padding: 8px 16px;
top: 50%;
margin-top: 24px;
display: none;
}
.more_action:before {
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
/*border-top:10px solid transparent;*/
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #e4e3e3;
top: -12px;
right: 0px;
}
.more_action .divide {
border-top: 1px solid #e4e3e3;
margin: 8px 0px;
}
.more_action li {
font-size: 16px;
line-height: 24px;
min-height: 0px;
border: none;
position: relative;
margin: 3px 0px;
list-style: none;
}
.more_action:after {
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #fff;
top: -11px;
right: 0px;
}
.more_action li a {
display: block;
}
.more_action li .disabled {
color: #b3b3b3;
cursor: default;
}
.more_action li .item-icon {
left: 0px;
top: 3px;
margin: 0px;
}
.more_action li .disabled .item-icon {
background-image: url(../common/mylist-disabled@18px.png);
}
.more_action li a>span {
padding-left: 20px;
}
.mylist-list-group .more_action {
position: absolute;
list-style: none;
z-index: 990;
background: #fff;
right: 14px;
border: 1px solid #e4e3e3;
border-radius: 4px;
box-shadow: 3px 3px 6px 0px #C4C4C4;
padding: 8px 16px;
top: 50%;
margin-top: 24px;
display: none;
}
.mylist-list-group .more_action:before {
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
/*border-top:10px solid transparent;*/
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #e4e3e3;
top: -12px;
right: 0px;
}
.mylist-list-group .more_action:after {
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #fff;
top: -11px;
right: 0px;
}
.mylist-list-group .more_action li {
font-size: 16px;
line-height: 24px;
min-height: 0px;
border: none;
position: relative;
margin: 3px 0px;
}
.mylist-list-group .more_action li a {
display: block;
}
.mylist-list-group .item-content .more_action li .item-icon {
left: 0px;
top: 3px;
margin: 0px;
}
.mylist-list-group .item-content .more_action li .person-add {
text-align: left;
padding-left: 20px;
}
.mylist-list-group .item-content .more_action li .person-add:before {
right: auto;
top: -1px;
left: 0;
font-size: 18px;
width: 20px;
height: 20px;
font-family: 'Material Icons', Arial, Sans-Serif;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
content: "\E7FE";
background-image: none;
}
.mylist-modal .modal-dialog {
width: 380px;
}
.mylist-modal .modal-dialog .modal-content {
padding: 15px 20px 20px 20px;
background-image: url(../common/mylist-illustration-combo-background.png);
background-position: 50% 100%;
background-size: contain;
background-repeat: no-repeat;
}
.mylist-modal .icon.i-close {
background: url(../common/new-close-icon.png) no-repeat;
top: 0px;
}
.mylist-modal .form-group {
padding-left: 0px;
}
.mylist-modal label {
color: #595454;
}
.mylist-modal .text-input {
border: 1px solid #8d8888;
height: 42px;
}
.mylist-modal .textarea {
width: 100%;
border: 1px solid #857f7f;
}
.mylist-modal .modal-content .modal-body .body-content {
min-height: 150px;
}
.mylist-modal .body-content img {
display: block;
width: 100px;
height: 100px;
margin: 0 auto;
}
.mylist-modal .body-content p {
padding: 13px;
text-align: center;
line-height: 1.2em;
font-size: 16px;
}
.mylist-modal .body-content p.mm-desc {
font-size: 18px;
padding: 0px 13px;
}
.mylist-modal .body-content .inline-error {
padding: 0 0 0 20px;
font-size: 13px;
text-align: left;
line-height: 16px;
}
.mylist-modal .body-content .f-bold {
font-weight: 700;
}
.mylist-modal .btn-cancel {
color: #1c88c7;
}
.mylist-modal .btn-continue {
background-color: #1c88c7;
color: #fff;
font-size: 16px;
line-height: 1.2em;
padding: 0.75em 1.2em 0.65em;
border-radius: 4px;
}
.mylist-modal .select-el {
height: 42px;
}
.mylist-modal .sim-head {
border: 1px solid #999494;
height: 42px;
}
.mylist-modal .sim-select .sim-head:before {
height: 40px;
width: 40px;
top: 0px;
right: 0px;
border: 1px solid #999494;
}
.mylist-modal .sim-arrow {
right: 15px;
top: 18px;
border-top: 5px solid #857f7f;
}
.mylist-modal .sim-select.open .sim-arrow {
border-bottom: 5px solid #857f7f;
}
.mylist-modal .sim-select .current {
font-size: 16px;
height: 42px;
line-height: 42px;
}
.mylist-modal .sim-select .sim-list {
border-top: none;
}
.mylist-modal .sim-select .sim-list ul {
max-height: 156px;
}
.mylist-modal .sim-select .sim-list li {
padding: 11px 6px 11px 38px;
font-size: 18px;
height: auto;
word-wrap: break-word;
position: relative;
color: #8a8a8a;
}
.mylist-modal .sim-select .sim-list li.hover {
background: #1c88c7;
color: #fff;
padding: 11px 8px;
}
.mylist-modal .sim-select .sim-list li:before {
display: inline-block;
position: absolute;
width: 24px;
height: 24px;
background-position: -478px 0px;
background-image: url(../common/mylist-icon@24px.png);
content: "";
left: 6px;
top: 9px;
}
.mylist-modal .sim-select .sim-list li.hover:before {
display: inline-block;
position: absolute;
width: 0px;
height: 0px;
content: "";
}
.mylist-modal .empty-folder-message.error {
padding: 0px;
text-align: left;
margin: 5px 0px;
}
.mylist-modal .placeholder {
padding: 15px;
height: 90px;
font-size: 14px;
line-height: 18px;
}
.mylist-modal .placeholder::-webkit-input-placeholder {
color: #a6a6a6;
}
.mylist-modal .placeholder::-moz-placeholder {
color: #a6a6a6;
}
.mylist-modal .placeholder:-moz-placeholder {
color: #a6a6a6;
}
.mylist-modal .placeholder:-ms-input-placeholder {
color: #a6a6a6;
}
.list-detail-secion p,
.list-detail-secion p>span {
word-wrap: break-word;
}
.list-detail-secion .back-to-mylist {
padding-left: 16px;
}
.list-detail-secion .back-to-mylist:before,
.list-detail-secion .back-to-mylist:after {
display: inline-block;
content: "";
position: absolute;
width: 0px;
height: 0px;
border-top: 5px solid transparent;
border-left: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #1C88C7;
top: 5px;
}
.list-detail-secion .back-to-mylist:before {
border-right: 5px solid #1C88C7;
left: 8px;
}
.list-detail-secion .back-to-mylist:after {
border-right: 5px solid #fff;
left: 10px;
}
.list-detail-secion h2,
.list-detail-secion h2>span {
font-weight: 700;
font-size: 28px;
text-align: left;
margin: 5px 0px;
text-transform: none;
word-wrap: break-word;
}
.list-detail-secion .edit-info {
font-size: 16px;
text-transform: capitalize;
font-weight: 700;
margin: 0px 10px;
}
.list-detail-button-section {
margin-top: 20px;
}
.list-detail-button-section .pull-right {
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.list-detail-button-section .button {
margin-left: 10px;
}
.list-detail-button-section .button span{
font-weight: 700;
}
.list-detail-button-section .button.active-blue {
position: relative;
padding: .75em 0em .65em 1.2em;
}
.list-detail-button-section .button.active-blue .item-icon.more_vert {
top: 9px;
left: -5px;
}
.list-detail-button-section .more_action {
right: auto;
left: 10px;
}
.list-detail-button-section .more_action:before,
.list-detail-button-section .more_action:after {
right: auto;
left: 50%;
margin-left: -12px;
}
.list-detail-item-section {
margin-top: 10px;
}
.list-detail-item-section .mylist-detail-list {
list-style: none;
}
.list-detail-item-section .mylist-detail-list li {
border-top: 1px solid #e4e3e3;
border-bottom: 1px solid #e4e3e3;
margin-top: -1px;
display: block;
}
.list-detail-item-section .mylist-detail-list li .row {
margin-left: 0px;
margin-right: 0px;
}
.list-detail-item-section .mylist-detail-list li .img-cell img {
max-height: 100%;
max-width: 100px;
}
.list-detail-item-section .mylist-detail-list li .img-cell {
display: table-cell;
height: 120px;
padding: 20px 10px 10px;
vertical-align: top;
text-align: center;
}
.list-detail-item-section .mylist-detail-list li .info-cell {
display: table-cell;
padding: 20px 10px 10px;
vertical-align: top;
}
.list-detail-item-section .mylist-detail-list li .info-cell a {
font-weight: 700;
color: #595454;
}
.list-detail-item-section .mylist-detail-list li .info-cell p {
font-size: 14px;
margin-top: 2px;
}
.list-detail-item-section .mylist-detail-list li .info-cell .points {
color: #faa519;
font-size: 13px;
margin-top: 5px;
line-height: 21px;
}
.list-detail-item-section .mylist-detail-list li .info-cell .points span {
width: 21px;
height: 21px;
display: inline-block;
background: url(../common/icon.png) no-repeat scroll -300px -274px;
color: #FFF;
text-align: center;
font-size: 11px;
font-weight: 700;
}
.list-detail-item-section .mylist-detail-list li .form-cell {
display: table-cell;
vertical-align: top;
padding: 20px 10px 0px;
position: relative;
}
.list-detail-item-section .mylist-detail-list li .form-cell .each-price {
font-weight: 700;
font-size: 22px;
text-align: right;
}
.list-detail-item-section .mylist-detail-list li .form-cell .price-error {
font-weight: 700;
text-align: right;
padding: 0px;
line-height: 1.2em;
display: block;
}
.list-detail-item-section .mylist-detail-list li .form-cell .form-label {
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
/*position: absolute;
right: 10px;*/
text-align: right;
}
.list-detail-item-section .mylist-detail-list li .form-cell .multi-label {
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
/*position: absolute;
right: 10px;
top:96px;*/
text-align: right;
white-space: nowrap;
}
.list-detail-item-section .mylist-detail-list li .form-cell .form-group {
padding-left: 0px;
margin-top: 15px;
margin-bottom: 0px;
/*position: absolute;
right: 10px;
top: 46px;*/
text-align: right;
white-space: nowrap;
}
.list-detail-item-section .mylist-detail-list li .form-cell span {
color: #595454;
}
.list-detail-item-section .mylist-detail-list li .form-cell .text-input {
display: inline-block;
width: 80px;
height: 35px;
margin-left: 15px;
text-align: center;
}
.list-detail-item-section .mylist-detail-list li .form-cell .product__not__purchase {
font-size: 12.8px;
line-height: 15px;
padding-left: 18px;
margin-bottom: 5px;
}
.list-detail-item-section .mylist-detail-list li .form-cell .fg-icon-info {
font-size: 14px;
color: #3e6787;
float: none;
vertical-align: text-top;
margin-left: -18px;
}
.list-detail-item-section .mylist-detail-list li .form-cell a {
font-size: inherit;
color: #1c88c7;
}
.mylist-detail-list li .row .pull-right {
padding-left: 10px;
padding-right: 10px;
}
.mylist-detail-list li .button.active-blue {
padding: 0em 0em 1.25em 1.2em;
font-weight: 700;
}
.list-detail-bottom {
margin-top: 20px;
}
/*.list-detail-bottom .pull-right{
margin-top:20px;
}*/
.js-mylist-line.horizontal-line {
border-top: 1px solid #e4e3e3;
margin-top: 10px;
margin-bottom: 10px;
}
.list-detail-empty-section {
margin-top: 50px;
margin-bottom: 50px;
}
.list-detail-empty-section p {
text-align: center;
}
.list-detail-empty-section .button.mainly {
display: block;
width: 185px;
margin: 20px auto;
padding: .75em 1.2em;
}
.list-detail-category-section {
margin-top: 20px;
}
.list-detail-category-section h2 {
font-weight: 600;
font-size: 20px;
border-bottom: 1px solid #e3e2e2;
margin-bottom: 20px;
}
.list-detail-category-section .row a {
display: block;
height: 206px;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.list-detail-category-section .row a>img {
width: 120px;
height: 120px;
display: block;
margin: 0 auto;
}
.list-detail-category-section .row a>span {
display: block;
line-height: 1.2em;
text-align: center;
margin-top: 20px;
}
.list-detail-category-section .row a:hover>img {
-moz-transition: opacity, ease-out 0.1s;
-o-transition: opacity, ease-out 0.1s;
-webkit-transition: opacity, ease-out 0.1s;
transition: opacity, ease-out 0.1s;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
.list-detail-category-section .row a:hover>span {
color: #2bb9e4;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.list-detail-item-section .mylist-detail-list li .error-content {
text-align: right;
}
.list-detail-item-section .mylist-detail-list li .error-content>.error {
position: relative;
}
.list-detail-item-section .mylist-detail-list li.multi-list .error-content>.error {
top: -5px;
}
.list-detail-item-section .fcheckbox {
border: 1px solid #857f7f;
border-radius: 3px;
}
.list-detail-item-section .fcheckbox.fchecked {
background-color: #1c88c7;
}
.list-detail-item-section .sort-arrow.hide+.fcheckbox {
margin-top: 44px;
}
.list-detail-item-section .active-blue {
color: #1c88c7;
}
.list-detail-item-section .select-cell {
display: table-cell;
padding: 20px 10px 0px;
height: 120px;
}
.sort-arrow {
position: relative;
left: -2px;
width: 24px;
height: 24px;
margin: 10px 0px;
display: block;
}
.sort-arrow .drop_down {
background-image: url(../common/mylist-disabled@32px.png);
}
.sort-arrow .drop_up {
background-image: url(../common/mylist-disabled@32px.png);
}
.mylist-modal .select-group .sim-select .sim-list ul {
max-height: 264px;
}
.mylist-modal .select-group .sim-select .sim-list li {
padding: 11px 6px 11px 38px;
}
.mylist-modal .select-group .sim-select .sim-list li:before {
background-image: none;
}
.mylist-modal .select-group .sim-select .sim-list li.disabled {
background-color: #f9f8f6;
color: #8a8a8a;
}
.mylist-modal .select-group .sim-select .sim-list li.disabled:before {
background-image: url(../common/mylist-icon@24px.png);
}
.mylist-modal .select-group .sim-select .sim-list li.disabled.hover:before {
width: 24px;
height: 24px;
}
.mylist-list-group .mylist-hit-area li {
position: relative;
}
.mylist-list-group .mylist-hit-area li .item-content {
margin-right: 54px;
}
.mylist-list-group .mylist-hit-area li .action-content {
position: absolute;
display: block;
right: 0px;
top: 0px;
width: 54px;
height: 100%;
cursor: pointer;
}
.mylist-list-group .mylist-hit-area .folder-list .action-content {
right: -54px;
}
.mylist-list-group .mylist-hit-area .folder-list .item-format-list .action-content,
.sortable-drag.folder-list .item-format-list .action-content {
right: 0px;
}
.mylist-list-group .mylist-hit-area li .item-icon.more_vert,
.sortable-drag .item-icon.more_vert {
position: absolute;
top: 50%;
right: 15px;
left: auto;
margin-top: -12px;
}
.mylist-list-group .mylist-hit-area .folder-list .item-content .item-icon.drop,
.sortable-drag.folder-list .item-content .item-icon.drop {
right: 0px;
margin-right: 0px;
}
.mylist-list-group .mylist-hit-area li,
.sortable-drag {
background-color: transparent;
transition: all 200ms ease;
}
.mylist-list-group .mylist-hit-area li:hover,
.sortable-drag:hover {
background-color: #f9f8f6;
}
.mylist-list-group .mylist-hit-all .item-format-list li,
.sortable-drag .item-format-list li {
position: relative;
}
.mylist-list-group .mylist-hit-all .item-format-list .item-content,
.sortable-drag .item-format-list .item-content {
margin-right: 54px;
}
.mylist-list-group .mylist-hit-all li .action-content,
.sortable-drag .action-content {
position: absolute;
display: block;
right: 0px;
top: 0px;
width: 54px;
height: 100%;
cursor: pointer;
}
.mylist-list-group .mylist-hit-all li .item-icon.more_vert,
.sortable-drag .item-icon.more_vert {
position: absolute;
top: 50%;
right: 15px;
left: auto;
margin-top: -12px;
}
.mylist-list-group .million-z-index {
z-index: 500 !important;
}
.mylist-warning-msg {
display: flex;
display: -webkit-flex;
padding-top: 7px;
font-size: 13px;
}
.list-detail-bottom .mylist-warning-msg {
width: 151px;
}
.list-detail-button-section .mylist-warning-msg {
justify-content: flex-end;
}
.mylist-warning-msg i {
margin-right: 3px;
margin-top: 1px;
font-size: 14px;
color: #FF9D35;
}
/*my list list page end*/
/*mylist css change end*/
/*quote css change start*/
.create-quote-new {
background-color: #f9f8f6;
padding: 20px;
margin-bottom: 20px;
}
.create-quote-new .create-title {
font-weight: 700;
font-size: 20px;
}
.create-quote-new .create-tips {
margin: 10px 0px 20px;
}
.create-quote-new .create-btn .button {
min-width: 200px;
}
.create-quote-new .create-btn .button.secondly {
margin-left: 10px;
}
.quote-center .tips-page .passed-tips .active-blue {
font-weight: 600;
}
#quotePassedTipsModal .modal-dialog {
width: 380px;
}
#quotePassedTipsModal .modal-dialog .modal-content {
padding: 20px 30px;
}
#quotePassedTipsModal .modal-header .close {
top: 0px;
}
#quotePassedTipsModal .modal-body p {
text-align: center;
padding: 15px 10px;
}
/*quote css change end*/
/*CSR share bulk list */
#CSRshareBulkListModal .modal-dialog {
width: 560px;
}
#CSRshareBulkListModal .modal-dialog .modal-content {
padding: 15px 19px 30px;
background-image: url(../common/mylist-illustration-combo-background.png);
background-position: 50% 100%;
background-size: contain;
background-repeat: no-repeat;
}
#CSRshareBulkListModal .sl-content {
margin-top: 1px;
}
#CSRshareBulkListModal .sl-content .sl-items {
height: 186px;
font-size: 16px;
}
#CSRshareBulkListModal .sl-content .sl-items ul {
padding: 0px;
}
#CSRshareBulkListModal .sl-content .sl-items ul li {
position: relative;
min-height: 44px;
padding: 12px 0px;
}
#CSRshareBulkListModal .user-box .list-item {
list-style: none;
display: table-row;
}
#CSRshareBulkListModal .user-box .sl-items ul li {
position: relative;
min-height: 44px;
padding: 0px 0px;
}
#CSRshareBulkListModal .sl-content .sl-items ul li+li {
border-top: 1px solid #857f7f;
}
#CSRshareBulkListModal .sl-content .sl-items ul li .fcheckbox {
position: absolute;
margin: -10px 10px;
top: 50%;
}
#CSRshareBulkListModal .sl-content .sl-items ul li .field-label {
margin-left: 40px;
color: #595454;
word-break: break-word;
cursor: pointer;
display: block;
margin-right: 10px;
}
#CSRshareBulkListModal .fcheckbox.fchecked {
background-color: #1c88c7;
}
#CSRshareBulkListModal .button-row {
margin-top: 30px;
}
#CSRshareBulkListModal a {
color: #1c88c7;
}
#CSRshareBulkListModal .btn-continue {
background-color: #1c88c7;
color: #fff;
font-size: 16px;
line-height: 1.2em;
padding: 0.75em 1.2em 0.65em;
border-radius: 4px;
}
#CSRshareBulkListModal .share-notification {
margin-bottom: 20px;
padding: 20px;
background-color: #f9f8f6;
}
#CSRshareBulkListModal .modal-slide-content {
position: relative;
transform: height 300ms;
height: auto;
overflow: hidden;
}
#CSRshareBulkListModal .modal-slide-1 {
position: absolute;
top: 0px;
left: 0px;
width: 520px;
transition: left 300ms, opacity 300ms;
}
#CSRshareBulkListModal .modal-slide-2 {
position: absolute;
top: 0px;
left: 320px;
width: 520px;
opacity: 0;
transition: left 300ms, opacity 300ms;
}
#CSRshareBulkListModal .user-box .list-item .table-cell:first-child {
padding: 16px 0px 16px 20px;
}
#CSRshareBulkListModal .user-box .list-item .table-cell:last-child {
padding: 16px 30px 16px 0px;
}
#CSRshareBulkListModal .user-box .single .table-cell {
background: #f9f8f6;
}
#CSRshareBulkListModal .user-box .undoitem .table-cell {
background: #f7f0c6;
}
#CSRshareBulkListModal .modal-slide-2 p.js-show-user-message,
#CSRshareBulkListModal .modal-slide-2 p.js-show-error-message {
text-align: center;
}
#CSRshareBulkListModal .modal-slide-2 .alert-success,
#CSRshareBulkListModal .modal-slide-2 .alert-error {
width: 60px;
height: 60px;
margin: 0px auto 20px;
display: block;
}
#CSRshareBulkListModal .icon.i-close {
background: url(../common/new-close-icon.png) no-repeat;
}
#CSRshareBulkListModal .operate {
padding: 30px 106px 0;
}
#CSRshareBulkListModal .operate .text-input {
width: 220px;
font-size: 13px;
margin-right: 10px;
vertical-align: middle;
}
#CSRshareBulkListModal .operate .button.tertiary {
height: 30px;
width: 70px;
line-height: 20px;
vertical-align: middle;
font-size: 18px;
font-weight: 700;
}
#CSRshareBulkListModal .operate .button.primary {
height: 40px;
font-size: 16px;
}
#CSRshareBulkListModal .operate a {
color: #00415c;
}
#CSRshareBulkListModal .operate .success {
padding: 0 0 0 20px;
color: #92bc02;
position: relative;
font-weight: 600;
}
#CSRshareBulkListModal .operate .success:before {
content: "";
background: url(../common/icon.png) -241px -250px no-repeat;
display: block;
width: 18px;
height: 16px;
position: absolute;
top: 0px;
left: 0px;
}
#CSRshareBulkListModal .js-submit-share {
background: #1c88c7;
}
#CSRshareModal .js-submit-share {
background: #1c88c7;
}
/*CSR share bulk list */
/*order detail table changes start*/
.otiem-table-row {
padding: 24px 10px;
}
.otiem-table {
width: 100%;
max-width: 100%;
min-height: .01%;
overflow-x: auto;
border-collapse: collapse;
}
.otiem-table>thead>tr>th,
.otiem-table>tbody>tr>th,
.otiem-table>thead>tr>td,
.otiem-table>tbody>tr>td {
height: 36px;
min-height: 36px;
line-height: 1.4em;
vertical-align: middle;
}
.otiem-table>thead>tr>th {
height: 36px;
vertical-align: middle;
font-weight: 600;
font-size: 14px;
}
.otiem-table>thead>tr>th span {
font-weight: 600;
}
.otiem-table>tbody>tr {
border: 1px solid #e4e3e3;
}
.otiem-table>tbody>tr.shippingInfo {
border-bottom: none;
}
.otiem-table>tbody>tr.shippingMethodInfo {
border-top: none;
}
.otiem-table-row .otiem-table>tbody>tr:hover {
background-color: #d9e9f5;
}
.otiem-table>tbody>tr>td>span {
white-space: nowrap;
font-size: 14px;
}
.otiem-table .oitem-no {
padding-left: 10px;
text-align: center;
}
.otiem-table .oitem-no span {
padding: 7px 0px;
font-weight: 600;
text-align: center;
}
.otiem-table .oitem-img {
padding-left: 10px;
}
.otiem-table .oitem-img img {
margin: 3px 0px;
width: 30px;
height: 30px;
}
.otiem-table .oitem-pro-code {
padding-left: 10px;
width: 100px;
}
.otiem-table .oitem-pro-code .select.fifthly {
min-width: 80px;
height: 30px;
position: relative;
top: 8px;
}
.otiem-table .oitem-pro-code .select.fifthly .sim-select .sim-head {
background: #D8E8F5;
border: none;
height: 28px;
line-height: 28px;
}
.otiem-table .oitem-pro-code .select.fifthly .current {
height: 28px;
line-height: 28px;
font-size: 14px;
}
.otiem-table .oitem-pro-code .select.fifthly .sim-select {
height: 30px;
}
.otiem-table .oitem-pro-code .select.fifthly .sim-arrow {
top: 12px;
border-top-color: #1C88C7;
}
.otiem-table .oitem-pro-code .select.fifthly .sim-select .sim-list li .so-title {
font-weight: 400;
}
.otiem-table .oitem-pro-code .select.fifthly .sim-select .sim-list {
min-width: 140px;
}
.otiem-table .oitem-pro-code a {
font-size: 14px;
font-weight: 600;
color: #1c88c7;
}
.otiem-table .oitem-desc {
position: relative;
padding-left: 10px;
max-width: 200px;
}
.otiem-table .oitem-desc a {
display: block;
margin-right: 5px;
white-space: nowrap;
overflow: hidden;
font-weight: 600;
font-size: 14px;
color: #595454;
}
.otiem-table .oitem-net-price {
text-align: right;
padding-right: 10px;
}
.otiem-table .oitem-uom {
text-align: center;
padding: 0px 10px;
}
.otiem-table .oitem-uom>span {
text-transform: capitalize;
}
.otiem-table .oitem-order-qty {
text-align: right;
padding-right: 10px;
}
.otiem-table .oitem-ship-qty {
text-align: right;
padding-right: 10px;
}
.otiem-table .oitem-bo-qty {
text-align: right;
padding-right: 10px;
}
.otiem-table .oitem-total-price {
text-align: right;
padding-right: 10px;
}
.otiem-summary-row {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 24px;
}
.otiem-summary-row .otiem-table {
width: 185px;
}
.otiem-table .oitem-summary-tips {
width: 75px;
text-align: right;
}
.otiem-table .oitem-summary-tips span {
padding-left: 10px;
font-weight: 600;
}
.otiem-table .oitem-summary-price {
text-align: right;
}
.otiem-table .oitem-summary-price span {
padding-right: 10px;
}
.otiem-table .oitem-price-content {
position: relative;
display: block;
height: 40px;
}
.otiem-table .oitem-price-content .oitem-price-main {
position: absolute;
top: 50%;
right: 8px;
margin-top: -11px;
font-size: 14px;
}
.otiem-table .oitem-price-content .oitem-decimal {
position: absolute;
margin-top: 1px;
top: 9.3px;
right: 0px;
font-size: 12px;
}
/* New Proof of Delivery */
.new-pod-location {
display: flex;
display: -ms-flexbox;
display: -moz-box;
align-items: flex-start;
}
.new-pod-location>.btn-group+.proof-delivery-dropdown {
margin-left: 15px;
}
.proof-delivery-dropdown {
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 12px 0 12px;
position: relative;
min-width: 233px;
display: inline-block;
}
.proof-delivery-dropdown>* {
padding-left: 12px;
padding-right: 12px;
}
.proof-delivery-dropdown .btn-viewproof {
padding-right: 24px;
display: block;
color: #595454;
position: relative;
}
.proof-delivery-dropdown .text-xs {
font-size: 12.8px;
line-height: 15px;
}
.proof-delivery-dropdown .m-icons {
position: absolute;
right: 12px;
top: 0;
color: #1C88C7;
}
.proof-delivery-dropdown .m-icon-drop-up {
display: none;
}
.proof-delivery-dropdown .m-icon-drop-down {
display: block;
}
.proof-delivery-dropdown.open .m-icon-drop-up {
display: block;
}
.proof-delivery-dropdown.open .m-icon-drop-down {
display: none;
}
.proof-delivery-dropdown .dropdown-con {
position: absolute;
background: #fff;
padding-bottom: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.16);
border-radius: 0 0 3px 3px;
border-top-width: 0;
left: -1px;
width: calc(100% + 2px);
display: none;
z-index: 10;
}
.proof-delivery-dropdown .mt-15 {
margin-top: 15px;
}
.proof-delivery-dropdown .text-sm {
font-size: 14.4px;
line-height: 17px;
}
.proof-delivery-dropdown .mt-8 {
margin-top: 8px;
}
.proof-delivery-dropdown .mt-16 {
margin-top: 16px;
}
.proof-delivery-dropdown .img-box img {
max-width: 100%;
margin: 0 auto;
max-height: 120px;
}
.proof-delivery-dropdown .btn-print {
padding: 6px 16px;
background: #F0F3F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: #595454;
display: inline-block;
}
.accountBg h4 {
font-size: 16px;
color: #595454;
}
.popover-oitem-desc {
position: absolute;
top: -30px;
left: 50%;
width: auto;
padding: 5px 20px;
border-radius: 5px;
background-color: #585353;
color: #fff;
font-weight: 600;
font-size: 14px;
white-space: nowrap;
z-index: 9999;
}
.popover-oitem-desc:after {
position: absolute;
left: 50%;
bottom: -5px;
width: 0px;
height: 0px;
content: '';
border-top: 5px solid #585353;
border-right: 5px solid transparent;
border-bottom: none;
border-left: 5px solid transparent;
background-image: none;
z-index: 9999;
}
div.accountBg .col-lg-6.col-md-6 {
padding-top: 23px;
}
.scroll-pt-60 {
padding-top: 60px;
}
/*order detail table changes end*/
/*order detail print change*/
.btn-print-group {
position: absolute;
top: 50%;
margin-top: -18px;
right: 10px;
}
.odp-group>.odp-section {
page-break-after: always;
}
.odp-group>.odp-section:last-child:not(:first-child) {
page-break-after: avoid;
}
/*order detail print change*/
.no-order-error b {
color: #2c8ec8;
position: relative;
top: 1px;
}
.no-order-error .icon-close {
display: inline-block;
width: 20px;
height: 20px;
background: url('../common/icon.png') -159px -166px;
position: absolute;
top: 17px;
right: 15px;
}
.inline-error.ori-int-error {
margin-left: 10px;
}
.js-change-bmw.disabled {
color: #8f8c8b;
}
.change-account-warning {
position: relative;
padding-left: 25px;
font-size: 13px;
line-height: 20px;
vertical-align: middle;
margin-top: -60px;
margin-bottom: 20px;
max-width: 50%;
}
.change-account-warning>.m-icons:before {
content: '\E88E';
font-size: 18px;
color: #3e6787;
position: absolute;
top: 50%;
left: 0px;
margin-top: -20px;
}
.change-myaccount-warning {
position: relative;
padding-left: 18px;
font-size: 13px;
line-height: 20px;
vertical-align: middle;
}
.change-myaccount-warning>.m-icons:before {
content: '\E88E';
width: 18px;
height: 18px;
font-size: 18px;
color: #3e6787;
position: absolute;
top: 50%;
left: 0px;
margin-top: -9px;
}
.mylist-description-print {
width: 100%;
display: inline-block;
margin: -15px 0 12px 0;
font-size: 18px;
}
/*code for project management*/
.project-management-row main {
overflow: visible;
}
.project-management-row>header>h4 {
padding: 5px 2px 15px 2px;
}
.project-management-row>header>h4>.arrow {
right: -8px;
}
.project-management-row .manage-select .sim-head {
border: 1px solid #999999;
align-content: right;
}
.project-management-row .manage-select .sim-head:before {
border-left: 1px solid #999999;
}
.project-management-row p {
margin-bottom: 10px;
color: #595454;
font-size: 14px;
}
.project-management-row p span {
float: right;
}
.project-management-row p span.tooltip-warning {
float: none;
display: inline;
margin-right: 3px;
}
.project-management-row p span.bid-data-bold {
font-weight: bold;
}
.project-management-row p span.product-data-red {
color: red;
}
.project-management-row p span.product-data-green {
color: #3dc694;
}
.project-management-row .manage-select .sim-select .sim-arrow {
border-top: 4px #B3B3B3 solid;
border-left: 4px transparent solid;
border-right: 4px transparent solid;
right: 11px;
top: 14px;
border-top-color: #857f7f;
}
.project-management-row .manage-select .sim-select .sim-list li:hover {
background: #36bae2;
color: #fff;
}
.manage-tap {
padding-left: 10px;
padding-right: 10px;
}
.project-management-row .manage-tap {
padding-left: 0;
padding-right: 0;
}
.project-management-row .manage-tap .nav-tabs {
list-style: none;
}
.project-management-row .manage-tap .nav-tabs li {
display: inline-block;
width: 49%;
text-align: center;
margin: 10px 0 20px 0;
position: relative;
background-color: #fff;
}
.project-management-row .manage-tap .nav-tabs li a {
color: #595454;
}
.project-management-row .manage-tap .nav-tabs li.active {
color: #36bae2;
padding: 5px;
}
.project-management-row .manage-tap .nav-tabs li.active:after {
content: ' ';
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #36bae2 transparent transparent transparent;
position: absolute;
top: 29px;
left: 50%;
transform: translateX(-50%);
}
.project-management-row .manage-tap .nav-tabs li.active a {
color: #fff;
}
.project-management-row .manage-tap .tab-pane {
display: none;
}
.project-management-row .manage-tap .tab-pane.active {
display: block;
}
.project-management-row .manage-link {
text-align: right;
margin-top: 30px;
}
.project-management-row .manage-link a {
color: #36bae2;
}
.project-management-row .manage-link a span.manage-link-arrow {
color: #777777;
font-weight: bold;
}
@media (max-width: 1024px) {
.product-management-page .manage-tap .nav-tabs li {
width: 25%;
}
}
.pm-top-message {
margin: 5px 0 30px;
border: 2px solid #738693;
border-radius: 4px;
padding: 10px;
background-color: #dce3e7;
}
.pm-top-message i {
vertical-align: top;
color: #406683;
}
.pm-top-message span {
vertical-align: middle;
}
/*code for project management end*/
/*for dashboard on bid and not on bid without tabs start*/
.project-management-row .manage-tap {
background: #f9f8f6;
}
.project-management-row p {
margin-left: 8px;
margin-right: 8px;
}
.project-management-row .manage-tap>.tab-content {
margin: 8px;
background: #fff;
}
.project-management-row .manage-tap>.tab-content h3 {
background: #e4e2e3;
padding-left: 8px;
margin-bottom: 10px;
padding-top: 3px;
padding-bottom: 3px;
}
/*for dashboard on bid and not on bid without tabs end*/
.title-panel-bid .text-right-price {
white-space: nowrap;
position: absolute;
right: 10px;
top: 0;
}
.product-management-page .products-sort .sim-list li,
.product-management-page .products-sort .sim-head .current {
font-weight: bold;
}
.product-management-page .products-sort .sim-list {
border: 1px solid #ccc;
width: 280px;
margin-left: -1px;
}
.product-management-page .products-sort .sim-list li:not(:first-child) {
border-top: 1px solid #ccc;
}
.product-management-page .products-sort .sim-select .sim-list ul {
max-height: none;
}
.product-code-name p {
height: 48px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.zero-qty-amt {
width: 6px;
height: 1px;
margin-left: auto;
background-color: #000000;
overflow: hidden;
margin-top: 10px;
}
/*** FCE-4996 start ***/
table.nq-box {
border-collapse: collapse;
}
.qd-item {
padding: 10px 0 !important;
border-bottom: 1px solid #a6a7aa;
}
.qd-item>td {
padding: 0 7px;
}
.qd-item>div span,
.qd-item>td span {
font-weight: 600;
color: #595454;
font-size: 14.4px;
}
.qd-item .cb-item,
.qd-item .i-item {
width: 5%;
}
.qd-item .i-item {
text-align: center
}
.qd-item .cb-item label,
.qd-item .qty-item label {
margin: 0;
}
.qd-item .img-item {
width: 8%;
padding: 10px 7px;
}
.qd-item .img-item img {
max-width: 100%;
}
.qd-item .des-item {
padding: 10px 7px 10px 5px;
}
.qd-item .des-item a:not(.grey) p {
color: #1c88c7;
font-size: 14.4px;
}
.qd-item .des-item>p {
font-size: 12.8px;
color: #595454;
}
.qd-item .des-item>p:first-child {
font-weight: bold;
font-size: 14.4px;
}
.qd-item .pp-item {
width: 14%;
text-align: right;
}
.qd-item .qty-item {
width: 10%;
text-align: center;
padding-right: 15px;
}
.qd-item .tp-item {
width: 12%;
text-align: right;
}
.quote-list.new .qd-item .fcheckbox {
margin: 0;
}
.qd-list-title {
border-bottom: 1px solid #a6a7aa;
}
.qd-list-title th {
padding: 10px 7px;
white-space: nowrap;
color: #595454;
font-weight: 600;
font-size: 14.4px;
}
.qd-list-title .des-title {
padding-left: 5px;
}
.qd-item td {
font-weight: 600;
color: #595454;
font-size: 14.4px;
}
.qd-item .pp-item span,
.qd-item .qty-item span,
.qd-item .tp-item span,
.qd-item .i-item span {
font-family: inherit;
}
.qd-list-title .sa-title {
width: 64%;
}
.qd-list-title .i-title {
width: 5%;
}
.qd-list-title .img-title {
width: 8%;
}
.qd-list-title .pp-title {
width: 14%;
text-align: right;
}
.qd-list-title .qty-title {
width: 10%;
padding-right: 15px;
text-align: center;
}
.qd-list-title .tp-title {
width: 12%;
text-align: right;
}
/*** FCE-4996 end ***/
/* pending quote checkout modal start*/
#pendingQuoteCheckoutModal .modal-dialog {
width: 380px;
}
#pendingQuoteCheckoutModal .modal-header {
margin-bottom: 15px;
}
#pendingQuoteCheckoutModal .modal-header h1 {
text-transform: capitalize;
color: #595454;
font-weight: bold;
border-bottom-color: #afb0b3;
}
#pendingQuoteCheckoutModal .modal-content {
padding: 15px;
border-radius: 4px;
}
#pendingQuoteCheckoutModal .modal-body p {
text-align: center;
line-height: 20px;
}
#pendingQuoteCheckoutModal .btn-continue {
background-color: #1c88c7;
color: #fff;
font-size: 16px;
line-height: 1.2em;
padding: 0.75em 1.2em 0.65em;
border-radius: 4px;
font-weight: normal;
}
#pendingQuoteCheckoutModal .btn-continue:hover {
background-color: #0d7fbd;
}
#pendingQuoteCheckoutModal .btn-continue:active {
background-color: #0c75ae;
}
#pendingQuoteCheckoutModal .btn-cancel {
color: #1c88c7;
padding: 0.75em 1.2em 0.65em;
font-weight: bold;
margin-right: 10px;
}
#pendingQuoteCheckoutModal a.i-close {
background-position: -202px -167px;
top: 5px;
}
.cl-price .decimal {
font-size: 11px;
vertical-align: baseline;
font-weight: 700;
color: #595454;
line-height: 14px;
margin-top: -2px;
display: inline-block;
}
/* pending quote checkout modal start*/
/* new draft start */
.new-draft p {
margin-bottom: 0;
}
.new-draft .draft-title {
position: relative;
height: 78px;
line-height: 75px;
border-bottom: 1px solid #e6e5e5;
}
.new-draft .draft-title .title {
font-size: 36px;
font-weight: 600;
vertical-align: middle;
}
.new-draft .draft-title .new {
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 4px;
line-height: 18px;
width: 39px;
height: 20px;
font-size: 10px;
font-weight: bold;
color: #1C88C7;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
background: #d8e8f5;
}
.new-draft .draft-print {
width: 89px;
height: 40px;
padding: 10px 12px;
border: 1px solid #AFB0B3;
border-radius: 3px;
bottom: 7px;
color: #595454;
}
.new-draft .draft-print span {
color: inherit;
}
.new-draft .draft-print .icon-print {
font-size: 18px;
}
.new-draft .draft-print:hover {
background-color: #d8e8f5;
color: #1c88c7;
}
.new-draft .draft-print:active {
background-color: #1c88c7;
color: #fff;
}
.new-draft .draft-print .printIcon {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
background: url(../common/icon-print.png) no-repeat;
background-size: contain;
opacity: .7;
}
.new-draft .draft-print .printText {
position: absolute;
font-size: 16px;
font-weight: 600;
line-height: 19px;
}
.new-draft .note-field:not(.open)>*:not(.add-note) {
display: none;
}
.new-draft .note-field.open .add-note {
display: none;
}
.new-draft .add-note {
color: #1C88C7;
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.new-draft .add-note span {
font-weight: bold;
font-size: 24px;
width: 12px;
position: relative;
top: 2px;
display: inline-block;
margin-right: 5px;
transform: scaleY(.95);
}
.new-draft label {
font-family: inherit;
font-weight: 600;
color: #595454;
}
.new-draft .acctinfo-row label {
margin-bottom: 8px;
}
.new-draft .form-group input,
.new-draft .form-group textarea {
width: 332px;
height: 40px;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
}
.new-draft .form-group label {
position: relative;
margin-bottom: 7px;
}
.new-draft .form-group .star {
position: absolute;
left: -10px;
top: 3px;
color: #ED3B38;
}
.new-draft .form-group {
width: 332px;
}
.new-draft .req-quote-box-light-blue.new {
margin-top: 30px;
}
.new-draft .info {
position: relative;
text-align: left;
}
.new-draft .info img {
position: relative;
top: -1px;
}
.new-draft .flex.info img {
align-items: flex-start;
height: 14px;
top: 0;
-moz-transform: translateY(1px);
}
.new-draft .req-quote-box .info .m-icon-info {
font-size: 13.33px;
padding-top: 1px;
padding-right: 3px;
}
.new-draft .req-quote-box .info .summary-tips {
margin-left: 0 !important;
font-size: 12.8px;
line-height: 17px;
padding-left: 3px;
}
.new-draft .info-icon {
position: absolute;
display: inline-block;
left: 0;
top: 2px;
width: 13.33px;
height: 16px;
background: url(../common/icon-info.png) no-repeat center;
background-size: contain;
}
.new-draft .info span {
font-size: 13px;
}
.new-draft .req-quote-box .button {
height: 40px !important;
margin-top: 8px !important;
font-family: inherit;
font-size: 16px !important;
font-weight: 600;
text-transform: initial;
border-radius: 3px;
}
.new-draft .req-quote-box .button.mainly {
font-weight: normal;
}
.new-draft .saveDraft-btn.button {
color: #fff;
margin-top: 15px !important;
background: #1c88c7;
font-weight: normal;
}
.new-draft .saveDraft-btn.button:hover {
background-color: #0d7fbd;
}
.new-draft .saveDraft-btn.button:active {
background-color: #0c75ae;
}
.new-draft .orderNow-btn.button {
color: #fff;
margin-top: 15px !important;
background: #1c88c7;
font-weight: 600;
width: 100%;
line-height: 32px;
}
.new-draft .orderNow-btn.button:hover {
background-color: #0d7fbd;
}
.new-draft .orderNow-btn.button:active {
background-color: #0c75ae;
}
.new-draft .orderNow-btn.button.disabled {
background: #b2b2b2 !important;
cursor: default !important;
color: #ffffff !important;
}
.new-draft .requestQuote-btn.button {
color: #1c88c7;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #d8e8f5;
}
.new-draft .requestQuote-btn.button[disabled] {
background-color: #E4E3E3 !important;
color: #afb0b3 !important;
}
.new-draft .requestQuote-btn.button:hover {
background-color: #c7dff3;
}
.new-draft .requestQuote-btn.button:active {
background-color: #bbd8f0;
}
.new-draft #quoteItemFrom li {
width: 100%;
/*align-items: center;*/
padding: 12px 15px;
border-top: 1px solid #a6a7aa;
}
.new-draft #quoteItemFrom .deleteContent,
.qd-tool-bar .deleteContent {
display: none;
position: relative;
height: 49px;
line-height: 48px;
bottom: -1px;
padding: 0 7px 0 10px;
margin: 0;
background: #f0f3f5;
border-top: 1px solid #a6a7aa;
}
.qd-tool-bar .deleteContent {
border-top: none;
}
.new-draft .nq-headerForm .select-job .detail-job-info .title {
color: #1C88C7;
}
.new-draft #quoteItemFrom .deleteContent .lh-20,
.qd-tool-bar .deleteContent .lh-20 {
line-height: 20px;
}
.qd-tool-bar .deleteContent .pull-left .lh-20:first-child {
font-size: 14.4px;
}
.new-draft #quoteItemFrom .deleteContent .lh-20:last-child,
.qd-tool-bar .deleteContent .lh-20:last-child {
font-size: 12.8px;
}
.new-draft .deleteContent div,
.qd-tool-bar .deleteContent div {
font-weight: bold;
}
.new-draft .acctinfo-row .ar-box>label {
margin-top: -45px;
}
.new-draft .deleteContent .remove,
.qd-tool-bar .deleteContent .remove {
padding: 6px 8px 5px 31px;
color: #1c88c7;
line-height: initial;
border-radius: 3px;
border: 1px solid #c1d0dc;
background-color: #d8e8f5;
background-image: url(../common/icon-delete.png);
background-position: 7px 7px;
background-repeat: no-repeat;
font-weight: 600;
display: inline-block;
width: 98px;
height: 32px;
}
.new-draft .deleteContent .remove:hover,
.qd-tool-bar .deleteContent .remove:hover {
background-color: #c7dff3;
}
.new-draft .deleteContent .remove:active,
.qd-tool-bar .deleteContent .remove:active {
background-color: #bbd8f0;
}
.new-draft .deleteContent .selected,
.qd-tool-bar .deleteContent .selected {
margin-left: 5px;
padding: 8px 16px 5px 16px;
background: #1c88c7;
border-radius: 3px;
color: #fff;
line-height: 19px;
}
.new-draft .deleteContent .selected:hover,
.qd-tool-bar .deleteContent .selected:hover {
background-color: #0d7fbd;
}
.new-draft .deleteContent .selected:active,
.qd-tool-bar .deleteContent .selected:active {
background-color: #0c75ae;
}
.qd-tool-bar .deleteContent a.selected.disabled {
color: #fff !important;
background-color: #afb0b3 !important;
border-color: #9d9ea0 !important;
cursor: not-allowed;
}
.new-draft #quoteItemFrom .ql-item {
width: 30px;
margin-top: 5px;
text-align: center;
}
.new-draft #quoteItemFrom .ql-image {
width: 40px;
height: 40px;
margin-left: 10px;
margin-right: 15px;
}
.new-draft #quoteItemFrom .ql-info {
flex: 1;
}
.new-draft #quoteItemFrom .ql-info a {
color: #1c88c7;
font-size: 14.4px;
}
.new-draft #quoteItemFrom .ql-info a p {
font-weight: bold;
}
.new-draft #quoteItemFrom .ql-info>p {
font-size: 12.8px;
}
.new-draft #quoteItemFrom .per-price {
width: 17%;
height: 40px;
/*line-height: 40px;*/
padding-right: 13px;
text-align: right;
display: flex;
display: -webkit-flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
padding-top: 5px;
padding-bottom: 5px;
}
.new-draft #quoteItemFrom .per-price .ql-qtytip {
font-size: 12.8px;
white-space: nowrap;
color: #9B9B9B;
line-height: 1;
}
.new-draft .quantity .extend {
position: relative;
width: 200px;
right: 150px;
font-size: 12.8px;
text-align: right;
margin-top: 4px;
}
.new-draft .quantity .extend .error {
color: inherit;
}
.new-draft .quantity .extend .error:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
background: url(../common/icon-error.svg) no-repeat 2px center;
vertical-align: top;
}
.new-draft #quoteItemFrom .per-price span,
.new-draft #quoteItemFrom .total-price span {
font-family: inherit;
font-weight: bold;
}
.new-draft #quoteItemFrom .quantity {
position: relative;
width: 50px;
text-align: center;
}
.new-draft #quoteItemFrom .quantity .visible {
font-weight: bold;
line-height: 40px;
}
.new-draft #quoteItemFrom .total-price {
width: 98px;
height: 40px;
line-height: 40px;
text-align: right;
}
.new-draft #quoteItemFrom .ql-checkbox {
width: 3%;
margin: 7px 0 0 0;
}
.new-draft #quoteItemFrom .quantity .qty-box {
width: 50px;
height: 40px;
margin-left: 0;
border-color: rgba(0, 0, 0, 0.3);
border-radius: 3px;
font-size: 14.4px;
}
.new-draft #quoteItemFrom .qty-box.error {
border-color: #ef4d4a !important;
border-width: 2px !important;
}
.new-draft #quoteItemFrom .quantity>hover .qty-box {
border-radius: 0;
}
.new-draft #quoteItemFrom .quantity>.hover .minus,
.new-draft #quoteItemFrom .quantity>.hover .plus {
display: block;
}
.new-draft #quoteItemFrom .quantity .minus,
.new-draft #quoteItemFrom .quantity .plus {
display: none;
position: absolute;
width: 40px;
height: 40px;
top: 0;
left: -40px;
text-align: center;
line-height: inherit;
color: #2b90cb;
font-size: 27px;
font-weight: bold;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
background: #fff;
z-index: 20;
}
.new-draft #quoteItemFrom .quantity .minus {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
color: transparent;
}
.new-draft #quoteItemFrom .quantity .minus:before {
content: "";
border-top: 2px solid #2b90cb;
width: 13px;
height: 0;
position: absolute;
top: 50%;
left: 13px;
}
.new-draft #quoteItemFrom .quantity .minus.disabled:before {
border-color: #e6e5e5;
}
#quoteItemFrom .quantity .plus.disabled {
color: #e6e5e5;
}
.new-draft #quoteItemFrom .quantity .plus {
left: 50px;
border-left: none;
padding-bottom: 2px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.new-draft .nq-box .tool-bar {
font-size: 14.4px;
margin: 15px 15px 0 15px;
}
.new-draft .tool-bar .total-price {
width: 98px;
text-align: right;
font-weight: bold;
}
.new-draft .tool-bar .qty {
width: 50px;
font-weight: bold;
text-align: center;
}
.new-draft .tool-bar .net-price {
width: 98px;
padding-right: 13px;
font-weight: bold;
text-align: right;
}
.new-draft .fcheckbox {
width: 16px;
height: 16px;
border: 1px solid #d7dadc;
border-radius: 3px;
background-color: #f0f3f5;
}
.new-draft .fcheckbox.fchecked {
background-color: #1c88c7;
border-color: #1c88c7;
background-position: -123px -252px;
}
.new-draft .check-all span {
font-size: 14.4px;
}
.new-draft .check-all .text {
font-weight: bold;
}
.new-draft .quote-list {
font-size: 14.4px;
}
.new-draft .js-quote-subtotal-price {
text-align: right;
}
.new-draft .acctinfo-row a.link {
bottom: 19px;
font-size: 16px;
font-family: inherit;
color: #1C88C7;
}
.new-draft .acctinfo-row p {
line-height: 21px;
}
.new-draft .form-group .fristname-text {
font-size: 14.4px;
text-transform: capitalize;
}
.draft-quote .edit-job-info {
color: #1C88C7;
font-size: 16px;
font-weight: 600;
line-height: 19px;
text-align: right;
position: absolute;
top: 4px;
left: 250px;
z-index: 3;
}
.draft-quote .edit-job-info .inhert-tips {
position: absolute;
display: none;
top: auto;
bottom: 27px;
left: -100px;
padding: 4px 18px;
border-radius: 5px;
width: 310px;
background-color: #595454;
color: #fff;
}
.draft-quote .edit-job-info:hover .inhert-tips {
display: block;
}
.draft-quote .edit-job-info .inhert-tips:before {
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #595454 transparent transparent transparent;
content: '';
}
.draft-quote .edit-job-info .inhert-tips .tip-title {
color: #fff;
}
.draft-quote .edit-job-info .inhert-tips .tip-body {
color: #fff;
line-height: 1.5em;
font-size: 16px;
text-align: center;
}
.draft-quote .edit-job-info.disabled {
color: #afb0b3;
cursor: default;
}
.draft-quote .select-job .info-icon {
top: 2px;
}
.draft-quote .detail-job-info {
position: relative;
}
.draft-quote .edit-job-info i {
font-size: inherit;
position: relative;
top: 2px;
}
.draft-quote .nq-headerForm .ar-box label {
color: #595454;
font-size: 16px;
font-weight: 600;
line-height: 19px;
}
.draft-quote .nq-headerForm .select-job .detail-job-info p:not(.title) {
color: #595454;
line-height: 19px;
font-size: 15px;
}
.draft-quote .nq-headerForm .select-job .detail-job-info .draft-info p:not(.title) {
font-size: 16px;
}
.draft-quote .edit-draft-info .button.mainly {
color: #FFF;
font-size: 16px;
background-image: url(../common/download.svg) !important;
background-position: 12px 12px !important;
background-repeat: no-repeat !important;
width: 151px;
padding-right: 15px;
text-align: right;
background-size: 16px !important;
}
.new-draft .contenterror {
background-color: #fce6e8;
}
.draft-quote .draft-detail-page-error {
padding: 25px 0;
border-bottom: 1px solid #e4e3e3;
}
.draft-quote .draft-detail-page-error h2 {
position: relative;
padding-left: 25px;
}
.draft-quote .draft-detail-page-error h2:before {
position: absolute;
left: 0;
top: 5px;
content: "";
width: 19px;
height: 19px;
background: url(../common/icon.png) -302px -85px;
}
.draft-quote .draft-detail-page-error .error-cont {
margin-top: 14px;
margin-bottom: 12px;
font-weight: 700;
color: #ed1c24;
line-height: 1.2;
}
/* new draft end */
/* quote-center start*/
.quote-center-introduce {
overflow: hidden;
background-color: #F0F3F5;
margin-bottom: 32px;
position: relative;
}
.quote-center-introduce .image {
width: 166px;
height: 166px;
line-height: 166px;
text-align: center;
float: left;
}
.quote-center-introduce .content {
margin-left: 166px;
padding-left: 8px;
padding-right: 41px;
}
.quote-center-introduce .icon-close {
position: absolute;
top: 22px;
right: 22px;
width: 16px;
height: 16px;
overflow: hidden;
}
.quote-center-introduce .icon-close:before {
content: "";
position: absolute;
top: 7px;
width: 26px;
left: -5px;
border-top: 2px solid #3E6787;
transform: rotate(45deg);
}
.quote-center-introduce .icon-close:after {
content: "";
position: absolute;
top: 7px;
width: 26px;
left: -5px;
border-top: 2px solid #3E6787;
transform: rotate(-45deg);
}
.quote-center-introduce h2 {
color: #002C43;
font-size: 20px;
font-weight: 600;
line-height: 24px;
margin-top: 35px;
text-transform: none;
}
.quote-center-introduce p {
margin-top: 4px;
color: #595454;
font-size: 16px;
line-height: 19px;
}
.quote-tab-header ul {
padding-left: 16px;
height: 54px;
border-bottom: 1px solid #AFB0B3;
}
.quote-tab-header li {
list-style: none;
float: left;
width: 98px;
border-radius: 3px 3px 0 0;
height: 54px;
text-align: center;
}
.quote-tab-header li a {
display: inline-block;
width: 100%;
height: 52px;
font-size: 20px;
font-weight: 600;
line-height: 52px;
color: #595454;
}
.quote-tab-header ul li:last-child {
float: right;
width: 188px;
padding-top: 7px;
}
.quote-tab-header .create-quote {
height: 40px;
width: 188px;
border: 1px solid #197ab2;
line-height: 38px;
padding: 0;
border-radius: 3px;
color: #fff;
background-color: #1C88C7;
font-size: 16px;
text-align: center;
}
.quote-tab-header li.active a {
color: #1C88C7;
}
.quote-tab-header li.active {
border: 1px solid #AFB0B3;
border-bottom: 1px solid #fff;
}
.quote-tab-content {
float: left;
padding-top: 16px;
width: 100%;
}
.draft-center .no-drafts {
margin-top: 15px;
color: #595454;
font-size: 24px;
font-weight: 600;
line-height: 28px;
text-align: center;
}
.quote-center-title h1 {
color: #595454;
font-size: 36px;
font-weight: 600;
text-transform: none;
}
.quote-tab-content>.quote-center {
display: none;
}
.quote-tab-content>.quote-center.active {
display: block;
}
.quote-center .search-box {
height: 40px;
padding: 0 40px 0 105px;
border: none;
}
.quote-center .search-box .select-bigtype,
.quote-center .search-box .select-bigtype .select-el,
.quote-center .search-box .select-bigtype .select-el select,
.quote-center .search-box .select-bigtype .select-el .sim-select,
.quote-center .search-box .select-bigtype .select-el .sim-select .sim-head {
height: 40px;
width: 105px;
background-color: transparent;
}
.quote-center .search-box .select-bigtype .select-el .sim-select .sim-head .current {
height: 40px;
line-height: 38px;
width: 105px;
color: #1C88C7;
border: 1px solid #C9D6E0;
border-radius: 3px 0 0 3px;
background-color: #D8E8F5;
border-right: none;
font-weight: 600;
}
.quote-center .search-box .select-bigtype .select-el .sim-select .sim-head .sim-arrow {
border-top-color: #1C88C7;
border-bottom-color: #1C88C7;
border-width: 4px;
margin-top: -2px;
}
.quote-center .search-box .select-bigtype .select-el .sim-select .sim-list li {
width: 100%;
background-color: transparent;
border: none;
}
.quote-center .search-box .select-bigtype .select-el .sim-select .sim-list li.hover {
background-color: #D8E8F5;
color: #1c88c7;
background-color: #F0F3F5;
}
.quote-center .search-box .select-bigtype .select-el .sim-select .sim-list li.selected {
background-color: #D8E8F5;
color: #1c88c7;
}
.quote-center .search-box .select.fifthly .sim-select .sim-head {
border: none;
}
.quote-center .search-box .select-bigtype .select-el .sim-select .sim-list {
margin-left: 0;
margin-right: -25px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.quote-center .search-box .input-box {
padding: 5px 3px;
border: 1px solid #AFB0B3;
border-right: none;
}
.quote-center .search-box .search-btn {
width: 40px;
height: 40px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0 3px 3px 0;
background: #1C88C7 url(../common/search-icon.png) no-repeat center center;
background-size: 12px 12px;
}
.quote-center .result-page .condition .total {
color: #595454;
font-size: 14.4px;
font-weight: 600;
line-height: 20px;
}
.quote-center .pagination .arrow-text,
.quote-center .pagination .page-wrap>a.current {
color: #595454;
font-size: 14.4px;
text-align: center;
padding-top: 1px;
padding-bottom: 1px;
line-height: 34px;
}
.quote-center .pagination .prev-icon,
.quote-center .pagination .arrow-text,
.quote-center .pagination .next-icon {
background-color: transparent;
line-height: 36px;
}
.quote-center .page-wrap>.current {
display: inline-block;
padding-top: 1px;
padding-bottom: 1px;
}
.quote-center .pagination .next-icon:after,
.quote-center .pagination .prev-icon:after {
width: 6px;
height: 6px;
border-left: 2px solid #1C88C7;
border-top: 2px solid #1C88C7;
background: none;
top: 14px;
}
.quote-center .pagination .next-icon:after {
right: 15px;
left: auto;
}
.quote-center .pagination .prev-icon:after {
left: 15px;
right: auto;
}
.quote-center .pagination .next-icon,
.quote-center .pagination .prev-icon {
width: 36px;
height: 36px;
border-radius: 3px;
}
.quote-center .pagination span.next-icon:after,
.quote-center .pagination span.prev-icon:after {
border-color: #afb0b3;
}
.quote-center .pagination a.next-icon,
.quote-center .pagination a.prev-icon {
width: 36px;
height: 36px;
border-radius: 3px;
}
.quote-center .pagination a.next-icon:hover,
.quote-center .pagination a.prev-icon:hover {
background-color: #d8e8f5;
}
.quote-center .pagination .prev-icon:after {
transform: rotate(-45deg);
}
.quote-center .pagination .next-icon:after {
transform: rotate(135deg);
}
.quote-center .quote-table {
border-collapse: collapse;
}
.quote-center .quote-table .table-row {
border-top: 1px solid #AFB0B3;
}
.quote-center .order-screen .status-select {
margin-left: 0;
}
.quote-center .order-screen .job-select>label,
.quote-center .order-screen .status-select>label {
display: block;
width: 100%;
color: #595454;
font-size: 16px;
font-weight: 600;
line-height: 19px;
}
.quote-center .order-screen .job-select>.select,
.quote-center .order-screen .status-select>.select {
margin: 6px 0 0;
width: 100%;
}
.quote-center .quote-table .job-name {
color: #1C88C7;
font-size: 14.4px;
font-weight: 600;
line-height: 17px;
}
.quote-center .quote-table .job-name~p {
font-size: 12.8px;
line-height: 15px;
}
.quote-center .quote-table .expiry-date {
font-weight: 600;
line-height: 19px;
}
.quote-center .tips-page .pagination .page-wrap,
.qutoe-center-bottom-pagination .page-wrap {
margin-left: 25px;
margin-right: 35px;
}
/* quote-center end*/
/* create new quote modal start */
.new-quoteModal,
.deleteDraftModal {
width: 400px;
}
.new-quoteModal .modal-content,
.deleteDraftModal .modal-content {
padding: 16px;
border-radius: 3px;
}
.new-quoteModal .modal-header,
.deleteDraftModal .modal-header {
border-bottom: 1px solid #afb0b3;
margin-bottom: 16px;
}
.new-quoteModal .modal-header h1,
.deleteDraftModal .modal-header h1 {
display: inline-block;
padding-bottom: 14px;
border: none;
text-transform: capitalize;
font-size: 24px;
font-weight: 600;
}
.new-quoteModal .modal-header .info {
display: inline-block;
position: relative;
top: 4px;
margin-left: 5px;
color: #1c88c7;
}
.new-quoteModal .modal-header .icon-close,
.deleteDraftModal .modal-header .icon-close {
position: absolute;
display: inline-block;
right: 5px;
top: 7px;
width: 20px;
height: 20px;
background: url(../common/icon.png) no-repeat -202px -168px;
}
.new-quoteModal.error .modal-header .icon-close {
background: none;
top: 2px;
}
.deleteDraftModal .number {
margin-top: 16px;
}
.new-quoteModal.error .modal-header .icon-close::before {
content: '\e5cd';
color: #ff0000;
font-family: 'Material Icons';
font-size: 26px;
}
.new-quoteModal .modal-body p,
.deleteDraftModal .modal-body p {
letter-spacing: 0.2px;
line-height: 20px;
}
.new-quoteModal .modal-body p:not(.page-error) {
color: #595454;
}
.new-quoteModal .modal-body .quoteWay {
margin-top: 25px;
}
.new-quoteModal .quoteWay .fchecked {
background: url(../common/icon.png) no-repeat -85px -524px;
}
.new-quoteModal .quoteWay .fradio {
cursor: pointer;
}
.new-quoteModal .quoteWay span {
color: #595454;
}
.new-quoteModal .btn-cancel {
color: #1C88C7;
}
.new-quoteModal .btn-continue {
display: inline-block;
height: 40px;
text-align: center;
color: #fff;
padding: 0 24px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
background-color: #1C88C7;
line-height: 38px;
margin-left: 32px;
}
.new-quoteModal .select.fifthly {
width: 100%;
}
.new-quoteModal .create-with-list p {
font-size: 16px;
font-weight: 600;
line-height: 19px;
color: #595454;
}
.new-quoteModal .create-with-list .select.fifthly .sim-select .sim-list li {
font-size: 16px;
color: #595454;
font-weight: 600;
}
.new-quoteModal .create-with-list .select.fifthly .sim-select .sim-list li.selected:not(.disabled) {
color: #1C88C7;
}
.new-quoteModal .create-with-list .select.fifthly .sim-select .sim-list li.hover:not(.disabled) {
color: #1C88C7;
}
.new-quoteModal .btn-continue.disabled {
background: #AFB0B3;
}
.new-quoteModal .select-quote-way .btn-continue {
width: 82px;
}
.new-quoteModal .create-with-list .btn-continue {
width: 149px;
padding: 0;
text-align: center;
}
.new-quoteModal .create-with-product .btn-continue {
width: 145px;
padding: 0;
text-align: center;
}
.new-quoteModal .create-with-list form>div.error,
.new-quoteModal .create-with-product form>div.error {
color: #595454;
font-size: 12.8px;
line-height: 15px;
padding-left: 20px;
position: relative;
}
.new-quoteModal .create-with-list form>div.error:before,
.new-quoteModal .create-with-product form>div.error:before {
content: '\e5cd';
color: #fff;
background: #ff0000;
font-family: 'Material Icons';
display: inline-block;
width: 13px;
height: 14px;
padding-left: 1px;
font-size: 12px;
line-height: 14px;
border-radius: 50%;
text-align: center;
position: absolute;
top: -1px;
left: 0;
}
.new-quoteModal .create-with-list .select.error .sim-select .sim-head .current {
color: #AFB0B3 !important;
}
.new-quoteModal .create-with-list .select.fifthly .sim-select .sim-list li.disabled {
padding-top: 0;
padding-bottom: 0;
color: #595454;
font-size: 12.8px;
font-weight: 600;
line-height: 22px;
}
.new-quoteModal .create-with-product .message {
color: #4A4A4A;
font-weight: 600;
}
.new-quoteModal .create-with-product .f-semib {
color: #4A4A4A;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}
.new-quoteModal .select-quote-way>p:first-child {
font-weight: 600;
}
.new-quoteModal .modal-body>section {
display: none;
}
.new-quoteModal .modal-body.select-quote-way .select-quote-way,
.new-quoteModal .modal-body.create-with-list .create-with-list,
.new-quoteModal .modal-body.create-with-product .create-with-product,
.new-quoteModal .modal-body.create-success .create-success,
.new-quoteModal.error .modal-body .create-failed {
display: block;
}
.new-quoteModal .create-with-product textarea {
width: 100%;
height: 145px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
resize: none;
padding: 11px 8px 9px;
color: #595454;
font-size: 16px;
line-height: 19px;
}
.new-quoteModal .create-with-product textarea.error {
border: 2px solid #ff0000 !important;
}
.new-quoteModal section {
position: relative;
}
.new-quoteModal .inhert-tips {
position: absolute;
display: block;
top: 32px;
left: 72px;
padding: 4px 18px;
border-radius: 5px;
width: 240px;
height: 85px;
background-color: #595454;
color: #fff;
}
.new-quoteModal .inhert-tips:before {
position: absolute;
left: 50%;
top: -10px;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #595454 transparent;
content: '';
}
.new-quoteModal .inhert-tips .tip-title {
color: #fff;
}
.new-quoteModal .inhert-tips .tip-body {
color: #fff;
line-height: 1.5em;
font-size: 16px;
text-align: center;
}
.new-quoteModal .modal-body p.error {
color: #FF0000;
font-weight: normal;
font-size: 14px;
padding-left: 24px;
line-height: 22px;
position: relative;
}
.new-quoteModal .modal-body p.error::before {
color: #ed3b37;
position: absolute;
left: 0;
font-family: 'Material Icons';
font-size: 22px;
display: inline-block;
line-height: 1;
content: '\e5c9';
}
.new-quoteModal .create-failed .page-error,
.new-quoteModal .create-success .page-error {
color: #ED1C24;
font-size: 16px;
line-height: 19px;
}
.new-quoteModal .create-success .page-error:before {
content: none;
}
.new-quoteModal .create-failed .failed-products,
.new-quoteModal .create-success .failed-products {
color: #4A4A4A !important;
font-size: 14.4px;
}
.new-quoteModal .failed-products {
border: 1px solid #d7dadc;
background: #f0f3f5;
padding: 5px;
font-weight: bold;
max-height: 120px;
}
.new-quoteModal.error .modal-header {
border: none;
}
.new-quoteModal.error .modal-content {
border: 2px solid #ed3b38;
background: linear-gradient(to bottom, #fbdbda 0, #fbdbda 56px, #fff 56px, #fff 100%);
}
.new-quoteModal.error .modal-header .info {
display: none;
}
.new-quoteModal.error .modal-header h1:before {
color: #ed3b37;
font-family: 'Material Icons';
font-size: inherit;
display: inline-block;
line-height: 1;
content: '\e5c9';
position: relative;
top: 3px;
margin-right: 5px;
}
.new-quoteModal .min-height-75 {
min-height: 75px;
}
/* create new quote modal end */
/* draft detail start */
.myacc-title.draftDetail {
margin-top: 25px;
padding-right: 0;
}
.draftDetail .title {
flex: 1;
font-size: 36px;
font-weight: 600;
}
.draftDetail .delete {
padding: 10px 11px;
color: #595454;
border: 1px solid rgba(0, 0, 0, .33);
border-right: 0;
height: 40px;
border-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
font-weight: 600;
cursor: pointer;
margin: 15px 0 -15px;
}
.draftDetail .delete i {
font-size: 19px;
}
.draftDetail .print {
position: relative;
padding: 10px 12px;
border-color: rgba(0, 0, 0, .33);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 89px;
height: 40px;
margin: 15px 0 -15px;
}
.draftDetail .print.border-radius {
border-radius: 3px;
}
.draftDetail .delete span {
margin-left: 8px;
}
.draftDetail .delete:hover,
.draftDetail .delete:active {
color: #ed3b38;
}
.draftDetail .number {
margin-top: 16px;
}
.deleteDraftModal .btn-delete {
display: inline-block;
width: 130px;
height: 40px;
line-height: 40px;
color: #fff;
background: #ed3b38;
text-align: center;
font-family: inherit;
border-radius: 3px;
}
.deleteDraftModal .btn-cancel {
margin-right: 30px;
color: #1c88c7;
}
#deleteDraftInfo {
position: absolute;
left: 50%;
margin-left: -140px;
}
.deleteDraftInfo,
.save-draft-tip {
padding: 7px 12px 10px 45px;
background: url(../common/icon-rightGreen.svg) 14px 10px no-repeat;
background-color: #d5f2e8;
border: 2px solid #1abc81;
border-radius: 3px;
line-height: 24px;
}
.save-draft-tip {
margin-left: 12px;
margin-top: -25px;
position: relative;
z-index: 2;
}
.save-draft-tip.add-product-to-draft {
position: absolute;
width: auto;
left: 50%;
margin-top: -32px;
transform: translateX(-50%);
}
.save-draft-tip.add-product-to-draft .updated-item {
color: #1C88C7
}
.save-draft-tip.add-product-to-draft .m-icon-close {
margin-left: 10px;
}
.deleteDraftInfo a {
color: #1c88c7;
}
.deleteDraftInfo .m-icon-close,
.save-draft-tip .m-icon-close {
color: #1ABC81;
vertical-align: top;
}
.draft-quote .detail-job-info .detail-left>label {
font-weight: 600;
}
.draft-quote .detail-job-info .detail-left>p.detail {
font-size: 16px;
color: #595454;
}
#alert-draft-success {
position: absolute;
left: 50%;
top: 10px;
width: auto;
transform: translateX(-50%);
z-index: 100;
}
#alert-draft-success.fixed {
position: fixed;
top: 60px;
left: 0;
width: 100%;
}
#alert-draft-success.alert-success.green>.container {
border: 2px solid #1abc81;
background-color: #d5f2e8;
padding: 10px 15px;
display: inline-block;
width: auto;
}
#alert-draft-success.alert-success.green span {
color: #595454;
font-size: 16px;
}
#alert-draft-success.alert-success.green i.m-icons {
color: #1abc81;
}
#alert-draft-success.alert-success.green p {
position: relative;
padding: 0;
}
#alert-draft-success.alert-success.green p>* {
vertical-align: middle
}
#alert-draft-success.alert-success.green p>a {
margin: 0 15px;
color: #1c88c7;
}
#alert-draft-success .m-icons.check-circle:before {
content: '\E86C';
}
.draft-quote .req-quote-box-light-blue.new {
margin-top: 18px;
}
/*pending quote request success*/
#alert-pending-success:not(.fixed) {
position: absolute;
top: 0;
transform: translateX(260px);
width: auto;
}
#alert-pending-success.fixed {
position: fixed;
top: 60px;
left: 0;
width: 100%;
}
#alert-pending-success.alert-success.green>.container {
border: 2px solid #1abc81;
background-color: #d5f2e8;
padding: 10px 15px;
display: inline-block;
width: auto;
}
#alert-pending-success.alert-success.green span {
color: #595454;
font-size: 16px;
}
#alert-pending-success.alert-success.green i.m-icons {
color: #1abc81;
}
#alert-pending-success.alert-success.green p {
position: relative;
padding: 0;
}
#alert-pending-success.alert-success.green p>* {
vertical-align: middle
}
#alert-pending-success.alert-success.green p>a {
margin: 0 15px;
color: #1c88c7;
}
#alert-pending-success .m-icons.check-circle:before {
content: '\E86C';
}
.request-error-info {
padding-top: 10px;
}
/* create new quote modal end */
/* pending quote checkout modal start*/
.js-dashboard-page-level-error:not(.service-error-msg):after {
left: 10px;
position: absolute;
top: 10px;
background: url("../common/icon-info.svg") no-repeat;
background-size: contain;
content: "";
width: 16px;
height: 16px;
}
.js-dashboard-page-level-error:not(.service-error-msg) {
background: #D6DEE5;
border: 2px solid #7C91A5;
color: #030303;
padding: 10px 10px 10px 35px;
border-radius: 4px;
margin-bottom: 10px;
}
/* WAT-310 start */
.products-sort .pm-top-message {
margin: 0 0 15px;
padding-left: 46px;
position: relative;
}
.products-sort .pm-top-message .m-icon-info {
position: absolute;
width: 24px;
height: 24px;
top: 50%;
left: 11px;
transform: translateY(-50%);
}
.product-management-page .data-panel .item-list tr.comment-line {
border: 1px solid #eff3f6;
border-bottom: none;
background-color: #eff3f6;
}
.product-management-page .data-panel .item-list tr.comment-line:last-child {
border-bottom: 1px solid #eff3f6;
}
.product-management-page .data-panel tr.comment-line+tr {
border-top: none;
}
.product-management-page .data-panel tr.comment-line+tr.comment-line {
border-top: 1px solid #fff;
}
.product-management-page .data-panel tr.comment-line td {
font-size: 16px;
text-align: left;
color: #595454;
font-weight: normal;
line-height: 18px;
}
.product-management-page .data-panel .item-list.list-sorted tr.comment-line {
border-top: 1px solid #fff;
}
.product-management-page .data-panel .item-list.list-sorted tr:not(.comment-line)+tr.comment-line {
border-top: 1px solid #ddd;
}
.product-management-page .data-panel .item-list.list-sorted tr:not(.comment-line)+tr.comment-line td {
position: relative;
padding-top: 25px;
}
.product-management-page .data-panel .item-list.list-sorted tr:not(.comment-line)+tr.comment-line td:before {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: 1px;
height: 10px;
background-color: #fff;
}
.product-management-page h1>.export {
float: right;
color: #4c4c4c;
padding-right: 10px;
text-align: right;
border: 1px solid #c7c7c7;
border-radius: 3px;
position: relative;
line-height: 34px;
font-size: 16px;
width: 90px;
text-transform: none;
margin: 21px 10px;
}
.product-management-page h1>.export.disabled {
background: #b3b3b3;
cursor: not-allowed;
}
.product-management-page h1>.export .down {
position: absolute;
width: 6px;
height: 6px;
background-color: #4c4c4c;
left: 15px;
top: 9px;
}
.product-management-page h1>.export .down:before {
content: "";
position: absolute;
width: 0;
height: 0;
top: 6px;
left: -3px;
right: -3px;
border-top: 6px solid #4c4c4c;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.product-management-page h1>.export .down:after {
content: "";
position: absolute;
top: 13px;
left: -3px;
right: -3px;
border-bottom: 2px solid #4c4c4c;
}
.product-management-page .export-message {
margin-left: 10px;
margin-right: 10px;
overflow: hidden;
}
/* WAT-310 end */
/* draft quote error */
.alert-error {
position: absolute;
top: 165px;
left: 50%;
transform: translateX(-50%);
color: #595454;
border: 2px solid #ed3b38;
line-height: 26px;
padding: 10px 12px;
padding-left: 36px;
background-color: #fbdbda;
max-width: 400px;
border-radius: 3px;
z-index: 10;
}
.alert-error .m-icon-cancel {
color: #ed3b38;
position: absolute;
left: 8px;
}
#draft-center .tips-page {
padding-top: 50px;
padding-bottom: 0px;
}
.new-draft .draft-table-title {
color: #595454;
font-size: 28px;
font-weight: 600;
line-height: 39px;
}
.new-draft .add-product {
display: inline-block;
height: 32px;
width: 137px;
position: relative;
line-height: 24px;
top: 4px;
padding: 3px 0;
text-align: center;
color: #1c88c7;
border-radius: 3px;
border: 1px solid #c1d0dc;
background-color: #d8e8f5;
font-weight: 600;
}
.new-draft .add-product span {
font-size: 15px;
transform: rotate(45deg) translate(-1px, 4px);
font-weight: bold;
}
.new-draft .add-product:hover {
background-color: #c7dff3;
}
.new-draft .add-product:active {
background-color: #bbd8f0;
}
.draft-feedback {
margin-top: 10px;
text-align: center;
background: #f0f3f5;
padding: 10px 20px;
}
.draft-feedback p {
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}
.shareList-filterUser{
margin-top: 10px;
}
.draft-feedback .draft-feedback-link {
color: #1c88c7;
}
@media print {
.hopscotch-bubble {
display: none !important;
}
}
/*====Order Approval - Start*/
.sec-orderApproval .quote-tab-header {
margin-top: 25px;
margin-bottom: 25px;
}
.sec-orderApproval .quote-tab-header li {
width: auto;
padding-left: 20px;
padding-right: 20px;
}
.sec-orderApproval .quote-tab-header li a {
font-size: 21px;
}
.sec-orderApproval .quote-tab-header li.active a {
color: #1d88c7;
}
.orderApprovalCon .search-box {
padding-left: 158px;
}
.orderApprovalCon .search-box .select-bigtype .select-el .sim-select .sim-head .current,
.orderApprovalCon .search-box .select-bigtype .select-el .sim-select,
.orderApprovalCon .search-box .select-bigtype .select-el .sim-select .sim-list li {
width: 158px;
font-size: 15px;
}
.orderApprovalCon .search-box .select-bigtype .select-el .sim-select .sim-head .current,
.orderApprovalCon .search-box .select-bigtype .select-el .sim-select .sim-list li {
padding-left: 18px;
padding-right: 15px;
}
.orderApprovalCon .search-box .select-bigtype .select-el .sim-select .sim-head .sim-arrow {
right: 18px;
}
.orderApprovalCon .list-item-title .list-item-left,
.orderApprovalCon .list-item .list-item-left {
padding-right: 0;
}
.orderApprovalCon .order-list .list-content .list-items-section .list-item-row a {
font-size: 15px;
color: #1d88c6;
}
.orderApprovalCon .order-list .list-content .list-items-section .item-section {
padding-top: 0;
padding-bottom: 0;
}
.orderApprovalCon .order-list .list-content .list-items-section .list-item-left>.row {
display: flex;
display: -ms-flex;
display: -moz-flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
padding-top: 18px;
padding-bottom: 18px;
}
.orderApprovalCon .order-list .list-content .item-section {
font-size: 15px;
}
.orderApprovalCon .order-list .text-gray,
.orderApprovalCon .order-list .list-content .list-items-section .list-item .date {
color: #777575;
}
.orderApprovalCon .col-lg-10-3,
.orderApprovalCon .col-lg-10-1 {
float: left;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.orderApprovalCon .col-lg-10-3 {
width: 20%;
}
.orderApprovalCon .col-lg-10-1 {
width: 12%;
}
.orderApprovalCon .col-lg-10-1.col-date {
width: 10%;
}
/*====Order Approval - End*/
.account-filter-change {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 50;
}
/* Link Color */
.link__blue {
color: #1C88C7;
}
#requestQuoteLoading {
height: 40px !important;
padding-top: 9px !important;
border-radius: 3px;
margin-top: 8px !important;
}
/* WAT-310 start */
.products-sort .pm-top-message {
margin: 0 0 15px;
padding-left: 46px;
position: relative;
}
.products-sort .pm-top-message .m-icon-info {
position: absolute;
width: 24px;
height: 24px;
top: 50%;
left: 11px;
transform: translateY(-50%);
}
.product-management-page .data-panel .item-list tr.comment-line {
border: 1px solid #eff3f6;
border-bottom: none;
background-color: #eff3f6;
}
.product-management-page .data-panel .item-list tr.comment-line:last-child {
border-bottom: 1px solid #eff3f6;
}
.product-management-page .data-panel tr.comment-line+tr {
border-top: none;
}
.product-management-page .data-panel tr.comment-line+tr.comment-line {
border-top: 1px solid #fff;
}
.product-management-page .data-panel tr.comment-line td {
font-size: 16px;
text-align: left;
color: #595454;
font-weight: normal;
line-height: 18px;
}
.product-management-page .data-panel .item-list.list-sorted tr.comment-line {
border-top: 1px solid #fff;
}
.product-management-page .data-panel .item-list.list-sorted tr:not(.comment-line)+tr.comment-line {
border-top: 1px solid #ddd;
}
.product-management-page .data-panel .item-list.list-sorted tr:not(.comment-line)+tr.comment-line td {
position: relative;
padding-top: 25px;
}
.product-management-page .data-panel .item-list.list-sorted tr:not(.comment-line)+tr.comment-line td:before {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: 1px;
height: 10px;
background-color: #fff;
}
.product-management-page h1>.export {
float: right;
color: #4c4c4c;
padding-right: 10px;
text-align: right;
border: 1px solid #c7c7c7;
border-radius: 3px;
position: relative;
line-height: 34px;
font-size: 16px;
width: 90px;
text-transform: none;
margin: 21px 10px;
}
.product-management-page h1>.export .down {
position: absolute;
width: 6px;
height: 6px;
background-color: #4c4c4c;
left: 15px;
top: 9px;
}
.product-management-page h1>.export .down:before {
content: "";
position: absolute;
width: 0;
height: 0;
top: 6px;
left: -3px;
right: -3px;
border-top: 6px solid #4c4c4c;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.product-management-page h1>.export .down:after {
content: "";
position: absolute;
top: 13px;
left: -3px;
right: -3px;
border-bottom: 2px solid #4c4c4c;
}
/* WAT-310 end */
.olbp_no_ap_admin_msg {
line-height: 16px;
font-weight: 300;
font-size: 16px;
margin-top: 15px;
}
/* forgotPassword */
.myacc-new-title {
margin-top: 32px;
}
.myacc-new-title>h1 {
font-size: 32px;
height: 38px;
line-height: 38.4px;
color: #0A2433;
border-bottom: 0;
font-weight: 900;
text-transform: none;
}
.forgot-password-tips .myacc-desc {
font-size: 16px;
line-height: 19.2px;
color: #0A2433;
margin: 32px 0px;
padding: 0;
}
.form-new-group {
padding-left: 0;
margin-bottom: 27px;
}
.form-new-group label {
font-size: 16px;
line-height: 19.2px;
color: #0A2433;
margin-bottom: 4px;
font-weight: 900;
}
.forgotPassword-form-success-tips {
width: 100%;
height: 48px;
background: #D5F2E8;
border: 2px solid #1ABC81;
box-sizing: border-box;
border-radius: 3px;
margin-bottom: 16px;
padding: 12px;
font-size: 16px;
line-height: 19.2px;
color: #0A2433;
display: flex;
align-items: center;
}
.forgotPassword-form-error-tips {
width: 100%;
height: 67px;
background: #FBDBDA;
border: 2px solid #ED3B38;
box-sizing: border-box;
border-radius: 3px;
margin-bottom: 16px;
padding: 12px;
font-size: 16px;
line-height: 19.2px;
color: #0A2433;
display: flex;
align-items: center;
}
.forgotPassword-form-success-tips .text .status,
.forgotPassword-form-error-tips .text .status {
font-weight: 900;
}
.forgotPassword-form-success-tips .img,
.forgotPassword-form-error-tips .img {
width: 24px;
height: 24px;
border-radius: 50%;
}
.forgotPassword-form-success-tips .forgot-success {
background: url(../common/forgot-success.svg);
}
.forgotPassword-form-success-tips .forgot-close {
background: url(../common/forgot-close.svg);
cursor: pointer;
}
.forgotPassword-form-error-tips .forgot-error {
background: url(../common/forgot-error.svg);
align-self: flex-start;
}
.forgotPassword-form-success-tips .text,
.forgotPassword-form-error-tips .text {
margin: 0 8px;
flex: 1;
}
.forgotPassword-form .form-new-group .text-new-input {
padding: 10px 8px;
height: 40px;
background: #FFFFFF;
border: 1px solid #A8B2B8;
box-sizing: border-box;
border-radius: 3px;
color: #0A2433;
font-size: 16px;
line-height: 19.2px;
}
.forgotPassword-form .form-new-group .text-new-input.error {
border: 2px solid #ED3B38 !important;
color: #0A2433 !important;
background: url(../common/forgot-error-small.svg) no-repeat 98%;
padding-right: 30px;
}
.forgotPassword-form .form-new-group .new-inline-error {
color: #0A2433;
}
.forgotPassword-form .form-new-group .new-inline-error:after {
background: url(../common/forgot-error-small.svg);
content: "";
width: 16px;
height: 16px;
left: 0;
position: absolute;
top: 0;
border-radius: 50%;
}
.forgotPassword-form .form-new-group .new-primary-button {
width: 85px;
background: #1379C8;
border: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
border-radius: 3px;
text-transform: none;
}
.forgotPassword-form .button.disabled,
.button[disabled] {
cursor: default !important;
color: #fff !important;
background: #A8B2B8 !important;
}
/* resetPassword */
.resetPassword-new-container .myacc-title {
margin: 32px 0;
}
.resetPassword-new-container .myacc-title>h1 {
font-size: 32px;
line-height: 120%;
color: #0A2433;
height: 38px;
border-bottom: 0;
font-weight: 900;
text-transform: none;
}
.resetPassword-new-container .form-group {
padding: 0;
margin-bottom: 16px;
}
.resetPassword-new-container .form-group.myacc-submit-box {
padding-top: 16px;
}
.resetPassword-new-container .form-group label {
font-size: 16px;
line-height: 120%;
color: #0A2433;
margin-bottom: 4px;
font-weight: 900;
}
.resetPassword-new-container .form-group .text-input.error {
border: 2px solid #ED3B38 !important;
color: #0A2433 !important;
background: url(../common/forgot-error-small.svg) no-repeat 98%;
padding-right: 30px;
}
.resetPassword-new-container .form-group .text-input {
padding: 10px 8px;
width: 100%;
height: 40px;
border: 1px solid #A8B2B8;
box-sizing: border-box;
border-radius: 3px;
font-size: 16px;
line-height: 120%;
color: #0A2433;
margin-bottom: 5px;
}
.resetPassword-new-container .form-group .inline-error {
font-size: 12.8px;
line-height: 120%;
color: #0A2433;
padding-left: 20px;
position: relative;
display: block;
}
.resetPassword-new-container .form-group .inline-error:after {
background: url(../common/forgot-error-small.svg);
content: "";
width: 16px;
height: 16px;
left: 0;
position: absolute;
top: 0;
}
.resetPassword-new-container .form-group .new-primary-button {
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
padding: 10px 12px;
width: 84px;
height: 40px;
background: #1379C8;
border: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
border-radius: 3px;
text-transform: none;
}
.resetPassword-new-container .form-group .button.disabled,
.button[disabled] {
background: #A8B2B8 !important;
cursor: default !important;
color: #fff !important;
}
.resetPassword-new-container .form-tip {
position: absolute;
top: -9.5px;
right: -420px;
width: 319px;
padding: 16px;
background: rgba(0, 0, 0, 0.06);
}
.resetPassword-new-container .form-tip.input-error {
top: 18px;
}
.resetPassword-new-container .form-tip:after {
display: none;
}
.resetPassword-new-container .form-tip .ft-body {
margin-top: 0;
}
.resetPassword-new-container .form-tip .ft-header {
font-size: 16px;
line-height: 120%;
color: #0A2433;
margin-bottom: 6.5px;
font-weight: 900
}
.resetPassword-new-container .form-tip .ft-item {
margin: 0;
}
.resetPassword-new-container .form-tip .ft-item>p {
margin-bottom: 9px;
font-size: 16px;
line-height: 120%;
color: #0A2433;
padding: 0 0 0 32px;
}
.resetPassword-new-container .form-tip .ft-item:last-child p {
margin-bottom: 2.5px;
}
.resetPassword-new-container .form-tip .fc-9f>p {
color: #4E575F;
}
.resetPassword-new-container .form-tip .fc-9f>span {
background: url(../common/check-small.svg);
width: 24px;
height: 24px;
z-index: 1;
border: none;
position: absolute;
}
#requestAddToCartModal_old .modal-dialog{
width: 340px;
}
#requestAddToCartModal_old .modal-content{
padding: 15px 20px 20px;
}
#requestAddToCartModal_old .modal-header{
margin-bottom: 17px;
}
#requestAddToCartModal_old .error-inf {
color: #f31c24
}
#requestAddToCartModal_old .error-inf>p:first-child {
margin-top: 12px
}
#requestAddToCartModal_old .error-inf>p+p {
margin-top: 20px
}
#requestAddToCartModal_old .error-inf .error-box {
background: #f9f8f6;
margin: 18px 0 30px;
color: #ef5f5e;
height: 100px
}
#requestAddToCartModal_old .error-inf .showerror-inf {
padding: 8px 0 8px 10px
}
#requestAddToCartModal_old input.okay-btn {
width: 205px;
height: 40px!important;
width: 100%
}
/*sf b2b login start*/
#wrapper main .content-inner.sf-b2b-login-container {
margin-top: 140px;
max-width: 500px;
background: #fff;
padding: 32px !important;
}
#wrapper .sf-b2b-login-container .login-form-title {
margin: 0;
font-weight: 600;
font-size: 28px;
color: #0A2433;
text-align: center;
line-height: 34px;
}
#wrapper .sf-b2b-login-container .login-form {
padding-top: 16px;
}
#wrapper .sf-b2b-login-container .login-form label {
color: #0A2433;
line-height: 19px;
}
#wrapper .sf-b2b-login-container .login-form .active-blue {
color: #1379C8;
}
#wrapper .sf-b2b-login-container .login-form .account-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0 16px;
border: 1px solid #A8B2B8;
padding: 15px;
}
#wrapper .sf-b2b-login-container .login-form .account-content-name {
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
#wrapper .sf-b2b-login-container .login-form .account-content-email {
font-size: 12.8px;
line-height: 15px;
}
#wrapper .sf-b2b-login-container .login-form .account-content-switch {
min-width: 86px;
}
#wrapper .sf-b2b-login-container .login-form .account-content-switch a {
font-weight: 600;
font-size: 16px;
line-height: 19px;
display: inline-block;
}
#wrapper .sf-b2b-login-container .login-form .password-box .show-pwd-btn {
top: 37px;
}
#wrapper .sf-b2b-login-container .login-form .password-box .text-input.error {
border: 2px solid #ED3B38 !important;
}
#wrapper .sf-b2b-login-container .login-form .forgot-Password-text {
display: inline-block;
margin-top: 5px;
font-weight: 600;
font-size: 12.8px;
line-height: 15px;
}
#wrapper .sf-b2b-login-container .login-form .fp-box {
display: flex;
justify-content: space-between;
align-items: center;
margin: 32px 0 0;
}
#wrapper .sf-b2b-login-container .login-form .fp-box .fcheckbox-content {
margin: 0;
flex-grow: 1;
}
#wrapper .sf-b2b-login-container .login-form .fp-box .fcheckbox ~ span {
display: inline-block;
}
#wrapper .sf-b2b-login-container .login-form .fp-box .login-btn {
background: #1379C8;
padding: 10px 24px 11px 23px;
line-height: 19px;
}
#wrapper .sf-b2b-login-container .inline-error {
color: #0a2433;
}
#wrapper .sf-b2b-login-container .inline-error::after {
background: url(../common/icon-error.svg) no-repeat;
background-size: 16px auto;
}
#wrapper .sf-b2b-login-container .password-box .inline-error{
margin-bottom: 4px;
}
#wrapper .sf-b2b-login-container .login-email-error.inline-error{
margin-top: -8px;
margin-bottom: 16px;
}
.sf-b2b-footer .fg__footer{
display: flex;
flex-direction: column;
align-items: center;
}
.sf-b2b-login-wrapper {
display: flex;
flex-direction: column;
height: 100vh;
background: #f0f3f5;
padding-bottom:32px;
}
.sf-b2b-login-wrapper main{
flex:1;
}
.sf-b2b-login-wrapper .footer{
background: none;
}
.sf-b2b-login-wrapper .container {
padding-bottom: 0!important;
}
#wrapper .sf-b2b-login-container .password-box input.text-input.gray-border.form-control.colorBlack{
color: #0a2433!important;
}
/*sf b2b login end*/
/* EWOK-9928 start */
.mylist-list-group .mylist-list .bought-often .item-content .item-desc {
max-width: unset;
width: unset;
}
.wishlist-error-msg {
display: flex;
padding: 4px 0 0;
font-size: 12.8px;
line-height: 15.36px;
color: #0A2433;
position: relative;
text-align: left;
}
.wishlist-error-msg:before {
content: "\e88e";
font-family: 'Material Icons';
font-size: 16px;
display: inline-block;
vertical-align: top;
color: #406683;
margin-right: 4px;
}
/* EWOK-9928 end */
/* EWOK-9928 start */
.bought-often-info {
top: 168px;
padding: 12px;
background-color: #E6F2FE;
border: 2px solid #316186;
border-radius: 3px;
position: fixed;
z-index: 2;
max-width: 956px;
}
.bought-often-info .content {
display: flex;
}
.bought-often-info .content .m-icons{
color: #316186;
}
.bought-often-info .content .m-icons.m-icon-info{
margin-right: 8px;
}
.bought-often-info .content .m-icons.m-icon-close{
margin-left: 8px;
}
/* EWOK-9928 end */
.technical-alert-modal {
position: fixed;
top: 160px;
left: 50%;
width: 942px;
background: #e6f2fe;
border: 2px solid #316186;
border-radius: 3px;
padding: 14.5px 44px 14.5px 12px;
z-index: 999;
transform: translateX(-50%)
}
.technical-alert-modal .main-section-left-aligned {
display: flex
}
.technical-alert-modal .info-icon-wrapper {
display: inline-block;
vertical-align: top;
cursor: pointer;
margin-right: 8px
}
.technical-alert-modal .info-icon-wrapper .fg-icon-info {
font-size: 20px;
color: #316186
}
.technical-alert-modal .main-section-text-wrapper .main-section-paragraph {
line-height: 120%;
color: #0a2433
}
.technical-alert-modal .main-section-text-wrapper .main-section-paragraph span {
color: #1379c8;
font-weight: 600
}
.technical-alert-modal .fg-icon-close {
position: absolute;
top: 16px;
right: 16px;
cursor: pointer;
font-size: 16px;
color: #316186
}