/**
 * 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
 */

/* Global Elements
-------------------------------------------------------*/
.fc-dark-green{
	color: #29a64f;
}

.form-group label,
.phone-filed label,
.ext-box label {
	font-weight: 400;
	color: #0e1318;
}

.text-input.gray-border {
    border-color: #bbbdc0;
	border-radius: 3px;
	height: 36px;
}

.form-group {
	margin-bottom: 18px;
}

a.text-bold,
.f-bold {
	font-weight: 700;
}

.fc-blue {
	color: #385cad;
}

.button.border-blue {
	border-radius: 4px;
	border: 1px solid #385cad;
	color: #385cad;
	width: 100%;
	text-align: center;
}

.button.long,
.button.primary.long {
	width: 200px !important;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	text-transform: capitalize;
	font-size: 16px;
}

.button.primary.short {
	padding-top: 0;
	padding-bottom: 0;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
}


/* 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)
    }
}

.pw-pdp-need-help{
	font-size: 20px;
	font-weight: 400;
	color: #385CAD;
	margin-top: 30px;
	padding: 0 20px;
}

.qo-loadingmessage {
  position: relative;
  cursor: not-allowed;
  height: 30px;
  padding-top: 4px;
  background: #b3b3b3;
  text-align: center;
	font-weight: 700;
	cursor: default;
}

.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-top: 32px;
}

.myacc-title {
	margin-top: 8px;
}

.myacc-title > h1 {
	height: 72px;
	line-height: 72px;
	position: relative;
	color: #0e1318;
	font-size: 38px;
	font-weight: 700;
	font-weight: bold;
	text-transform: none;
	border-bottom: 1px solid #d8d8d8;
}

.first-row{
	position: relative;
	color: #0e1318;
	text-transform: capitalize;
	font-size: 46px;
}

.myacc-title .small {
	bottom: 20px;
	position: absolute;
	right: 0;
	text-transform: none;
	text-align: right;
	text-align: right;
    color: #0e1318;
}

.pl-0{
	padding-left: 0;
}
.pr-0{
	padding-right: 0;
}

.fc-9f {
	color: #0e1318;
}

.form-tip .fcheckbox.fchecked{
	color: #2fbe5a;
	background-position: -100px -100px;
	background-color: transparent !important;
}

.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{
	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: 26px;
}

/*.personal-item .item-title a:before{
	content: "|";
	font-family: ProximaNova-Regular, Sans-Serif;
	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;
	color: #0e1318;
}

.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{
	font-weight: 400;
	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 0px;
	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: -13px;
	left: 35px;
	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;
	font-size: 18px;
}

.forgotPassword-form > div{
	padding-left: 0;
}

.myacc-submit-box {
	padding-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.forgotPassword-form > .myacc-submit-box{
	text-align: left;
}

.myacc-refine-box {
	margin-right: 20px;
}

.myacc-refine-box > .dash-board-box{
	margin-bottom: 20px;
}

.myacc-refine-box > .quick-tools-row{
	background: #f9f8f6;
	padding-bottom: 0;
}

.myacc-refine-box > .quick-tools-row > main{
	padding-bottom: 0;
}

.myacc-refine-box > .quick-tools-row main > ul> li > a{
	font-weight: 400;
	font-size: 14px;
	color: #0e1318;
}

.myacc-refine-box > .quick-tools-row .drop-layer .btn-field .button{
	height: 40px;
	font-size: 16px;
	font-weight: 400;
}

.myacc-refine-box > .quick-tools-row main > ul> li{
	background: #f9f8f6;
}

.myacc-refine-box > .quick-tools-row > footer{
	border-bottom: 3px solid #385cad;
	padding-bottom: 0;
}

.myacc-refine-box > .quick-tools-row > header > h4{
	padding: 15px 20px 15px 20px;
	color: #3C3C3C;
	background: #e4e2e3;
}

.myacc-refine-box > .quick-tools-row > header > h4 > .arrow{
	top: 22px;
	border-top: 0px;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid #385cad;
	background: none;
}

.myacc-refine-box > .quick-tools-row.close > header > h4 > .arrow{
	border-top: 6px solid #385cad;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 0px;
}

.myacc-refine-box > .quick-tools-row main > ul> li .arrow{
	background: none;
	border-top: 6px solid #385cad;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 0px;
}

.myacc-refine-box > .quick-tools-row main > ul> li:hover .arrow{
	background: none;
	border-top: 6px solid #385cad;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 0px;
}

.myacc-refine-box > .quick-tools-row main > ul> li.active .arrow{
	border-top: 0px;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid #385cad;
}

.myacc-refine-box > .quick-tools-row main > ul> li.active:hover .arrow{
	border-top: 0px;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid #385cad;
}

.myacc-refine-box > .quick-tools-row .drop-layer .search-field input[type="submit"],
.myacc-refine-box > .quick-tools-row .drop-layer .search-field input[type="button"]{
	height: 34px;
}

.dash-board-box .db-list {
	list-style: none;
	background-color: #f5f5f5;
}

/*.dash-board-box .db-list > li {
	border-bottom: 1px solid #ccc;
}

.dash-board-box .db-list>li:last-child {
	border-bottom: none;
}*/

.db-list li a {
	display: block;
	padding: 15px 0 16px 20px;
    font-weight: 400;
	font-size: 18px;
	/*color: #fff;*/
}

.db-list li a.active {
	background-color: #385cad;
	color: #fff;
	font-weight: 400;
}

.db-list > li.expand > a {
	color: #fff;
	background-color: #385cad;
}

.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: #6784c7;
}

.db-list li.expand .sub-db-menu li a {
	color: #fff;
    font-weight: 400;
}

.db-list li.expand .sub-db-menu li a.active {
	background: #6784c7;
	font-weight: 700;
}

.myacc-refine-box .tour-resource{
	margin-top: 20px;
	border-top:1px solid #e4e3e3;
    padding: 0 20px;
}

.myacc-refine-box .mr-item {
	margin-top: 20px;
}

.mr-item .mri-title {
	padding: 0 0px;
	font-size: 18px;
	color: #0e1318;
	font-weight: 700;
}

.mr-item .mri-list {
	padding: 0 0px;
	list-style: none;
}

.mr-item .mri-list li {
	padding: 12px 0 0;
	line-height: 1;
}

.mr-item .mri-list a {
	color: #385cad;
	font-weight: 400;
}

.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;
}

.del-emp-btn-box .button.primary.short{
	width: auto;
	font-size: 16px;
	font-weight: 700;
	height: 35px;
}

.biz-item-list .current-account-box {
	padding-bottom: 55px;
	border-bottom: 1px solid #e4e3e3;
}
.shipping-address-cont > .ca-title,
.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: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
}

.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 {
	background-color: #f5f5f5;
	margin-top: 26px;
	padding: 30px 30px 5px 10px;
}

.login-form .fc-normal{
	color: #0e1318;
	font-weight: 400;
}

.resetPassword-form{
	margin-top: 25px;
	background-color: #f5f5f5;
	padding: 30px 30px 30px 10px;
}

.button.primary.btn-login{
	width: 200px;
	font-size: 16px;
	height: 40px;
	text-transform: capitalize;
	line-height: 40px;
}
.button.primary.btn-register{
	width: 200px;
	font-size: 16px;
	height: 40px;
	text-transform: capitalize;
	background-color: #6994fa;
	margin-top: 25px;
}

.fp-box {
	border-bottom: 1px solid #e6e5e5;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.fc-black{
	font-weight: 400;
}

.fp-box > label{
	float: right;
}

.login-promo {
	/*margin-top: 26px;*/
}

.login-promo .register-info{
	margin-top: 10px;
	margin-left: 18px;
}

.login-promo .register-info > li{
	color: #0e1318;
}

.register-help {
	padding-top: 25px;
	border-top: 1px solid #E6E5E5;
	margin-top: 30px;
	line-height: 1;
	margin-left: 20px;
}

.lp-img {
	height: 118px;
	line-height: 118px;
	font-weight: 600;
	text-align: center;
	background: #efc92d;
}

.lp-content {
	padding: 22px 0px 22px 80px;
}

.lp-content > h4 {
	text-transform: none;
}

.login-promo .lp-content > h4{
	color: #0e1318;
}

.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;
}

.add-emp-row .phone-field .select {
	width: 105px;
}

.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: 0;
	right: -455px;
	width: 400px;
	background: transparent;
}

.rf-row .form-tip .ft-item > p{
	color: #0e1318;
	padding-top: 6px;
}

.rf-row .form-tip:after{
	display: none;
}

.rf-row .form-tip .ft-header{
	color: #0e1318;
	font-size: 18px;
}

.personal-item .rf-row .form-tip{
	right: -20px;
	width: 100%;
}

.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: 40px;
	background-color: #ededed;
}
.my-info-row .personal-item .form-tip::before{
	content: "";
	position: absolute;
	top: -10px;
	left: 20px;
	width: 20px;
	height: 20px;
	background-color:  #ededed;
	transform: rotate(45deg);
}

.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: 460px;
	margin-top: 25px;
	margin-bottom: 25px
}

.personal-item .rf-row fieldset + fieldset{
	margin-top: 45px;
}

.my-info-row .personal-item .btn-group {
	margin-top: 25px;
}

.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: 0px;
	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 > .fcheckbox.fchecked ~ p {
	font-weight: 700;
}

.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: left;
	font-weight: 300;
	font-size: 36px;
	color: #6784c7;
	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: 23px;
	/*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 {
	width: 85px;
	height: 82px;
	background-image: url(../common/person-purple.png);
	margin-bottom: 3px;
}

.prof-landing-item > .for-position:hover .my-info-pro {
	background-image: url(../common/person-white.png);
}

.pli-bg.my-shipping {
	width: 118px;
	height: 87px;
	background-image: url(../common/cart-purple.png);
}

.prof-landing-item > .for-position:hover .my-shipping{
	width: 118px;
	background-image: url(../common/cart-white.png);
}

.pli-bg.my-credit-carts {
	width: 94px;
	height: 75px;
	background-image: url(../common/credit-purple.png);
	margin-bottom: 5px;
}

.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: #6784c7;
	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;*/
	background-image: url(../common/credit-white.png);
}

.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;
}

/* 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;
}

.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;
	margin-top: 15px;
}

.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;
	font-weight: 400;
}

.order-content .result-page{
	padding: 5px 0 18px;
}

.order-content .order-screen,
.quote-center .order-screen{
	padding: 20px 0;
	font-size: 0px;
	border-top: 1px solid #e4e3e3;
}

.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;
	right: 0;
}
.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: rgb(252, 230, 232);
}

.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;
	font-weight: 400;
	text-transform: none;
}

.myacc-title .hide-notifi .fcheckbox {
	margin-right: 8px;
}

.notifi-title {
	font-size: 26px;
	text-transform: none;
	margin-bottom: 30px;
	font-weight: 700;
	color: #0e1318;
}

.notifi-title > a {
	color: #385cad;
	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 {
	padding-left: 8px;
	/*font-family: TisaOT-Ita, Georgia, Sans-Serif;
	font-style: italic\0;
	font-size: 14px\0;*/
	font-weight: 700;
}

.notifi-hightlights i {
	margin-right: 2px;
	position: relative;
	top: 2px;
}

.notifi-hightlights > span {
	/*color: #faa519;*/
	margin-left: 2px;
	margin-right: 2px;
	font-weight: 700;
}

.notifi-block {
	background-color: #f5f5f5;
	padding: 25px 20px;
	margin-bottom: 13px;
	position: relative;
}
.message-center-row .notifi-block{
	padding-right: 120px;
}

.notifi-block .notifi-date {
	position: absolute;
	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;
	line-height: 1;
}

.notifi-table td {
	padding: 16px 20px 15px;
	vertical-align: middle;
}

.notifi-table tr.odd td {
	background-color: #f5f5f5;
}

.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;
	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 {
	font-weight: 400;
	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;
	font-weight: 400;
	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;
	font-weight: 400;
	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{
	font-weight: 400;
}

.return-items-row .items-col p{
	padding-bottom: 10px;
}

#retrunDocuments .form-control{
	width: 378px !important;
}

.term-conditions a{
	color : #36BAE2;
	text-decoration: underline;
	font-weight: 400;
}
.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-place{
	font-size: 18px;
	padding-bottom: 40px;
	padding-right: 25px;
	font-weight: 400;
}

.tk-place > span{
	font-weight: 700;
}

.tk-contact-info{
	color: #385cad;
	margin-bottom: 40px;
}

.tk-contact-info .tk-phone{
	font-weight: 700;
	font-size: 24px;
}

.tk-continue{
	background: url(/wwwstatic/css/ferguson/common/banner/continue-browsing-box.png) no-repeat;
	background-size: 100%;
}

.tk-continue .tk-continue-info{
	padding: 40px 44px 85px 44px;
	color: #FFFFFF;
}
.tk-continue .tk-continue-pollard{
	background-color: #385cad;
	padding: 22px 44px;
}
.tk-continue .tk-continue-info .tk-continue-detail{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}
.tk-continue .tk-continue-info .tk-continue-relationship{
	margin-bottom: 22px;
}
.tk-continue .tk-continue-info a{
	padding: 5px 30px;
}

.tk-glad-title {
	padding: 30px 80px 40px 0;
	line-height: 1.2;
	font-size: 18px;
	padding-bottom: 20px;
    padding-right: 25px;
	font-weight: 400;
}

.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;
}

/*thank you category start*/
.container.banner-container{
	padding-bottom: 0px;
}

.banner-title{
	font-weight: 700;
	color: #0E1318;
	text-transform: capitalize;
	margin-top: 35px;
	padding-bottom: 20px;
	border-bottom: 1px solid #BBBDC0;
}

.poppular-banner a{
	display: block;
	max-width: 160px;
	max-height: 180px;
}

.poppular-banner a>img{
	width: 160px;
	height: 160px;
	display: block;
}

.poppular-banner a>span{
	display: block;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #4067B6;
	font-size: 16px;
	font-weight: 400;
}
/*thank you category end*/

/* 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 {
	font-weight: 400;
	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 */
.cs-position {
	position: relative;
	padding-bottom: 50px;
}

