body {
    position:relative;
    background: inherit;
    margin-bottom: 100px;
}

.table.middle>tbody>tr>td, .table.middle>tbody>tr>th, .table.middle>tfoot>tr>td, .table.middle>tfoot>tr>th, .table.middle>thead>tr>td, .table.middle>thead>tr>th {
    vertical-align: middle;
}


td.text-center input{
    text-align: center;
}

td.text-right input{
    text-align: right;
}


tr .alert {
    margin-bottom: 0px;
}


.table tr.total-row th, .table tr.total-row td {
    border-top-width: 3px;
}

.checkbox {
    padding-top: 5px;
    padding-bottom: 5px;
}

.rhs {
    padding-right: 20px;
}

.row {
    width: 100%;
    margin: 20px 0 0 0;
}

.row .btn {
    margin: 0 auto;
    display: block;
    width: 350px;
}

.row .btn-large {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.row .btn-lookup {
    margin: 15px 0px 10px 45px;
    float:right;
    width:auto;
}
.row .btn-continue {
    margin: 0px 0px 10px 45px;
    float:right;
    clear: right;
    width:auto;
}

.customer .indemnity-signature canvas {
    border-style: groove;
    width: 90%;
}

label {
    font-size: 15px;
}




.new_customer_btn {
    float:right;
    margin: 15px 15px 0px 0px;
}

.indemnity_btn {
    margin: 0px 10px 10px 0px;
    float: right;
}

.indemnities {
    width:100%;
}

.indemnity-tools {
    width: 10%;
    float: right;
}

.indemnity-tools-glyph-top {
    margin: 100% 0px 0px 30px;
}
.indemnity-tools-glyph-bottom {
    margin: 0px 0px 10px 30px;
}

.bike-select {
}

.bike-selector {
    margin: 0 20% 0 20%;
    text-align: center;
}

/* .btn-primary { */
/*     color: #ffffff; */
/*     background-color: #008cba; */
/*     border-color: #0079a1; */
/* } */
/* .active { */
/*     color: #ffffff; */
/*     background-color: #00ccff; */
/*     border-color: #00ccff; */
/*     width: 100px; */
/* } */

.btn-primary.active {
    background-color: #00ccff;
}

.bike-select_btn_next {
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}

.bike-select_btn {
    margin: 0 auto;
    display: block;
    width: 30%;
    margin-top: 10px;
}

.ride_details_btn {
    float:right;
    margin: 15px 15px 0px 0px;
}

.ride_details_div {
    height: 150px;
    display: inline;
}
.ride_details_header_div {
    margin: 0px 0px 0px 0px;
    width: 270px;
    height: 100%;
}

.ride_details_bike_div {
    margin: 0px 0px 0px 90px;
    height: 100%;
}





/* better css */

/* ride-status */
.ride-status__top {
    width: 100%;
    height: 60px;
}
.ride-status__header {
    width: 50%;
    float:left;
}
.ride-status__row-ride_management {
    width: 50%;
    float:right;
    margin-top: 23px;
}
.ride-status__button {
    float:right;
    margin-right:10px;
}
.ride-status__button-capture {
    float:right;
}

.ride-status__body {
    width: 100%;
    display: table;
}
.ride-status__table {
    font-size: 14px;
}

.ride-status__column-ride {
    width:34%;
    border-right: 1px solid #dddddd;
}
.ride-status__column-riders {
    width:33%;
}
.ride-status__column-costs {
    width:33%;
    border-right: 1px solid #dddddd;
}

/* segments page */
.ride-status__bike_row {
    width:100%;
    margin-bottom: 10px;
}

.ride-status__bike_num {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.ride-status__bike_column {
    height:40px;
    width:50px;
    float:left;
}

.ride-status__glyphicon-info {
    font-size: 25px;
    line-height: 1.3;
}

.ride-status__glyphicon {
    font-size: 30px;
}


.ride-status__costs {
    width:300px;
    float:left;
}

.ride-status__accessories {
    padding-top: 15px;
    float:left;
}

/* .glyphicon { */
/*     font-size: 30px; */
/* } */

/* payments */
.payment__header {
    width: 100%;
    height: 60px;
}
.payment__column-details {
    width: 50%;
    float: left;
}
.payment__column-form {
    width: 50%;
    float: right;
}
.payment__submit_btn {
    float: right;
    margin-right: 15px;
}
.payment__back_btn {
    float: right;
    margin-right: 10px;
}

/* ride-details */
.ride-details__header {
    width: 100%;
    height: 60px;
}
.ride-details__header-details {
    width: 100%;
    height: 75px;
}
.ride-details__bikes-header {
    float: left;
}
.ride-details__edit_btn {
    margin: 16px 0px 0px 10px;
}
.ride-details__bikes {
    width: 100%;
}
.ride-details__column-details {
    width: 50%;
    float: right;
    padding-left:20px;
}
.ride-details__column-form {
    width: 50%;
    float: left;
    border-top: 0px;
    border-right: 1px solid #dddddd;
}

.ride-details__back_btn {
    float: right;
    margin-right: 10px;
}

/* add-customer */
.add-customer__header {
    width: 100%;
    height: 60px;
}

/* lookup-bike */
.lookup-bike__header {
    width: 100%;
    height: 60px;
}

/* lookup-customer */
.lookup-customer__header {
    width: 100%;
    height: 60px;
}
.lookup-customer__header-details {
    width: 100%;
    height: 75px;
}
.lookup-customer__bikes-header {
    float: left;
}
.lookup-customer__edit_btn {
    margin: 16px 0px 0px 10px;
}
.lookup-customer__bikes {
    width: 100%;
}
.lookup-customer__column-details {
    width: 30%;
    float: right;
    padding-left:20px;
}
.lookup-customer__column-form {
    width: 70%;
    float: left;
    border-top: 0px;
    border-right: 1px solid #dddddd;
}

.lookup-customer__button-form {
    float: right;
    margin: 10px 15px 0px 0px;
}

/* ride-summary */
.ride-summary__top {
    width: 100%;
    height: 60px;
}
.ride-summary__header {
    width: 50%;
    float:left;
}
.ride-summary__row-ride_management {
    width: 50%;
    float:right;
    margin-top: 23px;
}
.ride-summary__button {
    float:right;
    margin-right:10px;
}
.ride-summary__button-capture {
    float:right;
}

.ride-summary__body {
    width: 100%;
    display: table;
}
.ride-summary__table {
    font-size: 14px;
}

.ride-summary__column-ride {
    width:34%;
    border-right: 1px solid #dddddd;
}
.ride-summary__column-riders {
    width:33%;
}
.ride-summary__column-costs {
    width:33%;
    border-right: 1px solid #dddddd;
}

/* reporting */
.reporting__location {
    width:50%;
}

/* admin */
.admin__download_image {
    height:0px;
}
.admin__included {
    width:100%;
    margin-top: 3px;
    margin-left: 7px;
}

.admin__totals {
    width:100%;
    float:left;
    margin-top: 3px;
    margin-left: 10px;
}

.admin__totals--col1 {
    width:33%;
    float:left;
}

.admin__totals--col2 {
    width:33%;
    float:left;
}

.admin__totals--col3 {
    width:33%;
    float:left;
}

.admin__search {
    width:50%;
    float:left;
}
.admin__search--input {
    float:left;
    width: 90%;
}
.admin__search--button {
}

.admin__order_by {
    width:50%;
    float:left;
}
.admin__order_by--input {
    float:left;
    width: 82.84%;
}
.admin__order_by--button {
}

.admin__reporting {
}
.admin__reporting--input {
    float:left;
    width: 25%;
}
.admin__reporting--button {
}

.admin__table {
    width:100%;
}

.select-bikes__choice_button {
    width: 7.142857143%;
    margin-bottom: 5px;
}

.header__admin_container {
    width: 750px;
    margin: auto;
}
.header__staff_container {
    margin: auto;
}

.helmet__checkbox {
    width:40px;
    height:40px;
}