/* Background */
.bg-blue {
    background-color: #00ccff;
}

.bg-white {
    background-color: #ffffff;
}

.bg-grey {
    background-color: #cbcbcb;
}




/* Text */
@font-face {
    font-family: avenir-book;
    src: url(../assets/fonts/avenir/avenirltstd-book.otf);
}

div {
    font-family: avenir-book;
}

h5 {
    text-transform: uppercase;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.txt-white {
    color: #ffffff;
}

.txt-pink {
    color: #ff3399;
}

.type-grey {
    color: #cbcbcb;
}

.type-s {
    font-size: 12px;
}

.txt-c {
    text-align: center;
}

.txt-r {
    text-align: right;
}




/* Margin and padding */
.mbs {
    margin-bottom: 10px;
}

.mtn {
    margin-top: 0px;
}

.mts {
    margin-top: 10px;
}

.mtm {
    margin-top: 25px;
}

.mtl {
    margin-top: 40px;
}

.mtxl {
    margin-top: 75px;
}

.mvn {
    margin-top: 0px;
    margin-bottom: 0px;
}

.pas {
    padding: 10px;
}

.pbm {
    padding-bottom: 25px;
}

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

.pvs {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pvxl {
    padding-top: 75px;
    padding-bottom: 75px;
}




/* Display */
.display-inline-block {
    display: inline-block;
}

.hide-fully {
    display: none !important;
    visibility: hidden;
}




/* Borders */
.border-rounded {
    border-radius: 1rem;
}

.border-right {
    border-right: 1px solid #999999;
}




/* Other */
img {
    width: 100%;
}

.input-rounded {
    border-radius: .75rem;
    padding: .75rem;
    line-height: 1.5;
    display: block;
    width: 100%;
    border: none;
}

.fare-calculator > ::-webkit-input-placeholder {
   font-style: italic;
}

.fare-calculator > :-moz-placeholder {
   font-style: italic;
}

.fare-calculator > ::-moz-placeholder {
   font-style: italic;
}

.fare-calculator > :-ms-input-placeholder {
   font-style: italic;
}