.cs-position .cs-header{
	background: #f9f9f9;
	color: #385CAD;
	padding: 15px 20px 0;
	min-height: 260px;
}

.cs-position .cs-header .icons-personAdd {
	font-size: 160px;
	margin-top: 34px;
}

.cs-position .cs-header .icons-borderColor {
	font-size: 110px;
	margin-top: 60px;
}

.cs-position .cs-link {
	position: absolute;
	bottom: 15px;
	font-size: 16px;
	color: #385CAD;
	font-weight: 700;
}

.pro-plus {
	padding: 20px;
	background-color: #f6f6f6;
}

.pro-plus .icon {
	position: absolute;
	top: 15px;
	right: -15px;
	overflow: visible;
}

.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: 20px;
	line-height: 1.2;
	font-weight: 700;
}

.cs-main{
	padding-top: 17px;
	padding-bottom: 2px;
}

.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:hover .cs-ea-bg{
	background-position: 0 -80px;
}

.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 > h3{
	font-weight: 700;
	padding-left: 0;
	color: #0e1318;
	font-size: 24px;
	line-height: 1;
	margin-top: -4px;
	margin-bottom: 15px;
	position: relative;
	padding-right: 30px;
	display: inline-block;
	cursor: pointer;
}

.db-main-row > header > span{
	margin-right: 20px;
	float: right;
	font-size: 16px;
	color: #0e1318;
	font-weight: 400;
}

.db-main-row > header > h3 > .arrow{
	/*background: url("../common/icon.png") no-repeat -168px -292px;*/
	position: absolute;
	top: 10px;
	margin-left: 20px;
	/*height: 7px;
	width: 12px;*/
	border-top: 0px;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #385cad;
}

.db-main-row.close > header > h3 > .arrow{
	/*background-position: -155px -292px;*/
	border-top: 7px solid #385cad;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 0px;
}

.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;*/
	display: none;
}

.db-main-row > main .view-more.quotes{
	padding-top: 25px;
}

.db-main-row > main > .qt-list li > table > .table-cell{
	color: #3C3C3C;
	font-weight: 400;
}

.db-main-row > main > .qt-list li > dl > dt > p > a:after{
	display: none;
}

.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;
	color: #0e1318;
}

.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;
	color: #0e1318;
	font-weight: 400;
}

.og-list .og-info{
	min-height: 30px;
}

.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: capitalize;
	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;
	border-top: 0px;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #385cad;
}

.order-group .og-title:hover .arrow{
	/*background-position: -219px -250px;*/
	border-top: 0px;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #385cad;
}

.order-group.close .og-title .arrow{
	/*background-position: -180px -292px;*/
	border-top: 7px solid #385cad;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 0px;
}

.order-group.close .og-title:hover .arrow{
	/*background-position: -206px -250px;*/
	border-top: 7px solid #385cad;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 0px;
}

.order-group .og-list{
	padding-bottom: 19px;
}

.order-group .og-list > li{
	list-style-type: none;
}

.order-group .og-list > li > .table > .table-cell > p > a:after {
	background: none;
}

.quick-tools-row{
	padding-bottom: 10px;
}

.quick-tools-row > header > h4{
	position: relative;
	padding: 5px 20px 15px 20px;
	cursor: pointer;
	color: #36bae2;
	
}

.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;
	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 {
	font-size: 12px;
	line-height: 1.3;
	color: #ff0000;
}

.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: #385cad;
	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: 4px;
	border: 1px solid #857f7f;
	font-weight: 400;
	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;
}

.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;
}

/** add employee **/
.add-emp-row .add-emp-title {
	font-weight: 700;
	font-size: 28px;
	line-height: 1;
	color: #0e1318;
}

.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: 405px;
}

.add-emp-row .email-field {
	position: relative;
	width: 405px;
}

.add-emp-row .form-group {
	padding-left: 0;
}

.add-emp-row .phone-field {
	width: 312px;
}

.add-emp-row .email-field .form-tip {
	position: absolute;
	right: -340px;
	top: 20px;
	width: 310px;
}

.add-emp-row .feature-select-box {
	margin-top: 35px;
	padding-top: 35px;
}

/*.add-emp-row .approval-field {
	margin-top: 33px;
	margin-bottom: 25px;
}*/

.approval-field .af-item {
	margin-bottom: 8px;
}

.approval-field .af-item .afi-purchase {
	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,
.branch-acc-setting .bas-title {
	margin-bottom: 15px;
	line-height: 1.2;
	font-weight: 400;
	font-size: 16px;
	color: #0e1318;
}

.add-package-box .ap-list.th-per-line{
	margin-right: -20px;
}

.add-package-box .ap-list .role-item {
	margin-bottom: 30px;
}

.add-package-box .compare-roles {
	margin-top: -12px;
}

.role-item {
	position: relative;
	height: 320px;
	padding: 15px 15px 75px;
	background-color: #fff;
	color: #0e1318;
	vertical-align: top;
	cursor: pointer;
	border: 1px solid #bbbdc0;
	border-radius: 4px;
	-ms-border-radius: 4px;
}

@media( max-width: 1023px ){
	.role-item {
		height: 390px;
	}
}

.role-item .btn-box {
	position: absolute;
	bottom: 15px;
	padding-right: 30px;
	width: 100%;
}

.role-item .ri-title {
	padding-bottom: 10px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	padding-right: 90px;
	min-height: 40px;
}

.role-item .ri-access-list {
	padding: 20px 0 20px 0;
}

.role-item .ri-access-list li {
	margin: 8px 0 0 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: #4a4a4a;
}

.role-item .ri-access-list li b {
	font-weight: 700;
}

.role-item .ri-access-list li p {
	margin-left: -5px;
	font-size: 16px;
}

.role-item .icon-bg {
	border-width: 50px;
	border-style: solid;
	border-color: #87b207;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	border-bottom-color: transparent;
    border-left-color: transparent;
}

.role-item.active .icon-bg {
	top: -3px;
}

.role-item .icon-box {
	position: absolute;
	right: 3px;
	top: 3px;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 48px;
}

.role-item .icon-box .material-icons {
	vertical-align: middle;
}

.role-item.admin-item .icon-box {
	background-color: #668703;
	color: #87b207;
}

.role-item.purchasing-item .icon-bg {
	border-color: #2fb0dd #2fb0dd transparent transparent;
}

.role-item.purchasing-item .icon-box {
	background-color: #188ab1;
	color: #2fb0dd;
}

.role-item.limited-item .icon-bg {
	border-color: #385cad #385cad transparent transparent;
}

.role-item.limited-item .icon-box {
	background-color: #76a0f8;
	color: #385cad;
}

.role-item.limited-item .icon-box .material-icons {
	font-size: 36px;
}

.role-item .button {
	width: 100%;
}

.role-item .button.tertiary {
	display: none;
	background-color: #6784c7;
	line-height: 40px;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}

.role-item .button.border-blue {
	display: block;
}

.role-item.active .button.tertiary {
	display: block;
}

.role-item.active .button.border-blue {
	display: none;
}

.role-item.active {
	border-width: 4px;
}

.role-item.purchasing-item.active {
	border-color: #2fb0dd;
}

.role-item.admin-item.active {
	border-color: #87b207;
}

.role-item.limited-item.active {
	border-color: #385cad;
}

@media( min-width: 1025px ) {
	.role-item:hover .button.tertiary{
		display: block;
	}
	.role-item:hover .button.border-blue {
		display: none;
	}

	.role-item:hover .icon-bg {
		top: -3px;
	}

	.role-item:hover {
		border-width: 4px;
	}

	.role-item.limited-item:hover{
		border-color: #385cad;
	}

	.role-item.admin-item:hover {
		border-color: #87b207;
	}

	.role-item.purchasing-item:hover {
		border-color: #2fb0dd;
	}
}

.branch-acc-setting .bas-item {
	width: 220px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #f6f6f6;
}

.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 #bbbdc0 solid;
	border-radius: 4px;
	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: 14px;
	color: #595454;
	line-height: 1;
	padding: 4px 10px;
	display: block;
	font-weight: 400;
}

.emp-choose-section ul li a:hover,
.emp-choose-section ul li a.hover{
	background: #385cad;
	color: #fff;
}

.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-weight: 400;
	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: 400;
	text-align: center;
	background: #f9f8f6;
}

.my-info-row .my-quotes .no-order{
	padding-top: 50px;
	padding-bottom: 65px;
}

.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: 400;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
}

.my-info-row .no-order > p{
	font-weight: 400;
}

.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;
	font-weight: 400;
}

/*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;
	font-weight: 400;
}

.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;
}

.panel-body .job-view-item:nth-child(2n) {
	background: #f5f5f5;
}

.job-view-item ul{
	list-style: none;
}

.job-view-item li{
	padding-left: 90px;
	margin-top: 15px;
}

.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-bottom: 10px;
}

.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: 30px;
	padding-right: 40px;
	width: 100%;
	padding-top: 14px;
	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: 400;
	color: #1c2025;
}

.job-arrow{
	content: "";
	position: absolute;
	display: block;
	top: 8px;
	right: 25px;
	cursor: pointer;
}

.job-arrow .material-icons {
	font-size: 30px;
	color: #385cad;
}

.job-arrow-up .icons-down {
	display: none;
}

.job-arrow-down .icons-up {
	display: none;
}

.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;
	padding-left: 20px;
}

/*
*/
.pt-0 {
	padding-top: 0;
}

.pli-cont > .position-bot {
	width: 200px;
	text-transform: capitalize;
}

/*ie 8 debug*/

.pli-cont > a > .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: #9BB7FA;
}
.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: -10px;
	left: 23px;
	font-size: 20px;
	font-weight: 700;
}

.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;
	font-weight: 400;
}

.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;
	font-weight: 400;
}

.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;
	font-weight: 400;
	white-space: nowrap;
}

.li-productst .li-btn .button{
	font-size: 16px;
	height: 40px;
}

.li-items-empty{
	margin-top: 40px;
	border-top: 1px #e4e3e3 solid;
	padding-top: 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,
#copyPasteProModal .modal-dialog{
	width: 340px;
}

#shareListModal .modal-header h1,
#copyPasteProModal .modal-header h1,
#copyListModal .modal-header h1,
#deleteListModal .modal-header h1{
	padding-bottom: 5px;
	line-height: 37px;
}

#shareListModal .modal-dialog .modal-content,
#copyPasteProModal .modal-dialog .modal-content,
#copyListModal .modal-dialog .modal-content,
#deleteListModal .modal-dialog .modal-content{
	padding: 10px 20px 20px;
}

#shareListModal .modal-dialog .modal-header,
#copyPasteProModal .modal-dialog .modal-header,
#copyListModal .modal-dialog .modal-header,
#deleteListModal .modal-dialog .modal-header{
	margin-bottom: 18px;
}

#shareListModal .modal-header .close,
#copyPasteProModal .modal-header .close,
#copyListModal .modal-header .close,
#deleteListModal .modal-header .close{
	top: 5px;
}

#copyPasteProModal .modal-dialog .textarea {
	width: 100%;
	border-color: #857f7f;
	height: 140px;
	color: #b3b3b3;
}

#shareListModal .modal-dialog .button,
#copyPasteProModal .modal-dialog .button{
	height: 40px;
}

#copyPasteProModal .copy-list{
	background: #f9f8f6;
	height: 100px;
	overflow: hidden;
}

#copyPasteProModal .copy-list ul{
	padding: 5px 10px;
}

#copyPasteProModal .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 .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 10px 30px;
	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{
	font-weight: 400;
	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 .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-size: 75px;
	text-transform: none;
	font-weight: 100;
	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;
}

.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-weight: 400;
	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-weight: 400;
	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-weight: 400;
	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;
}

#createPaymentSolutionModal,
#paymentSolutionModal,
#noInvoiceViewModal {
	overflow-y:auto; 
}

#createPaymentSolutionModal .modal-dialog,
#paymentSolutionModal .modal-dialog,
#noInvoiceViewModal .modal-dialog {
	width: 460px;
}

#paymentSolutionModal .modal-dialog,
#noInvoiceViewModal .modal-dialog {
	margin: 18% auto 0;
}

#createPaymentSolutionModal .modal-content,
#paymentSolutionModal .modal-content{
	padding: 15px 20px 20px;
}

#noInvoiceViewModal .modal-content {
	padding: 25px 20px 20px;
}

#createPaymentSolutionModal .form-group {
	padding-left: 0;
	margin-bottom: 30px;
}

#createPaymentSolutionModal .btn-box .button {
	height: 35px;
}

#createPaymentSolutionModal .modal-header h1{
	font-weight: 700;
	font-size: 24px;
	color: #595454;
}

#createPaymentSolutionModal .modal-body p,
#paymentSolutionModal .modal-body p,
#noInvoiceViewModal .modal-body p {
	margin-bottom: 25px;
}

#createPaymentSolutionModal .modal-body p{
	margin-bottom: 20px;
}

#createPaymentSolutionModal .btn-box .button.tertiary {
	width: 120px;
	margin-right: 30px;
}

#createPaymentSolutionModal .btn-box .button.secondary {
	width: 115px;	
}

#noInvoiceViewModal .btn-box .button.secondary {
	width: 115px;
}

