body{font-size: 15px;}
 h2, h3, h4, h5, h6 {font-weight: bold;}
.whitebutton {border: 2px solid #ECECEE; padding: 5px 15px;}
.greybg {background: #F7F7F7;}
.bluebg {
	padding: 70px 0 50px;
    background: #233250;
    position: relative;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 50px;
    height:180px;
}
.bluebg h1 {font-size: 2.2rem!important;}
.bluebg2 {padding: 15px;  background: #233250;}
.border-top-white{border-top: 2px solid #fff;}
.btn-outline-secondary {background: #fff; color: #0F1D40;}
.minheight{min-height: 600px;}
.white-background{background: #fff;}
.negt-120 {margin-top:-120px; position: relative;}
.negt-67 {margin-top:-67px; position: relative;}

em {font-style: normal;}
.white-bg {background: #fff; border: 1px solid #E3E3E3; border-radius: 2px; box-shadow: 0 0 8px rgb(172 172 172);}
.white-bg h1 {font-size: 40px; }
.adavance-link a {color: #026CB6; font-size: 16px;}
.package-inner  .modal-header{background: #31BEF4; color:#fff }
.font-size24 {font-size: 24px;}
.font-size28 {font-size: 28px;}
.font-size20 {font-size: 20px;}
.myshippment-box {font-size: 16px;}
.diffrentshipper {display: none;}
.postion-retive2 {position: relative; top:3px}
.card-input {
    margin: 10px;
    padding: 0px;
}
.border-left-height { display: block; height: 200px; width:1px; background: #ccc; margin: 0 auto;}
.loging-using {position: absolute; display: block; background: #fff; top:30%; padding: 10px;}
.card-input:hover {
    cursor: pointer;
}


.highlight{
    box-shadow: 0 0 1px 1px #0F1D40;
  }


  .customRadio input[type="radio"] {
    position: absolute;
    left: -9999px
}

.customRadio input[type="radio"]+label {
    position: relative;
    padding: 3px 0 0 40px;
    cursor: pointer;
    line-height: 5px; font-weight: normal;
}

.customRadio input[type="radio"]+label:before {
    content: '';
    background: #fff;
    border: 2px solid #0F1D40;
    height: 21px;
    width: 21px;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: 9px;

}

.customRadio input[type="radio"]+label:after {
    content: '';
    background: #0F1D40;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: 14px;
    opacity: 0;
    transform: scale(2);
    transition: transform 0.3s linear, opacity 0.3s linear
}

.customRadio input[type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.customCheckbox input[type="checkbox"] {
    position: absolute;
    left: -9999px
}

.customCheckbox input[type="checkbox"]+label {
    position: relative;
    padding: 3px 0 0 40px;
    cursor: pointer;
    color: rgb(120, 119, 121)
}

.customCheckbox input[type="checkbox"]+label:before {
    content: '';
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 3px;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 0;
    left: 0
}

.customCheckbox input[type="checkbox"]+label:after {
    content: '';
    border-style: solid;
    border-width: 0 0 2px 2px;
    border-color: transparent transparent #0F1D40 #0F1D40;
    width: 15px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: 5px;
    opacity: 0;
    transform: scale(2) rotate(-45deg);
    transition: transform 0.3s linear, opacity 0.3s linear
}

.customCheckbox input[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1) rotate(-45deg);
    color: #0F1D40
}

.checkbox-lg .custom-control-label::before, 
.checkbox-lg .custom-control-label::after {
  top: .8rem;
  width: 1.55rem;
  height: 1.55rem;
}

.checkbox-lg .custom-control-label {
  padding-top: 13px;
  padding-left: 6px;
}

#package-box .card-header{background: transparent; border: none; text-align: center; font-weight: bold;}
#package-box .card  {width: 50%;}
#package-box{position: relative;}
#package-box2 .card-header{background: transparent; border: none; text-align: center; font-weight: bold;}
#package-box2 .card  {width: 50%;}
#package-box2{position: relative;}
.text-right{text-align: right;}
.dimension-box .form-control {width: 60%;}
.dimension-box label{padding-right:30px; color: #000;}
#packagebox .modal-footer {background: #233250;justify-content: flex-start; color: #fff; margin: 0; padding: 0;}
#packagebox .modal-footer>* {margin: 0; }
#packagebox .modal-footer a {color: #fff;}

#carouselPackage .card-body {height: 170px; padding-top: 0;}
#carouselPackage .card-body  img{height: 144px; }
#carouselPackage .carousel-item:after{ background: transparent; position: static;}
#carouselPackage .card {width: 100%; box-shadow: 0 0 5px #ECECEE;}
#carouselPackage .carousel-item {height: auto;}

#carouselPackage .carousel-control-next-icon, #carouselPackage .carousel-control-prev-icon {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: 50%/46% 100% no-repeat;
    font-size: 17px;
    line-height: 32px;
}
#carouselPackage  .carousel-control-next {
    right: -52px;
}
#carouselPackage  .carousel-control-prev {
    left: -52px;
}
#packagelist tr {border: 1px solid #ccc; box-shadow: 0 0 5px #6565ac;}
.list-box .row {border: 1px solid #E3E3E3; box-shadow: 0 0 5px #E3E3E3; padding: 10px 25px; border-radius: 5px; margin-bottom: 8px;}
#listpackagebox .card {border: 0; padding: 0;}
.destination-box .form-control{width: 74%;}
.destination-box label {
    padding-right:10px;
    color: #000;
}
.pickup-checkbox .form-check{width: 100%;}
.pl-6 {padding-left: 4rem;}
.product-parcel-img img {width:40%}

/*qoute*/

.white-text {color: #fff;}
.white-text a {color: #fff;}
.blue-bg {background:#026CB6;}
.normal-font{font-weight: normal;}
.neg-t-30{margin-top:-30px}
.quote-list .card-header {background: #0F1D40; color: #fff;}
.link {color: #FC7C42; cursor: pointer;}
.quote-list a.link {color: #FC7C42;}
.mt-zero {margin-top: 0rem!important;}
.bolder {font-weight: bold;}
#ChangePickup .form-control{width: 78%; font-size: 14px;}
#ChangePickup label {padding-right: 5px;}
.height80 {height: 80px;}
.largefont40{font-size: 40px; font-weight: bold;}
.largefont30{font-size: 30px; font-weight: bold;}
.postion-3 {position: relative; top:-5px    }
.media-body h5{font-size: 17px;}
.blue-strip {background: #233250; color:#fff; font-weight: bold; font-size: 20px; padding: 10px;}
.quote-list .list-unstyled label{width:60px}
.quote-list h1, .quote-list h2, .quote-list h3, .quote-list h4,.quote-list h5, .quote-list h6{font-weight: bold;}
.product-parcel-img2 img {
    width: 60%;
}
.cellphone {background: url('../images/ezbooking/cellphone.png'); width: 21px; height: 33px; display: inline-block; position: relative; top:10px}
.package-icon-confirmed {background: url('../images/ezbooking/package-icon.png'); width: 82px; height: 57px; display: inline-block; position: relative; top:10px}
.icon-font-print {font-weight: normal;}
.icon-font-print em {font-size: 20px;}
.big-font20 {font-size: 20px;}
.relative {position: relative;}
.postion-abso2 {position: absolute;bottom: -29px;right: 0;}
#footer {
    margin-top: 5px;
    background-color: #FFFFFF;
     padding: 10px 0 0;
    float: left;
    border-top: 1px solid #98A6B0;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    opacity: 1;
    z-index: 1;
}

/* step*/
.step-proccess .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color: transparent;
}

.step-proccess > div.step-proccess-inner {
        position: relative;
margin-bottom: 50px;
text-align: left;
}

.connecting-line {
height: 2px;
background: #e0e0e0;
position: absolute;
width: 50%;
margin: 0;
left: 0;
right: 0;
top: 15px;
z-index: 1;
}

.step-proccess .nav-tabs > li.active > a, .step-proccess .nav-tabs > li.active > a:hover, .step-proccess .nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
border: 0;
border-bottom-color: transparent;
}

span.round-tab {
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
border-radius: 50%;
background: #fff;
z-index: 2;
position: absolute;
left: 0;
text-align: center;
font-size: 16px;
color: #0e214b;
font-weight: 500;
border: 1px solid #ddd;
}
span.round-tab i{
color:#555555;
}
.step-proccess li.active span.round-tab {
    background: #31BEF4;
color: #fff;
border-color: #31BEF4;
}
.step-proccess li.active span.round-tab i{
color: #5bc0de;
}
.step-proccess .nav-tabs > li.active > a i{
color: #31BEF4;
}

.step-proccess .nav-tabs > li {
width: 25%;
}

.step-proccess li:after {
content: " ";
position: absolute;
left: 46%;
opacity: 0;
margin: 0 auto;
bottom: 0px;
border: 5px solid transparent;
border-bottom-color: red;
transition: 0.1s ease-in-out;
}



.step-proccess .nav-tabs > li a {
width: 30px;
height: 30px;
margin: 20px auto;
border-radius: 100%;
padding: 0;
background-color: transparent;
position: relative;
top: 0;
}
.step-proccess .nav-tabs > li a i{
position: absolute;
top: -15px;
font-style: normal;
font-weight: 400;
white-space: nowrap;
left: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
font-weight: 700;
color: #000;
}

.step-proccess .nav-tabs > li a:hover {
    background: transparent;
}

.step-proccess .tab-pane {
position: relative;
padding-top: 20px;
}


.step-proccess h3 {
margin-top: 0;
}
.prev-step,
.next-step, .skip-step{
font-size: 13px;
padding: 8px 24px;

border-radius: 4px;
margin-top: 30px;
}
h4 label{font-size: 16px;}
.bluebg h1 p {font-weight: normal; font-size: 16px; margin-top:5px;}
.confirm-box .list-unstyled label {
    width: 70px; margin-bottom: 0;
}
#main_form .input-group-text {background-color:#fff;}
.label-print .nav-tabs{margin-bottom: 15px;}
.label-print .nav-tabs li{ padding: 0 15px 0 0;}
.label-print .nav-tabs li.active a{ color: #223150; border-bottom: 2px solid #223150;}
.label-print .nav-tabs li a{ color: #026CB6; }
.label-print ol {
    list-style: none;
    counter-reset: item; margin-top: 25px;
  } 
  .label-print ol li {
    counter-increment: item;
    margin-bottom: 25px;
  }
  .label-print ol li span{border-left:1px solid #98A6B0; padding-left: 10px;}
  .label-print ol li:before {
    margin-right: 10px;
    content: counter(item);
    background: #03B0F2;
    border-radius: 100%;
    color: white;
    width: 1.5em;
    text-align: center;
    display: inline-block;
  }
  #Passwordset .btn {width: 60px;}
  .btn-outline-secondary {border-radius: 7px;}
  .logoin-screen{background: url('../images/ezbooking/cloud.png') no-repeat; background-size: 100%; }
  .logoin-inner{background: url('../images/ezbooking/envolap-bg.png') no-repeat bottom right; background-size: 100%; min-height: 500px; }
  .account-created{background: url('../images/ezbooking/account-created.png') no-repeat bottom right; background-size: 100%; min-height: 500px; }
  .blank-bg{min-height: 500px; }
  .tranparent-bg {
    background: linear-gradient(
        to bottom,
        #fff 50%, 
        transparent
      ); border: 1px solid #E3E3E3;
    border-radius: 2px;
    box-shadow: 0 0 8px rgb(172 172 172);

}
.top-left {
    top: 0;
    left: 0;
}
  
.top-center {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
  
.top-right {
    top: 0;
    right: 0;
}
  
@media (max-width: 768px) {
    #carouselPackage .carousel-inner .carousel-item > div {
        display: none;
    }
    #carouselPackage .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

#carouselPackage .carousel-inner .carousel-item.active,
#carouselPackage .carousel-inner .carousel-item-next,
#carouselPackage .carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {
    
    #carouselPackage .carousel-inner .carousel-item-right.active,
    #carouselPackage .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    #carouselPackage .carousel-inner .carousel-item-left.active, 
    #carouselPackage .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

#carouselPackage .carousel-inner .carousel-item-right,
#carouselPackage .carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}



@media (max-width:1390px) {

   .small-screen .white-bg .btn{font-size:0.9rem;padding: 0.375rem 0.75rem; margin-bottom: 10px;} 
  
}


@media (max-width:1200px) {
    .small-screen .col-md-10 {flex: 0 0 100%;max-width:100%;}
    .product-parcel-img img {
        width: 60%;
    }
}
@media (max-width:992px) {
    #yourpackagebox .card-body img {width: 80%;}
    #yourpackagebox .col-md-9 {flex: 0 0 100%;max-width: 100%; padding: 0;}
    .product-parcel-img img {
        width: 90%;
    }
 }
@media (max-width:760px) {
    .small-screen .white-bg .pt-5 {padding-top: 0.5rem!important; padding-bottom:1rem;}

    .list-box .pl-3{padding-left: 0.25rem!important;}
    .list-box {font-size: 13px;}
    .negt-67{ margin-top: 0;}
}
@media (max-width:740px) {
    .payment-inner .col-1 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;}
    #carouselPackage .carousel-inner .carousel-item.active {
        display: block; width: 100%;
    }
    .confirm-box .col-md-10 .row {display: block;}
    #package-box .col-md-9 {flex: 0 0 100%;max-width: 100%; padding: 0; }  
    .list-box .pl-3{padding-left: 0rem!important;}
    .prev-step, .next-step, .skip-step{padding: 8px 16px;}
    .bluebg h1 {
        font-size: 1.8rem!important;
    }
   
}
@media (max-width:500px) {
    .prev-step, .next-step, .skip-step{margin-top: 5px!important;}
   .list-box .col-3{flex:100%;max-width: 100%;}
   .list-box .product-parcel-img img {width: 120px!important; padding: 10px 0;}
    .list-box .col-2{flex:100%;max-width: 100%;}
    .font-size24 { font-size: 17px; } 
    .confirm-box .product-parcel-img img { width: 30%;}
    .btn{width: 100%; margin-bottom: 10px;}
    #footer{text-align: center; position: static;}
    #footer .row{display: block;}
    #footer .btn {width: 90%; margin-top: 8px;}

    #createaccount .d-flex{display: block!important;}
    .label-print .nav-tabs li{display: inline-block;}
    .label-print .btn.btn-primary.ml-2 {margin-left: 0!important;}
    .calendar-div .form-inline{ flex-flow: row;}
    .dimension-box .form-control{width: 100%;}
    .h1, h1 { font-size: 2rem;}
    .negt-120 { margin-top: -162px;
        position: relative;
    }
}