#rd_sysf_left_main {
  width: 100%;
  left: 0;
  text-align: center;
}


#rd_sysf_brand_select_input {
  width: 100%;
}

.rd_sysf_standard_input input[type="text"], .rd_sysf_standard_input select, .rd_sysf_standard_input input[type="number"] {
  width: 100%;
  height: 40px;
  padding: 12px;
  margin-bottom: 8px;
  border: 1px solid #e0e0e0;
}

.rd_sysf_standard_input {
  display: none;
}

.rd_sysf_standard_label {
  margin-top: 16px;
}

#rd_sysf_search_results {
    width: 100%;
    max-height: 300px;
    overflow-y: scroll;
    text-align: left;
    font-size: 12px;
    background-color: #f3f3f3;
    margin-top: -7px;
}

.rd_sysf_search_single_result {
    line-height: 1em;
    padding: 12px;
    border-bottom: 1px solid #fff;
    color: #505050;
}

.rd_sysf_search_single_result:hover {
    background-color: #e0e0e0;
}

.rd_sysf_boxcondition_choice {
    /* display: inline-block;
    font-size: 20px;
    padding: 12px;
    color: #ec9897; */
    display: none;
}

.rd_sysf_boxcondition_choice:hover {
    color: #ea5b5a;
    cursor: pointer;
}

#rd_sysf_submit_div {
  margin-top: 53px;
}

#rd_sysf_submit_input {
    width: 100%;
    background-color: #ea5b5a;
    color: #fff;
    height: 40px;
    border: none;
}

#rd_sysf_submit_input:hover {
  cursor: pointer;
}


/*--------------*/
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset, .full { margin: 0; padding: 0; }

/****** Style Star Rating Widget *****/

.rating {
  border: none;
  float: left;
}

.rating > input { display: none; }
.rating > .full:before {
  margin: 5px;
  font-size: 28px;
  font-family: 'ElegantIcons';
  display: inline-block;
  content: "\e033";
}

.rating > .full {
  color: #ddd;
 float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ .full, /* show gold star when clicked */
.rating:not(:checked) > .full:hover, /* hover current star */
.rating:not(:checked) > .full:hover ~ .full { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + .full:hover, /* hover current star when changing rating */
.rating > input:checked ~ .full:hover,
.rating > .full:hover ~ input:checked ~ .full, /* lighten current selection */
.rating > input:checked ~ .full:hover ~ .full { color: #FFED85;  }


/*-----------*/
/* TABLE */
/*-----------*/
#rd_sysf_table_header {
  background-color: #ececec;
  padding: 8px;
  line-height: 1em;
}

/* #rd_sysf_table_existing_contents, #rd_sysf_table_new_contents {
  padding: 0 8px 0 8px;
} */

.rd_sysf_table_headers, .rd_sysf_items {
    display: inline-block;
    padding: 4px;
    font-size: 12px;
}

.rd_sysf_table_action, #rd_sysf_table_action {
    float: right;
}

@media only screen and (max-width: 600px) {
  .rd_sysf_table_action, #rd_sysf_table_action {
      float: none;
  }
}

#rd_sysf_table_brand, #rd_sysf_table_boxstyle, .rd_sysf_table_brand, .rd_sysf_table_boxstyle {
  width: 19%;
  vertical-align: middle;
}

#rd_sysf_table_model, .rd_sysf_table_model {
  width: 32%;
  vertical-align: middle;
}

#rd_sysf_table_qty, #rd_sysf_table_boxcondition, .rd_sysf_table_qty, .rd_sysf_table_boxcondition {
  width: 9%;
  vertical-align: middle;
}

.rd_sysf_content_line {
  border-bottom: 1px solid #e0e0e0;
  line-height: 1em;
  padding: 8px;
}

.rd_sysf_content_line:hover {
    background-color: #f9f9f9;
}

#rd_sysf_buttons {
  margin-top: 12px;
}

#rd_sysf_finish_adding, #rd_sysf_startover, #rd_sysf_finalsubmit_main, #rd_sysf_back_main {
  display: inline-block;
  margin-right: 12px;
}

#rd_sysf_finish_adding_btn:hover, #rd_sysf_startover_btn:hover, #rd_sysf_finalsubmit:hover, #rd_sysf_back:hover {
  cursor: pointer;
}

#rd_sysf_finish_adding_btn, #rd_sysf_finalsubmit {
  background-color: #ea5b5a;
  border: 1px solid #ea5b5a;
  color: #fff;
  padding: 8px 12px;
  font-size: 10px;
  letter-spacing: 1px;
}

#rd_sysf_startover_btn, #rd_sysf_back {
  background-color: #ffffff;
  border: 1px solid #ea5b5a;
  color: #ea5b5a;
  padding: 8px 12px;
  font-size: 10px;
  letter-spacing: 1px;
  }

.rd_sysf_table_action:hover {
  cursor: pointer;
}


#rd_sysf_additionalinfo {
    width: 100%;
    height: 80px;
    margin-bottom: 12px;
}

#rd_sysf_labels {
  width: 40px;
  height: 40px;
  border: 1px solid #bbbbbb;
  margin-top: 12px;
  text-align: center;
}

#rd_sysf_labels_main {
  margin-bottom: 20px;
}

.rd_sysf_one_half {
    width: 40%;
    display: inline-block;
    margin-right: 8%;
    margin-bottom: 20px;
    vertical-align: top;
}

.rd_sysf_customer_input {
  height: 32px;
  width: 100%;
  margin-bottom: 12px !important;
  border: 1px solid #bbbbbb !important;
}

.rd_sysf_customer_label {
  font-size: 12px;
  letter-spacing: 1px;
}

#rd_sysf_finalsubmit_loader {
  display: none;
}

#rd_sysf_finalsubmit_loader_img {
  vertical-align: middle;
}

.rd_sysf_tooltip_text {
  display: block;
  font-size: 12px;
  text-align: center;
}

.rd_sysf_tooltip_title {
  display: block;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.rd_sysf_tooltip_img {
  text-align: center;
}


#rd_sysf_brand_tooltip:after, #rd_sysf_brand_tooltip_two:after {
    content: "";
    border: 0.8em solid transparent;
    position: absolute;
    left: 45%;
    bottom: -20px;
    border-top: 10px solid #3380b6;
}


#rd_sysf_brand_tooltip, #rd_sysf_brand_tooltip_two {
    background-color: rgba(51, 128, 182, 0.94);
    color: #fff;
    padding: 4px;
    position: absolute;
    top: -20px;
    width: 180px;
    left: calc(50% - 90px);
    line-height: 1.2em;
    padding: 12px 0 12px 0;
    box-shadow: black;
}