/* 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;
	border-radius: 3px;
}
.search-box .input-box{
	padding: 10px 0px;
}

.search-box .input-box input::-webkit-input-placeholder{
	font-size: 16px;
	font-weight: 400;
	color: #b3b3b3;
	
}
.search-box .input-box input::-moz-placeholder{
	font-size: 16px;
	font-weight: 400;
	color: #b3b3b3;
}
.search-box .input-box input:-moz-placeholder{
	font-size: 16px;
	font-weight: 400;
	color: #b3b3b3;
}
.search-box .input-box input:-ms-input-placeholder{
	font-size: 16px;
	font-weight: 400;
	color: #b3b3b3;
}

.search-box .input-box input.placeholder{
	font-size: 16px;
	font-weight: 400;
	color: #b3b3b3;
}
.search-box .input-box .input{
	height: 28px;
	line-height: 28px\9;
	text-indent: 25px;
	font-weight: 400;
	color: #595454;
}
.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: #6994fa;
}
.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: #385CAD;
	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;
	background: #e4e3e3;
}
.quote-center .quote-table .thead .attr{
	display: table-cell;
	float: none;
	height: 30px;
	line-height: 30px;
	padding: 10px 0px;
	color: #535252;
	font-weight: 700;
}
.quote-center .quote-table .thead .quote{
	width: 57%;
	padding-left: 18px;
}

.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: 12px 0px;
}
.quote-center .quote-table .quote-cell:first-child{
	padding-left: 20px;
}
.quote-center .quote-table .quote-cell .slash{
    color: #0e1318;
	padding: 0px 11px;
}
.quote-center .quote-table .quote-cell .number{
	height: 19px;
	line-height: 19px;
	display: inline-block;
	color: #0e1318;
	font-weight: 500;
}
.quote-center .quote-table .odd-row{
	background: #f5f5f5;
}
.quote-center .quote-table .quote-cell .pending{
	color: #efc20f;
	font-size: 14px;
	font-weight: 700;
}

.quote-center .quote-table .quote-cell .ready-to-view {
	color: #80b100;
	font-size: 14px;
	font-weight: 700;
}

.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 #bbbdc0;
	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 #385CAD;
}

.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;
	line-height: 24px;
	font-weight: 400;
	font-size: 14px;
	margin-left: 5px; 
}

.oitem-row-data {
	padding: 24px 20px 20px 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: 80px;
	text-align: right;
}

.price-graybg {
	padding: 11px 10px;
	background: #ededed;
	margin-bottom: 9px;
}

.order-infor {
	background: #f9f8f6; 
	padding: 16px 20px 20px ;
}

div.accountBg {
	padding-top: 23px;
	padding-bottom: 0;
}

.view-proof-data {
	padding: 12px 20px 3px;
	line-height: 19px;
	color: #595454;
	margin-bottom: 37px;
}
.sign-true {
	padding: 2px 20px 31px
}

.view-proof-data .data {
	padding-right: 25px;
	border-right: 1px solid #bdbcbc;
}

.view-proof-data .time {
	padding-left: 25px;
}

.opoints-info {
	font-size: 13px;
	font-weight: 400;
	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;
	font-weight: 400;
}

.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;
}

.order-detail-head .item-btn-position > p{
	font-weight: 400;
	color: #0e1318;
}

.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;
	/*border-bottom: 1px solid #e4e3e3;*/
}

.acctinfo-row .ar-box {
	position: relative;
	background: #f9f8f6;
	margin: 57px 10px 30px 0;
	padding: 10px;
	width: 340px;
	display: inline-block;
	vertical-align: top;
	border: 1px #e3e3e3 solid;
}

.acctinfo-row .ar-box > label {
	/*margin-top: -35px;
	margin-left: -10px;*/
	display: block;
	padding-bottom: 6px;
	color: #0e1318;
}
.acctinfo-row .ar-box p.title {
	font-size: 18px;
	color: #35bae3;
	font-weight: 600;
	padding-bottom: 5px;
}
.acctinfo-row .ar-box p {
	padding-bottom: 2px;
}
.acctinfo-row .ar-box a.link {
	position: absolute;
	right: 10px;
	bottom: 12px;
	font-size: 14px;
	font-weight: bold;
}
.nq-headerForm .form-group {
	width: 300px;
	/*float: left;*/
	margin-bottom: 17px;
	padding-left: 0;
}

.nq-headerForm .form-group .inline-error {
	word-wrap: break-word;
}
.nq-box .txtIta {
	padding: 5px 0;
	border-bottom: 1px solid #e4e3e3;
}

.nq-box .tool-bar {
	margin: 32px 30px 30px;
}
.nq-box .tool-bar .check-all {
	margin-right: 40px;
}

/*.nq-box .tool-bar input[type="button"] {
	width: 90px;
	font-size: 13px;
	font-family: ProximaNova-Bold, Sans-Serif;
}*/
/*.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: 115px;
	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;
	font-weight: 400;
	padding-right: 0;
	padding-left: 0;
	margin-left: 5px;
}

.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 .txt{
	text-align: center;
	padding: 10px 18px;
	color: #0e1318;
	background-color: #f5f5f5;
}
.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: 40px;
	margin-top: 15px;
}
#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;
	background-color: #385cad;
	color: white;
}

#deleteItems  .error {
	padding-top: 15px;
	padding-bottom: 0;
	display: none;
}

/******pending quote ******/

.nq-headerForm .pending-quote-detail {
	padding: 25px 0 15px;
}

.nq-headerForm .select-job{
	border-bottom: 1px solid #e4e3e3;
	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;
}

.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;	
}

.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;
	}
	.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;
	}
	/*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;
	}

	#createPaymentSolutionModal .form-group{
		width: 180px;
	}

	#createPaymentSolutionModal .modal-content{
		padding: 25px 20px 20px 23px;
	}
	
	.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-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: -400px;
	}
	.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
	}

	.myacc-refine-box > .quick-tools-row > header > h4,
	.myacc-refine-box > .spend-report-row > header > h4{
		font-size: 18px;
		font-weight: 700;
	}

	.quick-tools-row > header > h4 > .arrow,
	.spend-report-row > header > h4 .arrow {
		right: 0;
	}

	.myacc-refine-box > .quick-tools-row > header > h4 > .arrow,
	.myacc-refine-box > .spend-report-row > header > h4 .arrow{
		right: 20px;
	}
	
	.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;
		background-image: url(../common/person-purple.png);
		background-size: cover;
	}

	.setting-item .item-header .title{
		font-size: 18px;
		color: #6784c7;
	}

	.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{
		width: 56px;
		height: 41px;
		background-image: url(../common/cart-purple.png);
		background-size: cover;
	}

	.setting-item .item-header .my-credit-carts{
		/*background-position: -415px -911px;*/
		height: 40px;
		width: 50px;
		background-image: url(../common/credit-purple.png);
		background-size: cover;
	}

	.setting-item .item-header .my-info{
		background-position: -385px -862px;
		height: 44px;
		width: 43px;
	}
}
/*print css*/
@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 {font-weight: 400;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-weight: 400;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;
	font-weight: 400;
}

.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-weight: 400;
	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: 28%;
	text-align:left;
}
.odp-list .odp-item.odp-net-uom {
	width: 5%;
	text-align: center;
}
.odp-list .odp-item.odp-order-qty{
	width: 8%;
	text-align: center;
}
.odp-list .odp-item.odp-ship-qty{
	width: 7%;
	text-align: center;
}
.odp-list .odp-item.odp-bo-qty{
	width: 7%;
	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-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{
	font-weight: 400;
}
.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: 32px;
}
.odp-call-us-content .odp-call-us{
	font-size:18px;
	color:#000;
	text-align: center;
	padding-top: 32px;
	padding-bottom: 5px;
}
.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;}
.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: 6%;
	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:44%;
	text-align:left;
}
.myaccount-print .map-item.map-quantity{
	width: 5%;
	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-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{
	font-weight: 400;
}
.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: 32px;
    padding-bottom: 50px;
    page-break-inside: avoid;
}
.quote_print .call-us{
	font-size:18px;
	color:#000;
	text-align: center;
	padding-top: 32px;
	padding-bottom: 5px;
}
.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;
}
.table-border-black th, .table-border-black td{
	border: 1px solid #000 !important;
	color: #000;
}
.quote_print .print-footer{
	border-bottom: none;
	border-top-color: #bbb;
}
 /*new quote print change end*/
/*new quote print change end*/
	.order_print {
		padding: 0 15px;
	}

	.odp-list {
		margin-right: 20px;
	}
}
.oitem-section {/*border-bottom: 1px solid #e4e3e3;*/padding-bottom: 20px;}
.oitem-section .oitem-row-data{border-bottom:none;padding-bottom: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:11px;
	vertical-align: top;
	font-weight: 700;
	color: #595454;
	line-height: 14px;
	margin-top: -2px;
	display: inline-block;
}
.nq-box .quote-list .ql-summary .ql-name {
	width: 100%;
}
.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;
	margin-bottom: 0;
}
.rf-header > p >a{
	color: #385cad;
	margin-left: 5px;
	font-weight: 400;
}
.rf-section{
	width: 100%;
	background: #f5f5f5;
	padding: 30px;
}

.rf-header.rf-section{
	padding: 10px 30px !important;
	margin-bottom: 25px;
	text-align: center;
}

.rf-header.rf-section > div > p{
	color: #0e1318;
	font-weight: 700;
}

.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: 0;padding-bottom: 15px;}
.rf-account-section h2{
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
	margin-bottom: 25px;
	color: #0e1318;
}
.rf-account-section .form-group{
	padding-left: 0px;
	margin-bottom: 18px;
}
.rf-account-section .form-group .select{
	width:100px;
}
.rf-account-section .form-group .ext-box{
	right: 0;
}
.rf-business-section{
	border-top: 1px solid #bbbdc0;
	padding-top: 25px;
}
.rf-business-section h2{
	font-weight: 700;
	font-size: 20px;
	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;
	font-weight: 400;
    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;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 400;
	height: 40px;
}
.rf-image-list{
	list-style:none;
	display: block;
	max-width: 420px;
	margin-left: 40px;
	margin-top: 45px;
}

.rf-image-list>li>ul{
	list-style:none;
	display: block;
}
/*.rf-image-list>li>ul>li{
	width: 420px;
	height: 300px;
}*/
.rf-image-list .rf-banner-footer {
	background: #6994fa;
	text-align: right;
	padding: 10px 25px;
}

.rf-benifit{
	background:#6784c7;
	max-width:420px;
	padding: 35px 35px 40px;
}
.rf-benifit h2{
	font-weight: 700;
	font-size: 18px;
	text-transform: none;
	color: #fff;
}

.rf-benifit p:not(.f-bold){
	color:#fff;
	font-size:16px;
	font-weight: 400;
	padding: 0;
}

.rf-benifit p.f-bold {
	color: #fff;
	font-size: 22px;
}

.rf-image-list .rf-benifit>ul{
	color:#fff;
	list-style-type: none;
	font-size: 18px;
    padding: 33px 15px 11px;
}
.rf-image-list .rf-benifit>ul>li{
	display:list-item;
	position: relative;
	padding-left: 35px;
	margin-bottom: 22px;
}

.rf-image-list .rf-benifit>ul>li > span {
	font-weight: 400;
	font-size: 16px;
}

.rf-image-list .rf-benifit>ul>li .material-icons {
	position: absolute;
	left: 0;
	top: 0;
}

.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;
	}
}

.modal-header h1 {
	color: #0e1318;
	font-size: 18px;
	font-weight: 700;
    text-transform: capitalize;
	border-bottom: 2px solid #ec383d;
	line-height: 30px;
	height: 36px;
}

.modal-header .material-icons {
	color: #385cad;
	font-size: 26px;
}

#newRegisterWhereCanFind .modal-content {
	padding: 20px 15px;
}

#newRegisterWhereCanFind .modal-body p{
	padding: 0 0 15px;
	line-height: 16px;
}
#newRegisterWhereCanFind .modal-body .button{
	margin: 35px auto 0;
	display: inline-block;
	text-transform: capitalize;
    font-size: 16px;
    height: 40px;
    width: 150px;
}
.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:2px 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{
	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;*/
}
.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{
	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: -2px;
  	display: inline-block;
  	margin-left: 10px;
  	border-top: 7px solid #385cad;
  	border-right: 7px solid transparent;
  	border-left: 7px solid transparent;
  	border-bottom: 0px;
}
.order-list .list-content .list-items-section .list-item-row .list-item-details{
	padding: 15px;
	border-bottom:1px solid #e4e3e3;
	/*float: left;
	width: 95%;*/
}
.order-list .list-content .list-items-section .list-item-row .order-info-list{
	list-style:none;
	font-size: 14px;
	padding: 0px 15px 10px 5px;
	color: #3d3a3a;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list{
	list-style:none;
	margin: 10px;
	position: relative;
}
.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-info-list li span:first-child {
	width: 100px;
	display: inline-block;
	font-weight: 700;
}
.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;
	position: relative;
}
.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: 5px;
    /*width: 14.285714285714286%;*/
	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;
	font-weight: 700;
	/*width: 14.285714285714286%;*/
}
.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;
    /*margin-right: -20px;
    text-align: left;
	width: 14.285714285714286%;*/
	font-weight: 700;
	right: 10.5%;
	position: absolute;
}
.order-list .list-content .list-items-section .list-item-row .list-item-details .btn-view-order{
	background-color: #385cad;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
	padding: 10px 0px;
	display: block;
	text-align: center;
	line-height: 14px;
	max-width: 200px;
	margin: 0px auto;
	width: 100%;
	height: 40px;
}
.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:#f6f5f5;
	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 .expand-arrow{
 	border-top: 0px;
  	border-right: 7px solid transparent;
 	border-left: 7px solid transparent;
 	border-bottom: 7px solid #385cad;
}
.order-content .order-screen{
	padding: 10px 0px 20px;
	border-top: none;
}

.order-content .order-screen > .order-screen-select > div > label{
	color: #3d3c3a;
	padding-right: 10px;
	display: inline-block;
}
.order-content .order-screen > .order-screen-select > div > .job-select{
	width: 90%;
	display: inline-block;
}
.order-content .order-screen > .order-screen-select > div > .status-select{
	display: inline-block;
	width: 69%;
}
.order-content .order-screen > .order-screen-select > div > .time-select{
	display: inline-block;
	width: 79%;
}

