

/*.icon-aftership {*/
    /*background-image: url("/assets/common/img/icon-aftership-orange.png");*/
    /*background-position: -124px 0;*/
    /*display: inline-block !important;*/
    /*height: 19px;*/
    /*margin-top: 1px;*/
    /*vertical-align: text-top;*/
    /*width: 16px;*/
/*}*/
.icon-aftership.icon-large {
    background-position: -108px 0;
    height: 19px;
    margin-top: 0;
    width: 16px;
}
.icon-aftership.icon-2x {
    background-position: -83px 0;
    height: 28px;
    margin-top: -2px;
    width: 24px;
}
.icon-aftership.icon-3x {
    background-position: -47px 0;
    height: 40px;
    margin-top: 0;
    vertical-align: middle;
    width: 35px;
}
.icon-aftership.icon-4x {
    background-position: 0 0;
    height: 52px;
    margin-top: 0;
    vertical-align: middle;
    width: 47px;
}
/*.icon-aftership.icon-white {*/
    /*background-image: url("/assets/common/img/icon-aftership-white.png");*/
/*}*/
.btn-small [class*="icon-aftership"] {
    margin-top: -1px !important;
}
.btn-small [class*="icon-aftership"][class*="icon-large"] {
    margin-top: -1px;
}
.btn-small [class*="icon-aftership"][class*="icon-2x"] {
    margin-bottom: 2px;
    margin-top: 2px;
    vertical-align: middle;
}
.btn-small [class*="icon-aftership"][class*="icon-4x"] {
    margin-top: 0;
}
.btn-mini [class*="icon-aftership"] {
    margin-top: -1px !important;
}
.btn-large [class*="icon-aftership"][class*="icon-large"] {
    margin-top: 2px;
}
.btn-large [class*="icon-aftership"][class*="icon-2x"] {
    margin-top: -2px;
}
.btn-large [class*="icon-aftership-tags"][class*="icon-large"] {
    background-image: url("/assets/common/img/icon-tags_48.png");
}
.badge-aftership-container {
    border-radius: 16px;
    height: 32px;
    text-align: center;
    width: 32px;
}
.badge-aftership-container.inline {
    display: inline-block;
    margin-right: 5px;
}
.badge-aftership-container.small {
    border-radius: 12px;
    height: 24px;
    width: 24px;
}
.badge-aftership-container.delivered {
    background-color: #27ae60;
}
.badge-aftership-container.outfordelivery {
    background-color: #f39c12;
}
.badge-aftership-container.intransit {
    background-color: #3498db;
}
.badge-aftership-container.attemptfail {
    background-color: #9b59b6;
}
.badge-aftership-container.exception {
    background-color: #c0392b;
}
.badge-aftership-container.expired {
    background-color: #7f8c8d;
}
.badge-aftership-container.pending {
    background-color: #bdc3c7;
}
.badge-aftership-container.inforeceived {
    background-color: #35495e;
}
.bg-aftership-delivered {
    background-color: #27ae60;
}
.bg-aftership-outfordelivery {
    background-color: #f39c12;
}
.bg-aftership-intransit {
    background-color: #3498db;
}
.bg-aftership-attemptfail {
    background-color: #9b59b6;
}
.bg-aftership-exception {
    background-color: #c0392b;
}
.bg-aftership-expired {
    background-color: #7f8c8d;
}
.bg-aftership-pending {
    background-color: #bdc3c7;
}
.bg-aftership-inforeceived {
    background-color: #35495e;
}
.icon-aftership-tags {
    background-image: url("/assets/common/img/icon-tags_32.png");
    display: inline-block !important;
    margin-right: 0 !important;
    margin-top: 6px !important;
}
.icon-aftership-tags.intransit {
    background-position: -197px 0;
    height: 21px;
    width: 22px;
}
.icon-aftership-tags.outfordelivery {
    background-position: -69px 0;
    height: 21px;
    width: 22px;
}
.icon-aftership-tags.delivered {
    background-position: -5px 0;
    height: 21px;
    width: 22px;
}
.icon-aftership-tags.attemptfail {
    background-position: -133px 0;
    height: 21px;
    width: 22px;
}
.icon-aftership-tags.exception {
    background-position: -37px 0;
    height: 21px;
    width: 22px;
}
.icon-aftership-tags.expired {
    background-position: -101px 0;
    height: 21px;
    width: 22px;
}
.icon-aftership-tags.pending {
    background-position: -165px 0;
    height: 21px;
    width: 22px;
}
.icon-aftership-tags.inforeceived {
    background-position: -231px 0;
    height: 21px;
    width: 22px;
}
.icon-aftership-tags-small {
    background-image: url("/assets/common/img/icon-tags_24.png");
    display: inline-block !important;
    margin-right: 0 !important;
    margin-top: 4px !important;
}
.icon-aftership-tags-small.intransit {
    background-position: -144px 0;
    height: 16px;
    width: 18px;
}
.icon-aftership-tags-small.outfordelivery {
    background-position: -48px 0;
    height: 16px;
    width: 18px;
}
.icon-aftership-tags-small.delivered {
    background-position: 0 0;
    height: 16px;
    width: 18px;
}
.icon-aftership-tags-small.attemptfail {
    background-position: -96px 0;
    height: 16px;
    width: 18px;
}
.icon-aftership-tags-small.exception {
    background-position: -25px 0;
    height: 16px;
    width: 16px;
}
.icon-aftership-tags-small.expired {
    background-position: -72px 0;
    height: 16px;
    width: 16px;
}
.icon-aftership-tags-small.pending {
    background-position: -120px 0;
    height: 16px;
    width: 18px;
}
.icon-aftership-tags-small.inforeceived {
    background-position: -169px 0;
    height: 16px;
    width: 18px;
}
.any-tag.small {
    font-size: 18px;
    margin-left: 4px;
    margin-right: 9px;
}
.app-container .app-panel {
    float: left;
    margin-bottom: 10px;
    width: 350px;
}
.app-container .app-panel img {
    border: 3px solid #ecf0f1;
    border-radius: 10px;
    float: left;
    margin: 0 10px 10px;
    width: 64px;
}
.app-container .app-panel .info {
    float: left;
    width: 255px;
}
.app-container .app-panel .info .info-row {
    margin-bottom: 5px;
}
.app-container .app-panel .info .info-row .name {
    float: left;
    width: 170px;
}
.app-container .app-panel .info .info-row .button {
    float: right;
}
.app-container .app-panel .info .info-row::after {
    clear: both;
    content: "";
    display: block;
}
.app-container .app-panel .price {
    color: #f39c12;
    margin-bottom: 5px;
    margin-top: -12px;
}
.app-container .app-panel-sep {
    border-top: 1px solid #dedede;
    clear: both;
    content: "";
    display: block;
    margin-bottom: 10px;
}
.sidebar {
    margin-bottom: 30px;
}
.sidebar i {
    color: #555;
}
.sidebar ul {
    margin: -10px 0 0;
    padding: 0;
}
.sidebar ul li {
    list-style-type: none;
}
.sidebar ul li:hover {
    background-color: #3498db;
}
.sidebar ul li a {
    border-bottom: 1px solid #eee;
    display: block;
    padding: 10px;
}
.sidebar ul li a:hover {
    color: #fff;
    text-decoration: none;
}
.sidebar ul li a:hover i {
    color: #fff;
}
.sidebar ul li a img {
    float: right;
    margin-top: -6px;
}
.sidebar ul li ul {
    background-color: #f6f6f6;
    box-shadow: 0 1px 10px #e0e0e0 inset;
}
.sidebar ul.striped li:nth-child(2n+1) {
    background-color: #ecf0f1;
}
.sidebar ul.striped li:nth-child(2n+1):hover {
    background-color: #3498db;
}
.sidebar td {
    padding: 3px 2px;
}
.panel-clear {
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
}
.panel-clear.center {
    text-align: center;
}
textarea.panel-clear {
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px;
    word-break: break-all;
    word-wrap: break-word;
}
textarea.panel-clear.center {
    text-align: center;
}
#track_button_preview {
    height: 59px;
    line-height: 50px;
}
.track-button-setting {
    background-color: #ecf0f1;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 20px 10px;
}
.track-button-setting label {
    width: 120px !important;
}
.track-button-setting .controls {
    margin-left: 140px;
}
.track-button-setting .inline-hint {
    display: inline-block;
    margin-left: 10px;
}
.track-button-setting .style select {
    margin-right: 10px;
    width: 100px;
}
.track-button-setting .style input {
    border-width: 1px;
    width: 50px;
}
.track-button-setting .options .inline-control {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 30px;
    margin-top: 5px;
    width: auto !important;
}
.track-button-setting .control-group.options {
    margin-bottom: 0;
}
.track-button-setting .control-group.options .controls {
    height: 45px;
}
.track-button-setting .control-group:last-child {
    margin-bottom: 0;
}
.track-button-setting .domain-control-set {
    margin-bottom: 5px;
    margin-top: 5px;
}
.track-button-setting .domain-control-set button {
    float: none;
    margin-left: 10px;
    margin-top: -6px;
}
.track-button-setting #hide_tracking_number_control {
    display: none;
}
#track-button-add-to-your-site {
    position: relative;
}
textarea.track-button-code {
    background-color: #f9f9f9;
    height: 60px;
}
#track-button-mask-control {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-align: left;
    width: 345px;
}
#track-button-mask-control button {
    width: 200px;
}
#track-button-mask-control a {
    display: inline-block;
    margin-top: 10px;
}
.app-page .app-header {
    border-bottom: 1px solid #ecf0f1;
    padding-bottom: 10px;
    padding-top: 10px;
}
.app-page .app-header img {
    border: 3px solid #ecf0f1;
    border-radius: 10px;
    vertical-align: top;
}
.app-page .app-header .info {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    width: 530px;
}
.app-page .app-header .info .name {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}
.app-page .app-header .info .name .author {
    color: #95a5a6;
    font-size: 16px;
    font-weight: 300;
    margin-left: 10px;
}
.app-page .app-header .info .price {
    color: #f39c12;
    margin-bottom: 5px;
    margin-top: -5px;
}
.app-page .app-header .action {
    display: inline-block;
    vertical-align: top;
}
.app-page .app-header .action .more-info {
    margin-top: 30px;
}
.app-page .app-detail-desc {
    padding: 20px;
}
.app-section {
    border-bottom: 1px solid #ecf0f1;
    padding: 20px;
}
.app-section .title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}
.app-section .title.highlight {
    color: #3498db;
}
.app-section .connected-list tr:first-child td {
    border: medium none;
}
.app-section .connected-list td {
    vertical-align: middle;
}
.app-section .connected-list td.brand img {
    border: 1px solid #dedede;
}
.app-section .connected-list .info-name > div {
    width: 170px;
    word-break: break-all;
}
.app-section .connected-list .icon i {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle;
}
.app-section .connected-list .icon i.icon-ok-sign {
    color: #27ae60;
}
.app-section .connected-list .icon i.icon-remove-sign {
    color: #e74c3c;
}
.app-section .connected-list .last-imported {
    width: 225px;
}
.app-section .connected-list .last-imported .hint {
    margin-left: 0;
}
.app-section .connected-list .import-now {
    width: 100px;
}
.green {
    color: #27ae60;
}
.red {
    color: #e74c3c;
}
.white {
    color: #fff;
}
.silver {
    color: #bdc3c7;
}
.highlight {
    color: #f39c12;
}
.text-large {
    height: 34px !important;
}
.text-normal {
    height: 16px !important;
}
.text-small {
    font-size: 12px !important;
    height: 12px !important;
}
.select-large {
    height: 44px !important;
}
.select-normal {
    height: 28px !important;
}
.select-small {
    font-size: 12px !important;
    height: 25px !important;
}
.center {
    text-align: center !important;
}
span.add-on {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.overflow {
    overflow: visible;
}
.btn {
    background-color: #f5f5f5;
    background-image: none;
    border: 1px solid #bcc3c7;
    box-shadow: none;
    color: #555;
    font-family: "Lato",sans-serif;
    font-weight: 300 !important;
    text-shadow: none;
}
.btn.btn-action {
    background-color: #f39c12;
    border: medium none;
    color: #fff;
}
.btn.btn-action:hover {
    background-color: #f5b043;
}
.btn.btn-action:disabled {
    background-color: #c87f0a;
    color: #e6e6e6;
    cursor: not-allowed;
}
.btn.btn-cool {
    background-color: #bdc3c7;
    border: medium none;
    color: #fff;
}
.btn.btn-cool:hover {
    background-color: #d9dcde;
}
.btn.btn-cool:disabled {
    background-color: #a1aab0;
    color: #e6e6e6;
    cursor: not-allowed;
}
.btn.btn-warning {
    background-color: #e74c3c;
    border: medium none;
    color: #fff;
}
.btn.btn-warning:hover {
    background-color: #ed7669;
}
.btn.btn-warning:disabled {
    background-color: #d62c1a;
    color: #e6e6e6;
    cursor: not-allowed;
}
.btn.btn-warm {
    background-color: #3498db;
    border: medium none;
    color: #fff;
}
.btn.btn-warm:hover {
    background-color: #5faee3;
}
.btn.btn-warm:disabled {
    background-color: #217dbb;
    color: #e6e6e6;
    cursor: not-allowed;
}
.btn.btn-delivered {
    background-color: #27ae60;
    border: medium none;
    color: #fff;
}
.btn.btn-delivered:hover {
    background-color: #36d278;
}
.btn.btn-delivered:disabled {
    background-color: #1e8449;
    color: #e6e6e6;
    cursor: not-allowed;
}
.btn.btn-expired {
    background-color: #7f8c8d;
    border: medium none;
    color: #fff;
}
.btn.btn-expired:hover {
    background-color: #9aa4a5;
}
.btn.btn-expired:disabled {
    background-color: #667273;
    color: #e6e6e6;
    cursor: not-allowed;
}
.long-label label {
    width: 200px !important;
}
.long-label .controls {
    margin-left: 220px !important;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.5;
}
.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 0;
}
.checkbox, .radio {
    margin-bottom: 12px;
    padding-left: 32px;
    position: relative;
    transition: all 0.25s linear 0s;
}
.checkbox input, .radio input {
    opacity: 0;
    outline: medium none !important;
}
.checkbox .icon, .radio .icon, .checkbox .icon-to-fade, .radio .icon-to-fade {
    background: url("/assets/common/img/checkbox.png") no-repeat scroll -90px 0 rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    transition: opacity 0.1s linear 0s;
    width: 20px;
}
.checkbox .icon-to-fade, .radio .icon-to-fade {
    opacity: 1;
    top: -1px;
}
.checkbox .icon, .radio .icon {
    opacity: 0;
    top: 0;
    z-index: 2;
}
.checkbox.checked .icon, .radio.checked .icon {
    background-position: -60px -30px;
    opacity: 1;
}
.checkbox.checked .icon-to-fade, .radio.checked .icon-to-fade {
    opacity: 0;
}
.checkbox.disabled, .radio.disabled {
    cursor: not-allowed;
}
.checkbox.disabled .icon, .radio.disabled .icon {
    opacity: 0;
}
.checkbox.disabled .icon-to-fade, .radio.disabled .icon-to-fade {
    background-position: -30px -60px;
    opacity: 1;
}
.checkbox.disabled.checked .icon, .radio.disabled.checked .icon {
    background-position: 0 -90px;
    opacity: 1;
}
.checkbox.disabled.checked .icon-to-fade, .radio.disabled.checked .icon-to-fade {
    opacity: 0;
}
.radio .icon, .radio .icon-to-fade {
    background-image: url("/assets/common/img/radio.png");
}
.btn-mid-long {
    padding-left: 50px;
    padding-right: 50px;
}
.btn-long {
    padding-left: 100px;
    padding-right: 100px;
}
.feature-list {
    font-size: 18px;
    font-weight: 300;
    list-style-image: url("/assets/common/img/check.png");
    list-style-type: none;
}
.feature-list li {
    margin-bottom: 20px;
    padding-left: 10px;
}
.hint {
    color: #95a5a6;
    font-size: 13px;
    font-weight: 400;
    margin-left: 5px;
}
.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}
.fade.in {
    opacity: 1;
}
.fade.out {
    opacity: 0;
}
.hide {
    display: none;
}
.table-skip-top-border {
    margin-top: -20px;
}
.table-skip-top-border.table tr:first-child th, .table-skip-top-border.table tr:first-child td {
    border-top: medium none;
}
.table-no-border.table tr th, .table-no-border.table tr td {
    border-top: medium none;
}
td .control-group {
    margin-bottom: 0 !important;
}
td label.checkbox, td label.radio {
    margin-bottom: 0;
}
.table-outer-bordered {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #ddd #ddd #ddd -moz-use-text-color;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
}
.table-outer-bordered th:first-child, .table-outer-bordered td:first-child {
    border-left: 1px solid #ddd;
}
.control-text {
    margin-top: 5px;
}
.modal-header {
    font-size: 18px;
    font-weight: 600;
    padding: 15px 20px;
}
.mask {
    z-index: 10;
}
.mask .bg {
    background-color: #fff;
    opacity: 0.7;
}
.mask .bg, .mask .text {
    height: 100%;
    position: absolute;
    width: 100%;
}
.mask .text {
    color: #333;
}
.mask .text p {
    margin-top: 120px;
    text-align: center;
}
.mask .text p.big-msg {
    font-size: 36px;
    font-weight: 400;
}
#premium_modal {
    width: 650px;
}
#premium_modal h3 {
    text-align: center;
}
#premium_modal h3, #premium_modal .info {
    margin-bottom: 40px;
}
#premium_modal .info div[class*="span"]:first-child {
    padding-left: 50px;
}
#premium_modal .action {
    margin-bottom: 20px;
    text-align: center;
}
#premium_modal button {
    margin-left: 15px;
    margin-right: 15px;
}
.confirmation_modal .message {
    padding: 20px;
}
.header-margin {
    height: 200px;
}
.footer-margin {
    height: 350px;
}
body {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a {
    text-decoration: none;
}
a:hover, a .active {
    color: #3498db;
}
a .muted:hover, a .muted:visited, a .muted:active {
    text-decoration: none;
}
h1 {
    font-size: 48px;
}
h2 {
    font-size: 32px;
}
h2, h3 {
    font-weight: 400;
}
h3 {
    font-size: 26px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-color: #bdc3c7;
    border-width: 2px;
    box-shadow: none;
    box-sizing: content-box !important;
    color: #95a5a6;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    transition: color 0.2s linear 0s, border 0.2s linear 0s;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #3498db;
    box-shadow: none;
    color: #555;
}
.control-group.success textarea, .control-group.success input[type="text"], .control-group.success input[type="password"], .control-group.success input[type="datetime"], .control-group.success input[type="datetime-local"], .control-group.success input[type="date"], .control-group.success input[type="month"], .control-group.success input[type="time"], .control-group.success input[type="week"], .control-group.success input[type="number"], .control-group.success input[type="email"], .control-group.success input[type="url"], .control-group.success input[type="search"], .control-group.success input[type="tel"], .control-group.success input[type="color"], .control-group.success .uneditable-input {
    border-color: #f39c12;
    border-width: 2px;
    box-shadow: none;
    box-sizing: content-box !important;
    color: #555;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    transition: color 0.2s linear 0s, border 0.2s linear 0s;
}
.control-group.success textarea:focus, .control-group.success input[type="text"]:focus, .control-group.success input[type="password"]:focus, .control-group.success input[type="datetime"]:focus, .control-group.success input[type="datetime-local"]:focus, .control-group.success input[type="date"]:focus, .control-group.success input[type="month"]:focus, .control-group.success input[type="time"]:focus, .control-group.success input[type="week"]:focus, .control-group.success input[type="number"]:focus, .control-group.success input[type="email"]:focus, .control-group.success input[type="url"]:focus, .control-group.success input[type="search"]:focus, .control-group.success input[type="tel"]:focus, .control-group.success input[type="color"]:focus, .control-group.success .uneditable-input:focus {
    border-color: #f39c12;
    box-shadow: none;
    color: #555;
}
.control-group.error textarea, .control-group.error input[type="text"], .control-group.error input[type="password"], .control-group.error input[type="datetime"], .control-group.error input[type="datetime-local"], .control-group.error input[type="date"], .control-group.error input[type="month"], .control-group.error input[type="time"], .control-group.error input[type="week"], .control-group.error input[type="number"], .control-group.error input[type="email"], .control-group.error input[type="url"], .control-group.error input[type="search"], .control-group.error input[type="tel"], .control-group.error input[type="color"], .control-group.error .uneditable-input {
    border-color: #e74c3c;
    border-width: 2px;
    box-shadow: none;
    box-sizing: content-box !important;
    color: #e74c3c;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    transition: color 0.2s linear 0s, border 0.2s linear 0s;
}
.control-group.error textarea:focus, .control-group.error input[type="text"]:focus, .control-group.error input[type="password"]:focus, .control-group.error input[type="datetime"]:focus, .control-group.error input[type="datetime-local"]:focus, .control-group.error input[type="date"]:focus, .control-group.error input[type="month"]:focus, .control-group.error input[type="time"]:focus, .control-group.error input[type="week"]:focus, .control-group.error input[type="number"]:focus, .control-group.error input[type="email"]:focus, .control-group.error input[type="url"]:focus, .control-group.error input[type="search"]:focus, .control-group.error input[type="tel"]:focus, .control-group.error input[type="color"]:focus, .control-group.error .uneditable-input:focus {
    border-color: #e74c3c;
    box-shadow: none;
    color: #e74c3c;
}
.control-group.info textarea, .control-group.info input[type="text"], .control-group.info input[type="password"], .control-group.info input[type="datetime"], .control-group.info input[type="datetime-local"], .control-group.info input[type="date"], .control-group.info input[type="month"], .control-group.info input[type="time"], .control-group.info input[type="week"], .control-group.info input[type="number"], .control-group.info input[type="email"], .control-group.info input[type="url"], .control-group.info input[type="search"], .control-group.info input[type="tel"], .control-group.info input[type="color"], .control-group.info .uneditable-input {
    border-color: #3498db;
    border-width: 2px;
    box-shadow: none;
    box-sizing: content-box !important;
    color: #555;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    transition: color 0.2s linear 0s, border 0.2s linear 0s;
}
.control-group.info textarea:focus, .control-group.info input[type="text"]:focus, .control-group.info input[type="password"]:focus, .control-group.info input[type="datetime"]:focus, .control-group.info input[type="datetime-local"]:focus, .control-group.info input[type="date"]:focus, .control-group.info input[type="month"]:focus, .control-group.info input[type="time"]:focus, .control-group.info input[type="week"]:focus, .control-group.info input[type="number"]:focus, .control-group.info input[type="email"]:focus, .control-group.info input[type="url"]:focus, .control-group.info input[type="search"]:focus, .control-group.info input[type="tel"]:focus, .control-group.info input[type="color"]:focus, .control-group.info .uneditable-input:focus {
    border-color: #3498db;
    box-shadow: none;
    color: #555;
}
.control-group.warning textarea, .control-group.warning input[type="text"], .control-group.warning input[type="password"], .control-group.warning input[type="datetime"], .control-group.warning input[type="datetime-local"], .control-group.warning input[type="date"], .control-group.warning input[type="month"], .control-group.warning input[type="time"], .control-group.warning input[type="week"], .control-group.warning input[type="number"], .control-group.warning input[type="email"], .control-group.warning input[type="url"], .control-group.warning input[type="search"], .control-group.warning input[type="tel"], .control-group.warning input[type="color"], .control-group.warning .uneditable-input {
    border-color: #f39c12;
    border-width: 2px;
    box-shadow: none;
    box-sizing: content-box !important;
    color: #f39c12;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    transition: color 0.2s linear 0s, border 0.2s linear 0s;
}
.control-group.warning textarea:focus, .control-group.warning input[type="text"]:focus, .control-group.warning input[type="password"]:focus, .control-group.warning input[type="datetime"]:focus, .control-group.warning input[type="datetime-local"]:focus, .control-group.warning input[type="date"]:focus, .control-group.warning input[type="month"]:focus, .control-group.warning input[type="time"]:focus, .control-group.warning input[type="week"]:focus, .control-group.warning input[type="number"]:focus, .control-group.warning input[type="email"]:focus, .control-group.warning input[type="url"]:focus, .control-group.warning input[type="search"]:focus, .control-group.warning input[type="tel"]:focus, .control-group.warning input[type="color"]:focus, .control-group.warning .uneditable-input:focus {
    border-color: #f39c12;
    box-shadow: none;
    color: #f39c12;
}
.text {
    margin-bottom: 0 !important;
}
.container-fluid {
    padding: 0;
}
.tracking-widget {
    color: #869394;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 0;
    position: relative;
    white-space: nowrap;
}
#tracking-widget-ui {
    display: inline-block;
    margin-right: 4px;
}
#as_track_close {
    display: none;
}
#tracking_number {
    margin-right: 7px;
}
#tracking-preset {
    color: #555;
    font-size: 18px;
    line-height: 28px;
    margin-right: 5px;
    vertical-align: top;
}
#tracking-preset.small {
    font-size: 14px;
    line-height: 24px;
}
#tracking-preset.large {
    line-height: 42px;
}
#tracking-counter-container {
    color: #000;
    display: inline-block;
    font-size: 14px;
    margin-left: 5px;
    position: relative;
    vertical-align: middle;
}
#tracking-counter-container.small {
    font-size: 11px;
}
#tracking-counter-container.large {
    font-size: 20px;
}
#tracking-counter-container #tracking-counter-header {
    background-image: url("/assets/widget/img/count_box_arrow.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    left: -1px;
    margin-right: -6px;
    position: absolute;
    top: 8px;
    width: 12px;
    z-index: 2;
}
#tracking-counter-container #tracking-counter-header.small {
    top: 5px;
}
#tracking-counter-container #tracking-counter-header.large {
    top: 15px;
}
#tracking-counter-container #tracking-counter-body {
    background-color: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    margin-left: 10px;
    padding: 3px 8px;
    z-index: 1;
}
#tracking-counter-container #tracking-counter-body.small {
    padding: 1px 8px;
}
#tracking-counter-container #tracking-counter-body.large {
    padding: 11px 15px;
}
#tracking-result-error {
    color: #fff;
    display: none;
    margin-top: 5px;
    position: relative;
}
#tracking-result-error-header {
    background-image: url("/assets/widget/img/tracking-error-header.png");
    background-repeat: no-repeat;
    height: 8px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 16px;
    z-index: 5;
}
#tracking-result-error-content {
    background-color: #c23725;
    border-radius: 6px;
    float: right;
    padding: 10px;
    width: 340px;
}
#tracking-result-error-close {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 14px;
    margin-right: 10px;
    text-decoration: none;
    vertical-align: top;
}
#tracking-result {
    display: none;
    margin-top: 20px;
    position: relative;
}
#tracking-result-header {
    background-image: url("/assets/widget/img/tracking-result-header.png");
    background-repeat: no-repeat;
    height: 17px;
    left: 0;
    position: absolute;
    top: -16px;
    width: 25px;
    z-index: 5;
}
#tracking-result-content {
    background-color: #fff;
    border: 1px solid #bdc3c8;
    border-radius: 6px;
    float: right;
    width: 540px;
}
#tracking-loading {
    color: #000;
    font-size: 14px;
    margin: 5px 0;
    padding: 20px;
    text-align: center;
}
#tracking-loading img {
    margin-right: 10px;
}
#tracking-result-courier ul {
    list-style-type: none;
    margin: 0;
}
#tracking-result-courier li {
    border-radius: 2px;
    cursor: pointer;
    margin: 5px;
    padding: 5px;
}
#tracking-result-courier li:hover {
    background-color: #f69c00;
    color: #fff;
}
#tracking-result-courier.primary li:hover {
    background-color: #0062ce;
    color: #fff;
}
#tracking-result-courier.success li:hover {
    background-color: #56b155;
    color: #fff;
}
#tracking-result-courier.danger li:hover {
    background-color: #d3443c;
    color: #fff;
}
#tracking-info-summary {
    display: none;
}
#tracking-info-summary #courier-info {
    float: left;
    height: 56px;
    padding: 15px;
}
#tracking-info-summary #tracking-result-required-field {
    border-left: 1px solid #bdc3c7;
    display: none;
    float: right;
    height: 56px;
    padding: 10px 20px 20px;
    width: 230px;
}
#tracking-info-summary #tracking-result-required-field #required-field-title {
    color: #555;
    font-size: 16px;
    margin-bottom: 4px;
    margin-top: 7px;
}
#tracking-info-summary #tracking-result-required-field input[type="text"] {
    border: 1px solid #bdc3c7;
    font-size: 13px;
    width: 140px;
}
#tracking-info-summary #tracking-result-required-field button {
    height: 30px;
}
#tracking-info-summary #tracking-result-required-field #inputted-required-field {
    display: none;
    font-size: 14px;
    margin-top: 6px;
}
#tracking-info-summary #tag-status, #tracking-info-summary #tracking-url {
    display: none;
}
#tracking-info-url {
    background-color: #fff;
    border-bottom: 1px solid #ecf0f1;
    color: #3498db;
    cursor: pointer;
    font-size: 16px;
    padding: 15px;
    text-align: center;
}
#tracking-info-url i {
    color: #bdc3c7;
    font-size: 18px;
    margin-right: 10px;
    text-decoration: none;
}
#tracking-info-url:hover {
    text-decoration: underline;
}
.row-info::after {
    clear: both;
}
.row-info::before, .row-info::after {
    content: "";
    display: table;
    line-height: 0;
}
.info-block-left {
    float: left;
    margin-right: 5px;
}
.info-block-left button {
    line-height: 16px;
    width: 55px;
}
.info-block-right {
    float: right;
}
#tracking-info-img {
    margin-right: 5px;
}
#tracking-info-courier {
    color: #555;
    font-size: 16px;
    margin-bottom: 6px;
    margin-top: 2px;
}
#tracking-info-telephone {
    font-size: 14px;
}
#tracking-info-status {
    background-color: #1eaf5e;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}
