.banner {
    width: 100%;
    height: auto;
    min-height: 450px;
    padding: 60px 0 0 0;
    background-image: url("../../../images/track-banner.jpg");
    background-size: cover;
    background-position: 50% 50%;
    color: #fff;
    line-height: 1;
}

.btn-rm-package {
    color: #e52529;
    margin-top: 25px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: -10px;
}

@media (max-width: 767px) {
    .banner {
        min-height: 0;
        padding: 10px 0 10px 0;
    }
}

.title-account {
    width: 100%;
    height: auto;
    position: relative;
    padding: 40px 0 15px 100px;
    font-family: 'Poppins-Medium', sans-serif;
}

.title-account span {
    font-family: 'Poppins-Bold', sans-serif;
}

.title-account img {
    position: absolute;
    width: 90px;
    height: auto;
    left: 0;
}

.title-account h3 {
    margin-top: 17px;
    margin-bottom: 0;
    font-size: 30px;
}

.title-account h6 {
    margin-top: 12px;
    margin-bottom: 5px;
    font-size: 14px;
}

.title-account h6 b {
    font-family: 'Poppins-Bold', sans-serif;
}

@media (max-width: 768px) {
    .title-account {
        padding: 20px 0 15px 100px;
    }
}

/* ship-form */
.ship-form {
    width: 100%;
    height: auto;
    min-height: 100px;
    padding: 0 0 20px 0;
}

.ship-form .title {
    width: 100%;
    height: auto;
    padding: 8px 15px 8px 15px;
    background-color: #e0dcdc;
    color: #000;
    font-size: 16px;
    font-family: 'Poppins-Bold', sans-serif;
}

.ship-form hr {
    margin-top: 3px;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
}

.ship-form .content {
    width: 100%;
    height: auto;
    padding: 20px 15px 30px 15px;
    background-color: #fff;
    color: #111;
    font-size: 16px;
}

.ship-form .content label {
    font-family: 'Poppins-Bold', sans-serif;
}

.ship-form .content input {
    width: 100%;
    height: 32px;
    padding: 0 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none;
    text-align: left;
}

.ship-form .content input.input_checkbox {
    width: 20px;
    height: 20px;
    margin-top: 10px;
}

.ship-form .content input.input_checkbox#term_condition {
    width: 13px;
    height: 13px;
    margin-top: 0px;
}

.ship-form .content input.input-zip-code {
    padding: 0px 34px 0px 10px;
}

.ship-form .content.content-signature-confirmation span{
    margin-right: 25px;
    position: relative;
    padding: 0 25px;
    display: inline-block;
    margin-top: 10px;
}
.ship-form .content.content-signature-confirmation span input{
    position: absolute;
    bottom: 2px;
    left: 0px;
    margin: 0;
}

.ship-form .content img.img-location-marker {
    position: absolute;
    width: 14px;
    top: 8px;
    right: 28px;
}

.ship-form .content select {
    width: 100%;
    height: 33px;
    border: 1px solid #bbb;
    border-radius: 4px;
    outline: none;
    padding: 1px 10px 0 10px;
    margin-bottom: 10px;
    text-align: left;
    background: transparent;
    color: #23374C;
}

.ship-form .content select:disabled {
    background: #eee;
}
.datetimepicker {
    padding: 4px;
    margin-top: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}
.ship-form .content .package-num {
    padding-top: 30px;
    font-size: 15px;
}

.ship-form .content p {
    text-align: center;
    margin: 0 0 2px 0px;
}

.ship-form .content.content-notice ul{
    padding: 0 15px;
}
.ship-form .content.content-notice p{
    text-align: left;
    margin: 0 0 2px 0px;
}

.ship-form .content .add-another {
    width: 100%;
    height: auto;
    padding: 5px 0px;
    font-size: 15px;
    color: #000;
}

.ship-form .content img.img-plus-button {
    width: 16px;
    margin: 0 2px 4px 0;
    cursor: pointer;
}

.ship-form .content img.img-Calendar-Icon {
    position: absolute;
    top: 2px;
    right: 18px;
    width: 32px;
    cursor: pointer;
}

.ship-form .content button.btn-ship-now {
    width: 180px;
    height: 50px;
    border: 0px;
    border-radius: 2px;
    background-color: #fae164;
    color: #000;
    outline: none;
    margin-top: 5px;
    padding: 1px 0 0 0;
    box-shadow: 0px 2px 4px #333;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    font-family: 'Poppins-Bold';
}

.ship-form .content button.btn-ship-now:hover {
    background-color: #263f58;
    color: #fff;
    border: 1px solid #000;
}

.ship-form .content button.btn-ship-now.btn-disabled {
    background-color: grey;
    color: #fff;
    cursor: not-allowed;
}
.ship-form .content button.btn-ship-now.btn-disabled:hover {
    border: 0px;
    cursor: not-allowed;
}