.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.link-error{
	background-color: #fce6e8;
}
.order-list .list-content .item-section{
	line-height: 16px;
    padding: 17px 10px;
	font-size: 16px;
	font-weight: 400;
}
.order-list .list-content .list-item-title .item-section{
	padding: 0px 10px;
}
.order-list .list-content .list-item-title .item-section >label {
	font-weight: 700;
}
.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-items-section .list-item-row.open+ .list-item-row {
	border-top: 1px solid #e4e3e3;
}
.order-list .list-content .list-item{
	border-bottom: none;
}
.order-list .text-fill-color{
	/*-webkit-*/
	background:-webkit-linear-gradient(left,#595454,#595454 100%,#fff);
    -webkit-background-clip: text;
}

.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-row .list-item-details{
	display:none;
	padding: 15px;
	border-bottom:1px solid #e4e3e3;
	overflow: hidden;
    width: 100%;
}

.text-overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	display: inline-block;
	width: 98%;
}
.list-item-title{
	margin-top: 15px;
}
.list-item .list-item-left,.list-item-title .list-item-left{float: left;width: 95%;}
.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{float: right;width: 5%;}
.order-list .list-item-row.open .list-item-details .row{
	margin: 0px -5px;
	display: flex;
}
.order-list .list-item-row.open .list-item-details .row .button{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	padding: 14px 20px;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .status{
	color: #3d3c3a;
	font-weight: 400;
	left: 12.3%;
}
.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 10px;}
	.order-list .list-content .list-items-section .item-section.job-name{padding: 17px 0px;}
	.order-list .list-content .list-items-section .item-section.price-item{padding: 17px 0px;}		
}
/*@media (width: 1024px) {
	.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .total-price{
		width: 21.685714285714286%;
	}
}*/
@media (width: 1024px){
	.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .total-price{
		right: 20.8%;
	}
}
@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{
		/*margin-left: 0;*/
		width: auto;
	}
	/*.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .total-price {
		margin-right: 10px;
	}*/
	.order-list .list-content .item-section{
		padding: 17px 0px;
	}
	.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;
	    margin-right: 15px;
		font-size: 12px;
	}
	.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;
	}
	.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;
	}
}
/*mylist css change start*/
.list-total-job,.list-detail-secion{
    margin:20px 0px;
}
.list-total-section>.list-items-title{
	font-size: 16px;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
	line-height: 1.2em;
	text-align: right;
}
.list-total-price{
	font-weight: 700;
	font-size:28px;
	text-align: right;
	margin: 5px 0px;
}
.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;
}
#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{
	text-align: center;
}
#shareBulkListModal .modal-slide-3 .alert-success,
#shareBulkListModal .modal-slide-3 .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;
}
/*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;
}
.mylist-list-group{
	margin: 0px;
}
.mylist-list-group .mylist-list{
    margin-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
}
.mylist-list-group .mylist-list li{
	border: 1px solid #e4e3e3;
    display: block;
    margin-bottom: -1px;
    margin-top: 0px;
    min-height: 64px;
    transition: margin-bottom 300ms,margin-top 300ms;
}
.mylist-list-group .mylist-list li.open{
	margin-top: 10px;
	margin-bottom: 10px;
}
.mylist-list-group .mylist-list li .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{
    background-color: #f9f8f6;
}
.mylist-list-group .mylist-list li.folder-list > .item-content{
	cursor:pointer;
}
.mylist-list-group .mylist-list li .item-content .item-icon{
    margin-right: 15px;
    left: 15px;
    top: 50%;
    margin-top: -12px;
}
.mylist-list-group .mylist-list li .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{
    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{
    color: #595454;
    font-size: 12px;
    line-height: 14.4px;
	font-weight: 400;
}
.mylist-list-group .mylist-list li .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{
	background-image:url(../common/mylist-icon@32px.png);
    background-position: -596px -4px;
}
.mylist-list-group .mylist-list li .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{
	right: 39px;
    left: auto;
}
.mylist-list-group .mylist-list li .item-content .item-icon.fold{
	background-position: -170px 0px;
}
.mylist-list-group .mylist-list li.open .item-content .item-icon.fold{
	background-position: -91px 0px;
}
.mylist-list-group .mylist-list li .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{
    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 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 .item-icon{
	left: 0px;
	top:3px;
	margin: 0px;
}
.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-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;
	font-weight: 400;
}
.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 .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 .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: "";
}
.list-detail-secion p{
	font-weight: 400;
}
.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{
	font-weight: 700;
    font-size: 28px;
    text-align: left;
    margin: 5px 0px;
    text-transform: capitalize;
}
.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.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: initial;
	left: 10px;
}
.list-detail-button-section .more_action:before,.list-detail-button-section .more_action:after{
	right: initial;
	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{
    display: table-cell;
    width: 120px;
    height: 120px;
    padding: 20px 10px 0px;
    vertical-align: top;
}
.list-detail-item-section .mylist-detail-list li .info-cell{
	display: table-cell;
    padding: 20px 10px 0px;
    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-weight: 400;
	font-size: 14px;
	margin-top: 2px;
}
.list-detail-item-section .mylist-detail-list li .form-cell{
    display: table-cell;
    vertical-align: top;
    padding: 20px 10px 0px;
}
.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-group{
	padding-left: 0px;
    margin-top: 15px;
    margin-bottom: 0px;
    float: right;
}
.list-detail-item-section .mylist-detail-list li .form-cell span{
	font-weight: 400;
    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;
}
.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;
}
.list-detail-empty-section{
	margin-top:60px;
}
.list-detail-empty-section p{
	font-weight: 400;
	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;
}
/*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{
	font-weight: 400;
	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: 700;
}
#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*/

 .accountBg .break-word{
	word-break: break-word;
}
 
@media(min-width:768px) and (max-width: 1024px){
	.lp-content{
		padding: 22px 0px 22px 0px;
	}
	.registration-banner>.container { 
		max-width: 100%;
	}

	.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .status{
		left: 16%;
	}
}

/**  PW-511  -  My Setting - My Info - [Desktop] New Pollard Water UI ---start**/
.text-bold{
	font-weight: bold;
}
.myset-email-tip .ft-item p,
.form-tip.pw-form-tip .ft-item p{
	font-weight: inherit;
}
#peronalInfomation {
	margin-top: 30px;
	border-top: 1px solid #d8d8d8;
	padding-top: 20px;
}
#loginInfomation{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d8d8d8;
}
.personal-item .login-info,.personal-item .item-info{
	background-color: #f5f5f5;
	padding-left: 0;
	padding-right: 0;
	width: 620px;
}
.personal-item .item-info{
	margin-top: 20px;
}
.personal-item .login-info>.item-title,
.personal-item .item-info>.item-title{
	background-color: #ededed;
	line-height: 54px;
}
.personal-item .fc-grey {
	color: #808183;
}
.personal-item .item-title a{
	float: right;
	margin-right: 40px;
}
.personal-item .item-title a > .material-icons{
	position: relative;
	top: 4px;
}
.personal-item .login-info .item-title>span,
.personal-item .item-info .item-title>span,
.personal-item .login-info fieldset,
.personal-item .item-info fieldset{
	padding-left: 35px;
	color: #0e1318;
}
.personal-item .button.long{
	width: 150px;
}
@media ( max-width: 1024px ) and ( min-width: 768px ) {
	.personal-item .login-info, .personal-item .item-info{
		width: 100%;
	}
	.breadcrumb{
		margin-left: 10px;
	}
}
/**  PW-511 end**/

/*  PW-523 forgot password responsive  start*/

