/**Login Contents**/
.login .wrapper{height:100%;background:#f1f1f1;}
.loginContents{width:95%;max-width:300px;height:100%;margin:0 auto;position:relative;z-index:1;display:table;}
.loginFields{display:table-cell;vertical-align:middle;width:100%;}
.loginFields .logo{width:123px;margin:0 auto 30px auto;}
.loginFields .logo img{width:100%;display:block;}
.loginFields label{text-transform:uppercase;color:#8b1212;font-weight:700;margin:20px 0 0 0;padding:0;font-size:11px;line-height:16px;display:block;}
.loginFields p{font-size:13px;line-height:18px;color:#8b1212;width:100%;margin:0 0 10px 0;}
.loginFields p strong{color:#8b1212;font-size:14px;line-height:20px;text-transform:none;}
.loginFields input[type=text],.loginFields input[type=password]{width:100%;display:block;margin:5px 0 0 0;padding:10px;}
.loginFields table{width:100%;margin:10px 0 0 0;}
.loginFields table tr td{width:50%}
.loginFields table tr td:last-child{text-align:right;}
.loginFields table tr td:last-child a{color:#606163;font-size:12px;line-height:16px;text-decoration:none;}
.loginFields .checkBoxStyle{color:#606163;font-weight:400;text-transform:none;}
/**Main Contents**/
.innerPage .wrapper{width:100%;/*height:auto;*/height:100%;background:#f4f4f4;position:relative;overflow-y:auto;}
.mainContents{width:100%;margin:0 auto;position:relative;padding-top:62px;}
.innerPage .mainContents{height:auto;overflow:auto;}
.mainContents .container{width:calc(100% - 60px);padding:5px 30px 15px 30px;position:relative;z-index:1;}
.mainContents .container h1{font-size:28px;line-height:32px;color:#212330;padding:25px 0 10px 0;}
.mainContents .container h2{font-size:18px;line-height:24px;color:#848790;padding:0 0 25px 0;font-weight:600;}
.mainContents .container h2 span{color:#8b1212;}
.mainContents .container h3{font-size:18px;line-height:24px;color:#212330;padding:20px 20px 20px 20px;border-bottom:1px solid #f1f1f1;}
.mainContents .container h4{font-size:14px;line-height:18px;color:#212330;padding:20px 10px;}
.mainContents .container.createShip h3{padding:20px 20px;border-bottom:none;}
/**Form**/
form{width:100%;}
.formPage{width:calc(100% - 20px);background:#ffffff;border-radius:10px;padding:0 10px;font-size:0;}
.formPage input[type="text"],.formPage input[type="password"]{width:100%;margin:0;}
.formPage input[type="text"].dimension{width:50px;}
.formPage input[type="text"].weight{width:100px;}
.formPage textarea{width:100%;margin:0;}
.formPage select{width:100%;margin:0;}
.formPage .col_4{display:inline-block;padding:0 10px;width:calc(25% - 20px);vertical-align:top;margin-bottom:20px;text-align:left;}
.formPage .col_4.remaining{width:calc(75% - 20px);}
.formPage .col_2{display:inline-block;padding:0 10px;width:calc(50% - 20px);vertical-align:top;margin-bottom:20px;text-align:left;}
.formPage .col_3{display:inline-block;padding:0 10px;width:calc(33.3333% - 20px);vertical-align:top;margin-bottom:20px;text-align:left;}
.formPage .col{display:inline-block;padding:0 10px;width:calc(100% - 20px);vertical-align:top;margin-bottom:0;text-align:left;}
.formPage span{display:block;font-size:14px;line-height:18px;text-align:left;}
.formPage .fieldName{margin-bottom:10px;font-weight:700;color:#212330;}
.formPage .fieldName em{font-style:normal;color:#848790;font-weight:400;}
.formPage .fieldName a{color:#4897d8;text-decoration:none;font-weight:400;}
.formPage .fieldName p{font-weight:400;margin:5px 0;font-size:12px;line-height:16px;}
.formPage .col a{color:#4897d8;text-decoration:none;font-weight:400;}
.formPage .col p{margin-bottom:10px;font-size:12px;line-height:16px;}
.formPage .col p [type="radio"]:checked + label,
.formPage .col p [type="radio"]:not(:checked) + label{font-size:12px;}
.formPage .dividerLine{width:calc(100% - 20px);height:1px;border-bottom:1px solid #f1f1f1;margin:0 10px;}
.formPage .step{display:inline-block;font-size:14px;line-height:18px;color:#848790;margin-left:10px;}
.formPage .boxCustom{display:inline-block;vertical-align:top;padding:0 20px 0 0;}
.boxCustom table tr td{vertical-align:middle;padding-right:5px;}
.shippingLogo{width:30px;display:inline-block;vertical-align:middle;margin-right:5px;}
.shippingLogo img{width:100%;border-radius:30px;display:block;-webkit-box-shadow: 0px 0px 3px 0px rgba(85,85,85,0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(85,85,85,0.75);box-shadow: 0px 0px 3px 0px rgba(85,85,85,0.75);}
.shippingName{display:inline-block;vertical-align:middle;width:calc(98% - 35px);}
.countryLogo{width:30px;display:inline-block;vertical-align:middle;margin-right:5px;}
.countryLogo img{width:100%;border-radius:30px;display:block;-webkit-box-shadow: 0px 0px 3px 0px rgba(85,85,85,0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(85,85,85,0.75);box-shadow: 0px 0px 3px 0px rgba(85,85,85,0.75);}
.countryName{display:inline-block;vertical-align:middle;width:calc(98% - 35px);}
.orderLogo{width:30px;display:inline-block;vertical-align:middle;margin-right:5px;}
.orderLogo img{width:100%;border-radius:30px;display:block;-webkit-box-shadow: 0px 0px 3px 0px rgba(85,85,85,0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(85,85,85,0.75);box-shadow: 0px 0px 3px 0px rgba(85,85,85,0.75);}
.orderName{display:inline-block;vertical-align:middle;width:calc(98% - 35px);}
/**Table View**/
.displayTable{width:calc(100% - 20px);margin:20px 0 10px 0;padding:0 10px 10px 10px;}
.displayTable table{width:100%;border-collapse:separate;}
.displayTable table thead tr th{color:#212330;font-size:14px;line-height:18px;font-weight:700;text-align:left;padding:10px;vertical-align:top;}
.displayTable table tbody tr td{color:#848790;font-size:14px;line-height:18px;font-weight:600;text-align:left;padding:15px 10px;border-top:1px solid #f1f1f1;vertical-align:top;}
.displayTable.borderRadius table tbody tr{background:#ffffff;}
.displayTable.borderRadius table tbody tr td{border-top:1px solid #f1f1f1;padding:5px;}
.displayTable.borderRadius table tbody tr:last-child td{border-bottom:1px solid #f1f1f1;}
.displayTable.borderRadius table tbody td:first-child{border-left:1px solid #f1f1f1;}
.displayTable.borderRadius table tbody td:last-child{border-right:1px solid #f1f1f1;}
.displayTable.borderRadius tr:first-child td:first-child{border-top-left-radius:10px;}
.displayTable.borderRadius tr:first-child td:last-child{border-top-right-radius:10px;}
.displayTable.borderRadius tr:last-child td:first-child{border-bottom-left-radius:10px;}
.displayTable.borderRadius tr:last-child td:last-child{border-bottom-right-radius:10px;}
.displayTable table tbody tr td.email{word-wrap:break-word;}
.displayTable table tbody tr td img{display:inline-block;}
.displayTable table tbody tr td input[type="text"]{border:none;padding:5px;}
.displayTable table tbody tr td select{border:none;padding:5px;}
.displayTable table tbody tr td strong{font-weight:700;color:#212330;}
.displayTable table tbody tr td a{color:#4897d8;text-decoration:none;font-size:12px;line-height:14px;}
.displayTable .dividerLine{width:calc(100% - 20px);height:1px;border-bottom:1px solid #f1f1f1;margin:0 10px;}
.displayTable .step{display:inline-block;font-size:14px;line-height:18px;color:#848790;margin-left:10px;}
.displayTable.selectTable tbody tr:hover, .displayTable.selectTable tbody tr.selected{background:#f1f1f1;}
.displayTable.selectTable tbody tr .selectCell .selectBtn{display:none;}
.sortingTable{text-decoration:none;color:#212330;}
.sortingTable::after{content:"";background:url("../images/sort-icon.png")no-repeat right;padding:5px;}
.sortingTable.asc::after{background:url("../images/sort-asc-icon.png")no-repeat right;}
.sortingTable.dsc::after{background:url("../images/sort-dsc-icon.png")no-repeat right;}
.deliveryTime{width:150px;margin-bottom:5px;}
.tracking{width:73px;margin-bottom:5px;}
.starRating{width:82px;margin-bottom:5px;}
.courier{display:table;}
.courier .shippingLogo{display:table-cell;vertical-align:middle;padding-right:5px;}
.courier .shippingName{display:table-cell;vertical-align:middle;}
.country{display:table;}
.country .countryLogo{display:table-cell;vertical-align:middle;padding-right:7.5px;}
.country .countryName{display:table-cell;vertical-align:middle;}
.order{display:table;}
.order .orderLogo{display:table-cell;vertical-align:middle;padding-right:5px;}
.order .orderName{display:table-cell;vertical-align:middle;}
.pendingPickup, .inTransit, .outDelivery, .canceled, .delivered{display:table;}
.pendingPickup:before, .inTransit:before,
.outDelivery:before, .canceled:before, .delivered:before{content:"\2022";font-size:36px;color:#ffcc00;display:table-cell;width:0.5em;margin-left:-0.5em;vertical-align:top;}
.inTransit:before{color:#acd373;}
.outDelivery:before{color:#4897d8;}
.canceled:before{color:#f45b69;}
.delivered:before{color:#114b5f;}
/**Page Number**/
.resultStatus{display:table;width:calc(100% - 20px);padding:0 10px 20px 10px;}
.resultStatus .page{display:table-cell;vertical-align:middle;text-align:left;color:#606163;font-size:13px;line-height:18px;}
.resultStatus .pageNum{display:table-cell;vertical-align:middle;text-align:right;width:280px;}
.resultStatus .pageNum ul{list-style:none;}
.resultStatus .pageNum ul li{display:inline-block;vertical-align:middle;}
.resultStatus .pageNum ul li a{display:block;border-radius:5px;background:#ffffff;color:#848790;font-size:12px;width:26px;height:16px;padding:5px 0;text-align:center;text-decoration:none;border:1px solid #f1f1f1;margin:0 1px;}
.resultStatus .pageNum ul li a:hover,.resultStatus .pageNum ul li a.selected{background:#848790;color:#ffffff;font-weight:700;border:1px solid #848790;}
.resultStatus .pageNum ul li a img{display:block;width:7px;margin:2.5px auto 0 auto;}
.resultStatus .pageNum ul .previousBtn a .hover{display:none;}
.resultStatus .pageNum ul .previousBtn a:hover .hover{display:block;}
.resultStatus .pageNum ul .previousBtn a:hover .normal{display:none;}
.resultStatus .pageNum ul .nextBtn a .hover{display:none;}
.resultStatus .pageNum ul .nextBtn a:hover .hover{display:block;}
.resultStatus .pageNum ul .nextBtn a:hover .normal{display:none;}
.filter{font-size:0;margin-top:7.5px;}
.filter.right{position:absolute;right:20px;top:5px;}
.filter span{vertical-align:middle;display:inline-block;}
.filter span input[type="text"]{padding:5px 10px;width:320px;}
.filter .btn{margin-left:5px;}
/**Create Shipment**/
.createShip .contents{width:100%;background:#ffffff;border-radius:10px;padding:0;position:relative;-webkit-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);}
.createStatus{width:100%;border-bottom:1px solid #f1f1f1;padding-bottom:60px;margin-bottom:30px;}
.createStatus .statusChart{width:calc(840px - 40px);padding:0 20px;}
.statusChart{width:100%;margin:0;font-size:0;}
.statusChart span{display:inline-block;vertical-align:middle;position:relative;}
.statusChart span .circle{width:20px;height:15px;border-radius:20px;border:1px solid #ffffff;background:#f1f1f1;font-size:10px;line-height:10px;font-weight:700;text-align:center;color:#848790;padding-top:5px;}
.statusChart span .circle.active{border:1px solid #8b1212;background:#8b1212;color:#ffffff;}
.statusChart span .statusName{font-size:10px;line-height:12px;color:#848790;position:absolute;text-align:left;width:120px;display:block;top:30px;left:0;right:0;margin:0 auto;font-weight:600;}
.statusChart span .statusName strong{font-weight:700;}
.statusChart span .statusName.active{color:#212330;}
.statusChart span .statusName.active strong{color:#8b1212;}
.statusChart span.line{width:calc(25% - 31px);}
.statusChart span.line hr{width:100%;border:3px solid #f1f1f1;}
.statusChart span.line.active hr{border:3px solid #8b1212;}
/**Manage Shipment**/
.manageShip .contents{width:100%;background:#ffffff;border-radius:10px;padding:0;position:relative;-webkit-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);}
/**Account**/
.accountSetting .contents{width:100%;padding:0;font-size:0;}
.accountSetting .contents .col_left,.accountSetting .contents .col_rgt{width:calc(50% - 10px);margin-right:10px;display:inline-block;vertical-align:top;}
.accountSetting .contents .col_rgt{margin-right:0;margin-left:10px;}
.accountSetting .contents .profile,.accountSetting .contents .addresses, .accountSetting .contents .company{width:100%;padding:0;position:relative;background:#ffffff;border-radius:10px;-webkit-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);-moz-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);margin-bottom:20px;}
.accountSetting .formPage{padding:20px 10px;width:calc(100% - 20px);}
.accountSetting .profile .uploadPhoto{width:134px;display:inline-block;vertical-align:top;margin-right:20px;}
.accountSetting .profile .uploadPhoto .photo{width:134px;height:134px;border-radius:134px;overflow:hidden;margin-bottom:10px;}
.accountSetting .profile .uploadPhoto img{width:100%;height:100%;display:block;}
.accountSetting .profile .uploadPhoto .note{font-style:italic;font-size:10px !important;line-height:12px !important;text-align:center;color:#8b1212;margin:5px 0;}
.accountSetting .profile .fieldCols{width:calc(100% - 154px);display:inline-block;vertical-align:top;}
.accountSetting .profile .fieldCols .password{width:100%;border-top:1px solid #f1f1f1;}
.accountSetting .profile .fieldCols .password .fieldName{font-size:12px;line-height:14px;}
.accountSetting .profile .fieldCols .password .note{padding:5px;background:#eef6e3;margin-bottom:20px;font-size:0;border-radius:5px;}
.accountSetting .profile .fieldCols .password .note span.icon{width:14px !important;margin-right:10px;}
.accountSetting .profile .fieldCols .password .note span{width:calc(100% - 24px) !important;display:inline-block;font-size:12px;line-height:14px;color:#212330;font-weight:600;vertical-align:top;}
.accountSetting h4{text-align:left;}
.company h3 em{color:#212330;font-size:12px;line-height:14px;font-weight:600;display:block;margin-top:10px;}
.company .fieldName span{display:inline-block;}
.company .formPage{padding:20px 10px;width:calc(100% - 20px);}
/*
.subscription h4{padding:10px 0 !important;text-align:left;}
.subscription table span{display:inline-block;}
.subscription .totalShip{width:100%;text-align:left;}
.subscription .totalShip tr td.status{font-weight:600;color:#848790;font-size:14px;line-height:18px;text-align:right;}
.subscription .totalShip .statusBar{width:100%;}
.subscription .subscriptStatus{width:100%;text-align:left;}
.subscription .subscriptStatus tr td{border-bottom:1px solid #f1f1f1;padding:10px 0;font-size:12px;line-height:14px;font-weight:700;}
.subscription .subscriptStatus tr td:nth-child(even){text-align:right;font-weight:600;}
.subscription .subscriptStatus tr td a{color:#4897d8;text-decoration:none;}
.subscription .left{float:left;}
.subscription .right{float:right;}
*/
.addresses h4{color:#8b1212 !important;padding:0 0 20px 0 !important;margin-bottom:20px;border-bottom:1px solid #f1f1f1;text-align:left;}
.addresses .address{width:100%;font-size:0;border-bottom:1px solid #f1f1f1;margin-bottom:20px;padding-bottom:20px;}
.addresses .address p{font-size:12px;line-height:14px;margin-bottom:10px;}
.addresses .address p strong{font-weight:700;color:#212330;}
.addresses .address .addLeft{width:calc(55% - 10px);margin-right:10px;display:inline-block;vertical-align:top;font-size:0;}
.addresses .address .addLeft .name{display:inline-block;vertical-align:top;width:calc(50% - 5px);margin-right:5px;font-size:14px;line-height:18px;color:#212330;font-weight:700;}
.addresses .address .addLeft .add{display:inline-block;vertical-align:top;width:calc(50% - 5px);margin-left:5px;margin-right:0;font-size:14px;line-height:18px;color:#848790;font-weight:600;}
.addresses .address .addRgt{width:calc(45% - 10px);margin-left:10px;margin-right:0;display:inline-block;vertical-align:top;font-size:0;}
.addresses .address .addRgt .contact{display:inline-block;vertical-align:top;width:calc(100% - 85px);margin-right:5px;font-size:14px;line-height:18px;color:#848790;font-weight:600;}
.addresses .address .addRgt .action{display:inline-block;vertical-align:top;width:75px;margin-left:5px;font-size:14px;line-height:18px;color:#848790;font-weight:600;}
.addresses .address .addRgt .contact .phone{background:url("../images/phone-icon.png")no-repeat left center;padding:5px 0 5px 35px;}

.addresses .address .addRgt .contact .email{background:url("../images/email-icon.png")no-repeat left center;padding:5px 0 5px 35px;word-break:break-all;}
.addresses .address .addLeft .add ul li{display:inline-block;margin-left:5px;}
/**Support**/
.supportPg .contents{width:100%;background:#ffffff;border-radius:10px;padding:0;position:relative;-webkit-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);}
.supportPg ul{list-style:disc;padding:10px 20px 0 35px;width:(100% - 40px);}
.supportPg ul li{font-size:14px;line-height:18px;padding:5px;}
.supportPg p{font-size:14px;line-height:18px;padding:10px 20px 10px 20px;width:(100% - 40px);}
.supportPg p strong{color:#}
.supportPg h3.first{padding-top:20px !important;}
.supportPg h3{padding-top:70px !important;}
/**Company**/
/*
.companySetting .contents{width:100%;background:#ffffff;border-radius:10px;padding:0;position:relative;-webkit-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);}
.companySetting .contents h4{color:#212330 !important;padding:0 0 20px 0 !important;margin-bottom:20px;border-bottom:1px solid #f1f1f1;text-align:left;font-weight:600;}
.companySetting .formPage{padding:20px;width:calc(100% - 40px);}
.companySetting .uploadPhoto{width:134px;display:inline-block;vertical-align:top;margin-right:20px;}
.companySetting .uploadPhoto .photo{width:134px;height:134px;border-radius:134px;overflow:hidden;margin-bottom:10px;}
.companySetting .uploadPhoto img{width:100%;height:100%;display:block;}
.companySetting .uploadPhoto .note{font-style:italic;font-size:10px !important;line-height:12px !important;text-align:center;color:#8b1212;margin:5px 0;}
.companySetting .fieldCols{width:calc(100% - 154px);display:inline-block;vertical-align:top;}
.companySetting .fieldName span{display:inline-block;}
*/
/**Team**/
/*
.teamSetting .contents{width:100%;padding:0;font-size:0;}
.teamSetting h4{padding-top:0 !important;padding-bottom:10px !important;text-align:left;}
.teamSetting p{font-size:12px;line-height:14px;color:#212330;margin-bottom:5px;text-align:left;font-weight:600;}
.teamSetting ul{list-style:disc;margin-left:15px;}
.teamSetting ul li{padding:2.5px;font-size:12px;line-height:14px;color:#212330;text-align:left;font-weight:600;}
.teamSetting .contents .col_left,.teamSetting .contents .col_rgt{width:calc(50% - 10px);margin-right:10px;display:inline-block;vertical-align:top;}
.teamSetting .contents .col_rgt{margin-right:0;margin-left:10px;}
.teamSetting .contents .manage,.teamSetting .contents .invite{width:100%;padding:0;position:relative;background:#ffffff;border-radius:10px;-webkit-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);-moz-box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);box-shadow: 0px 0px 10px 0px rgba(215,215,215,1);margin-bottom:20px;}
.teamSetting .formPage{padding:20px;width:calc(100% - 40px);}
.teamSetting .manage .note{padding:10px;background:#eef6e3;margin-bottom:20px;font-size:0;border-radius:5px;}
.teamSetting .manage .note span{width:calc(100% - 24px) !important;display:inline-block;font-size:12px;line-height:14px;color:#212330;font-weight:600;vertical-align:top;}
.teamSetting .manage .note span.icon{width:14px !important;margin-right:10px;}
.teamSetting .manage .note a{margin-top:10px;}
.teamSetting .manage .user{width:100%;font-size:0;border-bottom:1px solid #f1f1f1;margin-bottom:20px;}
.teamSetting .manage .user .photo{display:inline-block;vertical-align:top;width:40px;height:40px;border-radius:40px;margin-right:10px;overflow:hidden;}
.teamSetting .manage .user .photo img{width:100%;height:100%;display:block;}
.teamSetting .manage .user .deatils{display:inline-block;vertical-align:top;width:calc(100% - 50px);}
.teamSetting .manage .user .fieldName{font-size:12px;line-height:14px;}
.teamSetting .invite h4{padding-left:0;}
*/