body{font-size:14px;font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;color:#333333;}
.vendor_box_main{border:1px solid #0e6586;width:100%;padding:20px; float:left;}
.refreshed{float:left;width:100%;padding:0px;border:1px solid #d6d6d6;background:#f0f0f0;line-height:33px;font-weight:bold}
.refreshed_col1{text-transform:uppercase;float:left;width:33%;padding:0px 10px;}
.refreshed_plain{float:left;width:33%;padding:0px 10px;}
.refreshed_col2{float:left ;width:15%;padding:0px 10px;}
.refreshed_col3{float:left;width:27%;padding:0px 10px;}
.refreshed_col4{float:left;width:25%;padding:0px 10px;}
.refreshed_btn{width:auto;background: #35baf2;padding: 4px 20px;text-align: center;margin:5px 0px 5px 0px ;line-height:normal}
.refreshed_btn a{color:#ffffff;text-decoration:none;text-transform:uppercase;line-height:normal}
.refreshed_btn_yellow{width: 169px;background: #0e6586;padding: 4px 0px;text-align: center;line-height:normal;margin:0px 0px 0px 0px ;}
.refreshed_btn_yellow a{color:#ffffff;text-decoration:none;text-transform:uppercase;line-height:normal;font-size:11px;}
.refreshed_btn_yellow:hover{cursor: pointer;}
.vendor_box{border:1px solid #d6d6d6;margin-top:10px;float:left;width:100%;background:#ffffff;}
.vendor_row1{line-height:25px;padding:5px 0px;float:left;width:100%;}
.vendor_box_head{font-weight:bold;text-transform:uppercase;padding-bottom:5px;background:#f0f0f0;padding:5px 10px ;border-bottom:1px solid #d6d6d6;}
.available_phoneno{text-transform:uppercase;color:#F00;line-height:22px;clear:both;font-weight:500;font-size:13px}
.available_phoneno span{padding-left:30px;}
.search_box{background:#f0f0f0;border:1px solid #d6d6d6;margin-top:20px;float:left;width:100%;}
.search_box_col1{width:9%;float:left;font-weight:bold;padding:0px 5px;}
.search_box_btn{float:left;width:16%;}
.search_box_main{padding:10px;float:left;width:auto}
.search_lable{font-weight:bold;font-size:12px;float:left;padding-bottom:5px;}
.search_box_col1 input{border:1px solid #d6d6d6;height:28px;width:100%;border-radius:3px;}
.search_btn{width:auto !important;padding:4px 20px;margin:34px 0px 0px 40px;}
.found{color:#0e6586;line-height:40px;}
.total_table{float:left;width:100%;clear:both;margin-top:20px;}
table.vendor_table  {
  border-collapse: collapse;
  width: 60%;margin-right:20px;float:left;background: #ffffff;
}
table.order_table{float:right;width:35%;border-collapse: collapse;background:#ffffff;}
.order_table td, .order_table th , .vendor_table td, .vendor_table th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.vendor_table th , .order_table th{background:#f0f0f0;font-weight:600}
.checkbox {
 display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;height: 18px;
}
/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;border:1px solid #cccccc;
}
/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.search_box_col1 select{width: 100%;border: 1px solid #d6d6d6;height: 28px; border-radius: 2px;}



.Purchase_box{border: 1px solid #0e6586;width: 100%;padding:0px;float: left;}
.purchase_result_box{float:left;width:100%;border-bottom:1px solid #0e6586;}
.purchase_result_box_half{width:49.9%;float:left;}
.purchase_box_head{font-size:16px;font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;color:#333333;text-align:center;text-transform:uppercase;padding:10px 0px;background:#f0f0f0;color:#0e6586;font-weight:500;border-bottom:1px solid #0e6586;clear:both;}

.purchase_box_subhead{font-size:13px;font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;color:#333333;text-align:center;text-transform:uppercase;padding:10px 0px;}
.purchase_box{border:1px solid #d6d6d6;height:150px;width:150px;margin:10px;border-radius:10px;float:left;}

.live_interview{float:right;margin-top:10px;margin-right:20px;}
.live_interview span{float:left;padding-right:10px;line-height:23px;}

.successfully_purchased .card-header {
  background: #155c9c;
border-bottom: 1px solid  #155c9c;
}
.successfully_purchased .card{border: 1px solid #155c9c;}


.nopurchase .card-header {background: #efb849;border-bottom:1px solid #efb849;}
.nopurchase .card{border: 1px solid #efb849;}

.abc{float: left;}

@media (min-width: 992px) and (max-width:1199px) {
  .container {

  width: 100%;
  margin: auto auto auto auto;
}
.search_box_btn {

  float: left;
  width: 19%;

}
.vendor_box_main{padding:10px;width:96%;}
.search_lable{font-size: 10px;}

}
@media (min-width: 768px) and (max-width: 991px) {
.container {

  width: 100%;
  margin: auto auto auto auto;

}
.r1{width: 19% !important;}
.search_box_col1{width: 10%;}
.search_box_col1_new{width: 10%;}
.vendor_box_main{padding:10px;width:96%;}
.refreshed_col1{width:25%;}
.refreshed_plain{width:25%}
.total_table div{float:left;}
table.order_table{float:left;width:auto;}

.search_lable{font-size: 10px;}

.a1 .col-md-12{margin-bottom: 10px;}
.refreshed_btn_yellow{margin-top: 10px !important;}
.second_table {margin-top: 10px;}
.search_box_btn{width: 22%;}
}
@media (max-width:576px){

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

.container {

  width: 100%;
  margin: auto auto auto auto;

}
.vendor_box_main{padding:10px;width:92%;}

.refreshed_btn{float: none;clear: both;width: auto;background: none;}
.refreshed_btn a{background: #35baf2;padding: 4px 20px;}
.refreshed_btn_yellow{margin:0px auto 10px ;float:none;width:160px !important;clear:both;}
.search_box_col1{width:45%;padding:0px 10px;}
.search_box_col1_new{width:45%;padding:0px 10px;}
.refreshed_btn_yellow{margin:10px auto 10px;}
table.order_table{float: left;width: auto;}
.second_table{margin-top:10px;}
.r1{width: 45% !important;}
.search_lable{padding:10px 0px;}


.live_interview .refreshed_btn_yellow {width: 240px !important;}
.live_interview span{padding-left: 10px;}
.purchase_result_box_half{width: 100%;}
.purchase_result_box_half{margin-bottom: 10px;}
.nopurchase .row{margin-right: 0px;}
.a1 .col-md-12{margin-right:15px;margin-left:15px;}
.purchase_detail_btn{margin-top: 10px;margin-right:20PX !important;}
.abc{float: none;}
}


@media (min-width: 319px) and (max-width: 479px) {

.container {

  width: 100%;
  margin: auto auto auto auto;

}

.vendor_box_main{padding:10px;width:92%;}
.refreshed{text-align:center;}
.refreshed_col1{width:100%;}
.refreshed_plain{width:100%;}
.refreshed .refreshed_col2{display:none;}
.refreshed_btn{float: none;clear: both;width: auto;background: none;}
.refreshed_btn a{background: #35baf2;padding: 4px 20px;}
.refreshed_col3{width:auto;text-align:center;float:none;}
.vendor_row1{text-align:center;}
.refreshed_col2{width:100%;}
.refreshed_btn_yellow{margin:0px auto 10px ;float:none;width:160px !important;}
.search_box_col1{width:100%;}
.search_box_col1_new{width:100%;}
.search_box_main{width:87%;}
.search_box_col1{padding:5px;}
.search_box_col1_new{padding:5px;}
.search_box_btn{width:100%;}

.second_table{margin-top:10px;}

table.order_table{float: left;width: auto;}
.r1{width: 100% !important;}


.live_interview .refreshed_btn_yellow {width: 240px !important;}
.live_interview span{padding-left: 10px;}
.purchase_result_box_half{width: 100%;}
.purchase_result_box_half{margin-bottom: 10px;}
.nopurchase .row{margin-right: 0px;}
.a1 .col-md-12{margin-right:15px;margin-left:15px;}
.purchase_detail_btn{margin-top: 10px;margin-right:20PX !important;}

.abc{float: none;}
}

.input_dollar{
	position: absolute;z-index: 1;line-height: 36px;padding: 0px 15px;background: #333;border-radius: 5px 0px 0px 5px;color: #ffffff;
}

/* after 24_June_2020 */

.field-container {
    /* position: relative; */
    width: 100%;
    padding: 10px;
}
.form_lb {
    width: 24%;
    float: left
}
.form_input {
    float: left
}
.radio_payment {
    margin-right: 30px;
    float: left;
}
.ipt_uif_question_title {
    font-weight: 400;
    font-size: 20px;
    display: block;
    color: #424242;
    margin: 0 0;
    clear: both;
}
.numbers-counter {
    background-color: #13303b;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    margin: 50px 0px;
    padding: 10px;
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
}

.numbers-counter>h1 {
    color: rgba(0, 0, 0, .54);
    font-size: 2.125rem;
    font-weight: 400;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.20588em;
    margin: 0;
}
.payment_head {
    font-size: 20px;
    color: #ffffff;
}
.payment_text {
    clear: both;
    font-size: 16px;
}
/*end: 24_June_2020  */

/* added at 29_July_2020 */
.search_box_col1_new{
  width: 9%;
  float: left;
  font-weight: bold;
  padding: 0px 10px;
}
.search_box_col1_new input{border:1px solid #d6d6d6;height:28px;width:100%;border-radius:3px;}
.search_box_col1_new select{width: 100%;border: 1px solid #d6d6d6;height: 28px; border-radius: 2px;}
.search_lable_new{
  / font-weight: bold; /
	font-size: 14px;
	float: left;
	/ padding-bottom: 5px; /
	font-weight: 400;
	margin: 5px;
}
.search_btn_new{
  width: auto !important;
	padding: 4px 20px;
	margin: 34px 0px 0px 30px;
}
.search_box_main_new{
  padding: 10px;
	float: left;
	width: auto;
	display: flex;
}
/* added at 29_July_2020 */