@media ( max-width: 767px){
	.forgot-password-title{
		padding-top: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.forgot-password-title h1{
		border-bottom: none;
	}
	.forgot-password-main .myacc-desc{
		padding-top: 0;
		margin-top: -12px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.myacc-title > h1{
		font-size: 22px;
	}
	.forgotPassword-form{
		padding-bottom: 16px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.forgotPassword-form+.block-success{
		padding-left: 10px;
		padding-right: 10px;
	}
	.forgotPassword-form .button.primary.long{
		width: 100%;
	}

	/*reset password start*/
	.breadcrumb{
		margin-top: 55px !important;
		margin-left: 10px;
	}
	.myacc-title{
		margin-top: 0;
	}
	.myacc-title > h1{
		height: 60px;
		line-height: 60px;
	}
	.reset-password-page{
		background-color: #f5f5f5;
	}
	.reset-password-page > div{
		padding-left: 0;
		padding-right: 0;
	}
	.resetPassword-form{
		margin-top: 0;
		padding: 20px 15px 30px 15px;
	}
	.resetPassword-form .form-group{
		padding-left: 0;
	}
	.reset-password-tip > .pw-rf-row .pw-form-tip{
		padding: 0 0 20px 0;
	}
	.rf-row .resetPassword-form .form-tip{
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.pw-rf-row .button.primary.middle{
		width: 100%;
	}
	/*reset password end*/

	/*login start*/
	.myacc-title > h1{
		border-bottom: none;
	}
	.container > .login-page{
		padding-left: 0;
		padding-right: 0;
	}
	.login-page > div{
		padding-left: 0;
		padding-right: 0;
	}
	.login-page .login-form{
		padding: 30px 10px 5px 10px;
		margin-top: 0;
	}
	.login-page .login-form > .form-group{
		padding-left: 0;
	}
	.login-page .button.primary.btn-login{
		width: 100%;
	}
	.lp-content{
		padding: 22px 10px 22px 10px;
	}
	.login-page .button.primary.btn-register{
		width: 100%;
	}
	/*login end*/

	/*order detail start*/
	.myacc-title-order-detail{
		border-bottom: 1px solid #ccc;
	}

	.myacc-title-order-detail > .myacc-title > h1{
		font-size: 38px;
	}

	.order-detail-head{
		padding: 15px 0 28px 0;
	}

	.order-detail-head .item-btn-position{
		text-align: left;
		margin-top: 30px;
	}

	.order-detail-head .item-btn-position > p{
		color: #0e1318;
		font-weight: 400;
	}

	.order-detail-head .item-btn-position > .button.primary.long{
		width: 100% !important;
	}

	.oitem-section .oitem-row-data > div:last-child{
		float: left !important;
		text-align: left;
	}

	.row.begin-refund-row{
		padding-left: 0;
		padding-right: 0;
	}

	.begin-refund-row > div:first-child{
		padding-left: 0;
		padding-right: 0;
	}

	.accountBg > div{
		margin-bottom: 25px;
	}

	.accountBg > div > p > span{
		margin-bottom: 10px;
		display: inline-block;
	}

	.accountBg > div:last-child{
		margin-bottom: 0;
	}

	.note-list ul{
		margin-left: 0;
	}

	.note-list ul > li{
		list-style: none;
	}

	.pw-pdp-need-help{
		margin-top: 0;
		margin-bottom: 60px;
	}

	.row.order-detail-head{
		padding-left: 15px;
		padding-right: 15px;
	}

	.oitem-price .total-price{
		width: 100%;
		padding-right: 5px;
		color: #595454;
	}

	.oitem-price .total-price > em{
		display: none;
	}

	.oitem-price .quantity{
		width: 100%;
		text-align: right;
		padding-right: 5px;
		margin-right: 0;
		font-weight: 400;
		color: #0e1318;
	}

	.oitem-price .per-price{
		text-align: right;
		padding-right: 5px;
		font-weight: 400;
		color: #0e1318;
	}

	.oitem-info-detail-padding{
		margin: 0 20px;
	}

	.oitem-info-title{
		font-weight: 700;
		text-transform: none;
		color: #0e1318;
		padding-bottom: 10px;
		margin-bottom: 30px;
		border-bottom: 1px solid #ccc;
	}

	.available{
		color: #0e1318;
	}

	.order-detail-osummary-totals > div{
		padding: 8px 40px !important;
	}

	.oitem-row .oitem-img{
		margin-left: 0;
	}

	.order-detail-osummary{
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 30px;
	}

	.order-detail-osummary-totals{
		margin: 25px 0 25px 0;
	}

	.order-detail-osummary > hr{
		background: #979797;
	}
	.scroll-pt-60{
		padding-top: 60px;
	}	
	/*order detail end*/

	/*dashboard start*/
	.quick-tools-row main > ul> li:active,
	.quick-tools-row main > ul> li:hover{
		background: #f9f8f6;
	}

	.row.my-info-row{
		margin-left: -20px;
		margin-right: -20px;
		margin-top: 15px;
	}

	.myacc-title-dashboard{
		margin-top: 40px;
	}

	.db-main-row{
		margin-top: 40px;
	}

	.db-main-row.my-quotes{
		margin-top: 0;
	}

	.db-main-row > header{
		padding-left: 20px;
		padding-right: 20px;
	}

	.db-main-row > header > h3{
		margin-bottom: 5px;
	}

	.db-main-row > header > span{
		float: none;
		display: block;
		margin-bottom: 10px;
	}

	.db-main-row > footer{
		border-top: none;
	}

	.db-main-row.my-quotes > footer{
		border-top: 2px #e4e3e3 solid;
		margin-left: 20px;
		margin-right: 20px;
		padding-bottom: 40px;
	}

	.db-main-row.my-quotes > .my-quotes-end-line{
		border-top: 1px #595454 solid;
		margin-left: 20px;
		margin-right: 20px;
	}

	.mobile-text-align{
		text-align: left !important;
	}

	.dashboard-help-mobile{
		margin-bottom: 50px;
	}

	.dashboard-help-mobile > .pw-pdp-need-help{
		margin-bottom: 40px;
	}

	.dashboard-help-mobile > .pw-pdp-need-help > span:last-child{
		border-bottom: 1px solid #e4e3e3;
		padding-bottom: 20px;
	}

	.dashboard-help-mobile > .tour-resource{
		padding-left: 20px;
		padding-right: 20px;
	}

	.order-group .og-title{
		font-size: 20px;
		font-weight: 700;
	}

	.order-group .og-list > li > .table > .table-cell > p > a{
		font-size: 18px !important;
	}

	.qt-list > li >dl > dt{
		padding-left: 5px;
	}

	.qt-list > li >dl > dt > p > a{
		font-size: 18px !important;
	}

	.dashboard-title >h1{
		color: #0e1318;
		font-weight: 700;
		font-size: 28px;
		text-transform: none;
		margin: 40px 0 0 20px;
	}
	/*dashboard end*/

	/*order list start*/
	.myacc-refine-box{
		margin-top: 5px;
		padding: 0 10px;
	}
	.db-list li.expand .sub-db-menu li {
		padding-left: 15px;
	}

	.order-content{
		margin-top: -40px;
	}

	.order-content .search-box{
		height: 42px;
		padding-left: 90px;
	}

	#wrapper .order-content .search-box .select-el .current,
	#wrapper .order-content .search-box .select-bigtype .select-el .sim-select,
	#wrapper .order-content .search-box .select-bigtype,
	#wrapper .order-content .search-box .select-bigtype .select-el,
	#wrapper .order-content .search-box .select-bigtype .select-el .sim-select .sim-head,
	.order-content .search-box .select-bigtype .select-el select,
	.search-box .select-bigtype .select-el .sim-select .sim-list li{
		width: 90px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}

	.order-content .search-box .input-box{
		padding: 6px 0;
	}

	.order-content .input-box .input{
		text-indent: 10px;
	}

	.order-content .search-box .search-btn{
		width: 40px;
		height: 40px;
		background: #385cad url(../common/search-icon.png) no-repeat center center;
	}

	.result-filter {
		float: left;
	}

	.result-filter > p{
		font-size: 22px;
		color: #3d3c3a;
		font-weight: 700;
	}

	.result-filter > p:hover{
		cursor: pointer;
	}

	.result-filter > p > .expand-arrow{
		position: relative;
		top: -2px;
		display: inline-block;
		margin-left: 10px;
		border-top: 7px solid #385cad;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
		border-bottom: 0px;
	}
	.result-filter.open > p > .expand-arrow{
		border-top: 0px;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
		border-bottom: 7px solid #385cad;
	}

	.order-content .result-page .condition{
		float: right;
	}

	.order-content .result-page{
		background: #f5f5f5;
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
	}

	.order-content .order-screen{
		background: #f5f5f5;
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 0;
		margin-bottom: 20px;
	}

	.order-content .order-screen > .order-screen-select > div > .job-select,
	.order-content .order-screen > .order-screen-select > div > .status-select,
	.order-content .order-screen > .order-screen-select > div > .time-select{
		width: 100%;
		padding-bottom: 20px;
	}

	.order-list{
		margin-top: 20px;
	}

	.order-list .text-fill-color{
		color: #3d3a3a;
		-webkit-text-fill-color: unset;
		font-weight: 400;
		margin-top: 5px;
		background: none;
	}

	.order-list .list-content .list-items-section .list-item{
		height: 69px;
		line-height: 69px;
	}

	.list-item .list-item-left, .list-item-title .list-item-left{
		width: 90%;
	}

	.list-item .list-item-right, .list-item-title .list-item-right{
		width: 10%;
	}

	.order-list .list-content .list-items-section .list-item .total-price{
		color: #3d3c3a;
		font-weight: 700;
	}

	.order-list .list-content .list-items-section .list-item .date{
		text-align: right;
		margin-top: 5px;
		width: auto;
		display: block;
	}

	.order-list .list-item-row.open .list-item-details .row{
		display: unset;
	}

	.order-list .list-item-row.open .list-item-details .row .button{
		position: static;
	}

	.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .status{
		position: unset;
		display: block;
		line-height: 14px;
		margin-left: 5px;
	}

	.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .total-price{
		top: 0;
		color: #3d3a3a;
		display: block;
	}

	.order-list .list-content .list-items-section .list-item-row .list-item-details{
		padding: 15px 5px 0px 5px;
	}

	.order-list .list-content .list-items-section .list-item-row .order-shipping-list li{
		height: 60px;
	}

	.order-list .list-content .list-items-section .list-item-row .order-info-list li span:first-child{
		width: 35%;
		vertical-align: text-top;
	}
	.order-list .list-content .list-items-section .list-item-row .order-info-list li span:last-child{
		display: inline-block;
		width: 59%;
		vertical-align: text-top;
	}

	.order-list .pagination {
		width: 100%;
		position: relative;
		padding-bottom: 30px;
		border-bottom: 1px solid #595454;
		margin-bottom: 50px;
	}

	.order-list .pagination .prev-icon {
		position: absolute;
		left: 0;
	}

	.order-list .pagination .prev-icon:after{
		transform: scale(2,2);
	}

	.order-list .pagination .page-wrap {
		width: 280px;
		margin: 0 auto;
		display: block;
		float: none;
		text-align: center;
	}

	.order-list .pagination .arrow-text:nth-child(3) {
		position: absolute;
		left: 20px;
	}

	.order-list .pagination .arrow-text:nth-child(5) {
		position: absolute;
		right: 20px;
		top: 0;
		margin-right: 0;
	}

	.order-list .pagination .next-icon {
		position: absolute;
		right: 0;
		top: 0;
	}

	.order-list .pagination .next-icon:after{
		transform: scale(2,2);
	}

	.custom-time{
		left: 50%;
		transform: translateX(-50%);
	}

	.order-list-help-mobile > .pw-pdp-need-help{
		padding-left: 0;
	}

	.order-list-help-mobile > .tour-resource{
		padding-left: 0;
	}
	/*order list end*/

	/*order list add to cart popup start*/
	#addItemToCart .modal-dialog{
		width: 250px;
	}
	#addItemToCart .choose-payment-modal-content{}

	#addItemToCart .choose-payment-modal .choose-payment-title{}

	#addItemToCart .choose-payment-modal-content .maincon-Inf{
		margin-bottom: 35px !important;
	}

	#addItemToCart .choose-payment-modal-content button.choosePayment-btn{
		margin-bottom: 35px !important;
	}
	/*order list add to cart popup end*/
}
@media (max-width: 478px) {
	.oitem-info-detail-padding{
		margin: 0 15px;
	}

	.oitem-row .oitem-img a{
		height: 100px;
		width: 100px;
	}

	.oitem-row .oitem-img{
		margin-left: 0px;
	}

	.oitem-longtitle{
		margin-left: 105px;
	}

	.order-detail-osummary-totals{
		margin: 25px 0 25px 0;
	}

	/*order list start*/
	.search-box .select-bigtype .select-el .sim-select{
		width: 90px;
	}

	.search-box .select-bigtype .select-el .sim-select .sim-head .current{
		width: 90px;
	}

	.order-content .search-box{
		padding-left: 90px;
	}

	.list-item .list-item-left, .list-item-title .list-item-left{
		width: 85%;
	}

	.list-item .list-item-right, .list-item-title .list-item-right{
		width: 15%;
	}
	/*order list end*/
}

/*  PW-523 forgot password responsive  end  */

/*PW-512 shipping address start*/
.item-list.biz-item-list .item-box .primary-address-tip {
	position: absolute;
	top: 25px;
	left: 175px;
}
.item-list.biz-item-list .primary-item{
	color: #0e1318;
}
.item-list.biz-item-list .primary-address-tip .material-icons.icons-help{
    color: #B2C3EB;
    font-size: 22px;
}
.biz-item-list .current-account-box {
	padding: 20px;
	border: none;
	background-color: #f5f5f5;
}
.shipping-address-cont > .ca-title,
.current-account-box .ca-title {
	text-transform: capitalize;
	color: #0e1318;
}
.current-account-box .change-acc-group{
    width: 530px;
    max-width: 100%;
    margin-bottom: 10px;
}
.current-account-box .change-acc-group .select,
.current-account-box .change-acc-group .select-el,
.current-account-box .change-acc-group .sim-select{
	height: 36px;
}
.current-account-box .change-acc-group .select .current{
	font-weight: 700;
    text-transform: capitalize;
    color: #385cad;
}
.primary-item:after{
	background: none;
}
.item-list.biz-item-list .item:first-child{
	border-bottom: 1px solid #a1a3a6;
}
.item-list.biz-item-list .item:nth-child(2){
	display: none;
}
.item-list.biz-item-list .item {
	width: 33.333333%;
	/*height: 220px;*/
	padding-bottom: 30px;
}
.item-list.biz-item-list .checkout-info-tax-exempt{
	color: #2c3f6a;
}
.item-list.biz-item-list .item-actions{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-left: 20px;
}
.shipping-address-items .item {
	padding-left: 20px;
}
/*PW-512 shipping address end*/






/***PW-1711 [Desktop] New Pollard Water UI - Group 6 - Quote start***/

.create-quote-new .create-title{
	font-size: 30px;
	color: #0e1318;
}
.create-quote-new .create-btn .button{
	font-size: 16px;
}
.quote-center .search-box{
	border-radius: 5px;
	border-color: #adb4b9;
}
#wrapper .quote-center .search-box .select-el .current{
	background-color: #6994fa;
}
.search-box .search-btn{
	background-color: #385cad;
}
.quote-center .tips-page .passed-tips .active-blue{
	color: #385cad;
}
.quote-center .order-screen .job-select>label,
.quote-center .order-screen .status-select>label {
	color: #4a4a4a;
}
.quote-center .order-screen .sim-head{
	border-radius: 5px;
}
.quote-center .quote-table .quote-cell:not(:first-child) > *{
	position: relative;
	top: 7px;
	font-size: 16px;
}
.quote-center .quote-table .quote-cell:not(:first-child) > p{
	color: #0e1318;
	font-weight: 400;
}
.quote-center .quote-table .quote-cell .pending{
	color: #D09A2D;
}
.quote-center .quote-table .quote-cell .ready-to-view{
	color: #29a64f;
}
.create-quote-modal .modal-content {
	width: 440px;
}
.create-quote-modal .textarea{
	height: 160px;
	border-radius: 4px; 
	padding: 15px 12px; 
}
.create-quote-modal .footer-buttons{
	text-align: right;
}
.create-quote-modal .footer-buttons .button{
	width: 150px;
	margin-bottom: 0;
	float: right;
	margin-left: 15px;
}
.quote-center .quote-table .thead{
    background-color: #d9d9d9;
}
#quotePassedTipsModal .modal-dialog .modal-content {
	padding-left: 17px;
	padding-right: 17px; 
	width: 450px;
}
#quotePassedTipsModal .modal-header{
	margin-bottom: 4px;
}
#quotePassedTipsModal .modal-body p{
	padding: 13px 0;
	text-align: left;
	color: #0e1318;
	font-weight: 400;
}
#quotePassedTipsModal .pw-pdp-need-help{
	margin-top: 0;
}
#quotePassedTipsModal .button.primary{
	width: 150px;
	font-size: 16px;
	height: 40px;
	line-height: 30px;
}
.new-quote-right .icon.i-pdfdown,
.pending-quote .print-pending-quote .icon.i-pdfdown{
    margin-bottom: -5px;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    background-image: url(../common/printer-purple.png);
    background-size: 100% auto;
}
.new-quote-right a.print-new-quote,
.pending-quote a.print-pending-quote { 
	margin-top: -42px;
}
.myacc-title > h1.new-quote-title{
	border: none;
}
.acctinfo-row .ar-box{
	margin : 0;
	background-color: #f5f5f5;
	border: none;
	width: 100%;
	padding: 20px;
}
.acctinfo-row .ar-box>p{
	color: #0e1318;
}
.new-quote-input-box{
	border-top: 1px solid #d8d8d8;
}
.nq-box .tool-bar{
	margin-left: 0;
}
.nq-box .tool-bar .button{
	color: white;
	width: 200px;
	height: 40px;
	background-color: #385cad;
	font-size: 16px;
	font-weight: 700;
}
.nq-box .tool-bar .button.disabled{
	background-color: #d9d9d9;
}
#quoteItemFrom ul > li{
	padding-left: 0;
	padding-right: 15px;
	border-bottom: 1px solid #d8d8d8;
}
#quoteItemFrom ul > li .ql-summary{
	margin-left: 120px;
}
#quoteItemFrom ul > li .ql-checkbox{
	width: 110px;
	margin-right: 0;
}
#quoteItemFrom ul > li .price-container {
	width: 440px;
}
#quoteItemFrom ul > li .price-container .per-price{
	width: 130px;
	line-height: 38px;
	margin: 0;
	text-transform: lowercase;
    height: 38px;
}
#quoteItemFrom ul > li .price-container .total-price{
	margin: 0;
	line-height: 38px;
	width: 105px;
	float: right;
}
#quoteItemFrom ul > li .price-container .quantity{
	width: 205px;
	margin: 0
}
#quoteItemFrom ul > li .price-container .quantity button{
	width: 38px;
	height: 38px;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	background-color: white;
	color: #385cad;
	font-size: 26px;
	vertical-align: middle;
	cursor: pointer;
}
#quoteItemFrom ul > li .price-container .quantity button.disabled{
	color: #bbbdc0;
}
#quoteItemFrom ul > li .price-container .quantity input{
	width: 80px;
	height: 38px;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	vertical-align: middle;
	margin-left: 0;
}
#quoteItemFrom ul > li .price-container .quantity .extend p{
	white-space: nowrap;
	font-size: 13px;
	font-family: TisaOT, Georgia, Sans-Serif;
}
.nq-box .quote-list.pending_quote-list .ql-summary .ql-qtytip{
	float: none;
}
.nq-headerForm .select-job{
	border: none;
	background-color: #f5f5f5;
	width: 100%;
	padding: 20px 25px;
}
.nq-headerForm .select-job .job-info{
	background-color: transparent;
	border: none;
	padding-left: 0;
}
.nq-headerForm .pending-quote-detail{
	border-top: 1px solid #d8d8d8;
	margin-top: 25px;
	margin-left: 0;
	margin-right: 0;
}
.nq-headerForm .pending-quote-detail > div{
	padding-left: 0;
}
.nq-box .pending_quote-list ul>li{
	padding: 25px;
	padding-left: 0;
	border-bottom: 1px solid #d8d8d8;
}
.pending-quote .req-quote-box{
	background-color: transparent;
	border: 4px solid #7591d2;
	border-radius: 3px;
}
.pending-quote .req-quote-box .button.disabled{
	background-color: #b2c3eb!important;
}
.nq-headerForm .form-group label > span, .nq-box .txtIta span{
	color:#0f1419;
}
.create-quote-modal .cq-desc{
	color: #0e1318;
	font-weight: 400;
}
.create-quote-modal .format-txt{
	color: #0e1318;
}
.quote-center .order-screen .sim-head .sim-arrow{
	border-top-color: #385cad;
}
.quote-search.search-box .search-btn {
	background-image: none;
	color: white;
}
.pending-quote-title h1{
	border: none;
}
.pending-quote .price-container{
	margin-top: 10px;
}
.new-quote-right .pw-pdp-need-help{
	padding-left: 0;
	margin-top: 40px;
}
#quotePassedTipsModal .modal-header h1 , #quotePassedTipsModal .modal-header h1 {
	font-weight: 600;
}
#quotePassedTipsModal .modal-body .pw-pdp-need-help{
	color: #385CAD;
	font-weight: 400;
}
.nq-box .quote-list .bottom-row {
	padding-top: 20px;
}
.nq-box .quote-list .bottom-row .price-container{
	position: relative;
}
.nq-box .quote-list .bottom-row .price-container .ql-qtytip{
    font-size: 13px;
    font-family: TisaOT, Georgia, Sans-Serif;
    position: absolute;
    left: 0; top: -22px;
}
#deleteItems button.choosePayment-btn {
	background-color: #6994FA;
}
#deleteItems button.choosePayment-btn.secondary {
	background-color: #385CAD;
}
#deleteItems .modal-header h1 {
	text-transform : none ;
}

