/**

 * All of the CSS for your public-facing functionality should be

 * included in this file.

 */

#_bt_shipping_tracking_from {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 10px;

}

#_bt_shipping_tracking_from input {

  display: inline-block;

  width: auto;

  margin-right: 0.5rem !important;

  vertical-align: middle;

}

#_bt_shipping_tracking_from input[type="submit"] {

  display: inline-block;

  font-weight: 400;

  color: #212529;

  background-color: #000000;

  text-align: center;

  vertical-align: middle;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  border: 1px solid #dae0e5;

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  line-height: 1.5;

  border-radius: 0.25rem;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,

    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

#_bt_shipping_tracking_response {

  color: #212529;

  vertical-align: top;

  border-color: #dee2e6;

  border: 1px solid #dee2e6;

  border-collapse: collapse;

}

#_bt_shipping_tracking_response thead th {

  border-bottom-width: 2px;

  vertical-align: bottom;

  border: 1px solid #dee2e6;

  border-bottom: 2px solid #dee2e6;

}

#_bt_shipping_tracking_response td {

  padding: 0.75rem;

  vertical-align: top;

  border: 1px solid #dee2e6 !important;

}

#_bt_shipping_tracking_public .table-responsive {

  display: block;

  width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}



.bt_sync_shimpent_track_pincode_checker_wrap.classic #bt_sync_shimpent_track_pincode_checker {

  width: fit-content;

  display: flex;

  margin: 10px 0px;

  padding: 10px;

  border: 1px solid black;

  background-color: black;

  flex-flow: row wrap;

  box-sizing: content-box;

  max-width: 250px;

  min-width: 150px;

}



.bt_sync_shimpent_track_pincode_checker_wrap.realistic #bt_sync_shimpent_track_pincode_checker {

  width: fit-content;

  display: flex;

  margin: 10px 0px;

  padding: 10px;

  border: 1px solid black;

  background-color: black;

  flex-flow: row wrap;

  box-sizing: content-box;

  max-width: 250px;

  min-width: 150px;

}



.bt_sync_shimpent_track_pincode_checker_wrap.realistic #pin_input_box {

  border: none;;

}



.bt_sync_shimpent_track_pincode_checker_wrap.realistic #pin_input_box:focus{

  outline-width: 0px;

}



#bt_sync_shimpent_track_pincode_checker div:nth-child(1) {

  flex-basis: 100%;/*  make first take full width  */

}



#bt_sync_shimpent_track_pincode_checker  div:nth-child(2){

  flex: 1 1 0; 

}



#bt_sync_shimpent_track_pincode_checker button {

  margin: 0px 0px 0px 10px !important;

  /* padding: 10px !important; */

}

#bt_sync_shimpent_track_pincode_checker input {

  width: 100%;

  padding: 10px;

  border: 1px dotted black;

  margin: 0px;

}



@media (max-width: 450px) {

  /* #bt_sync_shimpent_track_pincode_checker{

    flex-direction: column;

  } */

}



/* Fix to prevent overiding of css by theme */

#bt_sync_shimpent_track_pincode_checker input{

	min-height:unset;

	font-size:inherit;

  height:100%;

  border-radius: 0px;

  box-sizing: border-box;

}

/* Fix to prevent overiding of css by theme */

#bt_sync_shimpent_track_pincode_checker button{

	min-width:unset;

	font-size:unset;

	padding:9px;

	min-height:unset;

  height:100%;

  border-radius: 0px;

  box-sizing: border-box;

}

 .bt_sst_shipping_timeline_order_tracking {

        display: flex;

        align-items: center;

        justify-content: center;

        flex-wrap: wrap;

        border: 1px solid #e0e0e0;

        border-radius: 8px;

        padding: 20px;

        background-color: #fff;

        max-width: 400px;

        /* margin: 20px auto; */

        font-family: Arial, sans-serif;

        gap: 10px;

        font-size: 15px;

        width: fit-content;

        min-width: 320px;

    }



    .bt_sst_shipping_timeline_order_tracking .step {

        text-align: center;

        flex: 1;

    }



    .bt_sst_shipping_timeline_order_tracking .icon {

        width: 32px;

        height: 32px;

        margin-bottom: 5px;

    }



    .bt_sst_shipping_timeline_order_tracking .label {

        font-weight: bold;

        color: #333;

    }



    .bt_sst_shipping_timeline_order_tracking .date {

        font-size: 14px;

        color: #777;

        margin-top: 4px;

    }



    .bt_sst_shipping_timeline_order_tracking .arrow {

        font-size: 24px;

        color: #555;

        margin: 0 5px;

    }



    /* Mobile responsiveness */

    @media (max-width: 480px) {

        .bt_sst_shipping_timeline_order_tracking {

            flex-direction: column;

            align-items: flex-start;

        }



        .bt_sst_shipping_timeline_order_tracking .step {

            width: 100%;

            display: flex;

            align-items: center;

            gap: 10px;

            text-align: left;

        }



        .bt_sst_shipping_timeline_order_tracking .icon {

            margin: 0;

        }



        .bt_sst_shipping_timeline_order_tracking .arrow {

            display: none;

        }



        .bt_sst_shipping_timeline_order_tracking .label,

        .bt_sst_shipping_timeline_order_tracking .date {

            margin: 0;

        }

    }