header.site-header nav.top-nav ul li.has-sub ul:afterheader.site-header nav.top-nav ul li.has-sub ul:afterhtml,
body {
margin:0;
padding:0;
height:100%;
}
a{
cursor: pointer;
}
.container {
min-height:100%;
position:relative;
}
header.site-header nav.top-nav ul li.has-sub ul:afterheader.site-header nav.top-nav ul li.has-sub ul:after
.footer {
position:absolute;
bottom:0;
width:100%;
height:60px;   /* Height of the footer */
}

.back a {
display: inline-block;
position: relative;
}
.back a::after {
content: '';
position: absolute;
left: 0;
display: inline-block;
height: 1em;
}
.back a:hover{text-decoration: none !important}

.back-link a {
display: inline-block;
position: relative;
}
.back-link a::after {
content: '';
position: absolute;
left: 0;
display: inline-block;
height: 1em;
width: 90%;
border-bottom: 1px solid;
margin: 5px 0 0 7px;
}
.back-link a:hover{text-decoration: none !important}

.imgwd100{
width: 100%;
margin: auto;}

.remove_promo{
padding-left: 241px;
text-decoration: underline;
}
/*.back-link a {color: blue; text-decoration: underline;}*/
/*.back-link  {color: blue; text-decoration: underline;}*/
.modal-dialog .notify .sc-alert.sc-alert-danger{    margin: 0px 0px 20px 20px;
width: 83%;}

.modal-dialog .notify .sc-alert.sc-alert-danger.checkout-error{    margin: 0px 0px 20px 0px !important;
    width: 87% !important;}

/*CHROME ONLY*/
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
#ui-datepicker-div {top:873.333px;}
.radio input[type=radio]:checked+label:before {line-height: 14px !important}

}

.checkout .checkout-wrapper .step-3 .details h5.air-cargo, .checkout .checkout-wrapper .step-3 .details h5.sea-cargo {
text-align: left;
}

.account-hr{
position: relative; left: 0; z-index: 0; width: 100%;
}

/*MOZILLA ONLY*/
@-moz-document url-prefix() {
.customer .main .main-content .header {
margin-bottom: 30px !important; }

.account-hr {left: -297px; top: 25px;}
header.site-header nav.top-nav ul li.info a:hover {
    padding:33px 15px 23px; }

    .radio input[type=radio]:checked+label:before { line-height: 12px !important;}
    .address-list.radio input[type=radio]:checked+label:before { line-height: 13px !important;}
    #profile .radio input[type=radio]:checked+label:before { line-height: 14px !important;}
    header.site-header nav.top-nav ul li.ha a:hover {padding:33px 15px 27px !important;}

header.site-header nav.top-nav ul li a:hover {padding: 30px 15px;}

.pagination { width: -moz-max-content;}

.storage-wrapper .clearfix {display: block;}
}

.forgot .sc-alert.sc-alert-danger {width: fit-content;}



.modal-dialog .underline {
padding-left:35px; top:575px;}

.modal-dialog footer .modal-footer { background: transparent; border: none;}

.modal-dialog .modal-header span{position: absolute; top: 0; left: 25%;}
.carousel-inner > .item {background: transparent;}


#profile .cancel
{ text-decoration: underline; position: relative;
top: -17px;
left: 20px;
}
#profile.account-info .sc-alert.sc-alert-success {
width: 35% !important;}

#email .cancel
{ text-decoration: underline; position: relative;
top: -17px;
left: 20px;
}

#password .cancel
{ text-decoration: underline; position: relative;
top: -17px;
left: 20px;
}

#profile input[type=text] {
display: block;
}

/*RECENTLY ADDED ABOVE*/


.item-list-details td, th {
padding: 10px;
}

.btn-disable {
color: #414141;
font-size: 15px;
background-color: #f0f3f4;
border-radius: 5px;
border: 1px solid #c1cbd0;
width: 100%
}
.underline { text-decoration: underline;
position: absolute;}

.registration-success .top-nav { margin: -46px 0 0 0px;}

.take a {
    text-decoration: underline;
}

.take .heading {
    font-size: 18px;
}

.take hr {
    border-bottom: solid 1px #ddd;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.take span {
    margin: 0 auto;
    color: #333;
}

.take .skiptour {
    color: #fff;
    padding: 20px 0;
}

.take p {
    margin: 0;
    padding: 10px 0;
}

.take span .next {
    margin-right: 5px;
}

.take span .previous {
    margin-left: 5px;
    margin-right: 10px;
}

.take .skip-wrapper {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
}

.take .skip-wrapper .skiptour .skip-icon {
    color: #fff;
    margin-right: 5px;
}

.take .pull-right {
  display: flex;
}

.tour1{
    position: absolute;
    left: 310px;
    width: 355px;
    height: 195px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    z-index: 10000;
}

.tour1:before{
    content: "";
    position: absolute;
    right: 100%;
    top: 40%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 14px solid #fff;
    border-bottom: 10px solid transparent;
}

.tour2{
    position: absolute;
    left: 20px;
    top: 60px;
    width: 320px;
    height: 195px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    z-index: 10000;
}

.tour2:before{
    content: "";
    position: absolute;
    left: 100%;
    top: 40%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 14px solid #fff;
    border-bottom: 10px solid transparent;
}

.tour3{
    position: absolute;
    left: 120px;
    top: 60px;
    width: 320px;
    height: 220px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    z-index: 10000;
}

.tour3:before{
    content: "";
    position: absolute;
    left: 100%;
    top: 35%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 14px solid #fff;
    border-bottom: 10px solid transparent;
}

.tour4{
    position: absolute;
    left: 265px;
    top: 75px;
    width: 320px;
    height: 165px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    z-index: 10000;
}

.tour4:before{
    content: "";
    position: absolute;
    left: 100%;
    top: 40%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 14px solid #fff;
    border-bottom: 10px solid transparent;
}

.tour5{
    position: absolute;
    right: 140px;
    top: 10px;
    width: 320px;
    height: 165px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    z-index: 10000;
}

.tour5:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -13px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 14px solid #fff;
    border-right: 10px solid transparent;
}

.tour6{
    position: absolute;
    right: -30px;
    top: 10px;
    width: 320px;
    height: 205px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    z-index: 10000;
}

.tour6:before{
    content: "";
    position: absolute;
    left: 50%;
    top: -13px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 14px solid #fff;
    border-right: 10px solid transparent;
}