@media ( min-width: 768px) and ( max-width: 1024px ){
	.new-quote-right  .req-quote-box{
		width: 100%;
	}
	.new-quote-right .req-quote-box input[type="button"] {
		font-size: 14px;
	}
	#quoteItemFrom ul > li .price-container .per-price,
	#quoteItemFrom ul > li .price-container .total-price{
		line-height: 30px;
		width: 120px;
	}
	#quoteItemFrom ul > li .price-container .total-price{
		width: 90px;
	}
	#quoteItemFrom ul > li .price-container .quantity{
		width: 170px;
	}

	#quoteItemFrom ul > li .price-container{
		width: 390px;
		font-size: 14px;
		margin-top: 5px;
	}
	#quoteItemFrom ul > li .price-container .quantity button{
		width: 30px;height: 30px;
		line-height: 1;
	}
	#quoteItemFrom ul > li .price-container .quantity input{
		width: 60px;
		height: 30px;
		line-height: 30px
	}
	

}



/***PW-1711  end***/

/*PW-513 Payment Info start*/
.pw-ni-box{
	margin-left: 0px !important;
}
.pw-ni-box .my-cards .step-title{
	position: relative;
	width: 100%;
    margin: 0px 20px;
	display: block;
	color: #385cad;
    font-weight: 700;
    text-transform: capitalize;
}
.pw-ni-box .my-cards .divider{
	position: absolute;
    top: 50%;
    left: 125px;
    right: 20px;
    display: block;
	border-top: 1px solid #a1a3a6;
}
.pw-ni-box .my-cards .step-sub-title{
    margin: 0px 20px;
    padding: 20px 0px;
    color: #181d22;
}
.pw-ni-box .form-group{
	margin-bottom: 30px;
}
.pw-ni-box .button.btn-pw-credit-card{
	width: 200px;
	height: 40px;
	padding: 0px;
	line-height: 40px;
	vertical-align: middle;
}
.pw-new-item-add,.pw-new-item-empty{
    padding: 0px;
}
.pw-new-item-empty .pw-ni-box .form-group{
    padding-left: 0px;
}
.pw-new-item-empty .pw-ni-box .step-sub-title{
	margin: 0px;
}
.pw-new-item-empty .pw-ni-box .step-title{
	margin: 0px;
}
/*PW-513 Payment Info end*/

/* PW-1946 start */
.rf-business-section .state-zip .state,
.rf-business-section .state-zip .zip-code{
	width: 50%;
	float: left;
}
.rf-business-section .state-zip .state{
	padding-right: 15px;
}
.rf-business-section .state-zip .zip-code{
	padding-left: 15px;
}
.rf-business-section .form-group #address{
	margin-bottom: 10px;
}
.rf-business-section .sim-head{
	border: 1px solid #bbbdc0;
	border-radius: 3px;
}
.rf-business-section .sim-head .current,
.rf-business-section .sim-select .sim-list li{
	font-size: 16px;
}
.hasCompanyAccount {
	margin-bottom: 18px;
}
.hasCompanyAccount > .fcheckbox{
	position: absolute;
}
.hasCompanyAccount > p{
	padding-left: 30px
}
.hasCompanyAccount > .fcheckbox.fchecked ~ p{
    font-weight: 700;
}

/* PW-1946 end */

/*PW-188 start*/
.pw-regist-content .pw-phone-fieldset .pw-dt-phone-filedset{
	display: block;
}
.pw-regist-content .pw-phone-fieldset .pw-mb-phone-filedset{
	display: none;
}
#newRegisterWhereCanFind .img-container,
#newRegisterWhereCanFind .img-container img{
	width: 344px;
}
@media (max-width: 767px){
	.pw-regist-title{
		margin: 30px 0px;
	}
	.pw-regist-title > h1{
	    display: block;
	    border: none;
	    height: auto;
	    line-height: 1em;
	    font-size: 22px;
	    text-align: left;
	}
	.pw-regist-form{
		padding: 0px;
	}
	.pw-regist-login{
		padding: 10px 10px 0px;
	}
	.pw-regist-title{
		padding-left: 14px;
	}
	.pw-regist-login{
		padding-left: 20px;
	}
	.pw-regist-content{
		padding: 0px;
	}
	.pw-regist-form >.row{
		margin-left: -12px;
		margin-right: -12px;
	}
	.pw-regist-content .rf-section{
		padding: 20px;
	}

	.pw-regist-content .rf-header.rf-section{
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 10px !important;
		padding-right: 10px !important;
		width: auto;
	}

    .rf-header.rf-section > div > p > span {
        display: unset !important;
        color: #0e1318;
        font-weight: 700;
    }

	.pw-regist-content .rf-account-section h2,
	.pw-regist-content .rf-business-section h2{
	    font-size: 16px;
    	margin-bottom: 15px;
	}
	.pw-regist-content .pw-phone-fieldset .pw-dt-phone-filedset{
		position: absolute;
   		top: 36px;
   		left: 193px;
	}
	.pw-regist-content .pw-phone-fieldset .pw-mb-phone-filedset{
	    display: block;
	    position: absolute;
	    top: 36px;
        left: 200px;
	}
	.pw-phone-fieldset .select.secondary{
		display: block;
		height: 36px;
	}
	.pw-regist-content .pw-phone-fieldset .inline-filed{
		margin-top: 10px;
	    margin-left: -9px;
	}
	.pw-regist-banner,
	.pw-regist-banner .container{
		padding: 0px;
	}
	.pw-regist-banner .rf-image-list{
		margin: 0px auto;
		max-width: 100%;
	}
	.pw-regist-banner img{
		display: none;
	}
	.pw-regist-banner .rf-benifit{
		padding: 25px;
		max-width: 100%;
	}
	.pw-regist-banner .rf-image-list .rf-benifit>ul>li > span{
		font-size: 14px;
	}
	.pw-regist-banner .rf-banner-footer{
		display: none;
	}
	.rf-business-section .state-zip .state{
		margin-bottom: 20px;
	}
	.rf-business-section .state-zip .state, 
	.rf-business-section .state-zip .zip-code{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 480px){
	.pw-regist-title{
		margin: 30px 0px 0px;
		padding-left: 15px;
	}
	.pw-regist-login{
		padding-left: 20px;
	}
	.pw-regist-form >.row{
	    margin-left: -10px;
    	margin-right: -10px;
	}
	.pw-regist-content  .subscribe > .fcheckbox ~ p,
	.hasCompanyAccount > .fcheckbox ~ p{
		font-size: 14px;
	    line-height: 20px;
	}
	.pw-terms-link{
		font-size: 14px;
		text-align: center;
	}
	.pw-terms-link a{
		display: block;
		font-size: 14px;
		text-align: center;
	}
	.pw-rf-submit-section .pw-rf-create{
		margin: 10px 0px;
	}
	.pw-rf-submit-section .term-conditions{
		margin: 0px;
	}
	.pw-regist-banner .rf-image-list>li>ul{
		margin-left: -5px;
		margin-right: -5px;
	}
	#wrapper > main > .container {
		padding-bottom: 0px;
	}
	.pw-rf-create .pw-rf-create-account{
		width: 100%;
		min-width: 100%;
	}
	#newRegisterWhereCanFind .img-container,
	#newRegisterWhereCanFind .img-container img{
		max-width: 344px;
		width: 100%;
	}
	.pw-regist-banner .rf-benifit > p {
		display: inline;
		float: none;
	}
}
/*PW-188 end*/

/*PW-519 start*/
.pw-rf-row .pw-form-tip{
    position: static;
    display: block;
    left: 0px;
    right: auto;
    margin: 0px auto;
    padding: 20px;
}
.pw-rf-row .button.primary.middle{
    height: 40px;
    font-size: 16px;
}
.pw-form-tip .material-icons{
    border: none;
    width: 24px;
    height: 24px;
    color: #2fbe5a;
    background: none;
    z-index: auto;
}
.pw-rf-row .pw-form-tip .ft-item > p{
    font-weight: 400;
    color: #0e1318;
}
@media (max-width: 480px){
	.pw-rf-row .pw-form-tip{
		padding: 20px;
		max-width: 100%;
	}
}
/*PW-519 end*/

/*PW-109 start*/
@media (max-width: 767px){
	.pw-regist-thankyou-banner .tk-continue{
		background-size: cover;
	}
	.pw-regist-thankyou > h1{
		border: none;
	}
}


@media (max-width: 480px){
	.pw-regist-thankyou>h1{
		font-size: 22px;
    	text-align: left;
    	padding-left: 10px;
	}
	.pw-regist-thankyou-banner{
		
	}
	.pw-regist-thankyou-banner .tk-glad-title{
	    padding: 0px 10px;
	}
	.pw-regist-thankyou-banner .tk-place{
	    padding: 0px 10px;
    	margin-top: 15px;
	}
	.pw-regist-thankyou-banner .tk-contact-info{
	    padding: 15px 10px 25px;
    	margin: 0px;
	}
	.pw-regist-thankyou-banner .tk-continue{
	    margin: 0px -10px;
	    background: url(../common/banner/continue-browsing-box-mobile.png) no-repeat;
    	background-size: cover;
	}
	.pw-regist-thankyou-banner .tk-continue .tk-continue-info{
		padding: 32px;
	}
	.pw-regist-thankyou-banner .tk-continue .tk-continue-detail{
    	font-weight: 400;
	    font-size: 22px;
	}
	.pw-regist-thankyou-banner .tk-continue .tk-continue-relationship{
    	font-weight: 400;
	}
	.pw-regist-thankyou-banner .tk-continue .button{
    	width: 180px;
	    height: 40px;
	    padding: 0px;
        margin-bottom: 30px;
	    line-height: 40px;
	}
}	
/*PW-109 end*/
@media (min-width: 481px) and ( max-width: 767px) {
	.reset-password-page::before {
		width: 100%;
		display: block;
		background-color: #f5f5f5;
		height: 60px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
}

@media(min-width:768px) and (max-width: 1023px){
	.ni-box>form{
		margin-left: 0;
	}
	.md-pl-0{
		padding-left: 0;
	}
	.pw-ni-box .my-cards .step-title,
	.pw-ni-box .my-cards .step-sub-title{
		margin-left: 0;
	}
	.pw-ni-box .button.btn-pw-credit-card{
		width: 160px;
	}
	.del-bg {
		margin-left: 0;
	}

	/*order list start*/
	.order-content .order-screen > .order-screen-select > div > .job-select{
		width: 85%;
		display: inline-block;
	}
	.order-content .order-screen > .order-screen-select > div > .status-select{
		display: inline-block;
		width: 58%;
	}
	.order-content .order-screen > .order-screen-select > div > .time-select{
		display: inline-block;
		width: 79%;
	}
	/*order list end*/
}


/** PW-73 Mobile Responsive  Message Center start **/
.message-center-mobile-title{
	display: none;
}
@media (max-width: 767px) {
	.notification-container .myacc-refine-box > *{
		display: none;
	}
	.notification-container .myacc-refine-box .dash-board-box{
		display: block;
		margin-left: -12px;
		margin-right: -12px;
	}
	.message-center-row{
		padding-left: 10px;
		padding-right: 10px;
	}
	.message-center-mobile-title{
		display: block;
		font-size: 26px;
		color: #0e1318;
		margin: 5px 0 15px 0;
		text-transform: unset;
	}
	.notifi-title{
		font-size: 20px;
		margin-bottom: 20px;
		font-weight: 700;
	}
	.notifi-title > a{
		float: none;
		display: block;
		font-size: 14px;
	}
	.message-center-row .notifi-block{
		padding: 15px 120px 20px 10px;
	}
	.notifi-block .notifi-date{
		position: static;
		margin-top: 0;
	}
	.notifi-block .notifi-date > span{
		position: absolute;
		right: 10px;
		top: 18px;
		font-size: 14px;
	}
	.notifi-block .notifi-date > a{
		position: absolute;
		right: 10px;
		bottom: 20px;
		font-size: 14px;
	}
	.notifi-block > a > span,.notifi-block > a {
		max-width: 100%;
		font-size: 14px;
	}
	.message-center-row .notifi-table .date-cell{
		width: 120px;
	}
	.notifi-table th,.notifi-table td {
		padding-left: 10px;
	}
	.notifi-table td .fs-18{
		font-size: 14px;
	}
	.notifi-table td ,.notifi-table .msg-date{
		padding: 15px 10px;
		position: relative;
	}
	.notifi-table .msg-date > p{
		position: absolute;
		top: 15px;
		left: 10px;
	}
	.notifi-table .msg-date > a {
		position: absolute;
		bottom: 15px;
		left: 10px;
		
	}
	.no-read-msg{
		padding-bottom: 40px;
		/*border-bottom: 2px solid #cccccc;*/
	}
	.message-center-row .pw-pdp-need-help {
		padding-left: 0;
		margin-bottom: 20px;
		width: 150px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ededed;
	}
	.message-center-row .pw-pdp-need-help > * {
		white-space: nowrap;
	}
	.message-center-row .tour-resource .mr-item > * {
		padding-left: 0;
	}
	.message-center-row .tour-resource .mr-item{
		padding-bottom: 50px;
	}

	.message-center-help-mobile{
		padding-top: 20px;
		border-top: 2px solid #ccc;
		clear: both;
	}
}
@media (max-width: 479px ) {
	.notification-container .myacc-refine-box .dash-board-box{
		display: block;
		margin-left: -10px;
		margin-right: -10px;
	}
}

#msgWarningModal .modal-dialog .wlmr-register-btn a{
	line-height: 35px;
}

