/* landing */
.pre-services .item {width: 32%; float: left; border-radius: 5px; margin-bottom: 2%; padding:5px; background-color: #b0d235; color:#fff;}
.pre-services .item a{color:#fff; text-decoration: none; display: block;}
.pre-services .item div {text-align: center; padding: 20px 0; font-size: 16px;}
.pre-services .item span {text-align: right; display: block;}
.pre-services .item:nth-of-type(2), .pre-services .item:nth-of-type(5) {margin: 0 2%;}

/* order */
.repeat-medicine input.input-text, .repeat-barcode input.input-text {margin: 0 0 10px 0;}
.repeat-medicine input.input-text:last-child, .repeat-barcode input.input-text:last-child {margin: 0 0 0 0;}
.sample-barcode .sample-text {float: left; padding: 6px 3px 0px 0;}

.fieldset > #rep_pres_no > .field > .label {font-weight: 600}
.fieldset > #repeat_medication_process > .field > .label {font-weight: 600}
.fieldset > #repeat_medication_process > .field.required > .label:after {content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 5px;}

.fieldset > #repeat_medication_process > .field {
    margin: 0 0 20px;
}
.rep_pres_no {display: none}
#date_of_birth, #gp_surgery, #prescription_gp, #select_surgery, #delivery_mode, #actions_toolbar, #collect_pharmacy, #collect_pharmacy_1, #payment_status, #patient_address, #name_patient, #repeat_medication_like, #repeat_medication_process {display: none}

.order-repeat a#add_medicine {
    background-color: #b0d235;
    padding: 5px 10px;
    color: #fff;
    border: 1px solid #b0d235;
}
.order-repeat a#add_medicine:hover{text-decoration: none}
.medicine-list {
    width: 60%;
    border: 1px solid #000;
    display: flow-root;
    border-bottom: 0;
}
.medicine-list .label {
    padding-left: 5px;
}
.medicine-header {
    background-color: #b0d235;
    color: #fff;
    padding: 5px 0;
}
.medicine-header, .medicine-item {
    border-bottom: 1px solid #000;
    display: flow-root;
}

.medicine-header > .label, .medicine-item > .label {
    width: 80%;
    float: left;
}
.medicine-header > .action, .medicine-item > .action {
    width: 20%;
    float: left;
}
.medicine-list .action {
    text-align: center;
}
.clear{clear: both}