.helpcenter { margin: 8% 0% 0% 0%;}
.help-head {margin:0 3% 0 3%;}
.helpcenter ul li {display: inline-block; padding: 0 5px 0 0;}
.helpcenter h2 {text-align:left !important; margin:0 0 3% -15px; }
.helpcenter .hr { background-color: #dfdfdf; height: 3px; margin-top: 3%;}
.orange1 {background-color:#f79a34;}


.orange2 {background-color:#f69135;}

.orange3 {background-color:#f58435;}

.orange4 {background-color:#f47636;}

.orange5 {background-color:#f26637 ;}

.orange6 {background-color:#f15538 ;}

.orange7 {background-color:#f14739 ;}

.orange8 {background-color:#f14d4c;}
.helpcenter li.gray img{background-color: #666666;}




.saving-tips { margin: 0% 5% 5% 33%;}
.saving-tips ul li { display: inline-block; padding-left: 2%;}
.saving-tips h4 {font-weight: bolder;}

.tipbox {display: inline-block; position: relative; left: 17%;  padding: 0 5% 0 0%;}
.tipbox h4::before {  content: url(../img/helpcenter/tipscheck.png); }
.tipbox .shadow{
background-image: url(https://cdn.shippingcart.com/img/helpcenter/shadow.png);
background-repeat: no-repeat;
height: 30px;
position: relative;}
.tips {
border: 1px solid #E4E4E4;
padding:0px 0px 30px 10px;
border-radius: 5px;
height: auto; width:357px;}




.helpcenter table {
border: none;
}

.helpcenter  table span { text-align: left;}


.helpcenter  table tbody tr td {
border-right:none;
border-bottom:1px dotted;

border-top:1px dotted;

}

.categories { margin: 5% 5% 5% 5%;}
.categories p {
margin-top: 2%;
margin-bottom: 0%;
padding: 2% 2% 2% 2%;
}

.body-wrapper.contact {background-color: #fcfcfc;}


.categories button {margin-top: -10px;}

.categories  .btn-orange-gradient {color: #fff;}
.categories textarea {resize: none;}
.contact-sc{margin-left: 2%;}
.contact h2{text-align: left !important;}
.form-sc { background-color: #fff;
        padding: 2% 2% 2% 2%;
        width: 310px;
        border-radius: 5px;
        height:280px;
        margin-top:15px;
}
.form-sc2 { background-color: #fff;
        padding: 2% 2% 2% 2%;
        width: 310px;
        border-radius: 5px;
        height:450px;
        margin-top:15px;
}
.categories .fa-circle {font-size: 4px;}

.disnone {display: none;}

.prohibited-items .collapse { background-color: inherit;}

/*.prohibited-items .fa-caret-right::before {content: "\f0d9";}*/

/*.prohibited-items .arrow .fa-caret-left::before {content: "\f0d7";}*/

.prohibited-icons ul li {display: inline-block; padding: 0px 25px 0px 0px;}

.prohibited-icons ul li:nth-child(3) {margin-top:32px;}

.prohibited-list ul li{padding: 0 0 0 0;}

ul.list-disc{padding: 10px 20px 10px 43px; margin: 2%;}


.prohibited-cat {
background-color: #fcfcfc;
width: 500px;
height: auto;
display: inline-block;
margin: 1% 6% 2% 0%;
padding: 15px 0px 15px 5px;}

.privacy-policy .section-title {
text-transform: none;
}
.active {
/*background-color: #ffffff;*/
color: "black";
}


#ship-it table thead th {
padding: 20px 5px 20px 5px;
text-align: center;}
#ship-it table thead th:first-child{
padding: 5px 0px 5px 12px;
}

#ship-it tbody tr td{
padding: 15px 10px;
text-align: center;
}


#ship-it .shipping-method {
    min-width: 95px !important;
}
.btn.btn-facebook,
.checkbox {
display: inline-block;
cursor: pointer
}
.btn,
.btn.btn-facebook,
label>.checkbox-icon {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.btn,
.btn.btn-facebook,
.customer .main .account-content .address address span {
text-overflow: ellipsis;
overflow: hidden
}
.sc-alert {
color: #414141;
border-radius: 5px;
border-width: 1px 1px 1px 5px;
border-style: solid;
padding: 8px 25px 8px 12px;
min-width: 100px
}
.sc-alert i.sc {
margin-right: 5px;
vertical-align: middle
}
.sc-alert.sc-alert-dangerFB {
background-color: #fff6f7;
border-color: #ffdbdc #ffdbdc #ffdbdc #ed1c24;
width: 175%;
}
.sc-alert.sc-alert-danger {
background-color: #fff6f7;
border-color: #ffdbdc #ffdbdc #ffdbdc #ed1c24;
width: max-content;
width: -moz-max-content;
}
.sc-alert.sc-alert-danger2 {
background-color: #fff6f7;
border-color: #ffdbdc #ffdbdc #ffdbdc #ed1c24;
width: fit-content;
}
.customer-wrapper .main-wrapper .sc-alert.sc-alert-danger2{
    margin-top: 40px;
}

.sc-alert.sc-alert-danger .archive{    width: 140%;}

.sc-alert.sc-alert-danger i.sc {
background-position: -66px -33px;
height: 20px;
width: 20px;
}
.sc-alert.sc-alert-success {
background-color: #f9fffd;
border-color: #c7e0cf #c7e0cf #c7e0cf #26a650;
width:max-content;
width: -moz-max-content;
margin: 0px 0px 0px 0px;
}

.padding-left-30 {padding-left: 30px;}
.sc-alert.cart-sc {
background-color: #f9fffd;
border-color: #c7e0cf #c7e0cf #c7e0cf #26a650;
width: 40%;
margin: 25px 0px 0px 25px;
}

.sc-alert.cart-sc2 {
background-color: #f9fffd;
border-color: #c7e0cf #c7e0cf #c7e0cf #26a650;
width: 58%;
margin: 25px 0px 0px 25px;
}
.sc-alert.signup {
background-color: #f9fffd;
border-color: #c7e0cf #c7e0cf #c7e0cf #26a650;
width: 100%;
margin: 2% 0;
}

.sc-alert.sc-alert-success2 {
background-color: #f9fffd;
border-color: #c7e0cf #c7e0cf #c7e0cf #26a650;
width: 22%;
}
.sc-alert.sc-alert-success i.sc {
background-position: -85px -33px;
height: 20px;
width: 20px;
}

.sc-alert.cart-sc i.sc {
background-position: -85px -33px;
height: 20px;
width: 20px;
}

.sc-alert.cart-sc2 i.sc {
background-position: -85px -33px;
height: 20px;
width: 20px;
}

.checkout-error {
  margin: 0 0 30px 30px;
}
.btn.btn-create {
color: #fff;
font-size: 19px;
font-weight: 700;
height: auto;
line-height: normal;
padding: 6px 35px;
text-transform: uppercase;
letter-spacing: 1px;
background: -webkit-linear-gradient(0deg, #fa9705, #ffaa07);
background: -o-linear-gradient(0deg, #fa9705, #ffaa07);
background: -moz-linear-gradient(0deg, #fa9705, #ffaa07);
background: linear-gradient(0deg, #fa9705, #ffaa07);
text-shadow: 1px 1px #c87c04;
border: 1px solid #c16802;
background-color: #fea707
}
.btn.btn-create:hover {
background: -webkit-linear-gradient(0deg, #f27a03, #ffaa07);
background: -o-linear-gradient(0deg, #f27a03, #ffaa07);
background: -moz-linear-gradient(0deg, #f27a03, #ffaa07);
background: linear-gradient(0deg, #f27a03, #ffaa07)
}
.btn.btn-orange-gradient {
border: 1px solid #fa9605;
background: -webkit-linear-gradient(0deg, #f68f1e, #ffa33e);
background: -o-linear-gradient(0deg, #f68f1e, #ffa33e);
background: -moz-linear-gradient(0deg, #f68f1e, #ffa33e);
background: linear-gradient(0deg, #f68f1e, #ffa33e)
}
.btn.btn-orange-gradient:hover {
border: 1px solid #fa9605;
background: -webkit-linear-gradient(0deg, #f68f1e, #ffc27f);
background: -o-linear-gradient(0deg, #f68f1e, #ffc27f);
background: -moz-linear-gradient(0deg, #f68f1e, #ffc27f);
background: linear-gradient(0deg, #f68f1e, #ffc27f)
}
.btn.btn-grey-gradient {
border: 1px solid #c8cacb;
background: -webkit-linear-gradient(0deg, #d8d8d8, #fff);
background: -o-linear-gradient(0deg, #d8d8d8, #fff);
background: -moz-linear-gradient(0deg, #d8d8d8, #fff);
background: linear-gradient(0deg, #d8d8d8, #fff)
}
.btn.btn-grey-gradient:hover {
border: 1px solid #c8cacb;
background: -webkit-linear-gradient(0deg, #d8d8d8, #f2f2f2);
background: -o-linear-gradient(0deg, #d8d8d8, #f2f2f2);
background: -moz-linear-gradient(0deg, #d8d8d8, #f2f2f2);
background: linear-gradient(0deg, #d8d8d8, #f2f2f2)
}
.btn.btn-facebook {
-o-user-select: none;
background-color: #3b5998;
background-image: none;
border-radius: 7px;
border: 0;
color: #fff;
font-size: 21px;
font-weight: 400;
height: 55px;
line-height: 45px;
margin-top: 10px;
padding: 6px 65px;
position: relative;
text-align: left;
vertical-align: top;
white-space: nowrap
}
.btn.btn-facebook .fa-facebook {
font-size: 45px;
padding-right: 20px;
vertical-align: top
}
.btn.btn-white-gradient {
border: 1px solid #b8c3c9;
width: 140px;
height: 28px;
line-height:28px;
overflow: hidden;
background: url('../img/dropdown-select2.png') no-repeat right #FEFEFE;
border: #ccc 1px solid;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE;
box-shadow: inset 0px 0px 10px 1px #FEFEFE;
margin:0px;
padding: 0px 0px 0px 10px;
position: relative;
z-index:100;

}

.btn.btn-white-gradient select {

margin:0px;
padding:0px;
opacity:0;
filter:alpha(opacity=0);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:101; }

select {
-moz-appearance: none;
-webkit-appearance:none;
text-indent: 0.02px;
text-overflow: ''; }

.btn.btn-white-gradient:before {
border-left: 1px solid #e6e6e6;
content: '';
height: 20px;
position: absolute;
right: 8px;
top: 5px;
width: 20px
}
.btn.btn-white-gradient:after {
content: '\f107';
font-family: fontAwesome;
height: 20px;
position: absolute;
right: 5px;
top: 6px;
width: 20px
}
.btn.btn-white-gradient:active,
.btn.btn-white-gradient:focus {
outline: 0
}
.checkbox {
margin-bottom: 0;
margin-top: 0;
padding-left: 0
}
.checkbox input[type=checkbox] {
display: none
}
.checkbox label {
cursor: pointer;
font-size: 13px;
line-height: 20px;
position: relative;
padding-left: 25px;
z-index: 999;
}
.checkbox label:before {
background-color: #fff;
bottom: 1px;
border: 1px solid #b8c3c9;
border-radius: 3px;
content: "";
display: inline-block;
height: 18px;
left: 0;
margin-right: 10px;
position: absolute;
width: 18px;
}
.checkbox input[type=checkbox]:checked+label:before {
background-color: #25a550;
border: 1px solid #25a550;
color: #fff;
content: "\2713";
font-size: 14px;
font-weight: 700;
line-height: 16px;
text-align: center
}
.checkbox input[type=checkbox][disabled]+label:before {
background: #e8ebed
}
.checkbox input[type=checkbox][disabled]:checked+label:before {
background-color: #e8ebed
}
.ui-datepicker {
border: 1px solid #b8c3c9;
border-radius: 4px;
background-color: #FFF;
width: 265px
}
.ui-datepicker .ui-datepicker-header {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
display: none
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: #f5f5f5;
padding: 10px 20px;
text-align: center
}
.ui-datepicker .ui-datepicker-header .select-gradient {
display: inline-block;
border-radius: 4px
}
.ui-datepicker .ui-datepicker-header .select-gradient.fake-month {
margin-right: 10px;
width: 52%
}
.ui-datepicker .ui-datepicker-header .select-gradient.fake-year {
width: 40%
}
.ui-datepicker .ui-datepicker-header select {
border: 1px solid #b8c3c9;
border-radius: 4px;
background: 0 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 5px 40px 5px 15px;
width: 100%
}
.ui-datepicker table {
border: none;
border-collapse: separate;
border-spacing: 10px 5px;
margin: 10px auto 15px;
width: 0
}
.ui-datepicker table thead th {
padding: 0;
font-weight: 600
}
.ui-datepicker table tbody tr:first-child td {
border: none
}
.ui-datepicker table tbody tr td.ui-datepicker-unselectable span {
border: 1px solid #ccc;
border-radius: 5px;
color: #ccc;
display: inline-block;
text-decoration: none;
padding: 2px;
width: 25px
}
.ui-datepicker table tbody tr td {
border: none;
padding: 0
}
.ui-datepicker table tbody tr td a {
border: 1px solid #ccc;
border-radius: 5px;
color: #333;
display: inline-block;
text-decoration: none;
padding: 2px;
width: 25px
}
.ui-datepicker table tbody tr td a:hover {
background: #f27e1e;
border: 1px solid #f27e1e;
color: #FFF
}
.page-container.container {
margin-top: 6%;
}
/*
.page-container.estimate-shipping.container{
padding: 60px 10px;
}
*/
.page-title {
font-size: 24px;
margin-bottom: 30px;
padding: 0
}
.page-subtitle {
font-size: 20px;
margin-bottom: 20px
}
.section-title {
font-size: 20px;
font-weight: 400;
margin: 0 0 10px;
text-transform: uppercase
}
.table,
.table.align-left {
border: 1px solid #fff;
border-radius: 0;
font-size: 14px
}
.table thead tr th,
.table.align-left thead tr th {
background-color: #f4f4f4;
border-bottom: 1px solid #fff;
color: #333;
font-size: 14px;
padding: 10px 15px;
text-align: left;
text-transform: uppercase
}
.table tbody tr td,
.table.align-left tbody tr td {
background-color: #f9f9f9;
border: 1px solid #fff;
padding: 8px 12px;
text-align: left
}
.table tbody tr:first-child td,
.table.align-left tbody tr:first-child td {
border-top: 1px solid #fff
}
.table tfoot tr td,
.table.align-left tfoot tr td {
background-color: #f4f4f4;
border: 1px solid #fff;
color: #333;
font-weight: 700;
padding: 10px 15px;
text-align: left
}
.table.align-right tbody tr td,
.table.align-right tfoot tr td {
text-align: right
}
a {
color: #0375d9;
text-decoration: none
}
a:focus,
a:hover {
color: #329fff;
text-decoration: underline
}
p.bold {
font-weight: 700
}
ol.list-lower-alphabetic {
list-style: lower-alpha
}
ol.list-upper-roman {
list-style: upper-roman
}
ol.list-decimal {
list-style: decimal
}
ul.list-disc {
list-style: disc
}
.control-label {
font-weight: 400
}
.form-group {
margin-bottom: 20px
}
.has-error .form-control {
border-color: red;
}
.form-group.has-error .control-label,
.form-group.has-error label {
color: inherit
}

.form-control,
form input[type=password].form-control,
form input[type=text].form-control,
form input[type=email].form-control {
border-color: #b8c3c9;
border-radius: 3px;
border-width: 1px;
height: 38px;
padding: 10px;
width:auto;}
.sign-in.form-control,
form input[type=password].form-control,
form input[type=text].form-control,
form input[type=email].form-control {width: 100% !important;}


.form-control,
form input[type=password].form-control.letter-only,
form input[type=text].form-control.letter-only,
form input[type=email].form-control.letter-only {width:100%;}

.register-input.form-control,
form input[type=password].register-input.form-control.letter-only,
form input[type=text].register-input.form-control.letter-only,
form input[type=email].register-input.form-control.letter-only {width:100% !important;}


.modal-footer {padding: 15px 29px 15px 39px !important;}
.reg.modal-footer {padding: 15px 29px 15px 0px !important;}

.modal-footer.tour-btn {
    padding: 0 !important;
}


.estimate-shipping select.form-control {
width: 100% !important;
}

select.form-control {
border: 1px solid #b8c3c9;
width: 100%;
line-height:28px;
overflow: hidden;
background: url('../img/account-dropdown.png') no-repeat right #FEFEFE;
border: #ccc 1px solid;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE;
box-shadow: inset 0px 0px 10px 1px #FEFEFE;
height: 38px;
padding: 6px 12px;
z-index:100;

}
.input-with-inline-text .form-control {
display: inline-block;
margin-right: 10px;
max-width: 85px
}
.input-with-inline-text .inline-text.prefix {
margin-right: 5px
}
.error-message {
color: #ef4d51;
display: block;
margin-bottom: 15px
}
.radio,
.sc {
display: inline-block
}
.inline-error-message {
color: #ef4d51;
display: inline-block
}
.select-gradient {
background: url(../img/select_gradient.png);
background-size: 100% 100%;
position: relative
}
.select-gradient:after,
.select-gradient:before {
height: 20px;
position: absolute;
pointer-events: none
}
.select-gradient select {
border-radius: 6px;
background: 0 0;
width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 5px 40px 5px 7px;
}
.select-gradient:before {
border-left: 1px solid #e6e6e6;
content: '';
right: 15px;
top: 8px;
width: 20px
}
.select-gradient:after {
content: '\f107';
font-family: fontAwesome;
font-size: 16px;
right: 12px;
top: 8px;
width: 10px
}
.sc {
background-image: url(https://cdn.shippingcart.com/img/sprite.png);
background-repeat: no-repeat
}
.sc.sc-light-box {
background-position: 0 -73px;
height: 34px;
width: 43px
}
.sc.sc-air-cargo {
background-position: 0 1px;
height: 37px;
width: 38px
}
.sc.sc-sea-cargo {
background-position: 0 -36px;
height: 37px;
width: 38px
}
.sc.sc-danger {
background-position: -66px -33px;
height: 20px;
width: 20px
}
.sc.sh {
background-image: url(https://cdn.shippingcart.com/img/special-handling-sprite.png);
height: 60px;
width: 60px
}
.sc.sh.sh-electronics {
background-position: -63px 2px
}
.sc.sh.sh-batteries {
background-position: -66px -60px
}
.sc.sh.sh-fragile-items {
background-position: 3px -118px
}
.sc.sh.sh-perfumes {
background-position: -130px -118px
}
.sc.sh.sh-alcohols {
background-position: 4px 1px
}
.sc.sh.sh-off-size-items {
background-position: -131px -60px
}
.sc.sh.sh-automotive {
background-position: 0 -59px
}
.sc.sh.sh-knives {
background-position: -130px 2px
}
.sc.sh.sh-jewelry-watches {
background-position: -68px -118px
}
.radio {
cursor: pointer;
margin-bottom: 0;
margin-top: 0;
padding-left: 0
}
.radio input[type=radio] {
display: none
}
.radio label {
cursor: pointer;
font-size: 13px;
line-height: 20px;
position: relative;
padding-left: 25px
}
.radio label:before {
background-color: #fff;
bottom: 1px;
border: 1px solid #b8c3c9;
border-radius: 50%;
content: "";
display: inline-block;
height: 18px;
left: 0;
margin-right: 10px;
position: absolute;
width: 18px
}

.register-form .radio input[type=radio]:checked+label:before {line-height: 14px !important}
.radio input[type=radio]:checked+label:before {
background-color: #fff;
border: 1px solid #25a550;
color: #25a550;
content: "\25CF";
font-size: 18px;
font-weight: 700;
line-height: 12px;
text-align: center
}
.radio input[type=radio][disabled]+label:before {
background: #e8ebed
}
.radio input[type=radio][disabled]:checked+label:before {
background-color: #e8ebed
}
.customer.account {
background-color: #FCFCFC;
padding: 0
}
.customer.account .container .customer-wrapper .main {
border: none;
margin-left: 26%;
width: 73%;
margin-top: 40px
}
.customer.account .container .customer-wrapper .main .main-header .icon {
background: url(../img/sprite.png) -65px -60px no-repeat;
content: "";
height: 25px;
position: absolute;
width: 24px
}
.customer.account .container .customer-wrapper .main .main-header h3 {
font-size: 21px;
margin-bottom: 27px
}
.customer.account .container .customer-wrapper .main .main-wrapper {
border: 1px solid #E4E4E4;
border-radius: 5px;
background-color: #fff;
margin-bottom: 100px
}

.customer .container .customer-wrapper .main .main-wrapper .account-content .tab-content .tab-header .fa-question-circle .white {
    background: #FFF;
    border: 1px solid #d3d3d3;
    color: #414141;
    left: -104px;
    box-shadow: 0 4px 6px -6px #222;
    -webkit-box-shadow: 0 4px 6px -6px #222;
    -moz-box-shadow: 0 4px 6px -6px #222;
}

.customer .container .customer-wrapper .main .main-wrapper .account-content .tab-content .tab-header .fa-question-circle .white:after {
    border: none;
    bottom: 7px;
    color: #FFF;
    content: '\f0d7';
    font-family: FontAwesome;
    left: 83%;
    text-shadow: #CCC 0 1px 0;
}

.page-checkout header.site-header.header-minimal .container {
position: relative
}
.page-checkout header.site-header.header-minimal nav.top-nav {
position: absolute;
right: 0;
top: 0;

}
.checkout {
font-weight: 500;
font-size: 13px;
font-style: normal
}
.checkout .checkout-top {
margin: 20px 0;
margin-top:81px;
}
.checkout .checkout-top .checkout-progress {
background: url(../img/breadcrumb.png) no-repeat;
height: 38px;
margin: 0 auto;
width: 712px
}
.checkout .checkout-wrapper {
background: #fff;
border-radius: 5px;
border: 1px solid #ccc;
border-top: 4px solid #EC2129;
padding: 50px 0;
width: 100%
}
.checkout .checkout-wrapper .back-link {
margin-bottom: 25px;
padding-left: 30px;
/*text-decoration: underline;*/
}
.checkout .checkout-wrapper .back-link.bottom {
margin: -28px 0 0;
}
.checkout .checkout-wrapper h4 {
margin: 0 0 30px
}
.checkout .checkout-wrapper .step-1,
.checkout .checkout-wrapper .step-2,
.checkout .checkout-wrapper .step-3 {
float: left
}
.checkout .checkout-wrapper .step-1,
.checkout .checkout-wrapper .step-2 {
padding-left: 35px;
padding-top: 20px;
width: 28%
}
.checkout .checkout-wrapper .step-1 {
height: 100%;
}
.checkout .checkout-wrapper .step-2 {
border-left: 1px solid #ccc;
min-height: 685px;
}
.yellowbgch{background: #FFFCC5;
border: 1px solid #EDEBB0;
padding: 20px;
width: 115%;}

.checkout .checkout-wrapper .step-3 {
padding: 0px 40px 0;
width: 40%;
min-height: 685px;
}
.checkout .checkout-wrapper .step-1 .alert {
margin: 20px 40px 0 0
}
.checkout .checkout-wrapper .step-1 .payment-list {
margin-top: 30px;
margin-bottom: 100px
}
.checkout .checkout-wrapper .step-1 .payment-list .radio {
display: block;
margin-bottom: 20px
}

.payment-list .icon {
  background: url(../images/cc-payments.png) no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  height: 26px;
  margin-right: 7px;
  margin-top: 7px;
}

.payment-list .icon-visa {
  width: 68px;
  background-position: 34px 0;
  height: 20px;
  margin-left: -33px;
}

.payment-list .icon-master {
  width: 37px;
  background-position: -38px 0;
  height: 20px;
}

.payment-list .icon-jcb {
  width: 24px;
  background-position: -79px 0;
  height: 20px;
}

.payment-list .icon-amex {
  width: 33px;
  background-position: -109px 0;
  height: 20px;
}

.payment-list .icon-union {
  width: 33px;
  background-position: -146px 0;
  height: 20px;
}

.payment-list .icon-paypal {
  background: url(../images/payment-method-icons.png) no-repeat;
  display: list-item;
  background-size: cover;
  list-style-type: none;
  width: 50px;
  height: 20px;
  background-position: 34px 0;
  margin-left: -33px;
}

.checkout .checkout-wrapper .step-1 .payment-list label {
display: block;
color: #414141;
font-size: 14px;
font-weight: 400;
cursor: pointer;
font-style: normal;
margin-bottom: 5px;
padding-left: 35px;
}
.checkout .checkout-wrapper .step-1 .payment-list label:before {
top: 3px
}

.payment-desc::before {
    content: '';
    position: absolute;
    top: -11px;
    left: 30px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url('../images/howpay.png');
    background-repeat: no-repeat;
}
.checkout .checkout-wrapper .step-1 .payment-list .payment-desc {
position: relative;
border: 1px solid #eee;
padding: 10px 20px;
margin: 20px 30px 0 0;
background-color: #fff;
}
.checkout .checkout-wrapper .step-2 .address-wrapper label.modal {
background-color: #999;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 15px;
padding: 10px 20px;
width: 100%
}
.checkout .checkout-wrapper .step-2 .address-wrapper .address-list p.address {
font-size: 14px;
margin: 0 0 0 25px;
word-break: break-word;
}
.checkout .checkout-wrapper .step-2 .address-wrapper .note-wrapper {
margin-top: 20px;
width: 100%
}
.checkout .checkout-wrapper .step-2 .address-wrapper .note-wrapper p {
margin: 0;
padding-right: 15px;
word-wrap: break-word
}
.checkout .checkout-wrapper .step-2 .address-wrapper .note-wrapper .alert {
background-color: #FFF;
border: 1px solid #CCC;
color: #333;
position: relative
}
.checkout .checkout-wrapper .step-2 .address-wrapper .note-wrapper .alert:before {
content: '\f0d8';
font-family: FontAwesome;
font-size: 40px;
position: absolute;
left: -13px;
color: #FFF;
top: -12px;
text-shadow: -2px 1px 0 #CCC;
transform: rotate(45deg)
}
.checkout .checkout-wrapper .step-2 .address-wrapper .note-wrapper .alert .close {
border-radius: 50%;
background-color: #989898;
color: #FFF;
height: 21px;
opacity: 100;
position: absolute;
right: -9px;
text-align: center;
top: -10px;
text-shadow: none;
width: 20px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .note-wrapper .alert strong {
font-weight: 400
}
.checkout .checkout-wrapper .step-2 .address-wrapper .note-wrapper .alert .edit-note {
text-decoration: underline
}
.checkout .checkout-wrapper .step-2 .address-wrapper .note-wrapper button.close {
background: 0 0;
outline: 0;
border: 0;
font-size: 25px;
position: absolute;
right: 0;
top: 0
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo {
border-bottom: 1px solid #CCC;
margin-bottom: 40px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo h5 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
font-weight: 400;
margin-bottom: 30px;
margin-left: 46px;
position: relative;
text-align: left;
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo h5 .estimated {
color: #999;
font-weight: 400;
font-size: 11px;
margin: 5px 0 20px;
text-transform: uppercase
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo h5 .estimated span {
font-weight: 400
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo h5:before {
background: url(../img/sprite.png) 4px 1px;
content: '';
display: inline-block;
height: 37px;
left: -48px;
position: absolute;
top: -1px;
width: 44px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .text-center {
border-bottom: 1px solid #CCC;
height: 1px;
margin: 0 auto 25px;
width: 100px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .text-center span {
background-color: #FFF;
display: block;
height: 20px;
margin: 0 auto;
position: relative;
top: -10px;
width: 40px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .address-list {
margin-bottom: 25px;
margin-left: 40px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .address-list label {
cursor: pointer;
font-size: 13px;
font-weight: 600;
padding-left: 25px;
text-transform: uppercase;
display: block;
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .address-list label .checkbox-icon {
margin-left: -20px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .address-list input[type=radio] {
cursor: pointer;
margin-top: -2px;
vertical-align: middle
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .address-and-note {
margin-left: 40px;
margin-bottom: 40px;
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .address-and-note .add-note {
background: 0 0;
border-radius: 0;
display: none;
font-size: 12px;
padding: 20px 0;
text-decoration: underline;
width: 100%
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .address-and-note .note {
margin-bottom: 15px;
width: 100%
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .address-and-note .note .note-head {
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
margin: 0
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .address-and-note .note .note-msg {
color: #646464;
font-size: 13px;
font-style: normal;
font-weight: 400;
margin: 0
}
.checkout .checkout-wrapper .step-2 .address-wrapper .air-cargo .address-and-note .note a.remove-note {
color: #d31245;
display: inline-block;
font-size: 10px;
text-align: right;
width: 100%
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo h5 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
font-weight: 400;
margin-bottom: 30px;
margin-left: 46px;
position: relative;
text-align: left;
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo h5 .estimated {
color: #999;
font-weight: 400;
font-size: 11px;
margin: 5px 0 20px;
text-transform: uppercase
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo h5 .estimated span {
font-weight: 400
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo h5:before {
background: url(../img/sprite.png) 4px -35px;
content: '';
display: inline-block;
height: 37px;
left: -48px;
position: absolute;
top: -1px;
width: 44px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .text-center {
border-bottom: 1px solid #CCC;
height: 1px;
margin: 0 auto 25px;
width: 100px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .text-center span {
background-color: #FFF;
display: block;
height: 20px;
margin: 0 auto;
position: relative;
top: -10px;
width: 40px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .address-list {
font-family: 'Source Sans Pro', sans-serif;
margin-bottom: 25px;
margin-left: 40px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .address-list label {
cursor: pointer;
font-size: 13px;
font-weight: 500;
padding-left: 25px;
text-transform: uppercase;
display: inline-block;
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .address-list input[type=radio] {
cursor: pointer;
margin-top: -2px;
vertical-align: middle
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .address-and-note {
margin-left: 40px
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .address-and-note .add-note {
background: 0 0;
border-radius: 0;
display: none;
font-size: 12px;
padding: 20px 0;
text-decoration: underline;
width: 100%
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .address-and-note .note {
margin-bottom: 15px;
width: 100%
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .address-and-note .note .note-head {
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
margin: 0
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .address-and-note .note .note-msg {
color: #646464;
font-size: 13px;
font-style: normal;
font-weight: 400;
margin: 0
}
.checkout .checkout-wrapper .step-2 .address-wrapper .sea-cargo .address-and-note .note a.remove-note {
color: #d31245;
display: inline-block;
font-size: 10px;
text-align: right;
width: 100%
}
.checkout .checkout-wrapper .step-3 .head button {
padding: 5px 10px;
border-radius: 5px
}
.checkout .checkout-wrapper .step-3 .details {
width: 100%
}
.checkout .checkout-wrapper .step-3 .details h5.air-cargo,
.checkout .checkout-wrapper .step-3 .details h5.sea-cargo {
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
font-weight: 400;
margin-bottom: 0;
position: relative
}
.checkout .checkout-wrapper .step-3 .details ol.item-list {
margin-top: 10px;
padding-left: 23px
}
.checkout .checkout-wrapper .step-3 .details .item-list img {
height: 55px;
margin-right: 10px;
max-height: 55px;
max-width: 55px;
vertical-align: text-top
}
.checkout .checkout-wrapper .step-3 .details .item-list .item-name {
font-size: 14px;
margin-bottom: 10px;
word-wrap: break-word;
text-transform: none;
}
.checkout .checkout-wrapper .step-3 .details .item-list a.remove {
color: red;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
font-weight: 400;
margin-right: 5px;
text-decoration: none;
width: 50px
}
.checkout .checkout-wrapper .step-3 .details #totals {
position: relative
}
.checkout .checkout-wrapper .step-3 .details #totals .overlay {
background-color: rgba(255, 255, 255, .8);
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 50
}
.checkout .checkout-wrapper .step-3 .details #totals .overlay .message {
font-size: 16px;
font-weight: 700;
left: 50%;
margin: -11px 0 0 -45px;
position: absolute;
top: 50%;
width: 90px
}
.modaledited .modal-lg{width: 554px;}

.breakdown-popup {
background-color: #FFF;

border-radius: 4px;
padding: 15px;


width: 550px;

}
.breakdown-popup .heading {
position: relative
}
.breakdown-popup .heading h4 {
font-weight: 400;
font-size: 17px;
margin: 0
}
.breakdown-popup .heading .currency {
text-align: right;
position: absolute;
right: 3px;
top: -1px
}
.breakdown-popup .heading .currency span {
font-weight: 700
}
.breakdown-popup .heading .currency .radio {
margin-left: 10px
}
.breakdown-popup .heading .close-breakdown {
border-radius: 50%;
background-color: #989898;
color: #FFF;
font-size: 22px;
font-weight: 700;
height: 23px;
opacity: 100;
position: absolute;
right: -23px;
line-height: 1;
text-align: center;
top: -26px;
text-decoration: none;
text-shadow: none;
width: 23px
}
.breakdown-popup .breakdown-content {
border-top: 1px solid #CCC;
margin-top: 15px
}
.breakdown-popup .breakdown-content .formula {
background-color: #FCFCFC;
padding: 7px 0
}
.breakdown-popup .breakdown-content .formula .part {
display: inline-block;
vertical-align: middle
}
.breakdown-popup .breakdown-content .formula .var {
margin-left: 20px;
width: 105px
}
.breakdown-popup .breakdown-content .formula .var span {
display: block
}
.breakdown-popup .breakdown-content .formula .var .number {
font-weight: 700;
font-size: 16px
}
.breakdown-popup .breakdown-content .formula .var .type {
font-size: 12px
}
.breakdown-popup .breakdown-content .formula .var.chargeable {
width: 80px
}
.breakdown-popup .breakdown-content .formula .operator span {
font-weight: 700;
font-size: 16px
}
.breakdown-popup .breakdown-content .bottom .breakdown-note {
padding-top: 10px
}
.breakdown-popup .breakdown-content .bottom .part {
float: left;
padding-left: 20px;
width: 50%
}
.breakdown-popup .breakdown-content .bottom .part h5 {
font-size: 13px;
text-align: left;
}
.breakdown-popup .breakdown-content .bottom .part ul {
list-style-type: disc;
padding-left: 15px
}
.breakdown-popup .breakdown-content .bottom .part ul .exchange-rate {
border: 1px solid #ccc;
border-radius: 2px;
line-height: 1.2;
margin-left: 7px;
padding: 5px;
width: 90%
}
.breakdown-popup .breakdown-content .bottom .breakdown-totals .additionals {
background-color: #FAFAFA;
border-bottom: 1px solid #FFF;
margin-top: 1px;
padding: 10px 10px 5px 20px
}
.breakdown-popup .breakdown-content .bottom .breakdown-totals .additionals .insurance {
border-bottom: 1px solid #EEE;
padding: 0 0 10px
}
.breakdown-popup .breakdown-content .bottom .breakdown-totals .additionals .storage {
padding: 5px 0
}
.breakdown-popup .breakdown-content .bottom .breakdown-totals .additionals .insurance span,
.breakdown-popup .breakdown-content .bottom .breakdown-totals .additionals .storage span {
display: inline-block;
text-align: right;
width: 48%
}
.checkout .checkout-wrapper .step-3 .details .breakdown-popup .breakdown-content .bottom .breakdown-totals .additionals .insurance span.lbl,
.checkout .checkout-wrapper .step-3 .details .breakdown-popup .breakdown-content .bottom .breakdown-totals .additionals .storage span.lbl {
font-size: 11px
}
.breakdown-popup .breakdown-content .bottom .breakdown-totals .additionals .insurance span.val,
.breakdown-popup .breakdown-content .bottom .breakdown-totals .additionals .storage span.val {
font-weight: 700;
font-size: 14px
}
.breakdown-popup .breakdown-content .bottom .breakdown-totals .subtotal {
background-color: #F8F8F8;
border-bottom: 1px solid #E9E9E9;
margin-bottom: 13px;
padding: 10px
}
.breakdown-popup .breakdown-content .bottom .breakdown-totals .subtotal span {
display: inline-block;
text-align: right
}
.breakdown-popup .breakdown-content .bottom .breakdown-totals .subtotal span.lbl {
font-size: 11px;
width: 50%
}
.breakdown-popup .breakdown-content .bottom .breakdown-totals .subtotal span.val {
font-weight: 700;
font-size: 14px;
width: 45%
}
.checkout .checkout-wrapper .step-3 .details .sub-total {
border-top: 2px solid #999;
margin-top: 50px;
padding: 8px 0;
}

/** Checkout Cargo Subtotal Overview **/

.checkout .cargo {
  background-color: #fffff2;
  margin-top: 10px;
  padding: 15px 10px 10px;
  cursor: pointer;
}
.checkout .cargo .type {
  display: inline-block;
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 16px;
}

.checkout .cargo .price {
  font-size: 14px;
}

.checkout .cargo .icon {
  color: #0375d9;
  font-size: 18px;
}

.checkout .cargo > div {
  display: flex;
  justify-content: space-between;
}

.checkout .cargo > .breakdown {
  flex-direction: column;
  background: #ffffff;
  margin: 10px -10px -10px;
  padding: 10px 0;
}

.breakdown > .formula {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
  margin-bottom: 10px;
}

.breakdown > .formula > div {
  position: relative;
  padding: 5px;
  word-break: break-word;
}

.breakdown > .formula span {
  display: block;
  font-weight: bold;
  font-size: 13px;
}

.breakdown > .formula  > .operators {
  font-size: 16px;
  margin-top: 12px;
}

.breakdown > .total {
  width: 100%;
  font-size: 14px;
  border: 0;
  margin-bottom: 0;
}

.breakdown > .total > tr > td:first-child {
  text-align: right
}

.breakdown > .total td {
  width: 50%;
  padding: 2px 4px;
}

.breakdown > .total td:last-child {
  font-weight: bold;
}

.sub-total .important-notes h5 {
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

.sub-total .important-notes li {
  list-style-type: disc;
  margin-left: 20px;
}

/** end of Checkout Cargo Subtotal Overview **/

.customer .main .main-nav li,
.customer aside {
float: left
}
.checkout .checkout-wrapper .step-3 .details .discount {
margin-top: 10px
}
.checkout .checkout-wrapper .step-3 .details .discount .price-wrapper span {
color: #333;
display: inline-block;
font-weight: 600;
font-size: 13px;
padding: 0;
width: 49%
}
.checkout .checkout-wrapper .step-3 .details .discount .price-wrapper span.label {
text-align: left
}
.checkout .checkout-wrapper .step-3 .details .discount .price-wrapper span.value {
text-align: right
}
.checkout .checkout-wrapper .step-3 .details .discount .old-price .value {
text-decoration: line-through
}
.checkout div.apply-discount .remove-discount a,
.note-air .modal-dialog .modal-footer a,
.note-sea .modal-dialog .modal-footer a {
text-decoration: underline
}
.checkout .checkout-wrapper .step-3 .details .cart-total h5 {
display: inline-block;
font-size: 13px;
font-weight: 400;
margin: 10px 0 0;
text-align: left;
width: 48%
}
.checkout .checkout-wrapper .step-3 .details .cart-total p.total-price {
display: inline-block;
font-size: 22px;
font-weight: 700;
margin: 0 0 10px;
text-align: right;
width: 48%;
vertical-align: sub
}
.checkout .checkout-wrapper .step-3 .details label.apply-discount {
color: #f26539;
display: inline-block;
font-size: 12px;
margin-top: 10px;
width: 100%
}
.checkout .checkout-wrapper .step-3 .details .discount-wrapper {
background: #ECFFEA;
border: 1px solid #0E8C0B;
margin: 10px 10px 0;
padding: 10px;
text-align: center
}
.checkout .checkout-wrapper .step-3 .details .discount-wrapper p {
margin: 0
}
.checkout .checkout-wrapper .step-3 .details .discount-error {
background: #FFE5E5;
border: 1px solid red;
display: none;
margin: 10px 10px 0;
padding: 10px
}
.checkout .checkout-wrapper .step-3 .details .discount-wrapper .clearfix {
width: 100%
}
.checkout .loading-totals {
position: relative
}
.checkout .loading-totals:before {
background: #FFF;
content: '';
height: 100%;
opacity: .8;
position: absolute;
width: 100%;
z-index: 1
}
.checkout .loading-totals:after {
content: 'Loading Summary...';
font-size: 17px;
left: 0;
margin-top: -8px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
z-index: 1
}
.checkout .bottom-shadow {
background: url(../img/sprite.png) -242px -529px no-repeat;
height: 39px;
width: 616px;
margin: 0 auto
}
.modal.apply-discount .input-wrapper {
margin: 5px 0;
width: 100%
}
.modal.apply-discount .label-left {
color: #333;
float: left;
font-size: 14px;
padding: 10px 0;
text-align: right;
width: 25%
}
.modal.apply-discount .control {
margin-left: 28%
}
.modal.apply-discount input[type=text] {
font-size: 14px;
padding: 10px 12px;
width: 100%
}
.checkout div.apply-discount {
    border: 1px dashed #FEAB10;
    padding: 10px;
    margin: 15px 0 20px;
    background: #FFEAC3;
    border-radius: 5px;
}
.checkout div.apply-discount h4 {
margin: 20px 0 10px;
}
.checkout div.apply-discount .promo-code {
border-radius: 3px;
font-size: 13px;
height: 40px;
padding: 10px;
vertical-align: middle;
width: 74%
}


.checkout div.apply-discount .promo-applied-check  {
position: relative;

}
.checkout div.apply-discount .promo-applied-check:before {
background: url(../img/sprite.png) -86px -33px no-repeat;
content: '';
display: block;
height: 21px;
position: absolute;
right: 9px;
top: 11px;
width: 18px;
}
.checkout div.apply-discount .remove-discount {
text-align: right
}
.checkout div.apply-discount .promo-applied {
background-color: #F3F3F3;
border: 1px solid #D0D7D4;
width: 100%
}
.checkout .checkout-wrapper .step-3 .details .terms-condition {
font-size: 12px
}
.checkout .checkout-wrapper .step-3 .details .terms-condition .checkbox label {
top: 10px;
float: right;
}
.checkout .checkout-wrapper .step-3 .details .terms-condition .checkbox label:before {
top: 5px
}
.checkout .checkout-wrapper .step-3 .details .terms-condition .terms {
display: inline-block;
text-decoration: underline
}
.checkout .checkout-wrapper .step-3 .details .pay-ship {
margin: 25px 25px 30px
}
.checkout .checkout-wrapper .step-3 .details .pay-ship button {
border-radius: 5px;
font-size: 24px;
font-weight: 700;
opacity: 100;
padding: 10px 40px;
width: 100%
}
.checkout .checkout-wrapper .step-3 .details .pay-ship .btn-disabled {
border: #E5E5E5;
background: #E5E5E5;
color: #82898E
}
.checkout .pay-btn.active {
background-color: #C8C8C8
}
.note-air .modal-dialog,
.note-sea .modal-dialog {
position: relative;
width: 400px
}
.modal-dialog .modal-header,
.modal-dialog .modal-header {
border-bottom: none; padding: -1%;
}
.view-shipping .modal-dialog .modal-header {padding: 0px 20px 15px;}
.modal-dialog .modal-header button,
.modal-dialog .modal-header button {
background-color: #404040;
border-radius: 50%;
color: #FFF;
font-size: 24px;
font-weight: lighter;
height: 24px;
opacity: 100;
position: absolute;
right: -8px;
top: -6px;
width: 24px
}

.note-air .modal-dialog .modal-body textarea,
.note-sea .modal-dialog .modal-body textarea {
border-radius: 0;
height: 160px;
resize: none
}
.note-air .modal-dialog .modal-footer,
.note-sea .modal-dialog .modal-footer {
border: none;
border-radius: 6px;
background: 0 0;
text-align: left
}
.note-air .modal-dialog .modal-footer button,
.note-sea .modal-dialog .modal-footer button {
margin-right: 30px
}
.confirmation {
margin: 0 auto;
color: #333
}
.confirmation h1 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 800;
margin: 10px auto;
color: #C4161C
}
.confirmation .confirmation-wrapper {
text-align: center;
padding: 30px 0
}
.confirmation .confirmation-wrapper ul.shipping {
margin-top: 50px;
text-align: center
}
.confirmation .confirmation-wrapper ul.shipping li {
display: inline-block;
position: relative;
margin: 0 42px
}
.confirmation .confirmation-wrapper ul.shipping li:nth-child(1) {
background: url(/application/assets/img/confirmation_sprite.png) -6px -28px;
height: 92px;
width: 164px
}
.confirmation .confirmation-wrapper ul.shipping li:nth-child(1):after {
background: url(/application/assets/img/confirmation_sprite.png) -159px 110px;
content: '';
height: 14px;
left: 158px;
position: absolute;
top: 25px;
width: 145px
}
.confirmation .confirmation-wrapper ul.shipping li:nth-child(2) {
background: url(/application/assets/img/confirmation_sprite.png) -258px -21px;
height: 92px;
width: 127px
}
.confirmation .confirmation-wrapper ul.shipping li:nth-child(2):after {
background: url(/application/assets/img/confirmation_sprite.png) 0 -1px;
content: '';
height: 26px;
left: 84px;
position: absolute;
top: 17px;
width: 169px
}
.confirmation .confirmation-wrapper ul.shipping li:nth-child(3) {
background: url(/application/assets/img/confirmation_sprite.png) 106px 0;
height: 116px;
width: 110px
}
.customer-wrapper,
table {
width: 90%;
}
.customer-wrapper{
width: 100%;
}
.confirmation .confirmation-wrapper .small-notes p {
font-size: 18px;
line-height: 1.4;
margin-top: 30px
}
@media (max-width: 640px) {
.confirmation h1 {
    font-size: 32px
}
}
@media (max-width: 600px) {
.confirmation h1 {
    font-size: 30px
}
.confirmation .small-notes {
    font-size: 14px
}
}
@media (max-width: 568px) {
.confirmation h1 {
    font-size: 26px
}
.confirmation .small-notes {
    font-size: 12px
}
}
@media (max-width: 480px) {
.confirmation h1 {
    font-size: 21px
}
.confirmation .small-notes {
    font-size: 10px
}
}
@media (max-width: 360px) {
.confirmation h1 {
    font-size: 18px
}
.confirmation .small-notes {
    font-size: 9px
}
}
@media (max-width: 320px) {
.confirmation h1 {
    font-size: 100%
}
.confirmation .small-notes {
    font-size: 9px
}
}
.customer {
background-color: #ECE7D8;
color: #333;
padding: 20px 0 50px;
font-size: 14px
}
table {
border: 1px solid #D5D5D5;
border-radius: 5px;
font-size: 13px;
margin-bottom: 30px;
border-collapse: collapse;
border-spacing: 0
}
.shipping-air,
.shipping-sea {
height: 18px;
margin-bottom: -5px;
width: 18px;
display: inline-block;
text-indent: -9999px
}
footer {padding: none; margin: none; height: 100%; bottom: 0px; position: relative; z-index: 1001;}
footer table thead {
color: #454545;
font-size: 12px
}
footer table thead th {
font-weight: 400;
padding: 10px 5px;
text-align: center
}
footer table tbody tr td {
border-right: 1px solid #e3e3e3;
padding: 10px;
text-align: center;
}
footer table tbody tr td a {
text-decoration: none
}
footer table tbody tr:first-child td {
border-top: 2px solid #e3e3e3
}
.shipping-air {
background: url(../img/shipping_sprite.png) -1px -26px
}
.shipping-sea {
background: url(../img/shipping_sprite.png) -20px -26px
}
.customer aside .side-nav {
margin: 0;
padding: 0
}
.customer aside .side-nav li:not(:last-child) a {
border-bottom: 1px solid #DBD5C5
}
.customer aside .side-nav li a {
color: #000;
display: inline-block;
font-size: 16px;
padding: 15px 5px 13px;
position: relative;
text-decoration: none;
width: 100%
}
.customer aside .side-nav li a.faq span:before,
.customer aside .side-nav li a.faq:hover span:before,
.customer aside .side-nav li a.prohibited span:before,
.customer aside .side-nav li a.tax span:before,
.customer aside .side-nav li a.tax:hover span:before,
.customer aside .side-nav li.active a.faq span:before,
.customer aside .side-nav li.active a.tax span:before {
width: 20px;
content: '';
height: 23px;
position: absolute;
top: 12px;
left: 10px
}
.customer aside .side-nav li a:hover,
.customer aside .side-nav li.active a {
background: #ee8a41;
color: #fff
}
.customer aside .side-nav li a span {
padding-left: 40px
}
.customer aside .side-nav li a.faq span:before {
background: url(../img/shipping_sprite.png)
}
.customer aside .side-nav li a.faq:hover span:before,
.customer aside .side-nav li.active a.faq span:before {
background: url(../img/shipping_sprite.png) 0 23px
}
.customer aside .side-nav li a.prohibited span:before {
background: url(../img/shipping_sprite.png) -21px 0
}
.customer aside .side-nav li a.prohibited:hover span:before,
.customer aside .side-nav li.active a.prohibited span:before {
background: url(../img/shipping_sprite.png) -22px 23px;
content: '';
height: 23px;
position: absolute;
width: 20px;
top: 12px;
left: 10px
}
.customer aside .side-nav li a.tax span:before {
background: url(../img/shipping_sprite.png) -41px 0
}
.customer aside .side-nav li a.tax:hover span:before,
.customer aside .side-nav li.active a.tax span:before {
background: url(../img/shipping_sprite.png) -41px 23px
}
.customer aside .side-nav li a.contact span:before {
background: url(../img/shipping_sprite.png) -59px 0;
content: '';
height: 23px;
position: absolute;
width: 19px;
top: 12px;
left: 10px
}
.customer aside .side-nav li a.contact:hover span:before,
.customer aside .side-nav li.active a.contact span:before {
background: url(../img/shipping_sprite.png) -59px 23px;
content: '';
height: 23px;
position: absolute;
width: 19px;
top: 12px;
left: 10px
}
.customer aside .address {
background-color: #E4DFD1;
margin-top: 20px;
padding: 20px
}
.customer aside .address h3 {
font-size: 20px;
font-weight: 400;
margin: 0 0 10px
}
.customer aside .address address {
font-size: 14px;
font-style: initial
}
.customer aside .address address span {
display: block;
margin-bottom: 3px
}
.customer .main {
border-radius: 5px;
border: 1px solid #CFCFCF;
margin-left: 25%;
width: 75%
}
.customer .main .main-nav {
/*background-color: #F0F0F0;*/
border-top-right-radius: 5px;
border-top-left-radius: 5px;
margin: 0;
overflow: hidden;
padding: 0;
    border-bottom: 1px solid #dedede;
}

.customer .main .main-nav li a {
/*color: #999;*/

display: block;
padding: 12px 36px;
text-decoration: none;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500
}
.customer .main .main-nav li a:hover {
color: #333
}
.customer .main .main-nav li.active a {
background-color: #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #CFCFCF;
border-right: 1px solid #CFCFCF;
cursor: default;
pointer-events: none;
color: #333
}
.customer .main .main-nav li.active:first-child a {
border-left: none
}
.customer .main .main-nav li a>i.prohibited-alert {
margin-left: -9px;
margin-right: 2px;
color: #C4161C
}
.customer .main .main-content {
padding: 4% 0;
position: relative;
}
/*
.customer .main .main-content hr {
border: none;
border-top: 1px solid #DBDBDB;
margin: 40px 0
}
*/
.customer .main .main-content .cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer .main .main-content .header {
margin-bottom: 0
}
.customer .main .main-content .header h3 {
color: #c4161c;
display: inline-block;
font-size: 18px;
font-weight: 400;
margin: 0
}
.customer .main .main-content .header h3 a {
color: #C4161C;
font-size: 16px;
text-decoration: none
}
.customer .main .main-content .header p {
font-size: 14px;
margin-top: 5px
}
.customer .main form .form-group label {
width: 17%
}
.customer .main .account-content .address .header .add-address {
cursor: pointer;
color: #4160FF;
font-size: 14px;
text-decoration: none
}
.customer .main .account-content .address .header .add-address:hover {
color: #3A56E5
}
.customer .main .account-content .address address {
color: #5B5B5B;
display: inline-block;
font-size: 14px;
font-style: initial;
padding: 10px 30px;
text-align: left;
max-width: 250px
}
.customer .main .account-content .address .ph-address address {
height: 200px;
float: left
}
.customer .main .account-content .address address span {
max-height: 45px;
display: -webkit-box!important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 3px
}
.customer .main .account-content .address address span.address-name {
font-weight: 700
}
.customer .main .list {
position: relative
}
.customer .main .account-content input.error-input {
border: 1px solid #bd362f
}
.customer .main .address .btn-close {
color: #c4161c;
cursor: pointer;
font-size: 20px;
text-decoration: none
}
.customer .main .account-content .address .empty {
text-align: center;
font-family: 'Source Sans Pro', sans-serif;
}
.customer .main .account-content .address address .controls {
margin-top: 5px
}
.customer .main .account-content .address address a {
color: #4160FF;
font-size: 14px;
margin-right: 4px;
text-decoration: none
}
.customer .main .account-content .address address a:hover {
color: #3A56E5
}
.customer .main .account-content .profile form {
margin: 40px 0
}
.customer .main .account-content .profile form input[type=text] {
width: 40%
}
.customer .main .account-content .profile form input.middle {
width: 70px
}
.customer .main .account-content .email-pass .wrapper {
width: 100%;
padding-bottom: 20px
}
.customer .main .account-content .email-pass .email {
float: left;
width: 50%
}
.customer .main .account-content .email-pass .email .input-right,
.customer .main .account-content .email-pass .email input[type=text] {
width: 70%
}
.customer .main .account-content .email-pass .password {
border-left: 1px solid #D7D7D7;
float: left;
width: 50%
}
.customer .main .account-content .email-pass .password label {
width: 40%
}
.customer .main .account-content .email-pass .password .form-input {
width: 60%
}
.customer .main .account-content .email-pass .password input[type=text] {
width: 90%
}
.customer .main .account-content .email-pass .password .input-right {
width: 100%
}
.customer .main .storage-content {
padding: 0
}
.customer .main .storage-content .storage-wrapper {
padding: 30px 0 0 0;
}
.customer .main .storage-content .storage-empty .notify {
background-color: #FFC;
border: 1px solid #D1D1CC;
border-radius: 3px;
margin: auto;
padding: 20px;
text-align: center;
width: 230%;
position: absolute;
left: 100px;
}
.customer .main .storage-content .storage-empty .notify .icon {
background: url(../img/sprite.png) 0 -71px no-repeat;
content: "";
height: 36px;
width: 43px
}
.customer .main .storage-content .storage-empty .notify .notify-header {
width: 55%;
margin: 0 auto;
}
.customer .main .storage-content .storage-empty .notify .notify-content,
.customer .main .storage-content .storage-empty .retailers {
margin-top: 20px
}
.customer .main .storage-content .storage-empty .notify .notify-header span.icon {
float: left
}
.customer .main .storage-content .storage-empty p {
font-size: 14px;
text-align: center
}
.customer .main .storage-content .storage-empty .retailers ul {
margin: 0;
padding: 0;
text-align: center
}
.customer .main .storage-content .storage-empty .retailers ul li {
display: inline-block;
text-indent: -9999px
}
.customer .main .storage-content .storage-empty .retailers ul li a {
display: block;
height: 100%
}
.customer .main .storage-content .storage-empty .retailers ul li.amazon {
background: url(../img/retailers_logo.png) -8px 10px;
background-size: 800px 150px;
height: 60px;
width: 100px
}
.customer .main .storage-content .storage-empty .retailers ul li.etsy {
background: url(../img/retailers_logo.png) -127px 5px;
background-size: 850px 160px;
height: 60px;
width: 75px
}
.customer .main .storage-content .storage-empty .retailers ul li.ebay {
background: url(../img/retailers_logo.png) -202px 7px;
height: 60px;
width: 80px;
background-size: 820px 160px
}
.customer .main .storage-content .storage-empty .retailers ul li.zappos {
background: url(../img/retailers_logo.png) -300px 5px;
height: 60px;
width: 122px;
background-size: 860px 160px
}
.customer .main .storage-content .storage-empty .retailers ul li.gap {
background: url(../img/retailers_logo.png) -410px 5px;
background-size: 825px 160px;
height: 60px;
width: 65px
}
.customer .main .storage-content .storage-empty .retailers ul li.costco {
background: url(../img/retailers_logo.png) -468px 7px;
background-size: 800px 160px;
height: 60px;
width: 95px
}
.customer .main .storage-content .storage-empty .retailers ul li.macys {
background: url(../img/retailers_logo.png) -1362px 7px;
background-size: 800px 150px;
height: 60px;
width: 110px
}
.customer .main .storage-content .storage-empty .retailers ul li.target {
background: url(../img/retailers_logo.png) -1475px 12px;
background-size: 800px 150px;
height: 60px;
width: 112px
}
.customer .main .storage-content .storage-empty .retailers ul li.jcrew {
background: url(../img/retailers_logo.png) -7px -52px;
background-size: 825px 160px;
height: 50px;
width: 85px
}
.customer .main .storage-content .storage-empty .retailers ul li.net {
background: url(../img/retailers_logo.png) -110px -50px;
background-size: 850px 160px;
height: 50px;
width: 160px
}
.customer .main .storage-content .storage-empty .retailers ul li.williams {
background: url(../img/retailers_logo.png) -314px -53px;
background-size: 920px 160px;
height: 50px;
width: 150px
}
.customer .main .storage-content .storage-empty .retailers ul li.american {
background: url(../img/retailers_logo.png) -490px -52px;
background-size: 920px 160px;
height: 50px;
width: 149px
}
.customer .main .storage-content .storage-empty .retailers ul li.asos {
background: url(../img/retailers_logo.png) -674px -53px;
background-size: 950px 165px;
height: 50px;
width: 80px
}
.customer .main .storage-content .storage-empty .retailers ul li.nordstrom {
background: url(../img/retailers_logo.png) -1635px -42px;
background-size: 900px 150px;
height: 50px;
width: 157px
}
.customer .main .storage-content .storage-empty .retailers ul li.threadless {
background: url(../img/retailers_logo.png) -2px -220px;
background-size: 800px 140px;
height: 60px;
width: 110px
}
.customer .main .storage-content .storage-empty .retailers ul li.adorama {
background: url(../img/retailers_logo.png) -115px -226px;
background-size: 800px 140px;
height: 60px;
width: 110px
}
.customer .main .storage-content .storage-empty .retailers ul li.bh {
background: url(../img/retailers_logo.png) -232px -226px;
background-size: 800px 140px;
height: 60px;
width: 68px
}
.customer .main .storage-content .storage-empty .retailers ul li.music {
background: url(../img/retailers_logo.png) -300px -222px;
background-size: 800px 140px;
height: 60px;
width: 235px
}
.customer .main .storage-content .storage-empty .retailers ul li.under {
background: url(../img/retailers_logo.png) -606px -390px;
background-size: 900px 150px;
height: 60px;
width: 60px
}
.customer .main .storage-content .storage-empty .retailers ul li.nike {
background: url(../img/retailers_logo.png) -596px -220px;
background-size: 800px 140px;
height: 60px;
width: 70px
}
.customer .main .storage-content .storage-empty .retailers ul li.adidas {
background: url(../img/retailers_logo.png) -668px -222px;
background-size: 800px 140px;
height: 60px;
width: 121px
}
.customer .main .storage-content table {
border: 1px solid #e3e3e3;
border-radius: 5px;
border-collapse: collapse;
font-size: 14px;
margin-bottom: 20px
}
.customer .main .fa-question-circle .tooltip p {
margin: 0
}
.customer .main .storage-content .fa.fa-question-circle {
font-size: 14px
}
.customer .main .storage-content .item-list tbody tr td:nth-child(3) {
border-right: none
}
.customer .main .storage-content .item-list tbody tr .select-shipping .icons {
display: inline-block;
margin-right: 8px;
text-align: right;
width: 45px
}
.customer .main .storage-content .item-list tbody tr .select-shipping select {
width: 60%
}
.customer .main .storage-content .item-list tbody tr .select-shipping input[type=text] {
background-color: #eee;
padding: 10px 5px;
width: 60%
}
.customer .main .storage-content .item-list tbody tr .insured input[type=text] {
padding: 10px 5px;
width: 50px;
text-align: center
}
.customer .main .storage-content .item-list tbody tr td .item-select {
cursor: pointer
}
.customer .main .storage-content .item-list thead th:first-child {
border-top-left-radius: 5px;
}
.customer .main .storage-content .item-list thead th:last-child {
border-top-right-radius: 5px
}
.customer .main .storage-content .item-list tbody tr:last-child td:first-child {
border-bottom-left-radius: 5px
}
.customer .main .storage-content .item-list tbody tr:last-child td:last-child {
border-bottom-right-radius: 5px
}
.customer .main .storage-content .item-list td.checkbox,
.customer .main .storage-content .item-list td.date {
width: 50px
}
.customer .main .storage-content .item-list td.quantity {
width: 30px
}
.customer .main .storage-content .item-list td.quantity-ship {
width: 65px
}
.customer .main .storage-content .item-list td.item-name {
width: 150px;
word-break: break-word;
}
.customer .main .storage-content .item-list td.select-shipping {
width: 200px
}
.customer .main .storage-content .list-actions {
margin-bottom: 30px
}
.customer .main .storage-content .list-actions .select-all {
font-size: 14px
}
.customer .main .storage-content .list-actions .select-all .input {
padding: 0 19px;
text-align: center
}
.customer .main .storage-content .list-actions .select-all .input input {
cursor: pointer
}
.customer .main .storage-content .estimation-actions .wrapper {
display: table;
width: 100%;
}
.customer .main .storage-content .estimation-actions .header {
margin-bottom: 20px
}
.customer .main .storage-content .estimation-actions .header .fa-tags {
color: #989898;
font-size: 18px
}
.customer .main .storage-content .estimation-actions .header h3 {
color: #989898;
font-style: italic
}
.customer .main .storage-content .estimation-actions .estimations {
display: table-cell;
}
.customer .main .storage-content .estimation-actions .estimations .estimation-notes {
margin-bottom: 30px
}
.customer .main .storage-content .estimation-actions .estimations .tmp {
border-radius: 5px;
border: 1px solid #DFDFDF;
float: left;
margin-bottom: 20px;
padding: 20px 10px;
width: 280px
}
.customer .main .storage-content .estimation-actions .estimations .tmp p {
margin: 0
}
.customer .main .storage-content .estimation-actions .estimations .tmp hr {
margin: 20px 0
}
.customer .main .storage-content .estimation-actions .estimations .tmp .tmp-header {
text-align: center
}
.customer .main .storage-content .estimation-actions .estimations .tmp:first-child {
margin-right: 20px
}
.customer .main .storage-content .estimation-actions .estimations .tmp .breakdown-item {
margin: 0 auto 5px;
overflow: hidden;
width: 82%
}
.customer .main .storage-content .estimation-actions .estimations .tmp .breakdown-item p {
float: left;
text-align: right;
width: 50%
}
.customer .main .storage-content .estimation-actions .estimations .tmp .subtotal {
margin: 0 auto 20px;
overflow: hidden;
width: 82%
}
.customer .main .storage-content .estimation-actions .estimations .tmp .subtotal p {
float: left;
text-align: right;
width: 50%;
white-space: nowrap
}
.customer .main .storage-content .estimation-actions .estimations .tmp .subtotal .amount {
color: #C7363B;
font-size: 16px
}
.customer .main .storage-content .estimation-actions .estimations .tmp .eta {
margin: 0 auto;
width: 100%;
text-align: center
}
.customer .main .storage-content .estimation-actions .estimations .no-estimations {
border: 1px solid #ecde6c;
border-radius: 5px;
background-color: #fffbbb;
padding: 7px 30px;
text-align: center
}
.no-estimations {
background: #fffbbb;
padding: 25px;
text-align: center;
}
.customer .main .storage-content .estimation-actions .form-actions {
display: table-cell;
vertical-align: middle;
width: 25%;
text-align: right
}
.customer .main .storage-content .estimation-actions .form-actions input[type=submit] {
background-color: #C8C8C8;
border-radius: 5px;
color: #fff;
font-size: 18px;
width: 207px;
padding: 10px 20px
}
.customer .main .storage-content .info-img {
width: 20px!important
}
.customer .main .storage-content .estimation-actions .form-actions input[type=submit].active {
background-color: #C8C8C8
}
.customer .main .storage-content .estimation-actions .form-actions input[type=submit].ship-it {
background-color: #F7941E
}
.customer .main .storage-content .estimation-actions .form-actions input[type=submit].ship-it:hover {
background-color: #EB720F
}
.customer .main .storage-content .estimation-actions .form-actions p {
font-size: 12px;
font-style: italic;
text-align: right
}
.customer .main .storage-content .not-eligible {
border-top: 2px solid #C4C4C4;
padding: 30px
}
.customer .main .storage-content .not-eligible .header h3 {
color: #333
}
.customer .main .storage-content .not-eligible table thead th {
padding: 15px 5px
}
.customer .main .storage-content .not-eligible table input[type=text] {
padding: 10px 0;
text-align: center;
width: 50px
}
.customer .main .storage-content .not-eligible .note {
text-align: right;
overflow: hidden
}
.customer .main .storage-content .not-eligible .note p {
float: right;
font-size: 12px;
font-style: italic;
width: 65%
}
.customer .main .storage-content .not-eligible i.fa.fa-phone {
color: #B5AEA2;
font-size: 18px
}

/* Added CSS */

.customer .main .storage-content #ship-it .shipping-method .select-gradient {
    width: 85%;
    display: inline-block;
}

.customer .main .storage-content #ship-it .shipping-method .btn-disable {
    width: 86%;
    padding: 10px 8px;
    font-size: 14px;
    cursor: not-allowed;
}

/* End Added CSS */

.customer .main .item-content .item-wrapper {
background-color: #F8F8F8;
margin: 0 auto 20px;
overflow: hidden;
width: 85%
}
.customer .main .item-content .item-wrapper .item-image {
float: left;
padding: 30px;
width: 264px
}
.customer .main .item-content .item-wrapper .item-image img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0
}
.customer .main .item-content .item-wrapper .item-image .main-image {
background: #FFF;
height: 200px;
max-width: 100%;
overflow: hidden;
text-align: center
}
.customer .main .item-content .item-wrapper .item-image .main-image img {
display: block;
max-height: 200px;
margin: auto
}
.customer .main .item-content .item-wrapper .item-image .thumbnails {
margin: 10px 0 0;
padding: 0;
width: 100%
}
.customer .main .item-content .item-wrapper .item-image .thumbnails li {
background: #FFF;
float: left;
height: 60px;
margin-right: 10px;
margin-top: 5px;
max-width: 100%;
overflow: hidden;
text-align: center;
width: 30%
}
.customer .main .item-content .item-wrapper .item-image .thumbnails li img {
display: block;
max-height: 60px;
margin: auto
}
.customer .main .item-content .item-wrapper .item-image .thumbnails li a {
display: block;
height: 100%;
width: 100%
}
.customer .main .item-content .item-wrapper .item-image .thumbnails li:nth-child(3) {
margin-right: 0
}
.customer .main .item-content .item-wrapper .item-image .thumbnails li.active {
border: 3px solid #000
}
.customer .main .item-content .item-wrapper .item-image .download-image {
display: block;
margin: 10px auto 0;
width: 60%;
text-decoration: none
}
.customer .main .item-content .item-wrapper .item-details {
float: left;
padding: 20px;
width: 400px
}
.customer .main .item-content .item-wrapper .item-details dl dt {
float: left;
clear: left;
padding: 5px 20px 5px 5px;
width: 50%;
text-align: right
}
.customer .main .item-content .item-wrapper .item-details dl dt.insured-dt {
margin-top: 8px
}
.customer .main .item-content .item-wrapper .item-details dl dd {
border-bottom: 1px solid #EAEAEA;
margin-bottom: 10px;
padding: 5px
}
.customer .main .item-content .item-wrapper .item-details dl dd:last-child {
border-bottom: none
}
.customer .main .item-content .item-wrapper .item-details dl dd.insured-dd input {
width: 20%
}
.customer .main .item-content .item-wrapper .item-details dl dd.insured-dd a {
text-decoration: none
}
.customer .main .item-content .item-wrapper .item-details dl dd.shipping-method span {
background: url(../img/shipping_sprite.png) -1px -26px;
display: inline-block;
height: 18px;
margin-right: 5px;
width: 18px;
text-indent: -9999px
}
.customer .main .item-content .item-wrapper .item-details dl dd.shipping-method .sea {
background: url(../img/shipping_sprite.png) -20px -26px
}
.customer .main .item-content .item-actions {
margin: 20px 0
}
.customer .main .item-content .item-actions a {
color: #00E;
text-decoration: none
}
.customer .main .shipments .loader-overlay {
position: absolute
}
.customer .main .shipments ul {
padding: 0
}
.customer .main .shipments .status-head ul li {
margin: 5px 0;
display: inline-block
}
.customer .main .shipments .status-head ul li button {
border-radius: 3px;
font-size: 12px;
padding: 3px 20px
}
.customer .main .shipments .status-head ul li button:hover,
.customer .main .shipments .status-head ul li.active button {
background: #f26539
}
.customer .main .shipments .shipment-listing {
position: relative;
width: 100%
}
.customer .main .shipments .shipment-listing .no-result {
border: 1px solid #CCC;
padding: 50px 0;
text-align: center
}
.customer .main .shipments .cargo-wrapper {
border-radius: 5px;
border: 1px solid #ccc
}
.customer .main .shipments .cargo-wrapper:not(:last-child) {
margin-bottom: 20px
}
.customer .main .shipments .content {
padding: 15px;
width: 100%
}
.customer .main .shipments .content .content-col {
float: left;
width: 50%
}
.customer .main .shipments .head-flex {
display: flex;
background: #f0f0f0;
border-bottom: 1px solid #c3c3c3;
align-items: stretch
}
.customer .main .shipments .head-flex h6 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: 400;
margin: 0
}
.customer .main .shipments .head-flex div.air-cargo,
.customer .main .shipments .head-flex div.sea-cargo {
font-size: 16px;
font-weight: 600
}
.customer .main .shipments .head-flex .shipment-information {
padding: 10px 0;
width: 100%;
margin-left: 30px
}
.customer .main .shipments .head-flex .method {
padding: 10px 0;
text-align: center;
width: 125px;
border-right: 1px solid #ccc
}
.customer .main .shipments .head-flex .address {
width: 50%
}
.customer .main .shipments .head-flex .date,
.customer .main .shipments .head-flex .reference {
width: 25%
}
.customer .main .shipments .head-flex div.air-cargo:before {
background: url(../img/shipment-icon.png) 0 -33px;
content: '';
display: block;
height: 45px;
position: relative;
margin: 0 auto;
width: 34px
}
.customer .main .shipments .head-flex div.sea-cargo:before {
background: url(../img/shipment-icon.png) -33px 5px;
content: '';
display: block;
height: 45px;
position: relative;
margin: 0 auto;
width: 34px
}
.customer .main .shipments .head-flex span {
font-size: 14px;
display: block
}
.customer .main .shipments .box-content {
padding: 20px 50px;
display: block
}
.customer .main .shipments .box-content a.tracking-link {
text-decoration: none;
color: #2F82CC
}
.textcenter {text-align: center;}
.customer .main .shipments .box-content .box-row {
display: block;
border-bottom: 1px solid #ccc;
padding: 20px 0
}
.customer .main .shipments .box-content .box-row:last-child {
border-bottom: none
}
.customer .main .shipments .box-content h6 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: 400;
margin: 0
}
.customer .main .shipments .box-content p {
margin: 0
}
.customer .main .shipments .box-content p.status {
font-family: 'Source Sans Pro', sans-serif;
font-size: 22px;
font-weight: 400;
text-transform: uppercase
}
.customer .main .shipments .box-content .box-items {
width: 60%
}
.customer .main .shipments .box-content .box-status,
.customer .main .shipments .box-content .box-tracking {
width: 20%
}
.customer .main .shipments .box-content .cancellation {
border-radius: 3px;
font-size: 12px;
padding: 5px 20px;
text-decoration: none
}
.customer .main .shipments .box-content .box-status p {
font-weight: 500;
font-size: 16px
}
.customer .main .shipments .box-content .box-index h6 {
font-weight: 600;
font-size: 16px;
margin-left: 25px;
position: relative
}
.customer .main .shipments .box-content .box-index h6.sea-shipment:before {
background: url(../img/shipment-icon.png) 64px 0;
content: '';
display: inline-block;
height: 20px;
position: absolute;
width: 20px;
left: -25px;
top: -3px
}
.customer .main .shipments .box-content .box-index h6.air-shipment:before {
background: url(../img/shipment-icon.png) 80px 0;
content: '';
display: inline-block;
height: 20px;
position: absolute;
width: 19px;
left: -25px;
top: 0
}
.customer .main .shipments .box-content p.delivered {
font-size: 12px
}
.customer .main .shipments .box-content p.delivered span {
font-weight: 600
}
.customer .main .shipments .box-content h6.items {
margin-top: 15px
}
.customer .main .shipments .box-content ul.items-list li {
margin: 5px 0
}
.customer .modal.shipment .modal-body {
padding: 0 30px
}
.customer .main .shipments .top-actions {
display: block;
margin: 2% 0;
overflow: hidden;
}
.customer .main .shipments .bottom-actions {
margin-top: 20px;
display: block
}

.customer .main .main-content ul li a.btn {
font-size: 13px;
padding: 3px 12px
}
.customer .main .tracking .header {
margin-bottom: 10px
}
.customer .main .tracking p {
font-size: 15px;
margin: 0
}
.customer .main .tracking a {
color: #2654ff;
position: relative;
text-decoration: none;
width: 100%
}
.customer .main .tracking a:after {
border-bottom: 1px solid #d7dcff;
content: '';
height: 1px;
left: 0;
position: absolute;
top: 14px;
width: 100%
}
.customer .main .tracking form {
margin: 30px 0 25px
}
.customer .main .tracking form .label-left {
float: left;
font-size: 15px;
padding: 10px 0;
text-align: left;
display: inline-block;
width: auto;
margin-right: 15px
}
.customer .main .tracking form .control {
float: left;
margin-left: 0;
margin-right: 15px;
padding-bottom: 10px
}
.customer .main .tracking form .control input {
width: 360px
}
.customer .main .tracking form .btn {
float: left
}
.customer .shipment {
border-top: 1px solid #ccc
}
.customer .shipment .header {
margin: 25px 0 20px
}
.customer .shipment table {
border: 0;
width: 100%
}
.customer .shipment table tbody tr {
border-bottom: 1px solid #fff;
text-align: left
}
.customer .shipment table tbody tr:nth-child(even) {
background: #f2f2f2
}
.customer .shipment table tbody tr:nth-child(odd) {
background: #f8f8f8
}
.customer .shipment table tbody tr th {
background: #fff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
padding: 10px
}
.customer .shipment table tbody tr td {
border: 0;
text-align: left
}
.customer .customer-wrapper .main .main-nav li {
margin-top: 0px;
}
.customer .customer-wrapper .main .main-nav .active {
/*border-top: 3px solid #ED1C24;*/
margin-top: 0;
border-bottom: 3px solid #000;
color:  #333;
}
.customer .main .shipments .shadow {
background-image: url(https://cdn.shippingcart.com/img/sprite.png);
background-position: -240px -528px;
background-repeat: no-repeat;
bottom: -60px;
display: block;
height: 30px;
left: 50%;
position: relative;
right: 0;
transform: translate(-50%, 0);
width: 650px
}

.prohibited-content .shadow {
background-image: url(https://cdn.shippingcart.com/img/sprite.png);
background-position: -240px -528px;
background-repeat: no-repeat;
bottom: -60px;
display: block;
height: 30px;
left: 50%;
position: relative;
right: 0;
transform: translate(-50%, 0);
width: 650px
}

.customer .main .account-content .shadow {
background-image: url(https://cdn.shippingcart.com/img/sprite.png);
background-position: -240px -528px;
background-repeat: no-repeat;
bottom: -60px;
display: block;
height: 30px;
left: 50%;
position: relative;
right: 0;
transform: translate(-50%, 0);
width: 650px
}

.customer .main .storage-content .shadow {
background-image: url(https://cdn.shippingcart.com/img/sprite.png);
background-position: -240px -528px;
background-repeat: no-repeat;
bottom: -60px;
display: block;
height: 30px;
left: 50%;
position: relative;
right: 0;
transform: translate(-50%, 0);
width: 650px
}

.container.forgot {
background: #FFF;
border-radius: 5px;
border: 1px solid #E4E4E4;
border-top: 3px solid #ED1C24;
margin-bottom: 160px;
margin-top: 10px;
max-width: 600px;
padding: 30px 37px;
position: relative
}
.container.forgot .row {
margin: 0;
width: 100%
}
.container.forgot .instructions p {
margin: 0
}
.container.forgot .notify {
margin-bottom: 5px
}
.container.forgot .notify .flash-message {
margin: 15px 0 0
}
.container.forgot .notify .flash-message .alert {
background: #fff6f7;
border: 1px solid #ffdbdc;
border-left: 5px solid #ed1c24;
padding: 8px 15px
}
.container.forgot .notify .flash-message .alert span {
color: #494848;
font-size: 12px;
padding-left: 25px;
position: relative
}
.container.forgot .notify .flash-message .alert span:before {
color: #ed1c24;
content: '\f05e';
font-family: FontAwesome;
font-size: 22px;
height: 35px;
left: -4px;
position: absolute;
top: -8px;
width: 20px
}
.container.forgot .login-btn {
text-align: left
}
.container.forgot:after {
content: "";
position: absolute;
z-index: -1;
box-shadow: 0 0 20px rgba(0, 0, 0, .8);
bottom: 0;
left: 5%;
right: 5%;
width: 90%;
height: 100px;
-moz-border-radius: 100%;
border-radius: 100%
}
.container,
html {
height: 100%
}
.forgot .forgot-wrapper {
font-family: 'Source Sans Pro', sans-serif;
padding-top: 30px
}
.forgot .right {
display: inline-block;
margin-left: 33.5%;
text-align: center;
width: 390px
}
.forgot .forgot-header {
margin-top: 10px
}
.forgot .forgot-header h1 {
color: #C4161C;
font-family: 'Source Sans Pro', sans-serif;
font-size: 34px;
font-weight: 500;
margin: 10px auto
}
.forgot .forgot-header p {
font-size: 19px;
margin-bottom: 50px
}
.forgot .separator {
border-bottom: 1px solid #BABABA;
margin: 10px auto
}
.forgot .forgot-form {
margin-top: 8px;
margin-bottom: 30px
}
.forgot .forgot-form h1 {
font-family: 'Source Sans Pro', sans-serif;
color: #333;
float: left;
font-size: 24px;
font-weight: 500
}
.forgot .forgot-form .notify {
margin: 20px 0
}
.forgot .forgot-form .flash-message {
margin: auto;
width: 50%
}
.forgot .forgot-form .form-group {
width: 300px
}
.forgot input.forgot-input {
border-radius: 3px;
font-size: 14px;
padding: 13px 12px;
width: 320px
}
.forgot .label-left {
float: left;
font-size: 14px;
padding: 10px 0;
text-align: right;
width: 35.5%
}
.forgot .control {
margin-left: 37%
}
.forgot .forgot-form .right {
margin-left: 37.5%
}
.forgot .login-here {
color: #f7941e;
float: left;
font-size: 14px;
padding-top: 18px;
position: relative;
text-decoration: none
}
.forgot .login-here:after {
content: '';
position: absolute;
width: 100%;
border-bottom: 1px solid #efd6ba;
top: 33px;
left: 0
}
.forgot .login-btn {
margin-top: 10px;
text-align: right;
width: 314px
}
.forgot .btn.align-right.btn-orange {
font-size: 15px;
padding: 10px 35px
}
.forgot.password .forgot-header {
margin-bottom: 50px
}
.forgot.password .right {
margin-left: 30%;
width: 515px
}
.forgot.password .forgot-form .right {
margin-left: 38%;
width: 320px
}
.forgot.password .control {
margin-left: 38%
}
.forgot.password .label-left {
width: 36.5%
}
.forgot.password .login-btn {
width: 320px
}
.footer-minimal {
border-top: 1px solid #e5e5e5;
bottom: 0;
left: 0;
/*    position: absolute;*/
right: 0
}
body {
/*background-image: url(https://cdn.shippingcart.com/img/pre-loader.png); commented out to remove console error*/
background-position: center center;
background-repeat: no-repeat;
color: #414141;
font-family: 'Source Sans Pro', sans-serif;
font-style: normal;
overflow-x: hidden;
padding-top: 55px;
min-height: 100%;
height: 100% !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.main2.header-minimal {
background: #fcfcfc;
padding: 80px 0 100px;
position: relative
}
.ekko-lightbox,
.modal {
z-index: 9999;

}
.modal-backdrop {
z-index: 9999;
}
.container {
margin: 0 auto;
padding: 0 3%;
width: 100%;
max-width: 1280px;
}
.container.register {
padding: 0 70px 0 70px;
}
/*.hide {
display: none
}*/
h2 {
font-size: 30px
}
h3 {
font-size: 24px
}
h4 {
font-size: 18px
}
h5 {
font-size: 14px
}
h6 {
font-size: 12px
}
input[type=password],
input[type=text],
input[type=email] {
border: 1px solid #DEDCD7;
padding: 6px 12px;
width: 40%
}
input[type=password]:focus,
input[type=text]:focus,
input[type=email]:focus {
outline: 0
}
input.middle {
width: 10%
}
select {
background: #fff;
outline: 0;
padding: 3px 5px
}
.pace .pace-progress {
background: #ef2a26;
background: -moz-linear-gradient(left, #ef2a26 0, #f13e28 19%, #f67726 66%, #f78524 81%, #f79121 100%);
background: -webkit-linear-gradient(left, #ef2a26 0, #f13e28 19%, #f67726 66%, #f78524 81%, #f79121 100%);
background: linear-gradient(to right, #ef2a26 0, #f13e28 19%, #f67726 66%, #f78524 81%, #f79121 100%);
filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef2a26', endColorstr='#f79121', GradientType=1)";
height: 4px;
z-index: 9999999
}
.btn.btn-orange,
.btn.btn-orange:hover {
filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff ', endColorstr='#f68f1e ', GradientType=0)";
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-uppercase {
text-transform: uppercase
}
textarea {
width: 100%
}
.alert {
border: 1px solid transparent;
margin-bottom: 20px;
padding: 15px
}
.alert.alert-success {
background-color: #51a351;
border-color: #51a351;
color: #fff
}
.alert.alert-danger {
background-color: #bd362f;
border-color: #bd362f;
color: #fff
}
.alert.alert-warning {
background-color: #f89406;
border-color: #f89406;
color: #fff
}
.alert.alert-info {
color: #fff;
background-color: #2f96b4;
border-color: #2f96b4
}
.notify-success {
background-color: #3c763d
}
.notify-error {
background-color: #a94442
}
.notify-warning {
background-color: #8a6d3b
}
.notify-info {
background-color: #31708f
}
.fa-question-circle {
color: #989898;
}
.btn {
border: 0;
cursor: pointer;
display: inline-block;
white-space: nowrap;
background-color: #e6e6e6;
border-radius: 5px;
color: #333;
padding: 10px 20px
}
.btn:focus {
outline: 0
}
.btn.btn-orange {
background-color: #F7941E;
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
border: 1px solid #fa9605;
color: #fff;
font-size: 15px
}
.btn.btn-orange:hover {
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%)
}
.btn.btn-grey {
color: #fff;
font-size: 15px;
background-color: #999;
border-radius: 5px;
width: 100%
}
.fa,
.fa-question-circle,
.no-insurance,
.item-name {
position: relative;
-webkit-font-smoothing: antialiased
}
.fa .tooltip,
.fa-question-circle .tooltip,
.no-insurance .tooltip,
.date .tooltip.aging-date {
border-radius: 5px;
font-weight: 400;
text-align: center;
font-size: 12px;
background: #717171;
bottom: 100%;
color: #fff;
display: block;
left: -15px;
margin-bottom: 7px;
opacity: 0;
padding: 10px;
pointer-events: none;
position: absolute;
width: 210px;
z-index: 9999;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}

.account-content .tab-content #address_book .tab-header .fa-question-circle .tooltip.white {
    background: #FFF;
    border: 1px solid #d3d3d3;
    color: #414141;
    left: -105px;
    box-shadow: 0 4px 6px -6px #222;
    -webkit-box-shadow: 0 4px 6px -6px #222;
    -moz-box-shadow: 0 4px 6px -6px #222;
}

.no-insurance .tooltip.white,
.date .tooltip.aging-date.white {
background-color: #fff;
left: -32px;
top: -78px;
-webkit-box-shadow: 0 4px 6px -6px #222;
-moz-box-shadow: 0 4px 6px -6px #222;
border: 1px solid #d3d3d3;
color: #414141
}
.date .tooltip.aging-date.white {
  left: 20px;
  top: 63px;
}
.no-insurance .tooltip.special-handling-tooltip.white {
top: -52px
}
.no-insurance .insured-tooltip.white:after {
border: 0;
bottom: 8px;
color: #FFF;
content: '\f0d7';
font-family: FontAwesome;
font-size: 14px;
text-shadow: #ccc 0 1px 0;
}
.no-insurance .aging-date.white:after,
.date .tooltip.aging-date.white:after {
  border: 0;
  top: -15px;
  color: #FFF;
  content: '\f0d8';
  font-family: FontAwesome;
  font-size: 18px;
  text-shadow: #ccc 0 -1px 0;
}
.no-insurance .tooltip,
.date .tooltip.aging-date {
bottom: initial;
top: -100%;
}
.fa-question-circle .tooltip.red,
.no-insurance .tooltip.red {
background: #c4161c
}
.fa .tooltip:before,
.fa-question-circle .tooltip:before,
.no-insurance .tooltip:before,
.date .tooltip.aging-date.white:before {
bottom: -20px;
content: "";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%
}
.fa .tooltip:after,
.fa-question-circle .tooltip:after,
.no-insurance .tooltip:after,
.item-name .aging-date:after {
border-bottom: 10px solid transparent;
border-left: 10px solid #717171;
border-top: 10px solid transparent;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -76px;
position: absolute;
width: 0
}
.fa .tooltip.red:after,
.fa-question-circle .tooltip.red:after,
.no-insurance .tooltip.red:after {
border-left: 10px solid #c4161c
}
.fa:hover .special-handling-tooltip,
.fa-question-circle:hover .tooltip,
.no-insurance .checkbox:hover .insured-tooltip,
.date:hover .tooltip.aging-date.white {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}

input[type=radio].css-checkbox {
position: absolute;
z-index: -1000;
left: -1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
input[type=radio].css-checkbox+label>.checkbox-icon {
background-repeat: no-repeat;
background-position: 0 0;
cursor: pointer;
display: inline-block;
height: 15px;
margin: 0;
vertical-align: middle;
width: 16px
}
input[type=radio].css-checkbox:checked+label>.checkbox-icon {
background-position: 0 -15px
}
label>.checkbox-icon {
background-image: url(https://cdn.shippingcart.com/img/radio_sprite.png);
-webkit-touch-callout: none;
-khtml-user-select: none;
user-select: none
}
form.form-horizontal .form-group {
margin-bottom: 10px;
overflow: hidden
}
form.form-horizontal .form-group label {
float: left;
font-size: 14px;
padding: 8px 3% 9px 0;
text-align: right;
width: 25%
}
form.form-horizontal .form-group .form-input {
float: left;
margin: 0;
width: 75%
}
form.form-horizontal .form-group .form-input .input-right {
text-align: right;
width: 40%
}
form .form-group,
form .form-group .form-input {
margin-top: 10px
}
form .input-wrapper {
margin: 5px 0;
width: 100%
}
form .label-left {
color: #333;
float: left;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
padding: 10px 0;
text-align: right;
width: 25%
}
form .control {
margin-left: 28%
}
form i.required {
color: #C4161C;
font-size: 11px
}
form .control.has-error input,
form .control.has-error select,
form input.has-error,
form select.has-error {
border-color: #bd362f
}
form input[type=password],
form input[type=text],
form input[type=email] {
font-size: 14px;
padding: 9px 12px;
width: 100%
}
form select {
border: 1px solid #b8c3c9;
height: 38px;
color: #333;
padding: 10px 5px;
width: 100%;
font-size: 14px
}

form .error-text {
color: #C4161C!important;
font-size: 14px;
padding-top: 5px
}
.error-input {
border: 1px solid #bd362f!important
}
.loader-overlay {
background: rgba(255, 255, 255, .6);
height: 100%;
left: 0;
position: fixed;
text-align: center;
top: 0;
white-space: nowrap;
width: 100%;
z-index: 99
}
.loader-overlay:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em
}
.loader-overlay .loader {
z-index: 100;
vertical-align: middle;
opacity: 1
}
.pagination {
display: inline-block;
width: max-content;
}
.pagination li {
float: left;
text-align: center
}
.pagination li.p-active a {
cursor: default;
color: #FFF;
background-color: #C4161C
}
.pagination li:last-child {
border-right: none
}
.pagination li a {
color: #333;
text-decoration: none;
padding: 2 14px;
width: auto;
display: block;
height: auto;
font-size: 12px;
line-height: 20px
}
.pagination li.next a,
.pagination li.prev a {
width: auto
}
.pagination li a:hover {
    background-color: #e6e6e6;
    color: #333;
}
.pagination li a.more {
pointer-events: none
}
.pagination li a.more:hover {
background-color: #FFF;
color: #333
}

.pagination > .active > a {
    background-color: #cecece !important;
    border-color: #cecece !important;
}


.chosen-container {
margin-bottom: 5px
}
.chosen-container .chosen-single {
background: #FFF!important;
border-radius: 0!important;
border: 1px solid #DEDCD7!important;
padding: 7px 0 7px 7px!important;
height: 38px!important
}
.chosen-container .chosen-drop {
border: 1px solid #DEDCD7!important;
border-top: none!important
}
.not-found {
padding: 60px 0 50px;
text-align: center
}
.not-found h1 {
margin-top: 25px
}
.not-found h3 {
margin-top: 5px
}
.not-found p {
margin-bottom: 3px
}
.not-found div.col-sm-7 {
margin-top: 50px
}
.not-found .list-group {
margin-top: 70px;
margin-bottom: 100px
}
.not-found img {
width: 600px
}
.not-found .list-group.text-primary a {
display: block;
margin: 10px 0
}
.notifier {
display: none
}
#toast-container>div,
.toast {
opacity: 1!important
}
.hello {
margin-top: 15px
}
.hello .roboto {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
margin: 0
}
.hello .container-centered {
box-sizing: border-box;
border: 1px solid #D7D7D7;
border-top: 5px solid #ED1C24;
border-radius: 4px;
margin: 0 auto 100px;
padding: 40px;
position: relative;
width: 960px
}
.hello .container-centered .top p {
color: #777;
font-size: 20px;
margin: 5px
}
.hello .container-centered .info-column {
margin-top: 55px
}
.hello .container-centered .info-column .left {
border-radius: 4px;
border: 1px solid #D7D7D7;
padding: 25px;
position: relative;
width: 33%
}
.hello .container-centered .info-column .left p {
color: #777;
font-size: 14px;
margin-top: 8px
}
.hello .container-centered .info-column .left p a {
color: #0375d9;
text-decoration: underline;
}
.hello .container-centered .info-column .left:after {
content: '';
background: url(../img/sprite.png) -14px -464px no-repeat;
bottom: -13px;
display: inline-block;
height: 25px;
left: 8px;
position: absolute;
width: 142px
}
.hello .container-centered .info-column table {
border: none;
border-collapse: collapse;
min-width: 238px
}
.hello .container-centered .info-column table tr td {
border: none;
border-bottom: 1px solid #EEE
}
.hello .container-centered .info-column table tr.last td {
border-bottom: none
}
.hello .container-centered .info-column table .field {
color: #CCC;
border-right: 1px solid #EEE;
font-style: italic;
font-size: 11px;
padding-right: 10px;
text-align: right;
width: 20px
}
.hello .container-centered .info-column table .value {
color: #414141;
font-size: 13px;
max-width: 165px;
text-align: left;
padding: 5px 12px
}
.hello .container-centered .info-column .address-table {
margin: 35px 0
}
.hello .container-centered .info-column .go-to-storage {
border-radius: 5px;
font-size: 14px;
margin: 0 auto;
padding: 10px;
text-decoration: none;
text-align: center;
width: 150px;
background-color: #F7941E;
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
border: 1px solid #fa9605;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff
}
.after-registration .container-centered .info-column .go-to-storage { padding: 10px 20px 10px 20px;}
.hello .container-centered .info-column .go-to-storage:hover {
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%)
}
.hello .container-centered .info-column .right iframe {
border: none;
margin: 75px 0
}
.hello .container-centered .back-shadow-centered {
background: url(../img/sprite.png) -158px -481px no-repeat;
bottom: -37px;
display: inline-block;
height: 37px;
left: 88px;
position: absolute;
width: 800px
}
.home  {
font-family: 'Source Sans Pro', sans-serif;
font-style: normal;
font-weight: 400;
padding-top: 0;
height: auto!important
}
.home h1,
h2,
h3,
h4,
h5 {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-style: normal;
font-weight: 500
}
.home h2 {
font-weight: 700;
font-size: 24px;
text-align: center;
width: 100%
}

/* .home .main-wrapper .welcome {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background: url(../img/home/welcome_bg.jpg) center center no-repeat fixed;
background-size: cover;
background: linear-gradient(rgba(25,11,1,.4),rgba(48,21,0,.2));
left: 0;
padding-top: 165px;
padding-bottom: 185px;
padding-bottom: 140px;
top: 0;
z-index: 1;
}
*/
.home .main-wrapper:first-child {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background: linear-gradient(rgba(25,11,1,.4),rgba(48,21,0,.2));
left: 0;
top: 0;
z-index: auto;
}

.home .main-wrapper .welcome .welcome-wrapper {
margin: 0 auto;
width: 85%
}
.home .main-wrapper .welcome .welcome-wrapper h1 {
color: #fff;
font-size: 48px;
font-weight: 700;
}
.home .main-wrapper .welcome .welcome-wrapper p:nth-child(2) {
color: #fff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 24px;
margin-top: 5px
}
.home .main-wrapper .welcome .welcome-wrapper .sign-up a {
background-color: #f7941e;
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
border: 1px solid #fa9605;
font-size: 24px;
font-weight: 600;
margin-top: 5px;
padding: 8px 75px
}
.home .main-wrapper .welcome .welcome-wrapper .sign-up a:hover {
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%)
}
.home .main-wrapper .welcome .welcome-wrapper .sign-in {
color: #fff;
margin-top: 10px
}
.home .main-wrapper .welcome .welcome-wrapper .sign-in a {
color: #fff;
text-decoration: underline
}
.home .main-wrapper .scroll {
background: #ef2a26;
background: -moz-linear-gradient(left, #ef2a26 0, #f13e28 19%, #f67726 66%, #f78524 81%, #f79121 100%);
background: -webkit-linear-gradient(left, #ef2a26 0, #f13e28 19%, #f67726 66%, #f78524 81%, #f79121 100%);
background: linear-gradient(to right, #ef2a26 0, #f13e28 19%, #f67726 66%, #f78524 81%, #f79121 100%);
filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef2a26', endColorstr='#f79121', GradientType=1)";
height: 5px;
margin: auto;
position: relative;
width: 100%
}
.home .main-wrapper .scroll .image-wrapper {
position: absolute;
top: -27px;
transition: all .125s ease-in-out
}
.home .main-wrapper .scroll .image-wrapper .image-wrap {
position: relative;
z-index: 2;
margin-left: 100%
}
.home .main-wrapper .scroll .image-wrapper .image-wrap:before {
background: #f9f9f9;
content: '';
height: 5px;
left: 45px;
position: absolute;
top: 27px;
width: 10000px;
z-index: -1
}
.home .main-wrapper .shipping-ease,
.home .main-wrapper .spotted-social,
.home .main-wrapper .stores {
background-color: #f9f9f9
}
.home .main-wrapper .spotted-social h2 {
margin-top: 50px
}
.home .main-wrapper .spotted-social .carousel {
padding: 0 55px 30px 30px;
min-height: 190px
}
.home .main-wrapper .spotted-social .carousel .carousel-control {
background: 0 0;
color: #222;
margin-top: 30px;
text-shadow: none
}
.home .main-wrapper .spotted-social .carousel .carousel-control.left {
height: 37px;
left: 0;
margin: 0;
top: 57px;
width: 26px
}
.home .main-wrapper .spotted-social .carousel .carousel-control.left:before {
background: url(../img/sprite.png) 0 -140px no-repeat;
content: '';
height: 25px;
left: 0;
position: absolute;
top: 6px;
width: 25px
}
.home .main-wrapper .spotted-social .carousel .carousel-control.right {
height: 37px;
right: 0;
margin: 0;
top: 57px;
width: 26px
}
.home .main-wrapper .spotted-social .carousel .carousel-control.right:before {
background: url(../img/sprite.png) -27px -140px no-repeat;
content: '';
height: 25px;
left: 0;
position: absolute;
top: 6px;
width: 25px
}
.home .main-wrapper .spotted-social .carousel .item blockquote {
border-left: none;
margin: 0
}
.home .main-wrapper .spotted-social .carousel .item blockquote figure {
margin: 0
}
.home .main-wrapper .spotted-social .carousel .item blockquote figure img {
height: 115px;
width: 115px
}
.home .main-wrapper .spotted-social .carousel .item blockquote h4 {
border-bottom: 1px solid #b7b7b7;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
margin-top: 15px;
padding-bottom: 6px;
width: 100%
}
.home .main-wrapper .spotted-social .carousel .item blockquote p {
font-size: 14px;
margin-bottom: 2px
}
.home .main-wrapper .shoppers {
    background-color: #fff;
}
.home .main-wrapper .shoppers .container {
position: relative;
background-color: #fff;
width: 100% !important;
}
.home .main-wrapper .shoppers .container:after,
.home .main-wrapper .shoppers .container:before {
content: '';
height: 30px;
left: 50%;
margin-left: -330px;
position: absolute;
width: 100%
}
.home .main-wrapper .shoppers .container:before {
background: url(../img/sprite.png) -178px -446px no-repeat;
top: -30px
}
.home .main-wrapper .shoppers .container:after {
background: url(../img/sprite.png) -178px -487px no-repeat;
bottom: -30px
}
.home .main-wrapper .shoppers .container h2 {
margin-top: 40px;
background-color: #fff;
}
.home .main-wrapper .shoppers .shoppers-wrapper {
margin: 25px auto;
text-align: center;
}
.home .main-wrapper .shoppers .column {
display: inline-block;
margin: 0 5px;
text-align: left;
vertical-align: top;
width: 19%;
}
.home .main-wrapper .shoppers .column:first-child {
margin-left: 0
}
.home .main-wrapper .shoppers .column:first-last {
margin-right: 0
}
.home .main-wrapper .shoppers .column .image-wrapper {
margin: 0
}
.home .main-wrapper .shoppers .column h4 {
color: #414141;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: 700;
margin-bottom: 2px;
text-transform: uppercase
}
.home .main-wrapper .shoppers .column p span {
font-weight: 700
}
.home .main-wrapper .shipping-ease h2 {
margin-top: 40px
}
.home .main-wrapper .shipping-ease .wrapper {
background: #f9f9f9;
margin-top: 30px;
width: 100%
}
.home .main-wrapper .shipping-ease .left {
float: left;
width: 48%
}
.home .main-wrapper .shipping-ease .right {
float: right !important;
width: 52%;
}
.home .main-wrapper .shipping-ease .left .image-wrapper {
margin: 0;
}
.home .main-wrapper .shipping-ease .right .video-wrapper {
text-align: center
}
.home .main-wrapper .shipping-ease .right .video-wrapper iframe {
    width: 100%;
    }
.home .main-wrapper .shipping-ease .right .shipping-steps {
margin-top: 20px
}
.home .main-wrapper .shipping-ease .right .shipping-steps ul {
padding: 0
}
.home .main-wrapper .shipping-ease .right .shipping-steps ul li {
display: inline-block;
font-weight: 600;
line-height: 18px;
margin-right: 15px;
position: relative;
vertical-align: top;
width: 132px
}
.lSAction>.lSNext:after,
.lSAction>.lSNext:before,
.lSAction>.lSPrev:after,
.lSAction>.lSPrev:before {
position: absolute;
content: ''
}
.home .main-wrapper .shipping-ease .right .shipping-steps ul li.step-3 {
width: 155px
}
.home .main-wrapper .shipping-ease .right .shipping-steps ul li.step-4 {
width: 110px
}
.home .main-wrapper .shipping-ease .right .shipping-steps ul li:after {
background: url(../img/sprite.png) -89px -59px no-repeat;
content: '';
height: 25px;
position: absolute;
right: -12px;
top: 16px;
width: 15px
}
.home .main-wrapper .shipping-ease .right .shipping-steps ul li:last-child {
margin-right: 0
}
.home .main-wrapper .shipping-ease .right .shipping-steps ul li:last-child:after {
background: 0 0
}
.home .main-wrapper .stores {
padding-bottom: 35px
}
.home .main-wrapper .stores h2 {
display: block;
margin-bottom: 5px
}
.home .main-wrapper .stores p {
margin-bottom: 30px;
text-align: center
}
.home .main-wrapper .stores .store-slider {
height: 80px!important
}
.home .main-wrapper .stores .store-slider li {
margin-top: 30px;
text-align: center;
background: transparent;
}
.stores .lSAction>a {
top: 0!important;
margin-top: 0!important
}
.stores .lSAction>.lSPrev {
background: #f9f9f9;
height: 100%;
opacity: 1;
width: 70px;
left: 0!important
}
.stores .lSAction>.lSPrev:before {
background: url(../img/sprite.png) 0 -139px no-repeat;
height: 28px;
left: 10px;
top: 30px;
width: 25px
}
.stores .lSAction>.lSPrev:after {
background: url(../img/sprite.png) 0 -501px no-repeat;
height: 100%;
right: 0;
top: 0;
width: 28px
}
.stores .lSAction>.lSNext {
background: #f9f9f9;
height: 100%;
opacity: 1;
width: 70px;
right: 0!important
}
.stores .lSAction>.lSNext:before {
background: url(../img/sprite.png) -27px -139px no-repeat;
height: 28px;
right: 10px;
top: 30px;
width: 25px
}
.stores .lSAction>.lSNext:after {
background: url(../img/sprite.png) -36px -501px no-repeat;
height: 100%;
left: 0;
top: 0;
width: 28px
}
.home .main-wrapper .start-shipping {
background: #fff
}
.home .main-wrapper .start-shipping .container {
padding: 40px 10px;
text-align: center
}
.home .main-wrapper .start-shipping h2 {
display: inline;
font-weight: 400;
padding-right: 60px;
vertical-align: middle
}
.home .main-wrapper .start-shipping a {
background-color: #f7941e;
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
border: 1px solid #fa9605;
font-weight: 600;
padding: 10px 50px
}
.home .main-wrapper .start-shipping a:hover {
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%)
}
.home .custom-modal-overlay {
position: fixed
}
.page-login header.header-minimal {
height: 60px
}
.page-login .container.login {
background: #fff;
border-radius: 5px;
border-top: 3px solid #AA0E0E;
margin-bottom: 50px;
margin-top: 10px;
max-width: 800px;
padding: 30px 35px;
position: relative;
border-left: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4
}
.page-login .container.login:after {
content: '';
background: url(../img/sprite.png) 0 -612px no-repeat;
width: 100%;
height: 20px;
position: absolute;
bottom: -18px;
left: -150px
}
.page-login .container.login .login-header {
width: 100%
}
.page-login .container.login .login-header h1 {
color: #333;
float: left;
font-family: 'Source Sans Pro', sans-serif;
font-size: 24px;
font-weight: 500;
width: 50%
}
.page-login .container.login .login-header .back {
float: right;
text-align: right;
width: 50%;
}
.page-login .container.login .login-header .back a {
position: relative;
text-decoration: none;
}
.page-login .container.login .login-header .back a:before {
border-bottom: 1px solid #a3c1ec;
bottom: 0;
content: '';
height: 1px;
position: absolute;
right: 0;
width: 90%
}
.page-login .container.login .login-wrapper {
width: 100%
}
.page-login .container.login .login-wrapper .left {
float: left;
width: 55%
}
.page-login .container.login .login-wrapper .left .notify {
margin-top: 15px
}
.page-login .container.login .login-wrapper .left .sign-in,
.page-login .container.login .login-wrapper .left .sign-in .login-form {
margin-top: 25px
}
.page-login .container.login .login-wrapper .left .notify .sc-alert-danger {
padding: 8px 12px
}
.page-login .container.login .login-wrapper .left .notify .sc-alert-danger.archive {
width: 140% !important;
}
.page-login .container.login .login-wrapper .left .sign-in h2 {
font-size: 18px;
font-weight: 400
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .form-input {
width: 90%;
margin-bottom: 20px
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .form-input label {
font-weight: 500
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .form-input input[type=email] {
border-radius: 3px
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .form-input input[type=password] {
border-top-left-radius: 3px
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .form-input .input-group-addon {
background: #f0f0f0
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .form-input .input-group-addon label {
cursor: pointer;
color: #414141;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-inline-flex;
display: inline-flex;
margin: 1px 0 0
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .form-input .input-group-addon label:before {
top: 2px
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .form-input .input-group-addon label input {
margin-right: 5px
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .remember label {
cursor: pointer;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-inline-flex;
display: inline-flex;
font-weight: 500
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .remember label input {
margin-right: 6px
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .submit {
margin-top: 14px
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .submit button {
background-color: #f7941e;
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
font-size: 15px;
margin-right: 10px;
padding: 10px 12px
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .submit button:hover {
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%)
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .submit a {
position: relative
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .submit a:hover {
text-decoration: none
}
.page-login .container.login .login-wrapper .left .sign-in .login-form .submit a:before {
border-bottom: 1px solid #a3c1ec;
bottom: 0;
content: '';
height: 1px;
position: absolute;
right: 0;
width: 100%
}
.page-login .container.login .login-wrapper .center {
float: left;
width: 2%
}
.page-login .container.login .login-wrapper .center p {
margin: 149px 0 0;
position: relative;
text-align: center
}
.page-login .container.login .login-wrapper .center p:before {
border-left: 5px solid #e3e3e3;
content: '';
height: 50px;
left: 6px;
position: absolute;
top: -60px;
width: 1px
}
.page-login .container.login .login-wrapper .center p:after {
border-left: 5px solid #e3e3e3;
bottom: -60px;
content: '';
height: 50px;
left: 6px;
position: absolute;
width: 1px
}
.page-login .container.login .login-wrapper .right {
float: left;
margin-top: 100px;
padding-left: 50px;
width: 43%
}
.page-login .container.login .login-wrapper .right .fb-login.group .btn-facebook {
border-radius: 3px;
background-color: #3B5998;
color: #FFF;
display: block;
text-decoration: none;
width: 270px;
}
.page-login .container.login .login-wrapper .right .fb-login.group .btn-facebook div button {
background: none;
border: 0;
padding: 0;
height: 40px;
width: 100%;}
.page-login .container.login .login-wrapper .right .fb-login.group .btn-facebook:hover {
color: #fff;
opacity: .9;
text-decoration: none
}
.page-login .container.login .login-wrapper .right .fb-login.group .btn-facebook .fa-facebook {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
background-color: #354F88;
display: inline-block;
font-size: 20px;
height: 40px;
float: left;
padding: 10px;
text-align: center;
vertical-align: middle;
width: 40px;
}
.page-login .container.login .login-wrapper .right .fb-login.group p {
margin-top: 20px
}
body,
h1,
ol,
ul {
margin: 0;
padding: 0;
}
.page-login .container.login .login-wrapper .right .fb-login.group p a {
position: relative
}
.page-login .container.login .login-wrapper .right .fb-login.group p a:before {
border-bottom: 1px solid #a3c1ec;
bottom: 0;
content: '';
height: 1px;
position: absolute;
right: 0;
width: 100%
}
img,
legend {
border: 0
}
.page-login .container.login .login-wrapper .right .fb-login.group p a:hover {
text-decoration: none
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
optgroup,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
vertical-align: baseline;
position: relative
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
ol,
ul {
list-style: none
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre,
textarea {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible;
text-transform: none
}
select {
text-transform: none
}
button,
html input[type=button],
input[type=submit],
input[type=reset] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input::-moz-focus-inner {
border: 0;
padding: 0
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend,
td,
th {
padding: 0
}
.clearfix {
display: inline-block
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .clearfix {
display: block
}
* html .clearfix {
height: 1%
}
.group:after {
content: "";
display: table;
clear: both
}
.customer.prohibited {
background-color: #FCFCFC;
padding: 0
}
.customer.prohibited .container .customer-wrapper .main {
border: none;
margin-left: 26%;
width: 73%;
margin-top: 40px
}
.customer.prohibited .container .customer-wrapper .main .main-header h3 {
font-size: 21px;
padding-left: 30px;
margin-bottom: 27px
}
.customer.prohibited .container .customer-wrapper .main .main-wrapper {
border: 1px solid #E4E4E4;
border-radius: 5px;
background-color: #fff;
margin-bottom: 100px
}


.prohibited-content h3 {
color: #333 !important;
font-style: italic;
margin-bottom: 27px !important;
}


.prohibited-content .prohibited-list {
-webkit-box-shadow: 0 3px 5px -5px #222;
-moz-box-shadow: 0 3px 5px -5px #222;
width: 100%;
}
.prohibited-content thead {
background: #f9f9f7
}
.prohibited-content thead th {
border-left: 1px solid #e3e3e3;
font-size: 13px;
font-weight: 600;
text-align: center;
padding: 10px 0 10px 0;
}
.prohibited-content thead th:nth-child(1) {
width: 35%
}
.prohibited-content thead th:nth-child(2) {
width: 14%
}
.prohibited-content thead th:nth-child(3) {
width: 20%
}
.prohibited-content thead th:nth-child(4) {
width: 21%
}
.prohibited-content thead th:nth-child(5) {
width: 10%
}
.prohibited-content tbody tr:nth-child(odd) {
background: #FCFCFC
}
.prohibited-content tbody tr {
border: 1px dotted #e3e3e3
}
.prohibited-content tbody tr td {
border-left: 1px solid #e3e3e3;

padding: 10px 0 10px 25px;
}
.prohibited-content tbody tr td p {
margin: 0
}
.prohibited-content tbody tr td .name {
overflow: hidden;
width: 250px;
text-transform: lowercase
}
.prohibited-content tbody tr td::first-letter {
text-transform: uppercase
}
.prohibited-content tbody tr td .date {
color: #888;
display: inline-block;
font-size: 10px
}
.prohibited-content tbody tr td.courier-info {
text-align: left;
width: 20%;
}
.prohibited-content tbody tr td:first-child() {
border-left: none;
text-align: left
}
.prohibited-content .note {
color: #888;
font-style: italic;
font-size: 12px;
padding-top: 10px;
text-align: center;
width: 70%;
margin: 0 auto
}

section#body {
background-color: #EDE8D9
}
.register {
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 5px;
border-top: 3px solid #AA0E0E;
margin: 0 auto 70px;
padding-left: 30px;
padding-right: 30px;
position: relative;
width: 75%
}
.register .register-wrapper .register-form form,
.register .register-wrapper .register-header {
width: 100%
}
.register .register-wrapper {
padding: 20px 0
}
.register .register-wrapper .register-header .back-link {
height: 0;
position: relative;
text-align: right;
top: 9px;
}
.register .register-wrapper .register-header .back-link a {
/*text-decoration: underline;*/
}
.register .register-wrapper .register-header .register-text {
font-size: 20px;
}
.register .register-wrapper .register-header .register-header-text h1 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
margin: 10px auto;
color: #333;
font-size: 24px
}
.register .register-wrapper .register-form {
margin-top: 45px;
width: 100%
}
.register .register-wrapper .register-form .input-wrapper {
margin-bottom: 20px
}
.register .register-wrapper .register-form .control {
margin-left: 0
}
.register .register-wrapper .register-form .control label {
font-weight: 300
}
.register .register-wrapper .register-form .control input {
border-radius: 3px
}
.register .register-wrapper .register-form .control .break {
margin-left: 20px
}
.register .register-wrapper .register-form .control .break .radio {
margin-right: 10px
}
.register .register-wrapper .register-form .control .checkbox .terms-accepted {
padding-left: 30px;
width: 100%;
display: block;
z-index: 3;
}
.register .register-wrapper .register-form .control .checkbox .terms-accepted:before {
top: 4px
}
.register .register-wrapper .register-form .control .calendar {
border: 1px solid #b8c3c9;
border-radius: 3px;
background: url(../img/select_gradient.png);
background-size: 100% 100%;
cursor: pointer;
width: 175px
}
.register .register-wrapper .register-form .control .calendar input {
border: none;
border-radius: 0;
box-shadow: none;
cursor: pointer;
margin-top: -41px;
opacity: 0;
width: 133% !important;
}
.register .register-wrapper .register-form .control .calendar .view {
box-sizing: border-box;
display: block;
height: 100%;
padding: 11px 15px;
width: 100%
}
.register .register-wrapper .register-form .control .calendar .input-group-addon {
background: 0 0;
border: none;
border-radius: 0
}
.register .register-wrapper .register-form .control .calendar table,
.register .register-wrapper .register-form .control .calendar table tbody tr td {
border: none
}
.register .register-wrapper .register-form .control .calendar .input-group-addon i {
color: #b8c3c9;
font-size: 20px
}
.register .register-wrapper .register-form .control .calendar table thead th {
font-weight: 700
}
.register .register-wrapper .register-form .submit-group button {
font-weight: 600;
font-size: 15px;
height: 45px;
width: 150px
}
.register .register-wrapper .register-form .left,
.register .register-wrapper .register-form .right {
float: left;
width: 50%
}
.register .register-wrapper .register-form .left {
border-right: 3px solid #E3E3E3;
padding-right: 40px;
position: relative
}
.register .register-wrapper .register-form .left .or {
background-color: #FFF;
height: 40px;
position: absolute;
padding: 10px 0;
top: 11%;
text-align: center;
right: -11px;
width: 20px
}
.register .register-wrapper .register-form .right {
padding-left: 40px
}
.register .register-wrapper .register-form .fb-register {
margin-top: 18%
}
.register .register-wrapper .register-form .fb-register .btn-facebook {
border-radius: 3px;
background-color: #3B5998;
color: #FFF;
display: block;
text-decoration: none;
width: 270px
}
.register .register-wrapper .register-form .fb-register .btn-facebook i {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
background-color: #354F88;
display: inline-block;
font-size: 20px;
height: 40px;
float:left;
padding: 10px;
text-align: center;
vertical-align: middle;
width: 40px
}
.register .register-wrapper .register-form .fb-register .btn-facebook span {
display: inline-block;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 80%
}
.register .register-wrapper .register-form .fb-register .login-link {
margin-top: 10px
}
.register .register-wrapper .register-form .fb-register .login-link a {
text-decoration: underline
}
.register .group {
margin: 10px 0
}
.register .group-input {
margin: 5px 0
}
.register i.required {
color: red
}
.register div.error-text {
color: #bd362f!important;
font-size: 14px;
padding-top: 5px;
margin-bottom: 18px;
display: none
}
.register .error-input {
border: 1px solid #bd362f!important
}
.register .btn-orange {
width: 100%;
font-size: 30px;
line-height: 24px;
border-radius: 7px;
height: 55px
}
.register .bottom-shadow-wrapper {
left: 0;
position: absolute;
width: 100%
}
.register .bottom-shadow-wrapper .shadow {
background: url(../img/sprite.png) -171px -528px;
height: 40px;
margin: 0 auto;
width: 715px
}
.customer {
background-color: #FCFCFC;
padding: 0
}
.customer .container .customer-wrapper .main {
border: none;
margin-left: 26%;
margin-top: 40px;
width: 73%
}
.customer .container .customer-wrapper .main .main-header {
position: relative
}
.customer .container .customer-wrapper .main .main-header .icon {
width: 24px;
background: url(../img/sprite.png) -65px -60px no-repeat;
content: "";
height: 25px;
position: absolute
}
.customer .container .customer-wrapper .main .main-header h3 {
font-size: 21px;
margin-bottom: 27px
}
.customer .container .customer-wrapper .main .main-wrapper {
/*border: 1px solid #E4E4E4;*/
/*border-radius: 5px;*/
/*background-color: #fff;*/
margin-bottom: 100px
}
.customer .container .customer-wrapper .main .top-actions .shipment-status {
border-bottom: 1px solid #ebebeb;
display: inline-block;
float: left;
padding-top: 8px
}
.customer .container .customer-wrapper .main .top-actions .shipment-status li {
display: inline-block;
padding: 0 10px
}
.customer .container .customer-wrapper .main .top-actions .shipment-status li a {
color: #333;
font-size: 14px;
display: inline-block;
margin-bottom: 6px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500
}
.customer .container .customer-wrapper .main .top-actions .shipment-status li a:hover {
text-decoration: none
}
.customer .container .customer-wrapper .main .top-actions .shipment-status li a:focus {
border: 0;
text-decoration: none
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .shipment-history a,
.storage-item-detail.customer .main .main-content .back a {
text-decoration: underline;
}

.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .shipment-history a,
.storage-item-detail.customer .main .main-content .back span {
    margin-right: 2px;
    color: #0375d9;
}

.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .shipment-history a,
.storage-item-detail.customer .main .main-content .back span:hover {
    margin-right: 2px;
    color: #329fff;
}

.customer .container .customer-wrapper .main .top-actions .shipment-status li.active,
.customer .container .customer-wrapper .main .top-actions .shipment-status li:hover {
border-bottom: 2px solid #f48003
}
.customer .container .customer-wrapper .main .top-actions .filter {
display: inline-block;
float: right;
}
.customer .container .customer-wrapper .main .top-actions .filter .dropdown {
display: inline-block;
margin-left: 10px;
}
.filter .dropdown .minimal{
text-align: left;
}
.customer .container .customer-wrapper .main .top-actions .filter .dropdown .dropdown-menu {
left: auto;
right: 0
}
.customer .container .customer-wrapper .main .top-actions .filter .dropdown .caret {
display: none
}
.customer .container .customer-wrapper .main .shipment-list {
width: 100%
}
.customer .container .customer-wrapper .main .shipment-list .shipment-list-wrapper {
-moz-box-shadow: 0 2px 2px 0 #e3e3e3;
-webkit-box-shadow: 0 2px 2px 0 #e3e3e3;
border: 1px solid #e3e3e3;
box-shadow: 0 2px 2px 0 #e3e3e3;
/*margin-top: 25px;*/
margin: 0 0 2% 0;
width: 100%
}
.customer .container .customer-wrapper .main .shipment-list .no-result {
border: 1px solid #CCC;
margin-top: 25px;
padding: 50px 0;
text-align: center
}
.customer .container .customer-wrapper .main .shipment-list .shipment-head {
background: #f9f9f7;
border-bottom: 1px solid #e3e3e3;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%
}
.customer .container .customer-wrapper .main .shipment-list .shipment-head h6 {
font-weight: 600;
font-size: 14px;
margin-bottom: 0
}
.customer .container .customer-wrapper .main .shipment-list .shipment-head .shipment-delivery{
padding: 10px 15px;
max-width: 35%
}
.customer .container .customer-wrapper .main .shipment-list .shipment-head .shipment-to {
padding: 10px 15px;
max-width: 50%
}
.customer .container .customer-wrapper .main .shipment-list .shipment-head .shipment-to p:nth-child(2) {
margin-bottom: 0;
word-break: break-word;
}
.customer .container .customer-wrapper .main .shipment-list .shipment-head .shipment-to p:nth-child(3) {
word-wrap: break-word
}
.customer .container .customer-wrapper .main .shipment-list .shipment-head .shipment-to p:nth-child(4) {
margin-bottom: 0;
word-break: break-word;
}
.customer .container .customer-wrapper .main .shipment-list .shipment-head .shipment-transaction {
padding: 10px 15px;
width: 30%
}
.customer .container .customer-wrapper .main .shipment-list .shipment-head .shipment-type {
-moz-align-items: center;
-moz-justify-content: center;
-webkit-align-items: center;
-webkit-justify-content: center;
align-items: center;
border-right: 1px solid #e3e3e3;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
justify-content: center;
padding: 0 15px;
width: 20%
}
.customer .container .customer-wrapper .main .shipment-list .shipment-head .shipment-type h5 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight: 400;
margin-top: 52px;
position: relative;
}

.shipment-type.checkout h5 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight: 400;
margin-top: 25px !important;
margin-bottom: 25px !important;
position: relative;
padding-left: 25px !important;
}
.shipment-type.checkout .air:before {
background: url(../img/sprite.png) no-repeat;
content: '';
height: 35px;
left: 50%;
margin-left: -16px;
position: absolute;
top: -3px !important;
width: 37px;


}

.customer .container .customer-wrapper .main .shipment-list .shipment-head .shipment-type .air:before {
background: url(../img/sprite.png) no-repeat;
content: '';
height: 35px;
left: 50%;
margin-left: -16px;
position: absolute;
top: -42px;
width: 37px;
}


.customer .container .customer-wrapper .main .shipment-list .shipment-head .shipment-type .sea:before {
background: url(../img/sprite.png) 0 -35px no-repeat;
content: '';
height: 35px;
left: 50%;
margin-left: -16px;
position: absolute;
top: -42px;
width: 37px;
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box {
padding: 20px;
width: 100%
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box:nth-child(n+3) {
padding-top: 0
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper {
border-bottom: 1px solid #e3e3e3;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 25px;
width: 100%;
padding-bottom: 25px
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper h6 {
font-weight: 600;
font-size: 14px;
margin-bottom: 10px;
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper ul li {
word-wrap: break-word
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-image {
padding-right: 20px;
width: 20%
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-image a {
display: inline-block;
position: relative
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-image a img {
border: 1px solid #b8c3c9;
height: auto;
width: 120px
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-image img {
border: 1px solid #b8c3c9;
height: 100px;
width: 80px
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-image a:hover:after {
color: #fff;
content: '\f00e';
font-family: fontAwesome;
font-size: 18px;
height: 18px;
left: 50%;
margin-left: -5px;
margin-top: -10px;
position: absolute;
top: 50%;
width: 13px
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-image a:hover:before {
background: rgba(0, 0, 0, .3);
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-item {
padding: 0 10px;
width: 30%
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-status {
    padding: 0 0 0 13px;
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-status label {
    border-radius: 4px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 3px 5px;
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .for-payment {
    border: 2px solid #414141;;
    color: #414141;;
    padding: 3px 8px
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .paid {
    border: 2px solid #414141;
    color: #414141;
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .transit {
    border: 2px solid #414141;
    color: #414141;
    padding: 3px 20px;
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .delivered {
    border: 2px solid #414141;
    color: #414141;
    padding: 3px 8px;
}

.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .pending {
    border: 2px solid #414141;
    color: #414141;
    padding: 3px 8px;
}

.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .cancelled,
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .rejected {
border: 2px solid #ed1c24;
color: #ed1c24;
padding: 3px 8px;
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-status a {
display: inline-block;
margin-top: 5px;
text-decoration: underline
}

.shipment-status p {
  word-break: break-word;
}

.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-update {

padding: 15px 0 0 0;

}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-update p {
line-height: 17px
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .shipment-history {
margin-top: 25px
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .shipment-history a:focus {
outline: 0
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .track-and-trace {
margin-bottom: 15px
}
.customer .container .customer-wrapper .main .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .track-and-trace .loader {
font-size: 8px;
padding: 20px 0 20px 40px
}
.customer .container .customer-wrapper .main .shipment-list .transaction {
padding: 0 20px 20px;
width: 100%
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper {
border-bottom: 1px solid #ccc;
float: right;
padding: 10px;
width: 55%
}
.transaction-wrapper:hover{
background-color: #E5E5E5;
padding: 10px;
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-head.collapsed {
font-weight: 600;
position: relative
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-head.collapsed:after {
font-family: FontAwesome;
position: absolute;
content: '\f105';
width: 10px;
height: 10px;
right: 0;
top: 0;
font-weight: 600;
font-size: 14px
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-head {
cursor: pointer;
font-weight: 600;
position: relative
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-head:after {
font-family: FontAwesome;
position: absolute;
content: '\f107';
width: 10px;
height: 10px;
right: 0;
top: 0;
font-weight: 600;
font-size: 14px
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content {
margin-top: 40px;
padding: 0 20px
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .breakdown .breakdown-item {
border-bottom: 1px dotted #e6e6e6;
width: 100%
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .breakdown .breakdown-item .left {
float: left;
text-align: right;
width: 60%
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .breakdown .breakdown-item .right {
float: right;
padding: 0 15px;
text-align: right;
width: 40%
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .breakdown .breakdown-item:last-child {
border-bottom: 1px solid #e6e6e6
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .discount {
margin-top: 20px
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .discount .discount-item {
border-bottom: 1px dotted #e6e6e6;
width: 100%
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .discount .discount-item .left {
float: left;
text-align: right;
width: 60%
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .discount .discount-item .right {
float: right;
padding: 0 15px;
text-align: right;
width: 40%
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .discount .discount-item:last-child {
border-bottom: 0
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .total {
background: #f2f2f2;
border-top: 1px solid #ccc;
margin-top: 15px
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .total .total-item {
margin-top: 8px;
width: 100%
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .total .total-item .left {
float: left;
margin: 0;
padding-top: 4px;
text-align: right;
width: 60%
}
.customer .container .customer-wrapper .main .shipment-list .transaction .transaction-wrapper .collapse-content .total .total-item .right {
float: right;
font-size: 18px;
font-weight: 600;
margin: 0;
padding: 0 15px;
text-align: right;
width: 40%
}
.ekko-lightbox .modal-header {
border: 0;
height: 20px;
padding: 0
}
.ekko-lightbox .modal-header .close {
background: #414141;
border-radius: 22px;
color: #fff;
margin-right: -12px;
margin-top: -9px;
opacity: 1;
padding: 1px 6px
}
.ekko-lightbox .modal-header .close:focus {
outline: 0
}
.ekko-lightbox .modal-body {
padding: 0 30px 20px
}
.ekko-lightbox .modal-body .modal-loading {
font-size: 20px;
text-align: center;
vertical-align: middle
}
.ekko-lightbox .ekko-lightbox-nav-overlay a {
text-shadow: none;
opacity: 1
}
.ekko-lightbox .glyphicon-chevron-left:before {
color: #868d92;
content: '\f053';
font-family: fontAwesome;
font-size: 20px;
margin-left: -37px
}
.ekko-lightbox .glyphicon-chevron-right:before {
color: #868d92;
content: '\f054';
font-family: fontAwesome;
font-size: 20px;
margin-right: -37px
}
.modal.tracking .modal-dialog {
width: 690px
}
.modal.tracking .modal-dialog .modal-header {
background: #f9f9f7;
border-bottom: 2px solid #dedede;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 25px 25px 5px;
position: relative;
width: 100%
}
.modal.tracking .modal-dialog .modal-header .close {
background: #414141;
border-radius: 22px;
color: #fff;
opacity: 1;
padding: 1px 6px;
position: absolute;
right: -12px;
top: -10px;
z-index: 100
}
.modal.tracking .modal-dialog .modal-header .close:focus {
outline: 0
}
.modal.tracking .modal-dialog .modal-header .left {
float: left;
padding-right: 10px;
width: 65%;

}
.modal.tracking .modal-dialog .modal-header .left .modal-title {
font-size: 18px;
font-weight: 400
}
.modal.tracking .modal-dialog .modal-header .right {
float: right;
width: 35%
}
.modal.tracking .modal-dialog .modal-header .right label {
border-radius: 4px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 30px;
font-weight: 500;
margin: 0;
padding: 3px 27px
}
.modal.tracking .modal-dialog .modal-header .right .for-payment {
border: 2px solid #f5843f;
color: #f5843f;
padding: 3px 8px
}
.modal.tracking .modal-dialog .modal-header .right .paid {
border: 2px solid #21954e;
color: #21954e
}
.modal.tracking .modal-dialog .modal-header .right .transit {
border: 2px solid #37b6a8;
color: #37b6a8;
padding: 3px 20px
}
.modal.tracking .modal-dialog .modal-header .right .delivered {
border: 2px solid #21954e;
color: #21954e;
padding: 3px 8px
}
.modal.tracking .modal-dialog .modal-header .right .cancelled,
.modal.tracking .modal-dialog .modal-header .right .pending,
.modal.tracking .modal-dialog .modal-header .right .rejected {
border: 2px solid #ed1c24;
color: #ed1c24;
padding: 3px 8px
}
.modal.tracking .modal-dialog .modal-header .right .shipment-status {
text-align: center
}
.modal.tracking .modal-dialog .modal-header .right p {
margin-top: 5px;
text-align: center
}
.modal.tracking .modal-dialog .shipment-wrap {
padding: 25px
}
.modal.tracking .modal-dialog .shipment-wrap .shipment {
border: 0
}
.modal.tracking .modal-dialog .shipment-wrap .shipment .header {
margin: 0
}
.modal.tracking .modal-dialog .shipment-wrap .shipment .header h3 {
font-size: 18px;
font-weight: 400;
margin: 0 0 10px
}
.modal.tracking .modal-dialog .shipment-wrap .shipment .header table {
border: 0;
width: 100%
}
.modal.tracking .modal-dialog .shipment-wrap .shipment .header table tbody tr {
border-bottom: 1px solid #fff;
text-align: left
}
.modal.tracking .modal-dialog .shipment-wrap .shipment .header table tbody tr:nth-child(even) {
background: #f2f2f2
}
.modal.tracking .modal-dialog .shipment-wrap .shipment .header table tbody tr:nth-child(odd) {
background: #f8f8f8
}
.modal.tracking .modal-dialog .shipment-wrap .shipment .header table tbody tr th {
background: #fff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
padding: 10px
}
.modal.tracking .modal-dialog .shipment-wrap .shipment .header table tbody tr td {
border: 0;
text-align: left
}
.modal.tracking .loader-overlay {
border-radius: 6px
}
.storage-item-detail.customer {
background-color: #FFF;
padding: 0
}
.storage-item-detail.customer .main {
border: none;
margin-left: 26%;
margin-top: 40px;
width: 73%
}
.storage-item-detail.customer .main .main-header .icon {
background: url(../img/sprite.png) -65px -60px no-repeat;
content: "";
height: 25px;
position: absolute;
width: 24px
}
.storage-item-detail.customer .main .main-header h3 {
font-size: 21px;
margin-bottom: 27px
}
.storage-item-detail.customer .main .main-wrapper {
border: 1px solid #E4E4E4;
border-radius: 5px;
background-color: #fff;
margin-bottom: 100px
}
.storage-item-detail.customer .main .main-content {
padding: 30px 25px;
position: relative;
background-color: #fff;
width: 842px;
left: -217px;
top:0px;
}
.storage-item-detail.customer .main .main-content .back {
margin-bottom: 20px;
float: right;
}
.storage-item-detail.customer .main .main-content .item-wrapper {
margin-bottom: 20px;
float: left;
}
.storage-item-detail.customer .main .main-content .item-wrapper .item-name {
margin: 0;
font-size: 18px;
text-transform: none;
line-height: 24px;
float: left;
}
.storage-item-detail.customer .main .main-content .item-wrapper::first-letter {
text-transform: uppercase
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .thumbnails {
float: left;
list-style: none;
margin: 0;
padding: 0 20px 0 0;
display: block;
width: 10%
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .thumbnails li {
display: block;
margin-bottom: 10px;
width: 100%
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .thumbnails li a {
display: block
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .thumbnails li a img {
display: block;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
width: 100%;
border: solid 1px #eeeeee;
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .thumbnails li a img:hover {
-webkit-filter: grayscale(60%)
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content {
float: right;
width: 89%
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .item-content-wrapper {
border-bottom: 1px dotted #e0e0e0;
padding-bottom: 40px
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .active-item-image {
float: left;
margin: 0;
padding-right: 20px;
position: relative;
width: 49%
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .active-item-image a.lightbox {
border: 1px solid #eee;
display: block;
height: 300px;
margin-bottom: 20px;
text-decoration: none;
text-align: center;
position: relative;
white-space: nowrap;
width: 330px
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .active-item-image a.lightbox #customZoomContainer {
position: absolute;
right: 0;
top: 0;
z-index: -999
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .active-item-image a.lightbox:after {
content: '\00a0';
display: inline-block;
height: 100%;
vertical-align: middle
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .active-item-image img {
display: inline-block;
max-height: inherit;
vertical-align: middle;
border: solid 1px #eeeeee;
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .active-item-image a {
text-decoration: underline
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .active-item-image .click-note {
background: rgba(0, 0, 0, .5);
bottom: 0;
color: #FFF;
display: none;
position: absolute;
padding: 2px 7px;
right: 0
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .active-item-image .click-note span {
font-size: 9px
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details {
float: right;
width: 50%
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .item-list-details {
border: 0
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .item-list-details tr {
border-bottom: 1px dotted #d9d9d9
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .item-list-details tr td {
border-right: 0
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .item-list-details tr td:first-child {
width: 40%;
color: #666;
font-weight: 400;
font-size: 11px;
text-align: right;
text-transform: uppercase
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .item-list-details tr td:last-child {
color: #414141;
text-align: left;
font-size: 14px;
padding-left: 20px;
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .item-list-details tr:first-child td {
border-top: 0
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .item-list-details tr:last-child {
border-bottom: 0
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter {
border: 1px solid #d8d8d8;
-webkit-box-shadow: 0 3px 5px -5px #222;
-moz-box-shadow: 0 3px 5px -5px #222
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .storage-meter-header {
border-bottom: 1px solid #d8d8d8;
display: block;
margin: auto 2px;
padding: 15px 10px
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .storage-meter-header .title {
float: left;
font-size: 18px;
font-weight: 400;
margin: 0
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .storage-meter-header .storage-status {
font-size: 16px;
float: right
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .storage-meter-header .storage-status .status-label {
position: relative;
margin-right: 14px;
font-size: 13px
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .storage-meter-header .storage-status .status-label:after {
background-color: #d8d8d8;
display: inline-block;
content: '';
height: 30px;
width: 1px;
position: absolute;
top: -4px;
right: -10px
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .storage-meter-header .storage-status .status {
font-weight: 700;
text-transform: uppercase
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content {
color: #414141;
padding: 15px 10px;
font-size: 13px
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content .storage-progress {
margin-bottom: 10px
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content .storage-progress .progress {
background: repeating-linear-gradient(-45deg, #e4e4e7, #e4e4e7 10px, #eff0f3 10px, #eff0f3 20px);
border-radius: 7px;
height: 17px;
margin: 0;
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content .storage-progress .progress .progress-bar.free-phase{
background-color: #00a550;
border-radius: 15px;
background-image: none;
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content .storage-progress .progress .progress-bar.first-phase {
background-color: #F68F1E;
width: 100%;
border-radius: 15px;
background-image: none;
}

.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content .storage-progress .progress .progress-bar.last-phase {
background-color: #ed1c24;
background-image: none;
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content .storage-progress .number-of-days {
list-style: none;
height: 20px;
margin: 0;
padding: 0;
position: relative
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content .storage-progress .number-of-days li {
display: inline-block;
font-size: 12px;
position: absolute;
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content .storage-progress .number-of-days li:nth-child(2) {
top: 1px;
text-align: center
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content .storage-progress .number-of-days li:last-child {
right: 0;
text-align: right
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .details .storage-meter .content .about-storage {
margin-bottom: 10px;
line-height: 16px
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .note-from-warehouse {
padding: 20px 0
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .note-from-warehouse .note-label {
font-weight: 400
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .note-from-warehouse .message-wrapper .arrow-box {
border: 1px solid #d6d6d6;
border-bottom: 0;
border-radius: 3px;
height: 25px;
position: relative
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .note-from-warehouse .message-wrapper .arrow-box:after {
content: '\f0d8';
color: #FFF;
font-family: FontAwesome;
left: 20%;
position: absolute;
top: -12px;
text-shadow: #d6d6d6 0 -1px 0
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .note-from-warehouse .message-wrapper .message {
color: #414141;
display: inline-block;
font-size: 16px;
font-style: italic;
margin: -5px 0 0;
padding: 0 30px;
position: relative;
word-break: break-word;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .header .fa-chevron-right,
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list .fa-question-circle {
color: #989898
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .note-from-warehouse .message-wrapper .message .open-quote {
font-size: 35px;
left: 10px;
position: absolute;
top: -10px
}
.storage-item-detail.customer .main .main-content .item-detail-wrapper .item-content .note-from-warehouse .message-wrapper .message .close-quote {
font-size: 35px;
margin-left: 2px;
position: absolute
}
.storage-item-detail.customer .main .main-content .shadow {
background-image: url(https://cdn.shippingcart.com/img/sprite.png);
background-position: -240px -528px;
background-repeat: no-repeat;
bottom: -30px;
display: block;
height: 30px;
left: 50%;
position: absolute;
right: 0;
transform: translate(-50%, 0);
width: 650px
}
.customer.storage {
background-color: #FCFCFC;
padding: 0;
}
.customer.storage .container .customer-wrapper .main {
border: none;
margin-left: 0;
margin-top: 40px;
width: 76%;
float: right;
}
.cartable table.item-list {width: 100%;}
.cartable {width: 60%; min-width: 60%; position: relative;}
.ft12 {font-size: 12px;}
.customer.storage .container .customer-wrapper .main .main-header .icon {
background: url(../img/sprite.png) -65px -60px no-repeat;
content: "";
height: 25px;
position: absolute;
width: 24px
}
.customer.storage .container .customer-wrapper .main .main-header h3 {
font-size: 21px;
margin-bottom: 27px
}
.customer.storage .container .customer-wrapper .main .main-wrapper {
margin-bottom: 100px
}

.arrow_right {
background-image: url('../images/arrowright.png');
position: absolute;
left: -41px;
width: 18px;
height: 53px;
margin-top: 25px;
display: none;
}

.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .header .message {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding: 0 0 0 7px;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .messages .sc-alert {
margin: 10px 0
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list {
-webkit-box-shadow: 0 3px 5px -5px #222;
-moz-box-shadow: 0 3px 5px -5px #222
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list .fa-question-circle .white {
background: #FFF;
border: 1px solid #d3d3d3;
color: #414141;
left: -105px;
-webkit-box-shadow: 0 4px 6px -6px #222;
-moz-box-shadow: 0 4px 6px -6px #222
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list .fa-question-circle .white:after {
border: none;
bottom: 7px;
color: #FFF;
content: '\f0d7';
font-family: FontAwesome;
left: 83%;
text-shadow: #CCC 0 1px 0
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list thead {
background: #f9f9f7;
font-size: 13px;
font-weight: 800
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list thead th {
border-left: 1px solid #e3e3e3
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list thead th:nth-child(1) {
width: 25%
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list thead th:nth-child(2) {
width: 12%
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list thead th:nth-child(3) {
width: 8%;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list thead th:nth-child(4) {
width: 1%;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list thead th:nth-child(5) {
width: 10%
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr:nth-child(odd) {
background: #FCFCFC
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr {
border: 1px dotted #e3e3e3
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td {
border-left: 1px solid #e3e3e3
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .checkbox {
display: table-cell;
vertical-align: inherit
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td input.insured-input {
border-radius: 5px
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td input.insured-input:focus {
outline: -webkit-focus-ring-color auto 5px;
outline-color: -webkit-focus-ring-color;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-info {
padding-left: 10px;
overflow: hidden;
width: 90%;
display: table-cell;
text-align: left
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-info p {
margin: 0
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-info .name {
width: 100%;
text-transform: none;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-info::first-letter {
text-transform: none;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-info .date {
color: #888;
display: inline-block;
font-size: 12px
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-icon {
display: table-cell;
vertical-align: inherit
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-icon .fa {
color: #f6901f;
line-height: 18px;
cursor: pointer;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-icon .fa.icon-hope, .icon-hope {
  height: 20px;
  width: 20px;
  background: url(../img/project-hope-icon.png) no-repeat center;
  background-size: 12px;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-icon .fa .tooltip {
background: #FFF;
border: 1px solid #CCC;
color: #333;
left: -100px
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-icon .fa .tooltip:after {
border: none;
bottom: 7px;
color: #FFF;
content: '\f0d7';
font-family: FontAwesome;
left: 83%;
text-shadow: #CCC 0 1px 0
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td .item-icon .fa:before {
color: #F7941E;
font-size: 14px
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .item-list tbody tr td:first-child() {
border-left: none;
text-align: left
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .list-actions {
/*border-bottom: 1px solid #e3e3e3;*/
padding-bottom: 20px;
width: 100%
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .storage-wrapper .list-actions .select-all {
display: inline-block;
float: left;
padding-left: 12px
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .estimations-wrapper .estimations .no-estimations {
margin-top: 20px;
width: 100%;

}
.estimations-wrapper {width: 100%; position: relative; max-width: 35%;}

.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .ship-it-btn.wrapper {
margin: 0 auto;
width: 100%;
padding: 10px 0 0;
display: inline-block;
text-align: center
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .ship-it-btn.wrapper .form-actions .details {
    font-size: 12px;
    font-style: italic;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 0;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .ship-it-btn.wrapper .form-actions input.btn {
border-radius: 5px;
color: #bfbfbf;
font-size: 21px;
padding: 10px 20px;
width: 100%;
border: 1px solid #d1d1d1;
font-weight: 600;
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .ship-it-btn.wrapper .form-actions input.ship-it {
background-color: #F7941E;
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ffa33e 0, #f68f1e 100%);
border: 1px solid #fa9605;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .ship-it-btn.wrapper .form-actions input.ship-it:hover {
background: -moz-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: -webkit-linear-gradient(top, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%);
background: linear-gradient(to bottom, #fff 0, #fff 0, #ff9017 0, #f68f1e 98%)
}
.customer.storage .container .customer-wrapper .main .main-wrapper .storage-content .shadow {
background-image: url(https://cdn.shippingcart.com/img/sprite.png);
background-position: -240px -528px;
background-repeat: no-repeat;
bottom: -30px;
display: block;
height: 30px;
left: 50%;
position: relative;
right: 0;
transform: translate(-50%, 0);
width: 650px
}
.page-item .custom-modal-overlay {
position: fixed
}
.page-checkout-success header.site-header.header-minimal .container {
position: relative;

}
.page-checkout-success header.site-header.header-minimal nav.top-nav {
position: absolute;
right: 0;
top: 0
}
.success {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-style: normal;
color: #333;
padding-bottom: 70px
}
.success .success-top {
margin: 80px 0 50px
}
.success .success-top .icon span {
color: #c4161c;
display: inline-block;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
margin: 0 10%;
position: relative
}
.success .success-wrapper .head h3,
.success .success-wrapper .transaction-num span:first-child {
font-family: 'Source Sans Pro', sans-serif;
}
.success .success-top .icon span.review:before {
background: url(../img/checkout_sprite.png) -55px 0;
content: '';
height: 30px;
left: 29px;
position: absolute;
top: -34px;
width: 30px
}
.success .success-top .icon span.review:after {
border-bottom: 3px solid #999;
content: '';
height: 1px;
left: 58px;
position: absolute;
top: -21px;
width: 174px
}
.success .success-top .icon span.ship:before {
background: url(../img/checkout_sprite.png) -55px 0;
content: '';
height: 30px;
left: 68px;
position: absolute;
top: -34px;
width: 30px
}
.success .success-top .icon span.ship:after {
border-bottom: 3px solid #999;
content: '';
height: 1px;
left: -107px;
position: absolute;
top: -21px;
width: 175px
}
.success .success-wrapper {
background: #fff;
border-radius: 10px;
border: 2px solid #ccc;
padding: 50px;
width: 100%
}
.success .success-wrapper .transaction-num span {
font-size: 21px
}
.success .success-wrapper .head {
margin-bottom: 50px
}
.success .success-wrapper .head h3 {
color: #494949;
font-size: 28px
}
.success .success-wrapper .head p {
font-size: 17px;
margin: 10px 0
}
.success .success-wrapper h5 {
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
margin-left: 26px;
position: relative;
text-transform: capitalize
}
.success .success-wrapper .air-cargo h5:before,
.success .success-wrapper .sea-cargo h5:before {
content: '';
height: 19px;
left: -28px;
position: absolute;
top: 1px;
width: 18px;
display: inline-block
}
.success .success-wrapper .air-cargo h5:before {
background: url(../img/shipping_sprite.png) 0 -25px
}
.success .success-wrapper .sea-cargo h5:before {
background: url(../img/shipping_sprite.png) -18px -25px
}
.success .success-wrapper .item-list {
width: 100%;
border-top: 1px solid #ccc;
margin-top: 10px;
min-height: 150px
}
.success .success-wrapper .item-list p {
font-size: 14px
}
.success .success-wrapper .item-list .item-col {
float: left;
position: relative;
min-height: 1px;
padding-right: 25px
}
.success .success-wrapper .item-list .item-col:nth-child(1),
.success .success-wrapper .item-list .item-col:nth-child(2) {
width: 30%
}
.success .success-wrapper .item-list .item-col:nth-child(3) {
width: 15%
}
.success .success-wrapper .item-list .item-col:nth-child(4) {
width: 25%
}
.success .success-wrapper .item-list .item-col h6 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
margin: 15px 0 5px
}
.success .success-wrapper .item-list .item-col ul {
padding: 0;
font-size: 14px;
margin-bottom: 5px
}
.success .success-wrapper .item-list .item-col ul li {
margin: 10px 0;
word-break: break-word
}
.success .success-wrapper .item-list .item-col p {
margin: 5px 0
}
.success .success-wrapper .item-list .item-col p.name {
margin: 0 0 5px
}
.success .success-wrapper .ship-more .btn.btn-orange {
font-family: 'Source Sans Pro', sans-serif;
text-decoration: none;
font-size: 19px;
border-radius: 5px;
padding: 10px 50px
}
.customer.tracking .shipment-listing table {
border: 0
}
.customer.tracking .shipment-listing table thead tr th {
font-weight: 600;
text-align: left
}
.customer.tracking .shipment-listing table thead tr th.items {
width: 300px
}
.customer.tracking .shipment-listing table thead tr th.status {
width: 200px
}
.customer.tracking .shipment-listing table tbody tr td {
border-right: 0;
padding: 20px 5px;
border-bottom: 1px solid #e3e3e3;
text-align: left
}
.customer.tracking .shipment-listing table tbody tr:nth-child(odd) {
background-color: #f8f8f8
}
.customer.tracking .shipment-listing table tbody tr:last-child td {
border-bottom: 0
}
.customer.tracking .shipment-listing table tbody tr td a.track-link {
text-decoration: underline
}
.customer.tracking .shipment-listing table tbody tr td label {
border-radius: 4px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
font-weight: 500;
margin: 0;
padding: 3px 45px;
text-align: center;
min-width: 140px
}
.customer.tracking .shipment-listing table tbody tr td ul.item-list {
padding: 0;
word-break: break-all;
text-transform: lowercase
}
.customer.tracking .shipment-listing table tbody tr td ul.item-list li:after {
content: ","
}
.customer.tracking .shipment-listing table tbody tr td ul.item-list li:first-letter {
text-transform: uppercase
}
.customer.tracking .shipment-listing table tbody tr td ul.item-list li:last-child:after {
content: ""
}
.customer.tracking .container .customer-wrapper .main .main-content {
padding: 30px 0
}
.customer.tracking .container .customer-wrapper .main .top-action {
margin: 10px 0;
width: 100%
}
.customer.tracking .container .customer-wrapper .main .top-action .main-header {
float: left;
width: 50%
}
.customer.tracking .container .customer-wrapper .main .top-action .main-header h3 {
margin: 0
}
.customer.tracking .container .customer-wrapper .main .filter {
display: inline-block;
float: right
}
.customer.tracking .container .customer-wrapper .main .filter a {
color: #333;
position: relative;
text-decoration: none;
width: 100%
}
.customer.tracking .container .customer-wrapper .main .filter a:after {
border: 0
}
.customer.tracking .container .customer-wrapper .main .filter .dropdown {
display: inline-block;
margin-left: 10px
}
.customer.tracking .container .customer-wrapper .main .filter .dropdown .dropdown-menu {
left: auto;
right: 0
}
.customer.tracking .container .customer-wrapper .main .filter .dropdown .caret {
display: none
}
.customer.tracking .container .customer-wrapper .main .shipment-listing .shipment-status .for-payment {
border: 2px solid #f5843f;
color: #f5843f;
padding: 3px 8px
}
.customer.tracking .container .customer-wrapper .main .shipment-listing .shipment-status .paid {
border: 2px solid #21954e;
color: #21954e
}
.customer.tracking .container .customer-wrapper .main .shipment-listing .shipment-status .transit {
border: 2px solid #37b6a8;
color: #37b6a8;
padding: 3px 20px
}
.customer.tracking .container .customer-wrapper .main .shipment-listing .shipment-status .delivered {
border: 2px solid #236090;
color: #236090;
padding: 3px 8px
}
.customer.tracking .container .customer-wrapper .main .shipment-listing .shipment-status .cancelled,
.customer.tracking .container .customer-wrapper .main .shipment-listing .shipment-status .pending,
.customer.tracking .container .customer-wrapper .main .shipment-listing .shipment-status .rejected {
border: 2px solid #ed1c24;
color: #ed1c24;
padding: 3px 8px
}
.customer.tracking-detail {
background-color: #FCFCFC;
padding: 0
}
.customer.tracking-detail .container .customer-wrapper .main {
border: none;
margin-left: 0;
width: 100%
}
.customer.tracking-detail .container .customer-wrapper .main .row-header {
width: 100%;
margin: 40px 0 20px
}
.customer.tracking-detail .container .customer-wrapper .main .main-header {
width: 50%;
float: left
}
.customer.tracking-detail .container .customer-wrapper .main .back-link {
float: right;
/*text-decoration: underline;*/
}
.customer.tracking-detail .container .customer-wrapper .main .main-header h3 {
margin: 0
}
.customer.tracking-detail .container .customer-wrapper .main .breadcrumbs-wrapper {
width: 100%;
height: 40px
}
.customer.tracking-detail .container .customer-wrapper .main .status-breadcrumbs {
background-image: url(https://cdn.shippingcart.com/img/sprite.png);
background-repeat: no-repeat;
height: 35px;
width: 700px;
margin: 40px auto
}
.customer.tracking-detail .container .customer-wrapper .main .status-breadcrumbs.preparing {
background-position: -160px -140px
}
.customer.tracking-detail .container .customer-wrapper .main .status-breadcrumbs.in-transit {
background-position: -160px -174px
}
.customer.tracking-detail .container .customer-wrapper .main .status-breadcrumbs.delivered {
background-position: -160px -212px
}
.customer.tracking-detail .container .customer-wrapper .main .left-side .status-img.preparing {
background: url(../img/preparing-shipment.png) no-repeat;
width: auto;
height: 310px
}
.customer.tracking-detail .container .customer-wrapper .main .left-side .status-img.in-transit {
background: url(../img/intransit.png) no-repeat;
width: auto;
height: 320px
}
.customer.tracking-detail .container .customer-wrapper .main .left-side .status-img.delivered {
background: url(../img/delivered.png) no-repeat;
width: auto;
height: 310px
}
.customer.tracking-detail .container .customer-wrapper .main .cargo-details {
padding: 40px 20px;
border-top: 1px solid #e3e3e3;
width: 100%
}
.customer.tracking-detail .container .customer-wrapper .main .left-side,
.customer.tracking-detail .container .customer-wrapper .main .right-side {
float: left;
width: 50%
}
.customer.tracking-detail .container .customer-wrapper .main .right-side .sub-header .cargo-title {
position: relative;
font-size: 18px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
margin-left: 45px
}
.customer.tracking-detail .container .customer-wrapper .main .right-side .sub-header .cargo-title:before {
background: url(../img/sprite.png) no-repeat;
content: '';
height: 35px;
position: absolute;
width: 37px;
left: -45px;
top: -6px
}
.customer.tracking-detail .container .customer-wrapper .main .right-side .column1,
.customer.tracking-detail .container .customer-wrapper .main .right-side .column2,
.customer.tracking-detail .container .customer-wrapper .main .right-side .column3 {
width: 33.33%;
float: left
}
.customer.tracking-detail .container .customer-wrapper .main .right-side .sub-header .cargo-title.sea:before {
background-position: 0 -35px
}
.customer.tracking-detail .container .customer-wrapper .main .right-side .sub-header .cargo-title.air:before {
background-position: 0 0
}
.customer.tracking-detail .container .customer-wrapper .main .right-side>.column {
padding: 10px 30px
}
.customer.tracking-detail .container .customer-wrapper .main .right-side .column1 .item-list {
padding: 0;
margin: 0;
word-break: break-all;
text-transform: lowercase
}
.customer.tracking-detail .container .customer-wrapper .main .right-side .column1 .item-list>li:after {
content: ","
}
.customer.tracking-detail .container .customer-wrapper .main .right-side .column1 .item-list>li:last-child:after {
content: ""
}
.customer.tracking-detail .container .customer-wrapper .main .right-side .column1 .item-list>li:first-letter {
text-transform: uppercase
}
.customer.tracking-detail .container .customer-wrapper .main .right-side .column .row-detail {
margin: 20px 0
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog {
width: 690px
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header {
background: #f9f9f7;
border-bottom: 2px solid #dedede;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 25px 25px 5px;
position: relative;
width: 100%
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .close {
background: #414141;
border-radius: 22px;
color: #fff;
opacity: 1;
padding: 1px 6px;
position: absolute;
right: -12px;
top: -10px;
z-index: 100
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .close:focus {
outline: 0
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .left {
float: left;
padding-right: 10px;
width: 65%
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .left .modal-title {
font-size: 18px;
font-weight: 400
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right {
float: right;
width: 35%
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right label {
border-radius: 4px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 30px;
font-weight: 500;
margin: 0;
padding: 3px 27px
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right .for-payment {
border: 2px solid #f5843f;
color: #f5843f;
padding: 3px 8px
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right .paid {
border: 2px solid #21954e;
color: #21954e
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right .transit {
border: 2px solid #37b6a8;
color: #37b6a8;
padding: 3px 20px
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right .delivered {
border: 2px solid #236090;
color: #236090;
padding: 3px 8px
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right .cancelled,
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right .pending,
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right .rejected {
border: 2px solid #ed1c24;
color: #ed1c24;
padding: 3px 8px
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right .status {
text-align: center
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .modal-header .right p {
margin-top: 5px;
text-align: center
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .shipment-wrap {
padding: 25px
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .shipment-wrap .shipment {
border: 0
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .shipment-wrap .shipment .header {
margin: 0
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .shipment-wrap .shipment .header h3 {
font-size: 18px;
font-weight: 400;
margin: 0 0 10px
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .shipment-wrap .shipment .header table {
border: 0;
width: 100%
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .shipment-wrap .shipment .header table tbody tr {
border-bottom: 1px solid #fff;
text-align: left
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .shipment-wrap .shipment .header table tbody tr:nth-child(even) {
background: #fff
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .shipment-wrap .shipment .header table tbody tr:nth-child(odd) {
background: #f8f8f8
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .shipment-wrap .shipment .header table tbody tr th {
background: #fff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
padding: 10px;
}
.customer.tracking-detail .modal.tracking-detail .modal-dialog .shipment-wrap .shipment .header table tbody tr td {
border: 0;
text-align: left;
}
.customer.tracking-detail .modal.tracking-detail .loader-overlay {
border-radius: 6px
}
.address-sidebar {
margin-top: 4%;
width: 22%;
}
.address-box {
background-color: #fff;
border-radius: 4px;
border: 1px solid #e4e4e4;
padding: 15px;
}
.address-box h4 {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
margin-top: 0
}

.address-box .address-table {
margin-top: 15px
}
.address-box .address-table table {
border: none;
border-collapse: collapse;
margin-bottom: 0;
width: 100%;
}
.address-box .address-table table tbody tr td {
border: none;
}
.address-box .address-table table tbody tr td.field {
color: #999;
font-size: 10px;
padding-right: 5px;
text-align: right;
width: 20px
}
.address-box .address-table table tbody tr td.value {
color: #414141;
font-size: 14px;
max-width: 225px; /* adjusted value */
text-align: left;
padding: 5px 12px;
width: 74%; /* added property */
}
.address-box .address-table table tbody tr.last td {
border-bottom: none
}
.address-sidebar .shadow {
background-image: url(https://cdn.shippingcart.com/img/sprite.png);
background-position: -15px -480px;
background-repeat: no-repeat;
display: none;
height: 8px;
margin-left: 5px;
width: 130px
}

.address-sidebar .side-banner {
    margin-top: 5px;
}

.partial.air-cargo,
.partial.sea-cargo {
display: inline-block;
/*float: left;*/
width: 100%;
}
.partial.air-cargo .partial-header,
.partial.sea-cargo .partial-header {
background: #F9F9F7;
border: 1px solid #CCC;
margin-bottom: 0;
padding: 11px 28px;
}
.partial.air-cargo .partial-header .left,
.partial.sea-cargo .partial-header .left {
width: 45%
}
.partial.air-cargo .partial-header .left .icon,
.partial.sea-cargo .partial-header .left .icon {
background: url(../img/sprite.png) no-repeat;
content: "";
height: 35px;
position: absolute;
width: 38px
}
.breakdowns {
float: right;
width: 70%;
}
.icon.aircargo {
background: url(../img/sprite.png) no-repeat;
content: "";
height: 35px;
position: relative;
width: 38px;
display: inline-block;
}

.icon.seacargo {
background: url(../img/sprite.png) no-repeat;
content: "";
width: 38px;
height: 35px;
position: relative;
display: inline-block;
background-position: 0 -36px;
}

.partial.air-cargo .partial-header .left .type,
.partial.sea-cargo .partial-header .left .type {
font-size: 16px;
line-height: 35px;
padding-left: 45px
}
.partial.air-cargo .partial-header .right,
.partial.sea-cargo .partial-header .right {
font-size: 12px;
width: 55%
}
.partial.air-cargo .breakdowns,
.partial.sea-cargo .breakdowns {
background: #FFF;
border-left: 1px solid #e3e3e3;
padding: 10px 10px 0 10px;
}
.partial.air-cargo .breakdowns .breakdowns-item,
.partial.sea-cargo .breakdowns .breakdowns-item {
border-bottom: thin dotted #CCC;
/*margin: 0 10%;*/
width: 95%;
}
.partial.air-cargo .breakdowns .breakdowns-item p,
.partial.sea-cargo .breakdowns .breakdowns-item p {
float: left;
text-align: left;
width: 50%;
}
.partial.air-cargo .breakdowns .breakdowns-item .b-value,
.partial.sea-cargo .breakdowns .breakdowns-item .b-value {
padding-left: 0;
}
.partial.air-cargo .breakdowns .breakdowns-item.subtotal .b-key,
.partial.sea-cargo .breakdowns .breakdowns-item.subtotal .b-key {
margin-top: 10px;
}
.partial.air-cargo .breakdowns .breakdowns-item.subtotal .b-value,
.partial.sea-cargo .breakdowns .breakdowns-item.subtotal .b-value {
font-weight: 700;
margin-top: 10px;
}
.partial.air-cargo .breakdowns .vip-header,
.partial.sea-cargo .breakdowns .vip-header {
padding: 20px 45px;
text-align: left;
}
.partial.air-cargo .breakdowns .vip-header p,
.partial.sea-cargo .breakdowns .vip-header p {
font-weight: 700;
font-style: italic;
margin: 0;
}
.partial.air-cargo .breakdowns .subtotal,
.partial.sea-cargo .breakdowns .subtotal {
/*background: #F2F2F2;*/
margin-top: -9px;
border-bottom: none;
}
.partial.air-cargo {
margin-right: 3%;
}
.partial.air-cargo.centered,
.partial.sea-cargo.centered {
display: block;
float: none;
margin: 0 auto;
}
.partial.sea-cargo .partial-header .left .icon {
background: url(../img/sprite.png) 0 -35px no-repeat
}
footer {
background-color: #f9f9f9;
font-family: 'Source Sans Pro', sans-serif;
/* margin-top: 40px; */
}
footer .top-nav {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
footer .top-nav .top {
padding: 30px 50px;
}
footer .top-nav .top .column h5 {
color: #333;
font-weight: 600;
margin-bottom: 7px;
font-family: 'Source Sans Pro', sans-serif;
}
footer .top-nav .top .column .footer-link {
margin-bottom: 5px;
}
footer .top-nav .top .column .footer-link a {
color: #666;
}
footer .top-nav .top .social .footer-link {
margin-bottom: 7px;
}
footer .top-nav .top .social .footer-link a {
margin-left: 10px;
}
footer .top-nav .top .social .footer-link:before {
background: url(../img/sprite.png) no-repeat;
content: '';
display: inline-block;
height: 24px;
vertical-align: middle;
width: 24px;
}
footer .top-nav .top .certificate table tr td a,
footer.footer-minimal .bottom .certificate table tr td a {
display: none;
}
footer .top-nav .top .social .facebook:before {
background-position: -42px 2px
}
footer .top-nav .top .social .twitter:before {
background-position: -42px -25px
}
footer .top-nav .top .social .instagram:before {
background-position: -42px -52px
}
footer .top-nav .top .social .youtube:before {
background-position: -42px -81px
}
footer .top-nav .top .social .pinterest:before {
background-position: -42px -108px
}
footer .top-nav .top .newsletter #mc_embed_signup {
margin-top: 25px;
margin-left: -4px
}
footer .top-nav .top .newsletter input[type=submit] {
color: #888;
font-weight: 600;
padding: 10px 55px
}
footer .top-nav .top .certificate table {
border: none;
background-color: transparent
}
footer .top-nav .top .certificate table tr td {
border: none;
padding: 0
}
footer .bottom-nav {
color: #666;
font-size: 13px;
padding: 25px 0
}
footer .bottom-nav .copyright {
color: #414141;
font-weight: 500;
padding-right: 0;
text-align: center
}
footer .bottom-nav .navigation {
padding-top: 3px
}
footer .bottom-nav .navigation div {
border-right: 1px solid #666;
height: 12px;
padding: 0 12px
}
footer .bottom-nav .navigation div a {
color: #666;
position: relative;
top: -3px
}
footer .bottom-nav .navigation div.third {
border-right: none
}


footer.footer-minimal {
border-top: 1px solid #e5e5e5;
bottom: 0;
left: 0;
/*    position: absolute;*/
right: 0
}
footer.footer-minimal .bottom-nav {
padding: 40px;
}
footer.footer-minimal .bottom.container {
width: 850px
}
.reset-password.bottom.container {padding: 0 0px 0 65px; }
.signinpage.bottom.container {padding: 0 0px 0 65px; }
footer.footer-minimal .bottom .copyright {
padding: 27px 0
}
footer.footer-minimal .bottom .navigation {
padding: 30px 0;
width: 41.66667%;
}
footer.footer-minimal .bottom .certificate table {
border: none;
background-color: transparent;
margin: 0
}
footer.footer-minimal .bottom .certificate table tr td {
border: none;
padding: 0
}
footer.footer-minimal .bottom .certificate {
  padding: 20px;
}
header.site-header {
background-color: #fff;
border-bottom: 1px solid #dedede;
box-shadow: 0 0 1px #e4e4e4;
font-size: 14px;
height: 70px;
right: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999
}
header.site-header div.logo {
float: left;
margin: 18px 0;
}
header.site-header div.logo .main-img {
background: url(https://cdn.shippingcart.com/assets/sc-logo-primary-20220705064812.png) no-repeat;
height: 35px;
width: 210px;
background-size: contain;
}
header.site-header div.logo img {
display: block;
width: 100%
}
header.site-header nav.top-nav {
float: right;
}
header.site-header nav.top-nav .show-dropdown {
display: block!important
}
header.site-header nav.top-nav .active-menu {
background-color: #EFEFEF
}
header.site-header nav.top-nav ul {
margin: 0;
list-style: none;
padding: 0
}
header.site-header nav.top-nav ul li {
display: inline-block;
line-height: 0
}
header.site-header nav.top-nav ul li a {
box-sizing: border-box;
display: inline-flex;
font-weight: 600;
padding:34px 15px;
}

header.site-header nav.top-nav ul li a i {
float: right;
line-height: 0px;
font-size: 18px;
margin-left: 10px;
}

.index header.site-header nav.top-nav ul li a:hover {
    background-color: #F58D1E;
    color: #fff;

}
.index header.site-header nav.top-nav ul.sub li a:hover {
color: #000;
padding: 13px 35px;
}

header.site-header nav.top-nav ul li a:hover {
background-color: #EFEFEF;
border: none;
}

header.site-header nav.top-nav ul li.ha a:hover {
    padding:34px 15px;
}

header.site-header .promo-link:after {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  margin-left: 6px;
  margin-top: -10px;
  border-radius: 3.5px;
  background-color: #27ac43b3;
}

header.site-header nav.top-nav ul li.bordered {
margin: 0 5px
}
header.site-header nav.top-nav ul li.bordered a {
    border: 1px solid #F58D1E;
    color: #F58D1E;
    border-radius: 5px;
    height: 40px;
    padding: 18px 10px !important;
}
header.site-header nav.top-nav ul li.bordered a:hover {
    background-color: #F58D1E;
    color: #FFF;
}

header.site-header nav.top-nav ul li.explore-btn-orange a {
    border: 1px solid #f58d1e;
    color: #fff;
    background-color: #f58d1e;
}

header.site-header nav.top-nav ul li.explore-btn-orange a {
    background-color: #f58d1e;
    color: #fff;
}

header.site-header nav.top-nav ul li.has-sub {
line-height: 0;
position: relative;
}
header.site-header nav.top-nav ul li.has-sub ul {
background: #FFF;
border: 1px solid #d3d9dc;
border-radius: 4px;
box-shadow: 0 4px 6px -6px #222;
padding: 10px 0;
position: absolute;
z-index: 1000;
-webkit-box-shadow: 0 4px 6px -6px #222;
-moz-box-shadow: 0 4px 6px -6px #222;
}
header.site-header nav.top-nav ul li.has-sub ul:after {
content: '\f0d8';
color: #FFF;
font-family: FontAwesome;
position: absolute;
right: 40px;
top: -3px;
text-shadow: #CCC 0 -1px 0
}
header.site-header nav.top-nav ul li.has-sub ul li {
display: block
}
header.site-header nav.top-nav ul li.has-sub ul li a {
border-bottom: 1px solid #f1f3f5;
color: #414141;
display: block;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
padding: 13px 35px;
white-space: nowrap
}
header.site-header nav.top-nav ul li.has-sub ul li a i {
font-size: 14px;
float: none;
display: none;
line-height: 1
}
header.site-header nav.top-nav ul li.has-sub ul li a span {
margin-left: 0;
width: 100%;
display: inline-block
}
header.site-header nav.top-nav ul li.has-sub ul li a:hover {
background-color: #f1f3f5 !important;
}
header.site-header nav.top-nav ul li.has-sub ul li:last-child a {
border-bottom: none!important
}
header.site-header nav.top-nav ul li.has-sub ul.sub-info {
top: 50px;
left: -100px;
}
header.site-header nav.top-nav ul li.has-sub ul.sub-account {
top: 50px;
right: 0;
left: -21px;
}

header.site-header nav.top-nav a {
color: #666;
text-decoration: none
}
header.site-header.header-minimal {
background-color: transparent;
border: none;
border-bottom: none;
box-shadow: none;
height: 90px;
position: absolute
}
header.site-header.header-minimal .container {
    width: 100%;
}

header.site-header.header-minimal .logo {
    text-align: center !important;
    width: 80%;
    position: absolute;
    margin: 0 auto;
    float: left;
}

header.site-header.header-minimal nav.top-nav {
    float: right;
    width: 20%;
}

.top-0.ui-datepicker-div {top: 0%;}
.padding-3percent {  padding: 3% 3% 3% 6%;}
.body-wrapper{
    display: block;
    min-height: 75vh;
}

.reset-password.body-wrapper{margin-top:90px !important;}
.signinpage.body-wrapper {
    margin-top: 90px !important;
}

header.site-header.header-minimal .logo a {
margin-left: 185px;
padding: 25px 0!important
}
header.site-header.header-minimal nav.top-nav ul li.has-sub {
float: right;
margin-right: 8%;
}
header.site-header.header-minimal nav.top-nav ul li.has-sub ul:after {
right: 45px
}
header.site-header.header-minimal nav.top-nav ul li.has-sub ul.sub-account {
top: 60px;
}
header.site-header.header-minimal nav.top-nav ul li a {
    display: inline-block;
    padding: 46% 0;
    margin: 0;
}

header.site-header.header-minimal nav.top-nav ul li a:hover {
    background-color: transparent;
}

header.site-header.header-minimal.sign-up-success nav.top-nav ul li  {
margin-top: 0px!important;
}
header.site-header.header-minimal nav.top-nav .active-menu,
header.mobile-header {
background-color: #fff;
border-bottom: 1px solid #dedede;
box-shadow: 0 2px 5px #dedede;
font-size: 14px;
/* height: 60px; */
/* position: fixed; */
top: 0;
left: 0;
width: 100%;
z-index: 100;
display: none
}
header.mobile-header div.logo {
float: left;
text-align: center;
padding-left: 20px
}
header.mobile-header div.logo .main-img {
background: url(https://cdn.shippingcart.com/assets/sc-logo-primary-20220705064812.png) left no-repeat;
height: 60px;
width: 200px;
background-size: contain;
}
header.mobile-header .hamburger {
float: left;
outline: 0;
font-size: 18px;
height: 59px;
border: 0;
font-weight: 600;
background: #fff
}

.overlay-menu,.sidenav {
height: 100%;
position: fixed;
top: 0
}
.sidenav {

width: 75%;
margin-left: -75%;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
background-color: #fff;
overflow-x: hidden;
transition: .5s
}
.sidenav.open-nav {
border-right: 1px solid #ededed
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 18px;
border-bottom: 1px solid #ededed;
color: #333;
display: block;
transition: .3s;
white-space: nowrap
}

.custom-modal-overlay,
.overlay-menu {
background: rgba(0, 0, 0, .6);
height: 100%
}
.body-wrapper,
footer,
header {
transition: margin-left .5s
}
.overlay-menu {
transition: .5s;
opacity: 0;
z-index: -2;
position: fixed;
top: 0;
width: 100%
}
.overlay-menu .fa.fa-chevron-left {
position: relative;
top: 50%;
transform: -50%, 0;
transition: left .5s;
color: #fff;
font-size: 35px;
left: 80%
}

.about-us {
padding-bottom: 50px
}
.about-us .mobile-about-image {
display: none;
margin-bottom: 30px;
padding: 0 15px
}
.about-image-wrapper{
position: absolute !important;
right: 0px !important;
padding-right: 20px !important;

}
.about-us .about-text {
padding-bottom: 100px
}
.static .main .about {
margin-bottom: 80px
}
.static .main .about h2 {
color: #be151b;
font-size: 24px;
font-weight: 500;
margin: 0 0 25px
}
.static .main .about .about-img img {
max-width: 100%
}
.static .main .about p {
font-size: 14px;
margin-top: 20px
}
.custom-modal-fd.hide,
.custom-modal-overlay.hide {
display: none!important
}
.custom-modal-overlay {
position: absolute;
top: 0;
width: 100%;
z-index: 99999
}
.custom-modal-fd {
background-color: #ECECEC;
border-radius: 11px;
height: 244px;
left: 50%;
position: fixed;
top: 22%;
transform: translate(-50%, 0);
width: 500px;
z-index: 9999999
}
.custom-modal-fd .custom-modal-right-action {
color: #333;
cursor: pointer;
position: absolute;
right: 10px;
top: 5px
}
.custom-modal-fd .custom-modal-body {
width: 100%
}
.custom-modal-fd .custom-modal-body .body-clip {
background-repeat: no-repeat;
border-radius: 5px;
height: 300px
}
.custom-modal-fd.new-sc {
height: 300px;
width: 600px
}
.custom-modal-fd.items-in-storage {
height: 300px;
z-index: 999999;
max-width: 600px;
width: 600px
}
.custom-modal-fd.items-in-storage .custom-modal-right-action {
color: #fff
}
.custom-modal-fd.new-sc .custom-modal-body .body-clip {
background: url(../img/modal/new-sc-modal-web.png)
}
.custom-modal-fd.items-in-storage .custom-modal-body .body-clip {
background: url(../img/modal/photo-process-modal.png)
}
.custom-modal-fd.items-in-storage .modal-close i {
color: #333
}
@media screen and (max-width: 600px) {
.custom-modal-fd,
.custom-modal-fd.new-sc {
    background-color: #ECECEC;
    border-radius: 11px;
    height: 250px!important;
    left: 50%;
    position: fixed;
    top: 22%;
    z-index: 2000;
    transform: translate(-50%, 0);
    display: none
}
.custom-modal-overlay.hide-mobile {
    display: none
}
.custom-modal-fd {
    width: 269px
}
.custom-modal-fd.new-sc {
    width: auto
}
.custom-modal-fd.new-sc .custom-modal-body .body-clip {
    background: url(../img/modal/new-sc-mobile.png) no-repeat;
    border-radius: 5px;
    width: 260px;
    height: 250px;
    display: none
}
.custom-modal-fd.items-in-storage,
.custom-modal-fd.processing-advisory {
    display: block;
    height: 250px;
    width: 260px
}
.custom-modal-fd.items-in-storage .custom-modal-body .body-clip {
    background: url(../img/modal/items-in-strorage-modal-mobile.png);
    display: block;
    height: 250px;
    width: 260px
}
}
@media screen and (max-width: 320px) {
.custom-modal-fd,
.custom-modal-fd.new-sc {
    display: none
}
}
.static .main .calculator {
font-family: 'Source Sans Pro', sans-serif;
}
.static .main .calculator h3.red {
color: #C4161C;
margin-top: 0;
margin-bottom: 25px;
font-weight: 300
}
.static .main .calculator .has-error {
color: #C4161C!important
}
.static .main .calculator .has-error input,
.static .main .calculator .has-error select {
border-color: #C4161C!important
}
.static .main .calculator .has-error .error-message {
margin-top: 10px
}
.static .main .calculator .left-box {
float: left;
width: 70%
}
.static .main .calculator .left-box .column-one {
float: left;
width: 56%;
padding-right: 20px
}
.static .main .calculator .left-box .column-one .actions {
margin-top: 50px!important
}
.static .main .calculator .left-box .column-one .actions .btn {
font-size: 13px;
padding: 10px 0
}
.static .main .calculator .left-box .column-one .actions .btn.reset {
width: 17%
}
.static .main .calculator .left-box .column-one .actions .btn.calculate {
width: 70%;
margin-left: 10px
}
.static .main .calculator .left-box .column-one .form-group {
margin-bottom: 20px;
margin-top: 0
}
.static .main .calculator .left-box .column-one .form-group .label {
display: block;
color: #333;
font-size: 14px;
margin-bottom: 5px;
padding-left: 0;
text-align: left
}
.static .main .calculator .left-box .column-one .form-group .label.check {
margin-bottom: 15px
}
.static .main .calculator .left-box .column-one .note {
font-size: 12px
}
.static .main .calculator .left-box .column-one input {
border-radius: 5px
}
.static .main .calculator .left-box .column-one select[name=region] {
width: 100px
}
.static .main .calculator .left-box .column-one input[name=insured] {
width: 55px
}
.static .main .calculator .left-box .column-one input[name=quantity] {
width: 70px
}
.static .main .calculator .left-box .column-one input[name=weight] {
width: 65px
}
.static .main .calculator .left-box .column-one input[name=length],
.static .main .calculator .left-box .column-one input[name=width],
.static .main .calculator .left-box .column-one input[name=height] {
width: 70px
}
.static .main .calculator .left-box .column-two {
float: left;
width: 44%;
font-size: 12px
}
.static .main .calculator .left-box .column-two .estimation-actions .wrapper {
overflow: hidden;
display: table;
width: 100%
}
.static .main .calculator .left-box .column-two .estimation-actions .header h3 {
color: #333
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations {
display: table-cell;
overflow: hidden;
padding-right: 15px
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp {
border-radius: 5px;
border: 1px solid #DFDFDF;
margin-bottom: 20px;
padding: 20px 5px;
max-width: 280px;
background-color: #FFC
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp p {
margin: 0
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp hr {
margin: 20px 0
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp .tmp-header {
text-align: center;
padding-bottom: 20px
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp .breakdown-item {
margin: 0 auto 5px;
overflow: hidden;
width: 82%
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp .breakdown-item p {
float: left;
text-align: right;
width: 50%
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp .subtotal {
margin: 0 auto 20px;
overflow: hidden;
width: 82%
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp .subtotal p {
float: left;
text-align: right;
width: 50%;
white-space: nowrap
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp .subtotal .amount-label {
line-height: 1.5
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp .subtotal .amount {
color: #C7363B;
font-size: 16px
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .tmp .eta {
margin: 0 auto;
width: 100%;
text-align: center
}
.static .main .calculator .left-box .column-two .estimation-actions .estimations .no-estimations {
border: 1px solid #E7E7CC;
border-radius: 5px;
background-color: #FFC;
padding: 5px 10px;
text-align: center;
font-size: 14px
}
.static .main .calculator .right-box {
float: left;
width: 30%;
font-size: 12px;
padding: 0 0 0 20px;
border-left: 2px solid #EDEDED
}
.static .main .calculator .right-box h5 {
color: #be151b;
display: inline-block;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
margin: 10px 0 3px;
position: relative
}
.static .main .calculator .right-box p {
font-size: 11px;
margin: 0
}
.static .main .calculator .right-box .rate-table .table-head {
background-color: #E6E6E6;
width: 100%
}
.static .main .calculator .right-box .rate-table .table-head div {
box-sizing: border-box;
font-size: 10px;
padding: 8px 10px
}
.static .main .calculator .right-box .rate-table .table-head div:nth-child(1) {
border-right: 1px solid #B3B3B3;
text-align: center;
width: 60%
}
.static .main .calculator .right-box .rate-table .table-body {
margin-top: -9px
}
.static .main .calculator .right-box .rate-table .table-body .table-row {
background-color: #F1F1F1;
box-sizing: border-box;
border-top: 1px solid #FFF;
height: 35px;
width: 100%
}
.static .main .calculator .right-box .rate-table .table-body .table-row div {
font-size: 10px;
height: 35px;
padding: 5px
}
.static .main .calculator .right-box .rate-table .table-body .table-row div:nth-child(1) {
border-right: 1px solid #B3B3B3;
width: 60%
}
.static .main .calculator .right-box .rate-table .table-body .table-row:nth-child(n+2) {
margin-top: -10px
}

.contact.contact-us {
background-color: #FCFCFC !important;
padding: 0;
}
.contact.contact-us .container .static-wrapper .main {
border: none;
margin-left: 0;
width: 100%;
background-color: transparent;
}


.contact .left {
float: left;
width: 70%
}
.contact .left .submit {
margin: 20px 0
}
.contact .left .submit a {
color: #fff
}
.contact .left .submit:hover {
text-decoration: none
}
.contact .right {
float: left;
width: 30%
}
.contact .right img {
width: 100%;
}

[v-cloak] {
display: none
}
.estimate-shipping p {
font-size: 14px;
margin-bottom: 20px
}
.estimate-shipping .estimate {
height: 100%;
position: relative
}
.estimate-shipping .estimate .estimate-form {
padding: 0;
width: 57%
}
.estimate-shipping .estimate .estimate-form .instructions {
margin-bottom: 40px
}
.estimate-shipping .estimate .estimate-form form {
padding-bottom: 40px
}
.estimate-shipping .estimate .estimate-form form .sc-alert {
margin-bottom: 20px
}
.estimate-shipping .estimate .estimate-form form .reset-form {
cursor: pointer;
margin-left: 10px
}
.estimate-shipping .estimate .estimate-results {
bottom: 0;
position: absolute;
right: 0;
top: 0;
width: 43%
}
.static .main .faq h3:after,
.static .main .faq h4:after {
top: 18px;
content: '';
height: 1px;
left: 0
}
.estimate-shipping .estimate .estimate-results .results {
background-color: #fcfcfc;
border: 1px solid #e3e3e3;
border-radius: 5px;
color: #414141;
min-height: 100%;
padding: 10px 0
}
.estimate-shipping .estimate .estimate-results .results .estimate-instruction {
padding: 40px 15px
}
.estimate-shipping .estimate .estimate-results .results .estimate-instruction .sc.sc-light-box {
float: left;
margin-top: 15px
}
.estimate-shipping .estimate .estimate-results .results .estimate-instruction p {
margin: 0 0 0 55px
}
.estimate-shipping .estimate .estimate-results .results .cargo-estimates {
padding: 30px 15px
}
.estimate-shipping .estimate .estimate-results .results .cargo-estimates .cargo-header .sc {
float: left
}
.estimate-shipping .estimate .estimate-results .results .cargo-estimates .cargo-header h4 {
font-weight: 400;
margin: 8px 0 8px 50px
}
.estimate-shipping .estimate .estimate-results .results .air-cargo {
border-bottom: 1px solid #d1d1d1
}
.estimate-shipping .rates .rate-list {
margin: 0 auto 20px;
width: 88%
}
.faq.faq {
background-color: #FCFCFC;
padding: 0
}
.faq.faq .container .static-wrapper .main {
border: none;
margin-left: 0;
width: 100%;
background-color: transparent
}
.static .main .faq {
margin-bottom: 35px
}
.static .main .faq h2 {
font-size: 24px;
font-weight: 500;
margin: 0 0 25px
}
.static .main .faq h4 {
display: inline-block;
font-weight: 400;
margin: 20px 0 10px;
position: relative
}
.static .main .faq h4:after {
border-bottom: 1px solid #f0d5d6;
font-weight: 400;
position: absolute;
width: 100%
}
.static .main .faq h3 {
display: inline-block;
font-size: 18px;
font-weight: 500;
margin: 0 0 15px;
position: relative
}
.static .main .faq h3:after {
position: absolute;
width: 100%
}
.static .main .faq strong {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400
}
.static .main .faq a {
color: #2654ff
}
.static .main .faq a.comprehensive {
display: inline-block;
margin-top: 15px
}
.static .main .faq p {
margin: 3px 0 25px
}
.static .main .faq p.bottom {
margin-bottom: 0
}
.static .main .faq span.red {
color: #be151b
}
.static .main .faq ul {
margin: 3px 0 15px;
padding-left: 50px
}
.static .main .faq ul li {
list-style-type: disc;
padding-left: 0
}
.static .main .faq ol {
margin: 3px 0 15px;
padding-left: 50px
}
.static .main .faq ul.bottom {
padding-left: 16px
}
.static .main .faq ol.bottom {
padding-left: 22px
}
.static .main .faq ol.first li {
list-style-type: decimal
}
.static .main .faq ol.second li {
list-style-type: lower-alpha
}
.static .main .faq .view-rates {
margin-bottom: 25px
}
.static .main .faq .view-rates a {
color: #2654ff;
position: relative;
text-decoration: none
}
.static .main .faq .view-rates a:after {
border-bottom: 1px solid #d7dcff;
content: '';
height: 1px;
left: 0;
position: absolute;
top: 13px;
width: 100%
}
.pages.static {
background-color: #FFF;
min-height: 280px;
padding: 0
}
.pages.static .container .static-wrapper .main {
background-color: transparent;
border: none;
margin-left: 0;
width: 100%
}
.privacy-policy .content .section {
border-bottom: 1px dotted #999;
margin-bottom: 30px;
padding: 0 0 10px
}
.privacy-policy .content .section .section-title {
font-size: 18px;
font-weight: 700;
text-transform: none;
margin-bottom: 20px
}
.privacy-policy .content .section p {
margin-bottom: 15px
}
.privacy-policy .content .section p strong {
font-size: 16px
}
.privacy-policy .content .section p a {
text-decoration: underline
}
.privacy-policy .content .section p ul {
margin: 20px 0;
padding: 0 70px
}
.privacy-policy .content #contacting_us {
border-bottom: 0;
margin-bottom: 0
}
.privacy-policy .content .important-notice h3 {
color: #ed1c24;
font-size: 18px;
margin-bottom: 20px;
text-transform: uppercase
}
.static .main .privacy {
margin-bottom: 30px
}
.static .main .privacy h2 {
color: #be151b;
font-size: 24px;
font-weight: 500;
margin: 0 0 15px
}
.static .main .privacy a {
color: #2654ff
}
.static .main .privacy ol.title {
color: #be151b;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: 500;
list-style-type: decimal;
padding-left: 19px
}
.static .main .privacy .title-sub,
.static .main .privacy ol.title p {
font-family: 'Source Sans Pro', sans-serif;
color: #333
}
.static .main .privacy ol.title p {
margin-left: -18px
}
.static .main .privacy ol.title p.head {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
margin-bottom: 0
}
.static .main .privacy ol.title p.content {
margin-top: 2px
}
.static .main .privacy ul {
list-style-type: disc
}
.static .main .privacy .important h5 {
color: #be151b;
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
margin-bottom: 0
}
.static .main .privacy .important p {
margin-top: 10px
}
.prohibited-items .content ul.prohibited-img {
margin: auto;
text-align: center;
padding: 20px 0
}
.prohibited-items .content ul.prohibited-img li {
display: inline-block;
height: 100px;
margin: 0 8px;
width: 85px;
vertical-align: middle;
background: 0 0;
text-align: center
}
.prohibited-items .content ul.prohibited-img li figcaption {
font-size: 10px;
margin-top: 5px
}
.prohibited-items .content h5 {
margin-top: 25px
}
.static .main .prohibited {
font-size: 13.9px
}
.static .main .prohibited h2 {
color: #be151b;
font-size: 24px;
font-weight: 500;
margin: 0 0 15px
}
.static .main .prohibited h5 {
font-weight: 700;
margin-top: 30px
}
.static .main .prohibited p {
line-height: 1.3;
margin: 0
}
.static .main .prohibited ul.prohibited-img {
padding: 0;
text-align: center;
margin: 20px 30px 10px
}
.static .main .prohibited ul.prohibited-img li {
display: inline-block;
height: 129px;
margin: 0 8px;
width: 87px
}
.static .main .prohibited ul.prohibited-img li.explosive {
background: url(../img/prohibited_sprite.jpg)
}
.static .main .prohibited ul.prohibited-img li.flammables {
background: url(../img/prohibited_sprite.jpg) -101px 0
}
.static .main .prohibited ul.prohibited-img li.firearms {
background: url(../img/prohibited_sprite.jpg) -201px 0
}
.static .main .prohibited ul.prohibited-img2 li.drugs {
background: url(../img/prohibited_sprite.jpg) -301px 0
}
.static .main .prohibited ul.prohibited-img li.corrosive {
background: url(../img/prohibited_sprite.jpg) -401px 0
}
.static .main .prohibited ul.prohibited-img li.animals {
background: url(../img/prohibited_sprite.jpg) -501px 0
}
.static .main .prohibited ul.prohibited-img li.human {
background: url(../img/prohibited_sprite.jpg) -601px 0
}
.static .main .prohibited ul.prohibited-list {
line-height: 1.3;
list-style-type: disc;
padding-left: 15px
}
.static .main .prohibited p.details {
margin: 15px 0 90px
}
.static .main .prohibited p.details a {
color: #2654ff
}
.promos.offers {
background-color: #FCFCFC;
padding: 0;
margin-top: 60px;
}
.promos.offers .container .static-wrapper .main {
background-color: transparent;
border: none;
margin-left: 0;
width: 100%
}
.static .promo-header {
margin-bottom: 20px;
width: 100%
}
.static .promo-header .content {
float: left;
width: 55%
}
.static .promo-header .content h1 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 24px;
font-weight: 500;
margin: 10px auto
}
.static .promo-header .content p {
font-size: 16px;
margin: 10px 0 15px;
display: none
}
.static .promo-header .subscribe {
display: none;
float: right;
width: 40%
}
.static .promo-header .subscribe input[type=email] {
border-color: #e65d44;
border-radius: 4px 0 0 4px;
border-right: 0;
float: left;
margin-right: -5px;
padding: 11px 10px;
width: 70%
}
.static .promo-header .subscribe input[type=submit] {
background-color: #e65d44;
border-color: #e65d44;
border-radius: 0 4px 4px 0;
color: #fff;
float: right;
padding: 10px 16px;
width: 30%
}
.static .promos .promo.main-banner {
width: 100%;
}

.static .promos .promo.main-banner img {
display: block;
width: 100%;
margin: 0 auto;
}

.static .promos .promo.featured-banner {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}

.static .promos .promo.featured-banner img  {
max-width: 388px;
width: 100%;
height: auto;
}
.static .promos .promo.featured-banner li {
display: inline-block;
margin: 0 auto;
vertical-align: middle;
width: 33.3%;
text-align: center;
padding: 0 2%;
}
.static .promos .promo.featured-banner li:nth-child(odd) {
margin-left: 0
}
/*.static .promos .promo.featured-banner li a,
.static .promos .promo.featured-banner li a img {
display: block;
width: 100%
}*/
.static .promos .description {
padding: 10px 0 15px;
word-wrap: break-word;
}
.static .main .rates h2 {
color: #be151b;
font-size: 24px;
font-weight: 500;
margin: 0 0 25px
}
.static .main .rates .rates-table {
margin-top: 40px
}
.static .main .rates .rates-table p {
color: #B20000;
font-weight: 700;
text-transform: uppercase
}
.static .main .rates .rates-table table {
width: 80%
}
.static .main .rates .rates-table.storage {
width: 62%
}
.static .main .rates .rates-table table th {
background-color: #EBEBEC;
border: 1px solid #D5D5D5
}
.static .main .rates .rates-table table tr {
border-top: 1px solid #fff
}
.static .main .rates .rates-table table tr:nth-child(odd) {
background-color: #F8F8F8
}
.static .main .rates .rates-table table tr:nth-child(even) {
background-color: #EBEBEC
}
.static .main .rates .rates-table table tr .td-fixed,
.static .main .rates .rates-table table tr .td-rate {
background-color: #fff
}
.static .main .rates .rates-notes {
margin: 40px 0 60px
}
.static .main .rates .rates-notes .header {
font-weight: 700
}
.static {
background-color: #ECE7D8;
color: #333;
padding: 20px 0;
font-size: 14px
}
.static-wrapper {
width: 100%
}
.static aside {
float: left;
padding-right: 4%;
width: 25%
}
.static aside .side-nav {
margin: 0;
padding: 0
}
.static aside .side-nav li:not(:last-child) a {
border-bottom: 1px solid #DBD5C5
}
.static aside .side-nav li a {
color: #000;
display: inline-block;
font-size: 16px;
padding: 15px 5px 13px;
position: relative;
text-decoration: none;
width: 100%
}
.static aside .side-nav li a.faq span:before,
.static aside .side-nav li a.faq:hover span:before,
.static aside .side-nav li a.prohibited span:before,
.static aside .side-nav li a.tax span:before,
.static aside .side-nav li a.tax:hover span:before,
.static aside .side-nav li.active a.faq span:before,
.static aside .side-nav li.active a.tax span:before {
width: 20px;
height: 23px;
position: absolute;
top: 12px;
left: 10px;
content: ''
}
.static aside .side-nav li a:hover,
.static aside .side-nav li.active a {
background: #ee8a41;
color: #fff
}
.static aside .side-nav li a span {
padding-left: 40px
}
.static aside .side-nav li a.faq span:before {
background: url(../img/shipping_sprite.png)
}
.static aside .side-nav li a.faq:hover span:before,
.static aside .side-nav li.active a.faq span:before {
background: url(../img/shipping_sprite.png) 0 23px
}
.static aside .side-nav li a.prohibited span:before {
background: url(../img/shipping_sprite.png) -21px 0
}
.static aside .side-nav li a.prohibited:hover span:before,
.static aside .side-nav li.active a.prohibited span:before {
background: url(../img/shipping_sprite.png) -22px 23px;
content: '';
height: 23px;
position: absolute;
width: 20px;
top: 12px;
left: 10px
}
.static aside .side-nav li a.tax span:before {
background: url(../img/shipping_sprite.png) -41px 0
}
.static aside .side-nav li a.tax:hover span:before,
.static aside .side-nav li.active a.tax span:before {
background: url(../img/shipping_sprite.png) -41px 23px
}
.static aside .side-nav li a.contact span:before {
background: url(../img/shipping_sprite.png) -59px 0;
content: '';
height: 23px;
position: absolute;
width: 19px;
top: 12px;
left: 10px
}
.static aside .side-nav li a.contact:hover span:before,
.static aside .side-nav li.active a.contact span:before {
background: url(../img/shipping_sprite.png) -59px 23px;
content: '';
height: 23px;
position: absolute;
width: 19px;
top: 12px;
left: 10px
}
.static aside .address {
background-color: #E4DFD1;
margin-top: 20px;
padding: 20px
}
.static aside .address h3 {
font-size: 20px;
font-weight: 400;
margin: 0 0 10px
}
.static aside .address address {
font-size: 14px;
font-style: initial
}
.static aside .address address span {
display: block;
margin-bottom: 3px
}
.static .main {
background-color: #fff;
border: 1px solid #CFCFCF;
border-radius: 5px;
float: left;
width: 75%
}
.static .main .main-nav {
background-color: #F0F0F0;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
margin: 0;
overflow: hidden;
padding: 0
}
.static .main .main-nav li {
float: left
}
.static .main .main-nav li a {
color: #000;
border-bottom: 1px solid #CFCFCF;
display: block;
font-size: 14px;
padding: 20px 30px;
text-decoration: none
}
.static .main .main-nav li:last-child {
float: none;
overflow: hidden
}
.static .main .main-nav li:last-child a {
cursor: default
}
.static .main .main-nav li.active a {
background-color: #fff;
border-right: 1px solid #CFCFCF;
border-left: 1px solid #CFCFCF;
border-bottom: 1px solid #fff
}
.static .main .main-nav li.active:first-child a {
border-left: none
}
.static .main .main-content {
padding: 30px 25px 0
}
.static .main .main-content hr {
border: none;
border-top: 1px solid #DBDBDB;
margin: 40px 0
}
.static .main .main-content .header {
margin-bottom: 20px
}
.static .main .main-content .header h3 {
color: #c4161c;
display: inline-block;
font-size: 20px;
font-weight: 400;
margin: 0 10px 0 0
}
.static .main .main-content .header h3 a {
color: #c4161c;
font-size: 16px;
text-decoration: none
}
.static .main .main-content .header p {
font-size: 14px;
margin-top: 5px
}
.special-handling .special-handling-instructions{
padding-right: 100px;
}
.special-handling-lists table { border: none;}
.special-handling-lists p { text-align: center;}
.special-handling-lists  tr { margin: 10px 10px 10px 10px;}
.special-handling .special-handling-lists .table tbody tr td .text {
display: block;
font-size: 13px;
margin-left: 70px
}
.special-handling-lists tr td { padding: 0px 5px 5px 5px; text-align: center; }
.special-handling-lists tr td img { margin: 5% 5% 5% 5%;}

.special-handling .special-handling-reminder h4 {
color: #ed1c24;
font-size: 15px
}
.special-handling .special-handling-reminder .prohibited-items {
list-style: none;
margin: 0 0 50px;
padding: 0
}
.special-handling .special-handling-reminder .prohibited-items li {
display: inline-block;
height: 129px;
margin: 5px 12px;
width: 83px
}
.special-handling .special-handling-reminder .prohibited-items li.explosive {
background: url(../img/prohibited_sprite.jpg) no-repeat
}
.special-handling .special-handling-reminder .prohibited-items li.flammables {
background: url(../img/prohibited_sprite.jpg) -101px 0
}
.special-handling .special-handling-reminder .prohibited-items li.firearms {
background: url(../img/prohibited_sprite.jpg) -201px 0
}
.special-handling .special-handling-reminder .prohibited-items li.drugs {
background: url(../img/prohibited_sprite.jpg) -303px 130px
}
.special-handling .special-handling-reminder .prohibited-items li.corrosive {
background: url(../img/prohibited_sprite.jpg) -404px 130px
}
.special-handling .special-handling-reminder .prohibited-items li.animals {
background: url(../img/prohibited_sprite.jpg) -505px 130px
}
.special-handling .special-handling-reminder .prohibited-items li.human {
background: url(../img/prohibited_sprite.jpg) -604px 130px
}
.static .main .special-handling {
font-size: 13.9px
}
.static .main .special-handling h2 {
color: #be151b;
font-size: 24px;
font-weight: 500;
margin: 0 0 15px
}
.static .main .special-handling p {
line-height: 1.3;
margin: 0
}



.special-handling ul.order-list {
list-style-type: initial;
margin: 20px 0
}

.example {
    background-color:#fff5ea; padding:2% 2% 2% 2%;
border-color:#cccccc;
border-style: solid;
border-width:1px;
border-radius:5px

}


.special-handling .content .mid-content {
width: 100%;
float: none;
border: 1px solid #ccc;
padding: 26px;
border-radius: 9px;
margin: 45px 6px 45px 0;
}
.special-handling .content .mid-content ul li {
float: left;
width: 8.5%;
margin: 0 20px;
list-style: none;
}
.special-handling .content .mid-content h5 {
clear: both;
margin-bottom: 40px
}
.special-handling .content .mid-content h3 {
font-size: 20px;
color: #ed1c24
}
.special-handling .content .mid-content p {
clear: both;
font-size: 12px;
text-align: center;
margin-top: 5%;
width:134%;
}
.special-handling .content .mid-content img {
margin: 0px 0px 0px 12px;
float: none;
width: 100%;
}





.static .main .special-handling .leading {
margin: 0;
font-size: 15px
}
.static .main .special-handling h2.reminder {
margin: 0
}
.static .main .special-handling .view-list {
margin-bottom: 30px
}
.static .main .special-handling ul.special-handling-img {
padding: 0;
text-align: center;
margin: 20px 140px 10px
}
.static .main .special-handling ul.special-handling-img li {
display: inline-block;
height: 129px;
margin: 5px 12px;
width: 83px
}
.static .main .special-handling ul.special-handling-img li.explosive {
background: url(../img/prohibited_sprite.jpg) no-repeat
}
.static .main .special-handling ul.special-handling-img li.flammables {
background: url(../img/prohibited_sprite.jpg) -101px 0
}
.static .main .special-handling ul.special-handling-img li.firearms {
background: url(../img/prohibited_sprite.jpg) -201px 0
}
.static .main .special-handling ul.special-handling-img2 {
margin: 20px 0
}
.static .main .special-handling ul.special-handling-img2 li.drugs {
background: url(../img/prohibited_sprite.jpg) -303px 130px
}
.static .main .special-handling ul.special-handling-img2 li.corrosive {
background: url(../img/prohibited_sprite.jpg) -404px 130px
}
.static .main .special-handling ul.special-handling-img2 li.animals {
background: url(../img/prohibited_sprite.jpg) -505px 130px
}
.static .main .special-handling ul.special-handling-img2 li.human {
background: url(../img/prohibited_sprite.jpg) -604px 130px
}
.static .main .special-handling ul.special-handling-list {
line-height: 1.3;
list-style-type: disc;
padding-left: 15px
}
.static .main .special-handling h5 {
margin: 30px 0 5px
}
.static .main .tax h2 {
color: #be151b;
font-size: 24px;
font-weight: 500;
margin: 0 0 25px
}
.static .main .tax table {
margin: 40px auto;
width: 80%
}
.static .main .tax table thead {
background-color: #F2F2F2;
border-top: 1px solid #E2E2E2
}
.static .main .tax table thead th {
text-align: center;
padding-top: 10px;
padding-bottom: 10px
}
.static .main .tax table thead th:first-child {
text-align: center
}
.static .main .tax table tbody tr:nth-child(odd) {
background-color: #F8F8F8
}
.static .main .tax table tbody tr:nth-child(even) {
background-color: #F2F2F2
}
.static .main .tax table tbody tr td {
border-top: 1px solid #FFF;
padding-top: 10px;
padding-bottom: 10px
}
.static .main .tax table tbody tr td:first-child {
text-align: center;
width: 20%
}
.terms-conditions .page-subtitle {
margin: 30px 0
}
.terms-conditions .content {
padding: 0 15px
}
.terms-conditions .content p {
margin-bottom: 20px
}
.terms-conditions .content .sections {
border-bottom: 1px dotted #000;
margin-bottom: 30px;
padding: 0 0 30px
}
.terms-conditions .content .sections:last-child {
border-bottom: 0
}
.terms-conditions .content .sections h4 {
font-size: 14px;
margin-bottom: 20px
}
.terms-conditions .content .sections ol li {
margin-bottom: 5px
}
.static .main .terms {
margin-bottom: 80px
}
.static .main .terms h2 {
color: #be151b;
font-size: 24px;
font-weight: 500;
margin: 0 0 25px
}
.static .main .terms p {
line-height: 1.4;
margin: 0
}
.static .main .terms a {
color: #2654ff
}
.static .main .terms h4 {
color: #be151b;
display: inline-block;
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
margin: 20px 0 10px;
position: relative
}
.static .main .terms h4:after {
bottom: 0;
content: '';
left: 0;
position: absolute;
width: 100%
}
.static .main .terms ol,
.static .main .terms ul {
list-style-type: lower-alpha;
line-height: 1.4
}
.static .main .terms ol.number {
color: #be151b;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
list-style-type: decimal;
padding-left: 18px
}
.static .main .terms ol.letter {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
list-style-type: lower-latin;
margin: 10px 0;
padding-left: 18px
}
.static .main .terms ol.roman {
list-style-type: lower-roman
}
.customer.tracking {
background-color: #FCFCFC;
padding: 0
}
.customer.tracking .container .customer-wrapper .main {
border: none;
margin-left: 0;
width: 100%
}
.yt .backdrop {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background: url(../img/video-backdrop.jpg) center center no-repeat fixed;
background-size: cover;
bottom: 0;
height: auto;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 10000
}
.yt .backdrop img {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.yt .video-wrapper {
height: 100%;
left: 50%;
margin-left: -320px;
margin-top: -180px;
max-height: 360px;
max-width: 640px;
position: absolute;
top: 50%;
width: 100%;
z-index: 11000
}
.yt .video-wrapper .close {
-webkit-box-shadow: 0 0 5px 2px rgba(103, 103, 103, .4);
-moz-box-shadow: 0 0 5px 2px rgba(103, 103, 103, .4);
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 5px 2px rgba(103, 103, 103, .4);
color: #676767;
line-height: 1;
padding: 4px 7px;
position: absolute;
right: -10px;
top: -10px
}
.yt .video-wrapper iframe {
display: block;
height: 100%;
margin: auto;
width: 100%
}


/*ZEIN ADDED*/

.norton {
height: 55px;
}

.input-error {
color: red;
font-weight: lighter;
width: 100%;
}

.norton-seal img {
    width: 33%;
}



/*side image*/

.address-sidebar .side-banner .wrapper .side-img {
background-image: url('#');
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
display: none;
width: 100%;
height: 150px;
border-radius: 4px;
}

.side-banner .wrapper {
padding: 0;
background-color: transparent;
border: none;
}

li.current-day {
display: inline-block;
font-size: 12px;
position: absolute;
left: 30%;
}
li.day90 {
display: inline-block;
font-size: 12px;
position: absolute;
}


.modal-body .control {
    margin-left: 0; margin-right: 0; margin-bottom: 2%;
}

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


.modal-title {
float: left;
display: inline;
}
.required-fields { margin: 4px 15px 15px;
}

.modal-header {padding: 13px;
border-bottom: none;}

.has-error .form-control {
border-color: red;
}

.note-air .modal-dialog .modal-content,
.note-sea .modal-dialog .modal-content {
padding: 5px 0px
}

.has-error {border-color:red;}


#modal_note {display: none;}


.promo-code .has-error { border-color: red;}


.lbcx-tabs.nav-tabs > li{
margin-bottom: 0;
margin: 0 0 0 20px;
}
.lbcx-tabs.nav-tabs > li > a{
font-size: 18px;
color: #0375d9;
margin: 0;
line-height: normal;
border: 0;
border-radius: 0;
padding: 10px 5px;
}

.lbcx-tabs.nav-tabs > li:first-child {
margin: 0;
}

.lbcx-tabs { border-bottom: #ddd; }

.lbcx-tabs.nav-tabs > li.active{
border-bottom: 2px solid #f48003;
}
.lbcx-tabs.nav-tabs > li > a:hover{
background: none;
border: 0;
}
.lbcx-tabs.nav-tabs > li.active > a, .lbcx-tabs.nav-tabs > li.active > a:hover, .lbcx-tabs.nav-tabs > li.active > a:focus{
color:  #333;
cursor: default;

border: 0;
}
.lbcx-tabs.second-tab.nav-tabs{
background: #dbdbdb;
border-bottom: 1px solid #cccccc;
}
.lbcx-tabs.second-tab.nav-tabs > li > a{
color: #999999;
}
.lbcx-tabs.second-tab.nav-tabs > li.active > a, .lbcx-tabs.nav-tabs > li.active > a:hover, .lbcx-tabs.nav-tabs > li.active > a:focus{
color:  #333;
cursor: default;
background: none;
border: 0;
}
.lbcx-tabs.second-tab.nav-tabs > li.active{
border-bottom: 2px solid #f8a54b;
}
.smallfont.lbcx-tabs.nav-tabs > li > a{
font-size: 14px;
}



.tab-content > .tab-pane {
display: block;
opacity: 0;
height: 0;
overflow: hidden;
}
.tab-content > .active{
display: block;
opacity: 1;
height: auto;
overflow: visible;
}


.customer .main .main-content {
color: #333;
position: inherit;
}
.customer .main .main-content  .shadow {
background-image: url(https://cdn.shippingcart.com/img/sprite.png);
background-position: -240px -528px;
background-repeat: no-repeat;
display: block;
height: 30px;
left: 50%;
position: relative;
right: 0;
transform: translate(-50%, 0);
width: 650px;
}




.tab-header{ 
  font-size: 18px;
  font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
color: rgb( 51, 51, 51 );
line-height: 1.846;

-moz-transform: matrix( 1.00047647067704,0,0,1,0,0);
-webkit-transform: matrix( 1.00047647067704,0,0,1,0,0);
-ms-transform: matrix( 1.00047647067704,0,0,1,0,0);
position: relative;
margin-top: -30px;
}

.tab-header2{ font-size: 15px;;
-webkit-transform: matrix( 1.00047647067704,0,0,1,0,0);
font-family: 'Source Sans Pro', sans-serif;
color: rgb( 51, 51, 51 );
line-height: 1.846;
display: inline;
-moz-transform: matrix( 1.00047647067704,0,0,1,0,0);
-ms-transform: matrix( 1.00047647067704,0,0,1,0,0);
margin-top: -20px;
position: relative;
}

.tab-box { 
  margin: 15px 0px 0px 0px;
  display: inline-block;
}

.make-default {
position: relative;
border-style: solid;
border-width: 1px;
border-color: rgb( 227, 227, 227 );
border-radius: 10px;
box-shadow: 1px 1.732px 3px 0px rgb( 235, 235, 235 );
width: 282px;
display: grid;
/* margin: 0px 6px 0 0; */
padding: 15px;
min-height: 180px;
}

.deleted-message {
  background-color: #E5F1FB;
  padding: 5px 10px;
  border-radius: 3px;
  width: 300px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}



.tab-box .fa-times {padding: 34% 0% 2% 2%; color: #4e4e4e;}

input[type=number]{
width: 60px;
}

.tab-box .make-default {
border-style: solid;
border-width: 1px;
border-color: rgb( 227, 227, 227 );
border-radius: 10px;
background-color: rgb( 255, 255, 255 );
box-shadow: 1px 1.732px 3px 0px rgb( 235, 235, 235 );
word-wrap: break-word;
}

#default {background-color:#FFFEDE;}
/*#default .fa-times {display: none;}*/

#default p.default-p {
height: 0;
margin: 0 5%;
}

.tab-box .make-default  a {
margin-right: 5%; margin-top: 2%; float: right;
}

.tab-box a {
margin-right: 5%;
float: right;
}

.tab-box p {
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
color: #707070;
font-weight: normal;
text-align: left;
line-height: 1.8;
min-height: 100px;
}

.tab-box hr{
background-color: rgb( 227, 227, 227 );
margin: 30px 0 15px 0;
}


.make-default-btn {
color:  rgb( 121, 129, 134 );
border: 1px solid #c8cacb;
border-radius: 5px;
background: -webkit-linear-gradient(0deg, #d8d8d8, #e9e9e9);
background: -o-linear-gradient(0deg, #d8d8d8, #e9e9e9);
background: -moz-linear-gradient(0deg, #d8d8d8, #e9e9e9);
background: linear-gradient(0deg, #d8d8d8, #e9e9e9);

margin-left: 5%;
margin-top: 1%;
margin-bottom: 5%;
}

/*Account Information*/


.top_line {
background-image: url("/images/top-line.png");
position: absolute;
left: 446px;
top: 281px;
width: 817px;
height: 21px;
z-index: 69;
}
.line {
border-bottom-style: dotted;
position: absolute;
left: 446px;
top: 372px;
width: 823px;
height: 101px;
z-index: 68;
}


#account_information table {
border: none;
width: 100%;
}

#account_information table span {
    text-align: left;
    font-size: 15px;
}
#account_information table .edit-account {
    padding: 10px 20px 36px 20px;
}

#account_information table .edit-account:hover {
    background-color: #f7f7f7;
    cursor: pointer;
}

#account_information table tbody tr td {
border-right:none;
border-top: 1px dotted #d9d9d9;
padding: 1px 0 0 0;}

#account_information table tbody tr td:last-child {
border-bottom: 1px dotted #d9d9d9;
}




.tab-content {
margin: 0 auto;
width: 96%;
}

.read-bio:after{
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #969490;
margin-left: 5px;
display: inline-block;
content: ' ';
}

.collapse {
/*background-color: #f2f2f2;*/
height: 100%;
}

#profile .control {

text-align: left;
margin: 25px 5% 0% 5%;
width: 50%;
}

#email .control {

text-align: left;
margin: 25px 5% 0% 5%;
width: 50%;

}#password .control {
margin: 25px 5% 0% 5%;
text-align: left;
width: 50%;
}

#profile input {border-radius: 5px; }
#email input {border-radius: 5px;}
#password input {border-radius: 5px;}


.account-info {
float:left;
background-color: #fafafa;
width: 100%;
}

.account-content .sc-alert.sc-alert-success {
    width: 45%;
    margin: -30px 0% 5% 0%;
}


.account-info .btn { margin-bottom: 8%;}

.account-info .sc-alert.sc-alert-success {width: 79%;
margin: 5% 5% 0% 5%;}
.account-info .sc-alert.sc-alert-danger {width: 40%;
margin: 5% 5% 0% 5%;}

#password .account-info .sc-alert.sc-alert-danger {width:55%;}

.control .calendar {
border: 1px solid #b8c3c9;
border-radius: 3px;
background: url(../img/select_gradient.png);
background-size: 100% 100%;
cursor: pointer;
width: 175px
}
.control .calendar input {
border: none;
border-radius: 0;
box-shadow: none;
cursor: pointer;
margin-top: -41px;
opacity: 0;
width: 133% !important ;
}
.control .calendar .view {
box-sizing: border-box;
display: block;
height: 100%;
padding: 11px 15px;
width: 100%
}
.control .calendar .input-group-addon {
background: 0 0;
border: none;
border-radius: 0
}
.control .calendar table,
.control .calendar table tbody tr td {
border: none
}
.control .calendar .input-group-addon i {
color: #b8c3c9;
font-size: 20px
}
.control .calendar table thead th {
font-weight: 700
}


.fa-caret-right::before {
content: "\f0da";
position: relative;
top: 5px;
}
.arrow .fa-caret-right::before {

content: "\f0d7";
}

.shipment .container .customer-wrapper .main .main-wrapper   {
position: absolute;
right: 11%;
}

.shipment .container .customer-wrapper .main .main-wrapper .main-content  {
padding: 30px 30px 30px 30px;
}

.customer .container .customer-wrapper .main .top-actions .shipment-status {
border-bottom: 1px solid #ebebeb;
display: inline-block;
float: left;
padding-top: 8px;
padding-right: 0px;
}
.shipment .main-wrapper {
position: relative;
width: 62.8%;
left: 29%;
}
.bannervideohome{
z-index: -1;
position: absolute;
top: 0;
width: 100%;
height: 110%;
}
.bannervideohome span{
width: 100%;
height: 110%;
background: #000;
opacity: 0.5;
display: block;
position: absolute;
}
.banner-video{
width: 100%;
height: auto;
z-index: -1;
position: absolute;
top: -20%;
}
.index header.home-head {
background: 0 0;
border-bottom: 0;
box-shadow: none;
/* background: url(../img/home/welcome_bg.jpg) center center no-repeat fixed;*/
background-size: cover;
}
.index header.home-head div.logo .main-img {
background: url(https://cdn.shippingcart.com/img/sc-logo-home.png) 2px 2px no-repeat;

}
.index header.home-head nav.top-nav>ul>li>a {
background: 0 0;
color: #fff;
}
.index header.home-head nav.top-nav>ul>li.bordered a {
border: 1px solid #fff;
color: #fff;
}
.index header.home-head nav.top-nav>ul>li.bordered a:hover {
border: 1px solid #f58d1e
}
.index header.home-head nav.top-nav>ul>li:not(.bordered)>a:hover {
background: #f58d1e;
border: #f58d1e
}

.index header.home-head nav.top-nav>ul>li.explore-btn-white a {
    background-color: #fff;
    color: #333;
    border: 1px solid #fff;
}

.index header.home-head nav.top-nav>ul>li.explore-btn-white a:hover {
    background-color: #f58d1e;
    color: #fff;
    border: 1px solid #f58d1e;
}

.btn-facebook div{
display: block;
float: left;
width: 85%;
height: 40px;
}
.btn-facebook div button{
background: none;
border: 0;
padding: 0;
height: 40px;
width: 100%;

}







/*By Jesse*/
.trackpackage label {
border-radius: 4px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 21px;
font-weight: 500;
margin: 0;
padding: 3px 45px
}
label.for-payment {
    border: 2px solid #414141;
    color: #414141;
    padding: 3px 8px
}
label.paid {
    border: 2px solid #21954e;
    color: #21954e
}
label.transit {
    border: 2px solid #414141;
    color: #414141;
    padding: 3px 20px
}
label.delivered {
    border: 2px solid #414141;
    color: #414141;
    padding: 3px 8px
}

label.pending {
  border: 2px solid #414141;
  color: #414141;
  padding: 3px 8px
}
label.cancelled, label.rejected {
    border: 2px solid #ed1c24;
    color: #ed1c24;
    padding: 3px 8px
}
.disInline{
display: inline-block;
}
.trackpackage h1{
font-size: 24px;
font-weight: bold;
}
.trackpackage .clearfix{
display: block;
}
.trackpackage{
margin: 40px 0;
}
.trackpackage .track-count{
margin: 0 15px 0 0;
}
.trackpackage .select-gradient select{
border: 1px solid #b8c3c9;
box-shadow: none;
outline: none;
}
.trackpackage table{
border: 0px;
font-size: 14px;
}
.trackpackage table a{
color: #0375d9;
text-decoration: underline;
cursor: pointer;
}
.trackpackage table th{
font-weight: bold;
padding: 20px 10px;
width:16%;
text-align: left;
}

.trackpackage a.back{
text-decoration: underline;
font-size: 14px;
}
.shipmentdetails .statusbox{
width: 687px;
height: 33px;
margin: 20px auto;
background: url('../img/sprite1.png') no-repeat;
}
.shipmentdetails.prepshipment .statusbox{
background-position: -159px -140px;
}
.shipmentdetails.intransit .statusbox{
background-position: -159px -175px;
}
.shipmentdetails.delivered .statusbox{
background-position: -159px -211px;
}
.shipmentdetails .imgbox{
padding: 60px 0px 40px 0px !important;

}
.shipmentdetails .imgbox img{
width: 135%;

}
.shipmentdetails .imgbox span{
width: 420px;
height: 380px;
display: block;
}
.shipmentdetails.prepshipment .imgbox span{
background: url('../images/shipment1.png') no-repeat;
background-size: contain;
}
.shipmentdetails.intransit .imgbox span{
background: url('../images/shipment2.png') no-repeat;
background-size: contain;
}
.shipmentdetails.delivered .imgbox span{
background: url('../images/shipment3.png') no-repeat;
background-size: contain;
}
.shipmentdetails .contentbox{
max-width: 600px;
width: 100%;
}
.shipmentdetails .contentbox span.cargotype{
font-size: 18px;
margin: 0 0 0 15px;
}
.shipmentdetails .contentbox span.cargotype:before{
background: url('../img/sprite.png') no-repeat;
content: '';
display: inline-block;
margin: 0 15px 0 0;
position: relative;
top: 8px;
}
.shipmentdetails .contentbox span.cargotype.aircargo:before{
width: 36px;
height: 34px;
background-position: 0 0;
}
.shipmentdetails .contentbox span.cargotype.seacargo:before{
width: 36px;
height: 34px;
background-position: 0 -36px;
}
.shipmentdetails .contentbox{
font-size: 14px;
margin: 80px 0 0 0;
}
.shipmentdetails .contentbox h2, .shipmentdetails .contentbox h3{
font-weight: bold;
font-size: 14px;
margin: 30px 0 0;
}
.shipmentdetails .contentbox h3{
margin: 50px 0 0;
}
.shipmentdetails .contentbox p{
margin: 0;
word-wrap: break-word;
}
.shipmentdetails .contentbox a.modalanchor{
text-decoration: underline;
margin: 20px 0 0 0;
display: block;
color: #0375d9;
}
.trackpackage .modal-dialog{
width: 700px;
}
.trackpackage .modal header{
background: #f9f9f7;
border-bottom: 2px solid #e3e3e3;
border-radius: 6px 6px 0 0;
padding: 30px 20px 15px;
}
.trackpackage .modal header h2{
font-size: 18px;
font-weight: 700;
margin: 20px 0 0;
}
.trackpackage .modal header p{
font-size: 15px;
}
.trackpackage .modal header label{
font-size: 34px;
}
.trackpackage .modal header .pull-right p{
font-size: 13px;
}
.trackpackage .modal h3{
font-size: 18px;
margin: 0 0 20px;
}
.trackpackage .modal table{
margin: 0;
}
.trackpackage .modal table th{
padding: 10px;
}

.trackpackage .modal table thead tr{
border-bottom: 1px solid #e3e3e3;
}
.trackpackage .modal table tr{
border: 0;
}


.padding-top-20 {padding-top: 20px;}


.checkout-wrapper .shipment-list .shipment-head {
background: #f9f9f7;
border-bottom: 1px solid #e3e3e3;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%
}
.checkout-wrapper .shipment-list .shipment-head h6 {
font-weight: 600;
font-size: 14px;
margin-bottom: 0
}
.checkout-wrapper  .shipment-list .shipment-head .shipment-delivery,
.checkout-wrapper  .shipment-list .shipment-head .shipment-to {
padding: 0 15px;
width: 25%
}
.checkout-wrapper .shipment-list .shipment-head .shipment-to p:nth-child(2) {
margin-bottom: 0
}
.checkout-wrapper  .shipment-list .shipment-head .shipment-to p:nth-child(3) {
word-wrap: break-word
}
.checkout-wrapper  .shipment-list .shipment-head .shipment-transaction {
padding: 0 15px;
width: 30%
}
.checkout-wrapper  .shipment-list .shipment-head .shipment-type {
-moz-align-items: center;
-moz-justify-content: center;
-webkit-align-items: center;
-webkit-justify-content: center;
align-items: center;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
justify-content: center;
padding: 0 15px;
width: 20%
}
.checkout-wrapper .shipment-list .shipment-head .shipment-type h5 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight: 400;
margin-top: 20px;
position: relative;
padding-left: 25px;
bottom: 7px;
}
.checkout-wrapper  .shipment-list .shipment-head .shipment-type .air:before {
background: url(../img/sprite.png) no-repeat;
content: '';
height: 35px;
left: 50%;
margin-left: -70px;
position: absolute;
top: -6px;
width: 37px
}
.checkout-wrapper  .shipment-list .shipment-head .shipment-type .sea:before {
background: url(../img/sprite.png) no-repeat;
content: '';
height: 35px;
left: -5%;
margin-left: -16px;
position: absolute;
top: -6px;
width: 37px;
}


.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .shipment-history a,
.storage-item-detail.customer .main .main-content .back a {
text-decoration: underline;
}

.checkout-wrapper .shipment-list .shipment-box {
padding: 20px;
width: 100%
}
.checkout-wrapper .shipment-list .shipment-box:nth-child(n+3) {
padding-top: 0
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper {

display: -moz-box;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 25px;
width: 100%;
padding-bottom: 25px
}
.checkout-wrapper  .shipment-list .shipment-box .shipment-box-wrapper h6 {
font-weight: 600;
font-size: 14px;
margin-bottom: 5px
}
.checkout-wrapper  .shipment-list .shipment-box .shipment-box-wrapper ul li {
word-wrap: break-word
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-image {
padding-right: 20px;
width: 20%
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-image a {
display: inline-block;
position: relative
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-image a img {
border: 1px solid #b8c3c9;
height: auto;
width: 120px
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-image img {
border: 1px solid #b8c3c9;
height: 100px;
width: 80px
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-image a:hover:after {
color: #fff;
content: '\f00e';
font-family: fontAwesome;
font-size: 18px;
height: 18px;
left: 50%;
margin-left: -5px;
margin-top: -10px;
position: absolute;
top: 50%;
width: 13px
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-image a:hover:before {
background: rgba(0, 0, 0, .3);
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-item {
padding: 0 10px;
width: 30%
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-status {
padding: 0 10px;
width: 25%
}
.checkout-wrapper  .shipment-list .shipment-box .shipment-box-wrapper .shipment-status label {
border-radius: 4px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 21px;
font-weight: 500;
margin: 0;
padding: 3px 45px
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .for-payment {
border: 2px solid #f5843f;
color: #f5843f;
padding: 3px 8px
}
.checkout-wrapper  .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .paid {
border: 2px solid #21954e;
color: #21954e
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .transit {
border: 2px solid #37b6a8;
color: #37b6a8;
padding: 3px 20px
}
.checkout-wrapper  .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .delivered {
border: 2px solid #236090;
color: #236090;
padding: 3px 8px
}
.checkout-wrapper  .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .cancelled,
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .pending,
.checkout-wrapper  .shipment-list .shipment-box .shipment-box-wrapper .shipment-status .rejected {
border: 2px solid #ed1c24;
color: #ed1c24;
padding: 3px 8px
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-status a {
display: inline-block;
margin-top: 5px;
text-decoration: underline
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-update {
margin-bottom: 25px;
padding-left: 20px;
width: 25%
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-update p {
line-height: 17px
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .shipment-history {
margin-top: 25px
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .shipment-history a:focus {
outline: 0
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .track-and-trace {
margin-bottom: 15px
}
.checkout-wrapper .shipment-list .shipment-box .shipment-box-wrapper .shipment-update .track-and-trace .loader {
font-size: 8px;
padding: 20px 0 20px 40px
}

.checkout-wrapper h5 {color: #414141; font-weight: normal; text-align: center;}
.center {text-align: center; content: center;}

.checkout-wrapper .shipment-list { margin:0% 10% 0% 10%; border:1px solid; border-color: #e3e3e3; border-radius: 5px; margin-bottom: 5%;}


.checkout .checkout-wrapper .back-link p {
float: right; padding-right:30px;
}

.checkout .checkout-wrapper .back-link p {
float: right; padding-right:30px;
}


.checkout .checkout-top .checkout-success {
background: url(../img/breadcrumb2.png)  no-repeat;
height: 38px;
margin: 0 auto;
width: 712px;
margin-top:81px;
}

.tooltip2 {
position: relative;
}



.tooltip2 .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #333333;
color: #fff;
text-align: center;
border-radius: 3px;
padding: 5px 0;
position: absolute;
z-index: 1000;
right: -40%;
top: 0;
font-size: 12px;
}

.tooltip2 .tooltiptext::before {
width: 0;
height: 0;
border-right: 5px;
border-top: 5px solid transparent; /* addded property */
border-bottom: 5px solid transparent; /* adjusted value */
content: '';
display: inline-block;
position: absolute;
top: 10px; /* adjusted value */
left: -4px; /* adjusted value */
}
.tooltip2 .tooltiptext::after{
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 8px solid #333333;
content: '';
position: absolute;
left: -6px;
top: 6px;}
.tooltip2:hover .tooltiptext {
visibility: visible;
}


/*Prohibited items*/


.prohibited-items .collapse { background-color: inherit;}


.prohibited-items .arrow1 .fa-caret-right::before {
content: "\f0da";
}

.prohibited-icons ul li {display: inline-block; padding: 0px 25px 0px 0px;}

.prohibited-icons ul li:nth-child(3) {margin-top:32px;}

.prohibited-list ul li{padding: 0 0 0 0;}

ul.list-disc{padding: 10px 20px 10px 43px; margin: 2%;}


.prohibited-cat {
border:1px solid;
border-radius: 5px;
border-color: #cccccc;
background-color: #fcfcfc;
width: 500px;
height: auto;
display: inline-block;
margin: 1% 6% 2% 0%;
padding: 15px 0px 15px 5px;
float: left;
}

.btnHolder{
position: relative;
display: inline-block;
margin: 0 2px 0;
}
.facebookbtn, .twitterbtn{
position: absolute;
display: block;
width: 100%;
top: 0;
opacity: 0;
}
input[type='number'] {
-moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}




/*VIEW SHIPPING*/

.view-shipping .modal-content {
max-height: 100%;
}


.view-shipping label {
border-radius: 4px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 21px;
font-weight: 500;
margin: 0;
padding: 3px 5px;
font-size: 11px;
}
.view-shipping h1{
font-size: 24px;
font-weight: bold;
}
.view-shipping .clearfix{
display: block;
}
.view-shipping{
margin-top: 80px;
}
.view-shipping .track-count{
margin: 0 15px 0 0;
}
.view-shipping .select-gradient select{
border: 1px solid #b8c3c9;
box-shadow: none;
outline: none;
}
.view-shipping table{
border: 0px;
font-size: 14px;
width: 97%;
}
.view-shipping table a{
color: #0375d9;
text-decoration: underline;
cursor: pointer;
}
.view-shipping table th{
font-weight: bold;
padding: 20px 10px;
}
.view-shipping table td{
padding: 20px 10px;
}
.view-shipping table tbody tr{
border-bottom: 1px solid #e3e3e3;
}
.view-shipping table tbody tr:nth-child(odd){
background: #f8f8f8;
}
.view-shipping table tbody tr:last-child{
border-bottom: none;
}
.view-shipping a.back{
text-decoration: underline;
font-size: 14px;
}
.view-shipping .shipmentdetails .statusbox{
width: 687px;
height: 33px;
margin: 20px auto;
background: url('../img/sprite.png') no-repeat;
}
.view-shipping.shipmentdetails.prepshipment .statusbox{
background-position: -159px -140px;
}
.view-shipping.shipmentdetails.intransit .statusbox{
background-position: -159px -175px;
}
.view-shipping.shipmentdetails.delivered .statusbox{
background-position: -159px -211px;
}
.view-shipping.shipmentdetails .imgbox{
padding: 60px 40px 40px;
}
.view-shipping.shipmentdetails .imgbox span{
width: 420px;
height: 380px;
display: block;
}
.view-shipping.shipmentdetails.prepshipment .imgbox span{
background: url('../images/shipment1.png') no-repeat;
background-size: contain;
}
.view-shipping.shipmentdetails.intransit .imgbox span{
background: url('../images/shipment2.png') no-repeat;
background-size: contain;
}
.view-shipping.shipmentdetails.delivered .imgbox span{
background: url('../images/shipment3.png') no-repeat;
background-size: contain;
}
.view-shipping.shipmentdetails .contentbox{
max-width: 600px;
width: 100%;
}
.view-shipping.shipmentdetails .contentbox span.cargotype{
font-size: 18px;
margin: 0 0 0 15px;
}
.view-shipping.shipmentdetails .contentbox span.cargotype:before{
background: url('../img/sprite.png') no-repeat;
content: '';
display: inline-block;
margin: 0 15px 0 0;
position: relative;
top: 8px;
}
.view-shipping.shipmentdetails .contentbox span.cargotype.aircargo:before{
width: 36px;
height: 34px;
background-position: 0 0;
}
.view-shipping.shipmentdetails .contentbox span.cargotype.seacargo:before{
width: 36px;
height: 34px;
background-position: 0 -36px;
}
.view-shipping.shipmentdetails .contentbox{
font-size: 14px;
margin: 80px 0 0 0;
}
.view-shipping.shipmentdetails .contentbox h2, .shipmentdetails .contentbox h3{
font-weight: bold;
font-size: 14px;
margin: 30px 0 0;
}
.view-shipping.shipmentdetails .contentbox h3{
margin: 50px 0 0;
}
.view-shipping.shipmentdetails .contentbox p{
margin: 0;
}
.view-shipping.shipmentdetails .contentbox a.modalanchor{
text-decoration: underline;
margin: 20px 0 0 0;
display: block;
color: #0375d9;
}
.view-shipping .modal-dialog{
width: 700px;
}
.view-shipping header{
background: #f9f9f7;
border-bottom: 2px solid #e3e3e3;
border-radius: 6px 6px 0 0;
padding: 30px 20px 15px;
}
.view-shipping header h2{
font-size: 18px;
font-weight: 700;
margin: 20px 0 0;
text-align: initial;
}
.view-shipping header p{
font-size: 15px;
}
.view-shipping header label{
font-size: 34px;
}
.view-shipping header .pull-right p{
font-size: 13px;
margin: 5% 0;
}
.view-shipping h3{
font-size: 18px;
margin: 0 0 20px;
}
.view-shipping table{
margin: 0;
}
.view-shipping table th{
padding: 10px;
}
.view-shipping table td{
white-space: normal;
padding: 10px 5px;
}
.view-shipping table td:first-child{
white-space: nowrap;}
.view-shipping table thead tr{
border-bottom: 1px solid #e3e3e3;
}
.view-shipping table tr{
border: 0;
}



.checkout .checkout-wrapper .step-3 .details .discount-fee p {
display: inline-block;
margin: 0px 0 10px;
text-align: left;
/*width: 50%;*/
float: left;
background: #FFEAC3;
padding: 0 0px;
z-index: 10;
position: relative;
}

.checkout .checkout-wrapper .step-3 .details .discount-fee p.total-price {
display: inline-block;
margin: 0 0 10px;
text-align: right;
background: #FFEAC3;
/*width: 50%;*/
vertical-align: sub;
float: right;
}
.clearfix.disBlock{
display: block;
position: relative;
}

.dottedlines{
margin: 0px 10px;
display: inline-block;
width: 95%;
border: 1px dotted #636255;
position: absolute;
top: 9px;
left: 0;
}



.clz {
color: #fff;
position: absolute;
bottom: 75px;
right: 17.5px;
background-color: #000;
opacity: 0.5;
padding: 5px; display: none;}
.clz::before {
content: '\f00e';
font-family: fontAwesome;
}

.item-content-wrapper:hover .clz{
display : block;
}

.cms ol {
list-style: decimal !important;
}
.cms ul {
list-style: inherit;
}

.partial .boxcontainer{
background: #fff;
border: 1px solid #e3e3e3;
margin-bottom: 10px;
}

.airnumberingbox {
float: left;
width: 23%;
background-color: #fff;
padding: 39px 0 0px 24px;
text-align: center;
}




.shiptoday {
background-color: #f9f9f7;
padding: 20%;
width: 10px;
height: 10px;
position: absolute;

}

.airnumberingbox:hover .hoverbubble{ visibility: visible;}
.airnumberingbox:hover .hoverbubble2{ visibility: visible;}

.hoverbubble {
/* background-image: url('../images/arrow-r.png');
position: absolute;
left: -220px;
top: 135px;
width: 195px;
height: 60px;
z-index: 2;
padding: 10px;
visibility: hidden;
left: -200px;*/
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
font-weight: 600;
height: 45px;
font-size: 12px;
font-style: italic;
}

.hoverbubble2 {
/*background-image: url('../images/arrow-r.png');
position: absolute;
left: -220px;
top: 365px;
width: 195px;
height: 60px;
z-index: 92;
padding: 10px;
visibility: hidden;*/
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
font-weight: 600;
height: 45px;
font-size: 12px;
font-style: italic;
}


.discount-fee ul {
position: relative;
min-width: 100%;
list-style-type: none;
padding: 0;
border-bottom: 1px dotted #000;
margin: 0 0 30px;
}
.discount-fee ul li {
position: absolute;
top: -16px;
background: #FFFEDE;
padding: 2px;
}
.discount-fee ul li:last-child {left: 0; width: 91px;}
.discount-fee ul li:first-child{
right: 0;
}

.p1 {position: absolute; top:-30px;}
.p2 {position: absolute;top:2px;}


@font-face {
font-family: 'Glyphicons Halflings';
src: url('/fonts/glyphicons-halflings-regular.eot');
src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/glyphicons-halflings-regular.woff') format('woff'),
url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

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


/**** Added CSS ****/

/* HEADER */

header.site-header nav.top-nav ul li.has-sub ul:last-child {
padding: 0;
}


/* SIGN IN */
.login .login-form .control {
  margin-left: 0;
}

.parcel-zoom-container {
  height: 256px !important;
  margin-left: 25px !important;
}

/* Dashboard Ad */
.customer .dashboard-ad {
    display: block;
    width: 100%;
    float: none;
    margin: 2% 0 0 0;
    /* border: 1px solid #ccc;
    box-shadow: 0px 1px 5px #ccc; */
}

.customer .dashboard-ad img {
    width: 100%;
    margin: 0 auto;
}

/* Dashboard Shipment Calculation */

.customer.storage .chargeable-info {
    border-bottom: 1px solid #ccc;
    height: 40px;
}

.customer.storage .chargeable-info .fa-question-circle {
    float: left;
    width: 15%;
    padding: 4% 0;
}

.customer.storage .chargeable-info .fa-question-circle .white {
    background: #FFF;
    border: 1px solid #d3d3d3;
    color: #414141;
    left: -99px;
    margin-bottom: 0;
    box-shadow: 0 4px 6px -6px #222;
    -webkit-box-shadow: 0 4px 6px -6px #222;
    -moz-box-shadow: 0 4px 6px -6px #222;
}

.customer.storage .chargeable-info .fa-question-circle .white:after {
    border: none;
    bottom: 7px;
    color: #FFF;
    content: '\f0d7';
    font-family: FontAwesome;
    left: 83%;
    text-shadow: #CCC 0 1px 0;
}

.customer.storage .chargeable-info .chargeable-label {
    float: left;
    width: 50%;
    border-right: 1px solid #ccc;
    padding: 0 3%;
}

.customer.storage .chargeable-info .chargeable-label p {
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 auto;
}

.customer.storage .chargeable-info .chargeable-amount {
    float: left;
    width: 35%;
    padding: 3% 6%;
}

.customer.storage .chargeable-info .chargeable-amount p {
    font-weight: 600;
    line-height: normal;
}

.customer.storage .delivery-date {
    border-top: 1px solid #ccc;
    font-weight: 600;
    height: auto;
    font-size: 12px;
    font-style: italic;
    padding: 4% 0;
}

.customer.storage .delivery-date .icon.check {
    color: #25a550;
    font-size: 18px;
    float: left;
    width: 20%;
    padding: 0 4%;
}

.customer.storage .delivery-date .note {
    float: right;
    width: 80%;
}

/* HOME */
#light_carousel {
  height: 560px !important;
}

.home-slider .lSAction>a {
  z-index: 999;
  height: 100%;
  top: 0;
}

#light_carousel li {
  background-size: cover !important;
  height: 100% !important;
  background-position: top center !important;
}

#light_carousel li.first {
  background: url(https://cdn.shippingcart.com/images/front/main-banner-home-sc.jpg);
}

#light_carousel li.second {
  background: url(https://cdn.shippingcart.com/images/front/finds-banner-main-sc.jpg);
}

#light_carousel li.fourth {
  background: url(https://cdn.shippingcart.com/images/front/site-good-news-sc3.jpg);
}

.home .main-wrapper .welcome .welcome-wrapper .p-text-3 {
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 30px;
  margin-top: 5px;
  width: 50%;
  text-align: center;
  font-weight: 600;
}

.home .main-wrapper .welcome .welcome-wrapper .p-text-2, .home .main-wrapper .welcome .welcome-wrapper .p-text-link-2 {
  font-size: 18px!important;
  margin-top: 15px;
  width: 50%;
  font-weight: 600;
  text-align: center;
  font-family: 'Source Sans Pro',sans-serif;
}

.home .main-wrapper .scroll .image-badge {
  position: absolute;
  left: 95px;
  top: -70px;
  z-index: 2;
}

.payment-gateway-disclaimer {
  display: block;
  font-size: 13px;
  margin-top: 15px;
}

/* Cloudflare badge */
.cloudflarebadge-e .cloudflare-badge-type-e{
  width: 90px !important;
  height: 140px !important;
  background-position: -370px -0px !important;
  background-size: cover !important;
}

/* Project Hope */
.shipment-item .icon-hope, .item-list .icon-hope, .cart-total-donation .icon-hope {
  display: inline-block;
  vertical-align: bottom;
}

.cart-total-donation, .cart-total-donation h5 {
  font-weight: 600 !important;
  color: #1e7dbf;
}

.cart-total-donation .total-price {
  font-size: 16px !important;
}

/* Sign up Ad */
.signup-ad {
  max-width: 400px;
}

.signup-ad img {
  width: 100%;
}

/* Cart Shipment Destination */
.shipment-destination {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.shipment-destination > * {
  margin-right: 15px;
}

.shipment-destination .source select {
  padding-top: 10px;
  padding-bottom: 10px;
}

.shipment-destination .destination select{
  padding-top: 10px;
  padding-bottom: 10px;
}

.flag{
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 6px 1px 0;
  top: 2px;
}
.flag.us{
  background: url('../images/us-flag.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.flag.uk{
  background: url('../images/uk-flag.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.flag.au{
    background: url('../images/au-flag.png') no-repeat;
    background-size: cover;
    background-position: center;
  }
.flag.kr{
  background: url('../images/kr-flag.svg') no-repeat;
  background-size: cover;
  background-position: center;
}
.flag.my{
  background: url('../images/my-flag.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.flag.ph{
  background: url('../images/ph-flag.png') no-repeat;
  background-size: cover;
  background-position: center;
}

.mobile-country{
  position: absolute;
  width: 70px;
  line-height: 17px;
  background: url('../img/select_gradient.png');
  background-size: 100% 100%;
}
.mobile-country:after{
height: 20px;
position: absolute;
pointer-events: none
}
.mobile-country:after{
  content: '\f107';
  font-family: fontAwesome;
  font-size: 16px;
  right: 8px;
  top: 11px;
  width: 10px;
}
.mobile-country select {
border-radius: 6px;
background: 0 0;
width: 100%;
}
.aging-red{
  color: red;
}
.special-handling-icon {
  height: 20px;
  width: 20px;
  background: url('../img/special-handling.svg') no-repeat center;
  background-size: 12px;
}

.container-static {
  margin-top: 20px; 
}
h1.page-static-title {
  margin-bottom: 10px; 
}


/* UK Shipment Content */
div.seo-content  {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.seo-content p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 16px;
}
.seo-content h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center;
  font-size: 2em;
}
.seo-content ol li  {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  margin-bottom: 5px;  
  font-size: 16px;
}
.container .content .seo-content input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.container .content .seo-content .row {
  display: flex;
}
.container .content .seo-content .row .col {
  flex: 1;
}
.container .content .seo-content .row .col:last-child {
  margin-left: 1em;
}
/* Accordion styles */
.container .content .seo-content .tabs {
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  overflow: hidden;
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2)
}
.container .content .seo-content .tab {
  width: 100%;
  color: #333;
  overflow: hidden;
  /* height: 76px; */
    background: #fff;
    font-weight: 600;
    text-align: left;
    font-size: 16px;
}
.container .content .seo-content .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 2em 1em;
    background: #fff;
    font-weight: 600;
    cursor: pointer;
    order: initial;
    margin-right: 0;
    border: none;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #f9f9f9;
}
.container .content .seo-content .tab-label:hover {
  background: #f1f1f1;
}
.container .content .seo-content .tab-label::after {
  font-family: "FontAwesome";
  content: "\f107";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
  margin-left: 1em;
  color: #707070;
}
.container .content .seo-content .tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #707070;  
  transition: all 0.35s;
  font-weight: normal;
}
.container .content .seo-content input:checked+.tab-label {
  background: #f7f7f7;
  border-bottom: 1px solid #f9f9f9;
}
.container .content .seo-content input:checked+.tab-label::after {
  font-family: "FontAwesome";
  content: "\f106";
  transform: rotate(-360deg);
  color: #707070;
}
.container .content .seo-content input:checked~.tab-content {
  max-height: 110vh;
  padding: 1em;
}
.container .content .seo-element {  
  margin-top: 10px !important;
}
.chck1 li   {  
  list-style-type: decimal;
  font-weight: normal !important;
  margin-left: 15px !important;
}
.chck2 li   {
  list-style-type: disc;
  font-weight: normal !important;
  margin-left: 15px !important;
}

.social-media-link {
  color: #666;
}

.social-media-link:hover {
  color: #666;
}

.padding-right {
  padding-right: 10px;
}

.promo-button {
    background: none;
    color: #AA0E0E;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #AA0E0E;
    background-color: #FFF;
    float: right;
    height: 46px;
    width: 72px;
    border-radius: 100px;
}

.flex-container {
    display: flex;
    justify-content: space-between;
}

.font-16 {
    font-size: 16px;
    font-weight: 600;
}

.nav-wrapper {
    
}

.gray-text {
    color: #333;
}

.vertical-box-orient {
    -webkit-box-orient: vertical !important;
    color: #707070 !important;
}