/** PW-73 end**/

/** PW-982 Mobile Responsive Company Setting - Edit Employee  start**/
@media (max-width: 767px) {

	.add-emp-row .myacc-refine-box > *{
		display: none;
	}
	.add-emp-row .myacc-refine-box .dash-board-box{
		display: block;
		margin-left: -12px;
		margin-right: -12px;
	}
	
	.add-emp-title{
		margin-top: 30px;
	}
	.add-emp-row .name-field .form-group{
		width: 100%;
	}
	.edit-employee-container .editemp-field .name-field{
		padding-top: 50px;
	}
	.edit-employee-container .name-field .button{
		top: 0;
		left: 0;
		right: auto;
	}

	.add-emp-row .email-field,.add-emp-row .phone-field{
		width: 100%;
	}
	.add-emp-row .phone-field .phone-filed{
		width: 100%;
		position: relative;
	}
	.add-emp-row .phone-field .select{
		display: block;
	}
	.add-emp-row .phone-field .inline-filed{
		margin-left: -9px;
		margin-right: 0;
		margin: 10px  0 0 -9px; 
	}
	.add-emp-row .phone-field .ext-box {
		position: absolute;
		bottom: 0;
		top: auto;
		left: 205px;
	}
	.add-emp-row>.col-xs-12>form,.edit-employee-container .editemp-field{
		padding:0 10px; 
	}
	.add-emp-row .sel-all {
		padding-left: 35px; 
		padding-right: 45px;
	}
	.add-emp-row .sel-all>.fcheckbox{
		position: absolute;
		left: 13px;
		top: 14px;
	}
	.add-emp-row .sel-all>.job-arrow{
		right: 14px;
	}
	.add-emp-row .sel-all .ml-5{
		width: 100%;
	}
	.add-emp-row .job-view-item .views-item{
		padding-left: 35px;
	}
	.add-emp-row .job-view-item .views-cont{
		padding-left: 0;
	}

	.add-emp-btn-box{
		padding-bottom: 50px;
	}
	.add-emp-row .add-emp-btn-box .button{
		width: 45% !important;
		margin-right: 0;
	}
	.add-emp-row .add-emp-btn-box input.button{
		float: right;
	}
	
	/*.add-emp-row .pw-pdp-need-help {
		padding-left: 0;
		margin-bottom: 20px;
		width: 150px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ededed;
	}
	.add-emp-row .pw-pdp-need-help > * {
		white-space: nowrap;
	}
	.add-emp-row .tour-resource .mr-item > * {
		padding-left: 0;
	}
	.add-emp-row .tour-resource .mr-item{
		padding-bottom: 50px;
	}
	.edit-emp-banner {
		border-top: 2px solid #ccc;
		margin: 0 10px;
		padding-top: 35px;
	}*/
}
@media (max-width: 479px ) {
	.edit-employee-container .myacc-refine-box .dash-board-box{
		display: block;
		margin-left: -10px;
		margin-right: -10px;
	}
}
/** PW-982 end**/

/**PW-323 Mobile Responsive Company Setting  start**/
@media (max-width: 767px) {

	.company-setting-container .myacc-refine-box > *{
		display: none;
	}
	.company-setting-container .myacc-refine-box .dash-board-box{
		display: block;
		margin-left: -12px;
		margin-right: -12px;
	}
	.company-setting-row{
		padding: 0 10px; 
	}
	.company-setting-mb-banner{
		border-top: 2px solid #ccc;
		margin: 5px 15px 0;
		padding-top: 35px;
	}
	.company-setting-mb-banner .pw-pdp-need-help {
		padding-left: 0;
		margin-bottom: 20px;
		width: 150px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ededed;
	}
	.company-setting-mb-banner .pw-pdp-need-help > * {
		white-space: nowrap;
	}
	.company-setting-mb-banner .tour-resource .mr-item > * {
		padding-left: 0;
	}
	.company-setting-mb-banner .tour-resource .mr-item{
		padding-bottom: 50px;
	}
	.cs-position .cs-header{
		min-height: 50px;
		color: #7591d2;
	}
	.cs-main , .cs-link{
		padding-left: 20px;
	}
	.cs-position{
		padding-bottom: 60px;
	}
	.cs-position .cs-link{
		bottom: 25px;
		color: #385cad;
	}
}
@media (max-width: 479px ) {
	.company-setting-container .myacc-refine-box .dash-board-box{
		display: block;
		margin-left: -10px;
		margin-right: -10px;
	}
}
/**PW-323 end**/


/** PW-2088 Mobile Responsive - Quote start **/

@media (max-width: 767px) {
	
	.quote-center-container .myacc-refine-box > *{
		display: none;
	}

	.quote-center-container .myacc-refine-box .dash-board-box{
		display: block;
		margin-left: -12px;
		margin-right: -12px;
	}
	.search-box .input-box .input{
		text-indent: 10px;
	}
	.create-quote-new,
	.quote-center .order-screen,
	.quote-center .tips-page .result-page{
		margin-left: -18px;
		margin-right: -18px;
		padding: 0 18px 20px;
	}
	.quote-center .tips-page .result-page{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.create-quote-new .create-btn .button{
		width: 100%;
	}
	#wrapper .quote-center .search-box .select-el .current,
	#wrapper .quote-center .search-box .select-bigtype .select-el .sim-select,
	#wrapper .quote-center .search-box .select-bigtype,
	#wrapper .quote-center .search-box .select-bigtype .select-el,
	#wrapper .quote-center .search-box .select-bigtype .select-el .sim-select .sim-head,
	.quote-center .search-box .select-bigtype .select-el select,
	.search-box .select-bigtype .select-el .sim-select .sim-list li{
		width: 90px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	.search-box .select-bigtype .select-el .sim-select .sim-list li{
		padding-top: 0;
	}
	.quote-center .search-box{
		height: 42px;
		padding-left: 90px;
	}
	.quote-center .search-box .input-box{
		padding: 6px 0;
	}
	.quote-search.search-box .search-btn{
		width: 40px;
		height: 40px;
	}
	.quote-center .order-screen>div,
	.order-content .order-screen .job-select,
	.quote-center .order-screen .status-select,
	.quote-center .order-screen .job-select .select,
	.quote-center .order-screen .status-select .select{
		width: 100%;
		margin-left: 0;
	}
	#quoteCenterAjaxReplaceFlag{
		position: relative;
	}
	.tip-message-box .tm-cont{
		padding: 15px;
	}
	.quote-center .order-screen .status-select {
		margin-top: 15px;
	}
	.quote-center .tips-page{
		padding-bottom: 0;
	}
	.quote-center .order-screen,
	.quote-center .tips-page .result-page{
		background-color: #f9f9f9;
		border-top: none;
	}
	.quote-center .tips-page .filter-tip{
		vertical-align: top;
    	line-height: 26px;
		float: left;
	}
	.quote-center .tips-page .filter-tip p{
		vertical-align: top;
	}
	.quote-center .tips-page .filter-tip p > *{
		vertical-align: top;
		line-height: 24px;
	}
	.quote-center .tips-page .filter-tip p > i{
		color: #385cad;
	}
	.quote-center .tips-page .result-page .condition{
		float: right;
	}
	.quote-center .quote-table{
		margin-top: 20px;
	}
	.quote-center .quote-table .mb-quote-cell,
	.quote-center .quote-table .mb-thead{
		padding: 15px 10px;
	}
	.quote-center .quote-table .quote-cell:not(:first-child) > *{
		top: 0;
	}
	.quote-center .quote-table .mb-quote-cell>p{
		margin-top: 0;
		margin-bottom: 3px;
	}
	.quote-center .mb-pagination{
		width: 100%;
		float: none;
		position: relative;
		text-align: center;
		margin-bottom: 30px;
	}
	.quote-center .mb-pagination .next-icon{
		position: absolute;
		top: 0;
		right: 0; 
	}
	.quote-center .mb-pagination .prev-icon::after,
	.quote-center .mb-pagination .next-icon::after{
		transform: scale(2,2);
	}
	.quote-center .mb-pagination .prev-icon{

	}
	.quote-center .mb-pagination .arrow-text{
		position: absolute;
		right: 30px ; top: 0;
	}
	.quote-center .mb-pagination .prev-icon + .arrow-text{
		position: absolute;
		left: 30px ; top: 0;
		right: auto;
	}
	.quote-center .mb-pagination .page-wrap{
		float: none;
	}
	.quote-banner {
		border-top: 2px solid #ccc;
		margin: 0 10px;
	}
	.quote-banner .pw-pdp-need-help {
		padding-left: 0;
		margin-top: 30px;
		margin-bottom: 20px;
		width: 150px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ededed;
	}
	.quote-banner .mr-item{
		margin-bottom: 40px;
	}
	.quote-banner .pw-pdp-need-help > * {
		white-space: nowrap;
	}
	.quote-banner .tour-resource .mr-item > * {
		padding-left: 0;
	}
	.quote-banner .tour-resource .mr-item{
		padding-bottom: 50px;
	}
	.create-quote-modal {
		max-width: 100%;
	}
	.create-quote-modal .modal-content {
		width: 280px;
		margin: auto;
	}
	.create-quote-modal .footer-buttons .button{
		width: 100%;
		margin-bottom: 10px;
	}
	.req-quote-box{
		width: 100%;
		margin-top: 25px;
		border: 2px solid #dedfe1;
	}
	.new-quote-right a.print-new-quote, .pending-quote a.print-pending-quote{
		display: none;
	}
	.pending-quote .pw-pdp-need-help,
	.new-quote-right .pw-pdp-need-help{
		padding-left: 0;
		margin-bottom: 30px;
	}
	.pending-quote .pw-pdp-need-help{
		margin-top: 25px;
	}
	.nq-headerForm .form-group{
		width: 100%;
	}
	.nq-box .tool-bar{
		margin-right: 0;
	}
	.nq-box .tool-bar .button{
		float: right;
		width: 140px;
	}
	.nq-box .tool-bar .check-all{
		margin-top: 8px;
	}
	.nq-box .quote-list .ql-summary .ql-name{
		width: auto;
	}
	#quoteItemFrom ul > li .ql-checkbox{
		float: none;
	}
	#quoteItemFrom ul > li .price-container{
		width: auto;
	}
	#quoteItemFrom ul > li .price-container .quantity{
		width: 100%;
	}
	#quoteItemFrom ul > li .price-container > *{
		float: right;
		text-align: right;
	}
	#quoteItemFrom .multip-price{
		margin-top: 20px;
	}
	.nq-box .quote-list .bottom-row .price-container .ql-qtytip{
		right: 0;
	}
	#wrapper .pending_quote-list .price-container>div{
		float: right;
		margin-right: 0;
	}
	.pending_quote-list .price-container>.ql-qtytip{
		white-space: nowrap;
	}
	.pending_quote-list .price-container>.quantity{
		width: 100%;
	}
	.quote-list .quantity label{
		width: auto;
		text-align: right;
		margin-bottom: 0;
	}
	#deleteItems .modal-dialog,
	#quotePassedTipsModal .modal-dialog{
		max-width: 90%;
	}
	#deleteItems .btn-position .button{
		margin: 0 0 10px;
		width: 100%;
	}
	#quotePassedTipsModal .modal-dialog .modal-content{
		width: 100%;
	}
}

@media (max-width: 479px) {

	.quote-center-container .myacc-refine-box .dash-board-box{
		display: block;
		margin-left: -10px;
		margin-right: -10px;
	}
	.create-quote-new,
	.quote-center .order-screen,
	.quote-center .tips-page .result-page{
		margin-left: -15px;
		margin-right: -15px;
		padding: 0 15px 20px;
	}
	.quote-center .tips-page .result-page{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.nq-box .quote-list .bottom-row .price-container .ql-qtytip{
		font-size: 12px;
	}
	#quoteItemFrom ul > li .price-container .quantity .extend p{
		font-size: 12px;
	}
}

/** PW-2088 end **/

/*order detail start*/
.icon.i-pdfdown{
	margin-bottom: -5px;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	background-image: url(../common/printer-purple.png);
	background-size: 100% auto;
}
.myacc-title > h1 > a.small{
	bottom: -3px;
}

.order-detail-head > .otitle > h2{
	font-weight: 700;
	color: #595454;
}

.order-detail-head > .otitle .otitle-order{
	color: #0e1318;
	font-weight: 700;
}

.order-detail-head > .otitle > p {
	color: #0e1318;
}

.order-detail-head > .otitle > p > span{
	font-weight: 400;
	color: #0e1318;
}

.order-detail-head > .otitle > p > span.f-bold {
	font-weight: 700;
}

.oitem-section .oitem-row-data .web-order{
	font-weight: 400;
}
.oitem-section .oitem-row-data .web-order > .web-order-title{
	font-weight: 700;
	color: #0e1318;
}
.oitem-section .oitem-row-data .web-order > .item-number{
	font-size: 16px;
}

.oitem-section .oitem-row-data .web-order-status{
	color: #0e1318;
}
.oitem-section .oitem-row-data .web-order-date{
	color: #0e1318;
}

.order-infor > p {
	color: #0e1318;
	font-weight: 700;
}