.ship-form .content .div-order-total table{
    width: 70%; border: 2px solid grey; float:right;
}

@media (max-width: 991px) {
    .ship-form .content .div-order-total {
        margin-top: 20px;
    }
    .ship-form .content .div-order-total table{
        width: 100%!important; border: 2px solid grey; float: unset;;
    }
}

.ship-form .content .div-order-total table {
    border: 1px solid #ccc;
    margin: 0 auto;
    font-size: 18px;
}

.ship-form .content .div-order-total table tr th {
    padding: 15px 15px;
    background-color: #001d3b;
}

.ship-form .content .div-order-total table tr td {
    padding: 10px 15px;
}

.ship-form .content .div-order-total .tr-order-total {
    border-top: 1px solid;
}

.ship-form .content .div-order-total .tr-order-total td:first-child {
    color: #a90909;
}

.ship-form .content .div-order-total .tr-order-text {
    border-top: 1px solid;
    font-size: 13px;
    text-align: center;
    display: none;
}

.div-shadow-btn {
    width: 180px;
    height: 20px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.div-shadow-btn .img-shadow-btn-left {
    position: absolute;
    left: -13px;
    top: -2px;
}

.div-shadow-btn .img-shadow-btn-right {
    position: absolute;
    right: -13px;
    top: -2px;
}

.ship-form .content h4 {
    font-family: 'Poppins-Medium', sans-serif;
}

.ship-form .content h4.h4_normal {
    font-family: 'Poppins-Medium', sans-serif;
    font-size: 13px;
}

.ship-form .content h5 {
    font-size: 16px;
    text-align: left;
    width: auto;
    height: auto;
}

.ship-form .content table.delivery {
    margin-top: 10px;
}

.ship-form .content table.delivery tr th {
    text-align: center;
    background-color: #fae164;
    padding: 10px 20px;
}

.ship-form .content table.delivery tr td {
    text-align: center;
    vertical-align: middle;
    background-color: #e0dcdc;
    padding: 10px 20px;
    border: 1px solid #fff;
    cursor: pointer;
}

.ship-form .content .more-rates {
    width: 100%;
    max-width: 960px;
    height: auto;
    margin: auto;
    padding: 10px 0;
    font-size: 15px;
    color: #000;
    font-family: 'Poppins-Bold', sans-serif;
}

.ship-form .content .more-rates img {
    margin-right: 10px;
}

.ship-form .title-checkbox{
    color: #23374C;
}

.ship-form .bootstrap-select.btn-group .btn .filter-option{
    color: #23374C;
}

#rate-result {
    max-width: 960px;
    margin: auto;
}

#rate-result .table_item {
    max-width: 960px;
    margin: 10px auto 5px auto;
    /*float: left;*/
}

@media (max-width: 1199px) {
    #rate-result .table_item {
        max-width: 720px;
    }
}

@media (max-width: 991px) {
    #rate-result .table_item {
        max-width: 480px;
    }

    .btn-rm-package {
        position: unset;
        top: 0;
        right: 0;
    }
}

@media (max-width: 767px) {
}

#rate-result .table_item .table_th {
    float: left;
    text-align: center;
    background-color: #fae163;
    color: #000;
    font-weight: bold;
    padding: 10px 10px;
    border-left: 5px solid #fff;
    border-right: 1px solid #fff;
    min-width: 240px;
    width: 100%;
}

.rate-item {
    margin: 0;
    text-align: center;
}

#rate-result .table_item .table_td {
    width: 240px;
    text-align: center;
    background-color: rgb(243, 243, 243);
    color: #000;
    font-weight: bold;
    padding: 2px 10px;
    border-left: 3px solid #fff;
    display: inline-table;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    float: none;
    cursor: pointer;
    margin-right: -4px;
    height: 82px;
}

#rate-result .table_item .table_td h4 {
    font-family: 'Poppins-Bold', sans-serif;
}

@media (min-width: 992px) {
    .ship-form .content .col-ship-to {
        padding-left: 80px;
    }

    .ship-form .content .col-ship-from {
        border-right: 1px solid #ccc;
        padding-right: 80px;
    }
}

@media (min-width: 768px) {
    .ship-form .title {
        padding: 8px 100px 8px 100px;
    }

    .ship-form .content {
        padding: 20px 0px 30px 0px;
    }
}

