.countBox {
    color: #333;
}


 #total_cost {
    display: block;
    padding: 5px 20px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    max-width: 400px;
    background: #ED1C24;
    margin-top: 25px;
    border: 1px solid #ED1C24;
}



.remove_item {
    float: right;
    cursor: pointer;
    padding: 3px 15px;
    color: #fff;
    border-radius: 10px;
    background: #ED1C24;
    border: 1px solid #ED1C24;
}


.calc_box .btn {
    cursor: pointer;
    padding: 5px 15px;
    color: #fff;
    border-radius: 10px;
    background: #ED1C24;
    border: 1px solid #ED1C24;
}

 .answer_box {
 margin-top: 7px;
 display: block;
 }

 .answer_box input {
 border: 1px solid #eee;
 background: #eee;
 width: 50%;
 display: inline-block;
 box-shadow: none;
 }

.items li {
    list-style: none;
    margin-left: -15px;
    margin-bottom: 20px;
    max-width: 400px;
    background: #eeeeee;
    padding: 20px;
    border-radius: 10px;
}

.items li .actualWeight,
.items li .width,
.items li .height,
.items li .length{
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: none;
}

 .countBox {
 margin-bottom: 7px;
 }

 .d_box {
 display: inline-block; width: 100px; margin-right: 10px;
 }

 .d_box input {
width: 100%;
 }

 .ac_box { margin-bottom: 7px;}


 .specs_outer_box  { margin-top: 10px;}

 .specs_box  { 
  border-bottom: 0px solid #ccc; 
  margin-bottom: 7px; 
  display: block;}

 .calc_box label { font-weight: normal;}

 .origin_box, .destination_box {

 display: inline-block; 
 margin-right: 10px;  
 margin-top: 10px;
 }

 #feedback { }
 #selectable .ui-selecting { 
     background: #333333; 
       border: 1px solid #333333;
 }
 
 #selectable .ui-selected { 
     background: #333333; 
     color: white;
     border: 1px solid #333333;
     
 }
 
 #selectable { list-style-type: none; margin: 0; padding: 0;}
 
 #selectable li {
   margin: 3px; padding: 0.4em;
color: #fff;
   background: #ED1C24; 
   border: 1px solid #ED1C24;
   width: 200px;
   border-radius: 4px;
   cursor: pointer;
   display: inline-block;
   font-weight: bold;
 }

  #selectable li:hover  { 
      background: #333333; color: white;  
      border: 1px solid #333333;
  }


   select {

   padding: 7px;

   background: #f3f3f3; border: 1px solid #ccc;
   width: 210px;
   border-radius: 4px;
   cursor: pointer;
 }

 .calc_box table {
   border: none !important;
 }

 .calc_box ol {
   margin-left: -15px;
 }

 .calc_box td {
   padding: 0;
 }

 .calc_box #rates{
   padding-top: 5px;
 }




.left_rate span, .right_rate span {

display: block;
margin-bottom: 15px;
}

.left_rate {

float: left;
width: 45%;
}

.right_rate {
	float: right;
	width: 45%;
}

.rates {
margin-top: 40px;
}

.rates select, .rates input {
padding: 5px;
}

.rates button {
color: #fff;
padding: 5px;
border: 1px solid #072c56;
background: #072c56;
}

.label1 {
padding: 5px;
background: #ccc;
font-weight: bold;
}

.label2 {
padding: 5px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.add_rate_box .ibox {
  display: inline-block;
}