.otiem-table-row {
	padding: 24px 0px;
}
.otiem-table {
	width: 100%;
	max-width: 100%;
	min-height: .01%;
	overflow-x: auto;
	border-collapse: collapse;
}
.otiem-table .oitem-no {
	padding-left: 10px;
	text-align: center;
}
.otiem-table-row .otiem-table > tbody > tr:hover {
	background-color: #d9e9f5;
}
.otiem-table > thead > tr > th {
	height: 36px;
	vertical-align: middle;
	font-weight: 600;
	font-size: 14px;
}
.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 span {
	font-weight: 700;
}
.otiem-table .oitem-no span {
	padding: 7px 0px;
	font-weight: 600;
	text-align: center;
}
.otiem-table .oitem-img {
	padding-left: 10px;
}
.otiem-table .oitem-pro-code {
	padding-left: 10px;
}
.otiem-table .oitem-pro-code a {
	font-size: 14px;
	font-weight: 600;
}
.otiem-table .oitem-img img {
	margin: 3px 0px;
	width: 30px;
	height: 30px;
}
.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: 400;
	font-size: 14px;
	color: #0e1318;
}
.popover {
	width: 270px;
	padding: 20px;
	position: absolute;
	background: #ededed;
}
.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;
}
.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;
}
.otiem-table .oitem-net-price {
	text-align: right;
	padding-right: 10px;
	font-weight: 400;
}
.otiem-table .oitem-price-content {
	position: relative;
	display: block;
}
.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;
	top: -20px;
	right: 0px;
	font-size: 12px;
}
.otiem-table .oitem-uom {
	text-align: center;
	padding: 0px 10px;
}
.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-table > tbody > tr > td > span {
	white-space: nowrap;
	font-size: 14px;
	font-weight: 400;
	color: #0e1318;
}
.otiem-table > tbody > tr {
	border: 1px solid #e4e3e3;
}

.order-detail-osummary {
	margin-bottom: 30px;
}
.order-detail-osummary-totals{
	border: 1px solid #e4e3e3;
	padding: 0;
}
.order-detail-osummary-totals > .osub-total{
	font-weight: 400;
}
.order-detail-osummary-totals > div {
	padding: 8px 20px 8px 10px;
	border-bottom: 1px solid #e4e3e3;
	background: none;
	margin-bottom: 0;
	color: #0e1318;
}
.order-detail-osummary-totals > div:last-child{
	border-bottom: none;
	font-weight: 700;
}

.order-detail-need-help{
	text-align: center;
}
.scroll-pt-60{
	padding-top: 60px;
}	
/*order detail end*/

/*order list start*/
.inline-error{
	margin-left: 9px;
}
.select.tertiary .sim-select .sim-head{
	border-radius: 3px;
}
.select.tertiary .sim-arrow{
	border-top-color: #385cad;
}
/*order list end*/

/*order list add to cart popup start*/
#addItemToCart .choose-payment-modal-content{
	margin-top: 20px;
	margin-bottom: 20px;
}

#addItemToCart .choose-payment-modal .choose-payment-title{
	font-weight: 700;
	min-height: 50px;
}

#addItemToCart .choose-payment-modal-content .maincon-Inf{
	margin-bottom: 42px;
	min-height: 98px;
}

#addItemToCart .choose-payment-modal-content button.choosePayment-btn{
	margin-bottom: 60px;
}
/*order list add to cart popup end*/

/*PW-2088 start*/
.container > .pending-quote{
	margin-left: 0px;
    margin-right: 0px;
}
@media (max-width: 480px){
	.nq-headerForm .pending-quote-detail{
		border-top: none;
		padding: 0px 0px 15px;
	}
	.req-quote-box .txt{
		/*background: none;*/
	}
	.container > .new-quotes{
		margin-left: 0px;
    	margin-right: 0px;
	}
	.quote-center-container .db-list li a{
		padding-left: 30px;
	}
	.quote-center-container .myacc-title > h1{
	    font-size: 24px;
	}
	.quote-center-container .create-quote-new{
	    padding: 20px 15px;
	}
	.quote-center-container .create-quote-new .create-tips{
		margin-top: 0px;
	}
	.new-quote-input-box{
		border-top: none;
		padding: 0px;
	}
}
/*PW-2088 end*/


/*PW-75 my-setting landing , shipping address , payment , my infomation start*/
#js-new-paymentOptionForm .form-group label > em,
#js-edit-paymentOption .form-group label > em{
	font-style: normal;
	font-family: inherit;
}
.current-account-box .ca-title{
	font-size: 0;
}
.current-account-box .ca-title::first-line{
	font-size: 18px;
}

@media screen and ( max-width: 1023px ) and ( min-width: 768px ){
	#js-edit-paymentOption .sim-select .sim-list ul,
	#js-new-paymentOptionForm .sim-select .sim-list ul{
		max-height: 251px;
	}
}

@media screen and (max-width: 767px) {
	/** landing page **/
	.my-setting-title{
		display: none;
	}
	.row.my-info-row {
		margin-left: -10px;
		margin-right: -10px;
	}
	.my-setting-con{
		padding-left: 15px;
		padding-right: 15px;
	}
	.my-setting-mobile-title,
	.my-info-mobile-title,
	.address-mobile-title,
	.cc-mobile-title{
		color: #0e1318;
	    font-size: 26px;
 		height: 60px;
    	line-height: 60px;
	    font-weight: bold;
	    text-transform: none;
	}

	.myacc-refine-box .dash-board-box{
		margin-left: -22px;
		margin-right: -22px;
	}
	.my-setting-con .setting-item .item-header,
	.my-setting-con .setting-item .item-cont dl,
	.my-setting-con .setting-item .item-cont p{
		padding-left: 15px;
	}
	.my-setting-con .setting-item .item-cont .table-cell{
		display: block;
		padding-left: 15px;
		margin-bottom: 10px;
	}
	.my-setting-con .setting-item .item-cont .text-right{
		text-align: left;
		padding-left: 15px;
	}
 	.my-setting-con .setting-item .item-header .top-icon{
		display: none;
 	}
 	.my-setting-con .setting-item .item-header .title{
 		font-weight: bold;
 		font-size: 20px;
 	}
	.mb-profile-landing-cont span.blue{
		color: #385cad;
	}

	/** personal setting page **/
	.my-info-row .personal-item {
		padding-right: 20px;
	}
	#loginInfomation,#peronalInfomation{
		padding-left: 0;
		padding-right: 0;
	}
	.personal-item .item-title>span{
		color: #0e1318;
	}
	.my-info-row .personal-item .login-info .item-title>span,
	.my-info-row .personal-item .item-info .item-title>span{
		font-size: 22px;
	}
	.personal-item .login-info {
		max-width: 100%;
	}
	.personal-item .item-info{
		max-width: 100%;
		/*margin-top:*/
	}
	.personal-item .item fieldset dl > dt ,.personal-item .item fieldset dl > dd{
		float: none;
		margin-left: 0;
	}
	.personal-item .item fieldset dl > dd{
		color: #505050;
	}
	
	.personal-item .item:last-child {
		margin-bottom: 30px;
	}
	.personal-item .rf-row fieldset{
		max-width: 100%;
	}
	.my-info-mobile-title{
		padding-left: 15px;
	}
	.personal-item .login-info .item-title>span,
	.personal-item .item-info .item-title>span, 
	.personal-item .login-info fieldset, 
	.personal-item .item-info fieldset{
		padding-left: 18px;
	}
	.personal-item .item-title a{
		margin-right: 18px;
	}
	.personal-item .item-title>span{
		font-size: 22px;
	}
	/** shipping address **/
	.current-account-box .ca-title{
		font-size: 18px;
	}
	.current-account-box .ca-title::first-line{
		font-size: 0;
	}
	.current-account-box .change-acc-group .select .current{
		font-family: inherit;
		color: #595454;
	}

	.shipping-address-cont .ca-cont{
		margin: 10px 0; 
	}
	.shipping-address-cont .del-bg,
	.credit-cards-con .del-bg{
		margin-left: 0;
		margin-right: 0;
	}
	.item-list.biz-item-list{
		margin-top: 20px;
	}
	.item-list.biz-item-list .item:first-child{
		padding-bottom: 5px;
	}
	.item-list.biz-item-list .item,.item-list.biz-item-list .item:first-child{
		margin-bottom: 30px;
	}
	.item-list.biz-item-list .item:not(:first-child) .item-content{
		margin-top: 0;
	}
	.item-list.biz-item-list .item{
		width: 100%;
		padding-left: 0;
	}
	.shipping-address-cont,.credit-cards-con{
		padding: 0 15px;
	}
	.item-list.biz-item-list .item-actions{
		padding-left: 0;
	}
	.account-help-mobile{
		padding-top: 35px;
		border-top: 2px solid #ccc;
		margin-bottom: 30px;
		clear: both;
	}
	.account-help-mobile .pw-pdp-need-help > *{
		white-space: nowrap;
	}
	.personal-item + .account-help-mobile{
		margin-left: 10px;
		margin-right: 10px;
	}
	.personal-item + .account-help-mobile .pw-pdp-need-help{
		padding-left: 0;
	}
	.account-help-mobile .pw-pdp-need-help {
		padding-left: 0;
		margin-bottom: 0;
		width: 150px;
		padding-bottom: 20px;
	}
	.account-help-mobile .pw-pdp-need-help + .tour-resource{
		border-top: 1px solid #ededed;
		width: 150px;
		padding-top: 20px;
	}
	.account-help-mobile .tour-resource .mri-title{
		white-space: nowrap;
	}
	.item-list.biz-item-list ~ .account-help-mobile{
		margin-left: 10px;
		margin-right: 10px;
	}
	/** credit cartd list  **/
	.popover.same-address-tip{
		left: 20px!important;
		right: auto;
	}
	.popover.same-address-tip::after{
		left: 5px;
		right: auto;
	}
	.pw-ni-box .my-cards .divider{
		right: 0;
	}
	.credit-cards-con .item-list .item {
		width: 100%;
	}
	.credit-cards-con .item-list .item:last-child form{
		border: none;
	}
	.ni-box form{
		margin-left: -6px;
	}
	.pw-ni-box .my-cards .step-title,
	.pw-ni-box .my-cards .step-sub-title{
		margin-left: 0;
	}
	.payment-step-one,.payment-step-two{
		margin: 0;
		padding-right: 5px;
	}
	.payment-step-one .form-group{
		padding-right: 0;
	}
	.setting-item .position-bot{
		font-size: 16px;
	}
	.mb-profile-landing-cont>a{
		font-family: inherit;
		color: inherit;
	}
	.credit-cards-con .item-list .item form{
		margin-left: 0;
		padding-left: 0;
	}
	#js-edit-paymentOption .phone-filed,
	.payment-step-two .phone-filed{
		width: 75%;
	}
	#js-edit-paymentOption .phone-filed .text-input,
	.payment-step-two .phone-filed .text-input{
		width: 29%;
	}
	#js-edit-paymentOption .ext-filed,
	.payment-step-two .ext-filed{
		float: right;
		width: 22%;
	}
	.pw-ni-box .button.btn-pw-credit-card,
	.personal-item .button.long{
		width: 45%!important;
	}

	.pw-ni-box .button.btn-pw-credit-card ~ .button.btn-pw-credit-card,
	.personal-item .button.long ~ .button.long{
		float: right;
	}
	.credit-cards-con .item-list{
		padding-top: 0;
	}
	.credit-cards-con .item-list .primary-item{
		position: relative;
		top: 0;
	}
	.credit-cards-con .item-list .item-content{
		margin-top: 0;
	}
	#js-edit-paymentOption .form-group .button{
		margin: 0;
		width: 45%;
	}
	#js-edit-paymentOption .form-group .button.primary{
		float: right;
	}
	#js-edit-paymentOption > fieldset > legend{
		color: #181d22;
	}
	.credit-cards{
		margin-left: 0;
		margin-top: 10px;
	}
}
@media screen and ( max-width: 480px){
	
	.my-info-mobile-title{
		padding-left: 10px;
	}
	.my-info-row .personal-item{
		padding-left: 15px;
		padding-right: 15px;
	}

	.myacc-refine-box .dash-board-box{
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.personal-item .rf-row .phoneField .phone-filed>.inline-filed{
		margin: 15px 0 0 -9px;
		width: 100%;
	}
	.personal-item .rf-row .phoneField .phone-filed + .ext-filed{
		margin-top: 51px;
		width: 65px;
		right: auto;
		left: 200px;
	}

	.primary-address-tip .form-tip{
		top: 35px;
		left: -160px;
	}
	.primary-address-tip .form-tip:after{
		border-color: transparent transparent #ededed transparent;
		top: -24px;
		left: 163px;
	}
	.item-list.biz-item-list{
		padding: 0 5px;
	}
	.ni-box form{
		margin-left: -5px;
	}

}
/*pw-75 end*/


/* PW-982 start */
@media ( max-width: 767px ){

	.add-emp-row .add-emp-title{
		margin-top: 10px;
	}
	.company-setting-container.row .dash-board-box{
		margin-left: -24px;
		margin-right: -24px;
	}
	.add-employee-container , .edit-employee-container {
		margin-top: 20px;
	}
}
	
@media (max-width: 480px) {
	.company-setting-container.row .dash-board-box{
		margin-left: -20px;
		margin-right: -20px;
	}
	.add-emp-row,
	.edit-employee-menus,
	.add-employee-menus {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.add-emp-row .email-field .form-tip{
		display: none;
	}
	.add-emp-row .add-package-box{
		margin-top: 40px;
	}
	.role-item{
		height: 320px;
	}
	.branch-acc-setting .bas-title{
		margin-bottom: 25px;
	}
	.edit-employee-contents,
	.add-employee-contents {
		padding-left: 10px;
		padding-right: 10px;
	}
	.add-emp-row .account-help-mobile{
		margin-left: 10px;
		margin-right: 10px;
	}

	#delEmpModal .modal-dialog {
		max-width: 100%;
	}
	#delEmpModal .modal-content{
		max-width: 90%;
		margin: auto;
	}
	#delEmpModal .del-emp-btn-box .button{
		margin: 0;
		width: 40%;
	}

	.del-emp-btn-box .button.tertiary{
		/*width: 100px;*/
	}
	.del-emp-btn-box .primary {
		float: right;
		min-width: 140px;
	}
}
/* PW-982 end */
#js-quick-tools .watermark_container .watermark {
	font-weight: 400;
	font-family: var(--font-primary) !important;
}
.nq-box .quote-list .ql-summary .ql-name a p {
	font-weight: 600;
}
.js-quote-down-load span {
	font-weight: 600;
}
.order-list .list-content .list-items-section .list-item-row .order-shipping-list li .total-price .inline-block {
	font-weight: 700;
}
.order-detail-head > .otitle .otitle-order .text-normal {
	font-weight: 700;
}
.order-detail-osummary-totals > div:last-child .table-cell {
	font-weight: 700;
}