@media (max-width: 767px) {
    .ship-form .content {
        padding: 10px 10px 20px 10px;
    }

    .ship-form .content .package-num {
        padding-top: 5px;
    }

    .ship-form .content select {
        margin-bottom: 10px;
    }

    .ship-form .content input.input-zip-code {
        margin-bottom: 10px;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 0px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0px solid #ddd;
    }

    /**/
    #rate-result .table_item {
        margin-top: 10px;
        float: none;
        margin-right: 0px;
        width: 100% !important;
    }

    #rate-result .table_item .table_th {
        width: 100% !important;
        text-align: center;
        background-color: #fcd307;
        padding: 10px 10px;
        border: 1px solid #fff;
        border-bottom: none;
    }

    #rate-result .table_item .table_td {
        width: 100%;
        text-align: center;
        background-color: #e0dcdc;
        padding: 10px 10px;
        border: 1px solid #fff;
        border-top: none;
        cursor: pointer;
    }
    
    .btn-credit-apply{
        float: right;
    }
}

/**/
.ship_info {
    width: 100%;
    height: auto;
}

.ship_info .line {
    width: 100%;
    max-width: 240px;
    height: auto;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.ship_info .line .container_deadline {
    width: 100%;
    height: 3px;
    border: 0;
    position: relative;
    top: 30px;
    background-color: #999;
}

.ship_info .line .container_deadline .run {
    width: 100%;
    height: 3px;
    background-color: #F5C145;
}

.ship_info .line i {
    position: absolute;
    top: 21px;
    left: 0px;
    font-size: 20px;
    color: #999;
}

.ship_info .line i.active {
    color: #F5C145;
}

.ship_info .line i.big {
    top: 11px;
    background-color: #fff;
    border-radius: 50px;
    font-size: 40px;
}

.ship_info .line i.step_1 {
    left: 0px;
}

.ship_info .line i.step_2 {
    left: 33.33%;
}

.ship_info .line i.step_3 {
    left: 67.67%;
}

.ship_info .line i.step_4 {
    left: 100%;
}

.ship_info .line h3 {
    margin-top: 50px;
}

.ship_info .line h5 {
    font-style: italic;
    color: #999;
}

.ship_info .ship_info_from {
    width: 100%;
    height: auto;
    padding: 10px 10px;
}

.ship_info .ship_info_from hr {
    margin: 10px 0px;
    width: 90%;
}

.ship_info .ship_info_to {
    width: 100%;
    height: auto;
    padding: 10px 10px;
}

.ship_info .ship_info_to hr {
    margin: 10px 0px;
    width: 90%;
}

@media (min-width: 768px) {
    .ship_info .ship_info_from {
        position: absolute;
        top: -120px;
    }

    .ship_info .ship_info_to {
        position: absolute;
        top: -120px;
    }
}

.ship_info .history {
    width: 100%;
    height: auto;
    padding: 10px 10px;
}

.ship_info .history table {
    width: 100%;
    border-top: 1px solid #999;
}

.ship_info .history table tr:nth-child(even) {
    background: #eee;
}

.ship_info .history table tr:nth-child(odd) {
    background: #FFF;
}

.ship_info .history table tr th {
    padding: 4px 6px;
}

.ship_info .history table tr td {
    padding: 4px 6px;
    color: #666;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
    margin-bottom: 10px;
}

#paymentModal button.btn-ship-now {
    width: 150px;
    height: 32px;
    padding: 0px 0 0 0;
    margin-top: 0px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* home */
.select2-container .select2-selection--single {
    height: 34px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.select2-search__field {
    height: 38px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    background-position: bottom 9px right 10px; color: #23374C;
}

#input_drop_off_type-error {
    position: absolute;
}

.pac-container {
    z-index: 10000 !important;
}
.popup .popuptext {
    bottom: 70%;
}
.select-center{
    font-family: sans-serif;
    text-align-last: center;
}
.ship-form .content input.input_checkbox.input_checkbox_insurance {
    width: 14px;
    height: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.ship-form .content input.input_weight_required{
    margin-bottom: 0px;
}
.ship-form .content input.input_insured_value{
    margin-bottom: 0px;
}
.input-group-insurance{
    margin-bottom: 23px;
}
.input-group-package label, .input-group-insurance label{
    display: table-footer-group;
    position: absolute;
    bottom: -22px;
}
.input-group-insurance label{
    width: 220px; margin-left: -156px;
}
#package_info .input-group-addon {
    padding: 6px 30px;
}
#package_info .input-group-addon.input-group-addon-weight{
    padding: 0px 0px;
}
#package_info .input-group-addon.input-group-addon-weight select{
    width: 41px;
    height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    border: 0px;
}
#package_info .input-group-addon.input-group-addon-insurance select{
    width: 156px; font-size: 13px;
}
#package_info .input-group-addon select{
    background-color: #fff;
}
#package_info label{
    margin-top: -10px;
    margin-bottom: 0px;
}

.ship-form .content .div_ship_date{
    height: 42px;
}
.ship-form .content .div_ship_date input{
    margin-bottom: 0;
}

.btn-ship{
    background-color: #23374C; color: #fff;
}
.btn-ship:hover{
    background-color: #23374C; color: #fff;
}