#tracking-info-status.tracking-info-status-pending {
    background-color: #bdc3c7;
    color: #fff;
}
#tracking-info-status.tracking-info-status-intransit {
    background-color: #3498db;
    color: #fff;
}
#tracking-info-status.tracking-info-status-delivered {
    background-color: #27ae60;
    color: #fff;
}
#tracking-info-status.tracking-info-status-exception {
    background-color: #c0392b;
    color: #fff;
}
#tracking-info-status.tracking-info-status-outfordelivery {
    background-color: #f39c12;
    color: #fff;
}
#tracking-info-status.tracking-info-status-expired {
    background-color: #7f8c8d;
    color: #fff;
}
#tracking-info-status.tracking-info-status-attemptfail {
    background-color: #9b59b6;
    color: #fff;
}
#tracking-info-status.tracking-info-status-inforeceived {
    background-color: #35495e;
    color: #fff;
}
#tracking-info-status #tracking-info-status-text {
    display: inline-block;
    width: 50%;
}
#tracking-info-status #tracking-info-status-expected-delivery {
    border-left: 1px solid #ecf0f1;
    display: inline-block;
    width: 50%;
}
#tracking-info-expected-delivery {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    width: 160px;
}
#tracking-info-expected-delivery span#date {
    color: #000;
}
.tracking-btn {
    border-radius: 5px;
    height: 27px;
    padding: 5px;
    text-align: center;
    width: 34px;
}
.tracking-btn-active {
    background-color: #f59c00;
}
.tracking-btn-inactive {
    background-color: #bdc3c7;
}
#tracking-email-notification-result {
    background-position: 0 2px;
    background-repeat: no-repeat;
    display: none;
    margin-top: 5px;
    padding-left: 15px;
}
#tracking-email-notification-result.okay {
    background-image: url("/assets/widget/img/email-okay.png");
    color: #3498db;
}
#tracking-email-notification-result.error {
    background-image: url("/assets/widget/img/email-error.png");
    color: #c0392b;
}
.tracking-copyright {
    color: #555;
    padding: 5px 15px;
    text-align: right;
}
.tracking-copyright > .logo {
    color: #f59c00;
}
.tracking-copyright.outside {
    padding: 3px 3px 0;
    text-align: left;
}
#tracking-copyright-top {
    margin-top: -7px;
    padding: 0;
    text-align: left;
}
#tracking-detail {
    display: none;
    padding: 0 20px 20px;
}
.track-detail-table {
    color: #555;
    white-space: normal;
    width: 670px;
    font-size: 15px;
}
.track-detail-table > tbody > tr > td {
    padding: 3px 0;
    text-align: center;
}
.track-detail-table > tbody > tr > td.track-detail-datetime {
    color: #555;
    font-size: 14px;
    padding-right: 10px;
    text-align: right;
    vertical-align: top;
    width: 100px;
}
.track-detail-table > tbody > tr > td.icon {
    /*padding-right: 15px;*/
    padding-top: 13px;
    vertical-align: top;
    width: 50px;
}
.track-detail-table > tbody > tr > td.info {
    text-align: left;
    vertical-align: top;
}
.track-detail-status {
    background-image: url("/static/img/status.png");
    background-position: -124px center;
    background-repeat: no-repeat;
}
.track-detail-status.up {
    background-position: -24px -175px;
}
.track-detail-status.down {
    background-position: -224px -175px;
}
.track-detail-status-icon {
    background-image: url("/static/img/status_icon.png");
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 25px;
}
.track-detail-status-icon.intransit {
    background-position: 0 0;
}
.track-detail-status-icon.delivered {
    background-position: -25px 0;
}
.track-detail-status-icon.exception {
    background-position: -50px 0;
}
.track-detail-status-icon.outfordelivery {
    background-position: -75px 0;
}
.track-detail-status-icon.expired {
    background-position: -100px 0;
}
.track-detail-status-icon.attemptfail {
    background-position: -125px 0;
}
.track-detail-status-icon.inforeceived {
    background-position: -150px 0;
}
.checkpoint-well {
    background-color: #ecf0f1;
    border-radius: 3px;
    color: #95a5a6;
    margin-left: 5px;
    /*padding: 4px;*/
}
.track-detail-datetime {
    color: #b2bebe;
}
#tracking-error {
    display: none;
    font-size: 14px;
    padding: 20px;
    text-align: center;
    white-space: normal;
}
#tracking-error i {
    font-size: 18px;
    margin-right: 10px;
}
#tracking-error span {
    display: inline-block;
    margin-left: 15px;
    text-align: left;
    width: 420px;
}
.icon-aftership-widget {
    background-image: url("/static/img/icon-aftership-white.png");
    background-position: -124px 0;
    display: inline-block !important;
    height: 19px;
    margin-right: 5px !important;
    margin-top: 2px !important;
    vertical-align: text-top;
    width: 16px;
}
.icon-aftership-widget.normal {
    background-position: -108px 0;
    height: 19px;
    margin-top: 0 !important;
    width: 17px;
}
.icon-aftership-widget.large {
    background-position: -83px 0;
    height: 28px;
    margin-right: 8px !important;
    margin-top: -4px !important;
    width: 24px;
}
#captcha {
    height: 175px;
    text-align: center;
}
#captcha #recaptcha_widget {
    display: none;
}
#captcha #btn_captcha {
    margin-right: 20px;
}
#recaptcha_area {
    margin: 20px auto 10px;
    width: 450px;
}

.muted {
    color: #999;
}