.shipment-detail-head {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.47;
    color: #273038;
    margin-top: 20px;
    margin-left: 10%;
}
// .modal-dialog {
//     width: 90%;
//     height: 90vh;
// }
.multi-step-form-list {
    position: absolute;
    list-style: none;
    width: 100%;
    padding-bottom: 3%;
}
.multi-step-form-list li {
    display: inline-block;
    width: 193px;
    text-align: center;
}
.multi-step-form-list a {
    font-size: 12px;
    font-weight: normal;
    color: #333f48;
}
.multi-step-form-list a:hover {
    text-decoration: none;
}
.multi-step-form-list span.step-circle {
    width: 18px;
    height: 18px;
    background-color: #f7f7f7;
    border: solid 1px #e2e2e2;
    padding: 0 8px 0;
    border-radius: 56%;
    position: relative;
    top: 28px;
    left: -8%;
}
.multi-step-form-list li a {
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    color: #333f48;
    margin-left: 4%;
}
/* Pickup form */

#pickup-form .pickup-form-container {
    margin-left: 4%;
}
#pickup-form .num-input-small {
    width: 87% !important;
    height: 41px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
}
.highlighted-text {
    border-radius: 2px;
    background-color: #065492;
    font-size: 12px !important;
    font-weight: normal;
    color: #ffffff !important;
    padding: 4px;
    position: relative;
    left: 20px;
}
.active-step {
    background-color: #ffffff !important;
    border: solid 2px #065492 !important;
}
.popular-offers-text {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.47;
    color: #273038;
    margin-left: 33px;
}
/* login form */

.login-text font-size: 18px;
font-weight: bold
line-height: 1.47;
color: #273038;
margin-left: 33px;
margin-top: 25px;
}
.otp-login font-size: 20px;
font-weight: bold;
text-align: right;
color: #065492;
margin-right: 7%;
padding: 1% 2%
}
.otp-login:hover {
    color: #065492 !important;
    cursor: pointer;
}
.register-link font-size: 20px;
font-weight: bold;
color: #065492;
position: relative;
right: 12%;
margin-top: 15px;
}
.register-link:hover,
.register-otp-link:hover {
    color: #065492;
    cursor: pointer;
}
.register-otp-link font-size: 20px;
font-weight: bold;
color: #065492;
position: relative;
right: 10%;
}
.login-btn {
    width: 121px;
    height: 41px;
    border-radius: 3px;
    background-color: #065492;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff !important;
    position: relative;
    right: 10%;
}
.login-btn:hover {
    background-color: #065492 !important;
}
.send-otp-btn {
    overflow: visible;
    position: relative;
    right: 72px;
    bottom: 47px;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 39px;
    width: 95px font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #065492;
    border-radius: 3px;
}
/*
.login-icon {
   position: absolute;
   top: 40%;
   left: 4%;
}
*/

#login-form input::webkit-input-placeholder {
    position: absolute;
    left: 10px;
}
/* Pickup address and view */

.pickup-address-view {
    border-right: 1px dashed #cccccc;
    margin-top: 14px;
}
.pickup-address-view .head {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.47;
    color: #273038;
    padding: 4%;
}
.pickup-address-view button {
    height: 41px;
    border-radius: 3px;
    background-color: #065492;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff !important;
    margin: 6%;
    margin-top: -1px;
}
.pickup-address-view input {
    width: 87%;
}
.pickup-address-view button:hover {
    background-color: #065492 !important;
}
@media only screen and (max-width: 768px) {
    .multi-step-form-list {
        margin-left: 8%;
        display: none;
    }
}
/* nitin css start */

.top_awb_number {
    color: #065492;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0;
}
.top_awb_number span {
    color: #9b9b9b;
}
.postion_relative {
    position: relative;
}
.postion_relative a {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 12px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px 10px;
    border-radius: 0 3px 0 3px;
    color: #065492;
    font-weight: 700;
}
.postion_relative a:hover {
    background: #fff;
    text-decoration: none;
    opacity: 1;
}
.online_offer_heading {
    margin-bottom: 10px;
}
.delivery_type_outer {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out;
}
.delivery_type_outer.active{
    border: 1px solid #065492 !important;
}
.delivery_type_outer:hover {
    border: 1px solid #065492;
}
.delivery_type_outer h1 {
    font-size: 16px;
    color: #065492;
    padding: 14px 14px 4px 14px;
    font-weight: 700;
}
.delivery_type_outer p {
    font-size: 12px;
    color: #444;
    padding: 0 14px 14px 14px;
}
.delivery_type_outer .price {
    border-top: 1px solid #ccc;
}
.delivery_type_outer .price p {
    padding: 14px;
    font-size: 16px;
    font-weight: 700;
}
.delivery_type_outer .price p span {
    font-size: 12px;
    color: #ccc;
    font-weight: 400;
}
/* nitin css end */


/* copied from online booking (lack of time and patience)*/


.saved-address-list {
    max-height: 463px;
    overflow-y: scroll;
}

.saved-address-text {
    font-size: 14px;
    font-weight: bold;
    color: #273038;
    margin: 10px 0;
}

.saved-address-box {
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin: 12px;
    padding: 12px;
    position: relative;
    cursor: pointer;
}
.saved-address-box:last-child{
    margin-bottom: 0;
}
.saved-address-box:first-child{
    margin-top: 0;
}

.border_left{
    border-left: 1px dashed #ccc;
}



.saved-address-name {
    font-size: 14px;
    font-weight: bold;
    color: #065492;
    text-transform: uppercase;
}

.saved-address {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.89;
    color: #444444;
}

.day_name{
    color: #065492;
}

.error-text{
    font-size: 12px;
     padding: 5px;
    color: #ff0000;
    background: #f9f9f9;
    margin: 12px 0;
    font-weight: normal;
    border-radius: 3px;
    line-height: 18px;
}

.clear_form, .clear_form:hover{
    color: #065492;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
}
.pickup-address-form input[type="text"]{
    margin-bottom: 12px;
}
.select_slot li{
    list-style-type: none;
    float: left;
}
.select_slot li a{
    padding: 10px;
    border: 1px solid #ccc;
    color: #444;
    display: inline-block;
    vertical-align: top;
    margin: 5px 5px 5px 0;
    border-radius: 3px;
    font-weight: normal;
}

.select_slot li a:hover{
    color: #065492;
    border: 1px solid #065492;
    text-decoration: none;
}
.fade-in-out {
  /*transition: 0.6s linear all;  */
  opacity: 1;
}

.fade-in-out.ng-hide {
  opacity: 0;
}