/**:not(input):not(textarea) {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}*/
/*td[class$='Box']{*/
/*color: #00d449;*/
/*}*/
.add-space {
    margin-bottom: 60px;
    /* border-bottom:1px solid #666; */
}

.redBox {
    background-color: #f44336;
    color: white;
}

.blueBox {
    background-color: #2196f3;
    color: white;
}

.yellowBox {
    background-color: #f4c936;
}

.orangeBox {
    background-color: #ff7549;
    color: white;
}

.greenBox {
    background-color: #4caf50;
    color: white;
}

.purpleBox {
    background-color: purple;
    color: white;
}

.pinkBox {
    background-color: pink;
    color: white;
}

.brownBox {
    background-color: brown;
    color: white;
}

.kidsBox {
    background-color: #0b9c94;
    color: white;
}

.item-description {
    color: grey;
}

.allowedit {
    -webkit-touch-callout: initial;
    -webkit-text-size-adjust: initial;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial;
}

.disableclicks {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

h1,
h2,
h3,
h4 {
    margin: 0;
}

a {
    color: #666;
    cursor: pointer;
}

#header-title {
    width: 60px !important;
    align-content: center;
}

.navbar {
    height: 44px;
}

.top-tab {
    position: absolute;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 500;
    align-items: center;
}

.page-mhd-home {
    margin-left: 16%;
    position: absolute;
}

.page-taxi-home {
    position: absolute;
    margin-left: 43%;
}

.page-limo-home {
    position: absolute;
    margin-left: 70%;
}

.mhd-btn {
    width: 50px;
}

.taxi-btn {
    width: 50px;
}

.limo-btn {
    width: 50px;
}

.taxi-home {
    background-color: #000;
}

.mhd-home {
    background-color: #9e0b0f;
}

.limo-home {
    background-color: #0c5267;
}

.top-tab .custombtn-row {
    width: 100%;
    align-self: center;
}

.top-tab .custombtn-row .mhd-link {
    margin-left: 22%;
    margin-top: 3px;
    float: left;
    height: 16px;
}

.top-tab .custombtn-row .taxi-link {
    margin-left: 10%;
    margin-top: 3px;
    float: left;
    height: 16px;
}

.top-tab .custombtn-row .limo-link {
    margin-left: 10%;
    margin-top: 3px;
    float: left;
    height: 16px;
}

.layout-white,
.layout-white .content-block,
.content-block.layout-white {
    background: white !important;
    color: #000;
}

.toolbar.messagebar {
    top: 44px;
    bottom: none;
}

.toolbar {
    height: 60px;
}

.toolbar:before {
    display: none;
}

.list-block .item-inner:after {
    background-color: inherit;
}

label.label-radio input[type="checkbox"]:checked~.item-inner,
label.label-radio input[type="radio"]:checked~.item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%2339d525'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}

i.icon.icon-bars {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 1 12 10'><path fill='%23fff' d='M0.887,1.191h10.226c0.49,0,0.887,0.397,0.887,0.887v0.004c0,0.49-0.396,0.887-0.887,0.887H0.887 C0.397,2.97,0,2.573,0,2.083V2.079C0,1.589,0.397,1.191,0.887,1.191z M0,6v0.004c0,0.49,0.397,0.887,0.887,0.887h10.226 c0.49,0,0.887-0.397,0.887-0.887V6c0-0.49-0.396-0.887-0.887-0.887H0.887C0.397,5.113,0,5.51,0,6z M0,9.917v0.005 c0,0.489,0.397,0.887,0.887,0.887h10.226c0.49,0,0.887-0.397,0.887-0.887V9.917c0-0.489-0.396-0.888-0.887-0.888H0.887 C0.397,9.029,0,9.428,0,9.917z'/></svg>");
    height: 16px;
    background-size: contain;
}

.toolbar i.icon {
    display: inline-block;
}

.popup,
.login-screen {
    z-index: 12000;
}

.popup .toolbar {
    position: absolute;
}

.popup .popup-header {
    position: relative;
    padding: 0 20px;
    background-color: #000;
}

.popup .popup-header .popup-title {
    height: 44px;
    line-height: 44px;
    font-size: 17px;
    color: #fff;
    text-align: center;
}

.popup .popup-header .close-popup-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.popup .popup-header .close-popup-icon>svg {
    width: 16px;
    height: 16px;
}

.popup .popup-header .close-popup-icon>svg use {
    fill: #fff;
}

.popup .popup-header .close-popup-icon>svg {
    position: relative;
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -ms-transform: translateY(15%);
    -o-transform: translateY(15%);
    transform: translateY(15%);
}

.popup .popup-scrollable {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    box-sizing: content-box;
}

.popup.toolbar-through .popup-scrollable {
    padding-bottom: 60px;
}

.popup.popup-fixed {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.popup .popup-button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.popup .popup-button>a {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
    border: none;
    background-color: #000;
    cursor: pointer;
}

.popup .popup-button>a,
.popup .popup-button>a * {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.popup .popup-button>a.text-normal,
.popup .popup-button>a *.text-normal {
    font-family: "Open Sans";
    font-weight: normal;
}

.popup .popup-button>a>.t {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding-left: 20px;
    padding-right: 35px;
}

.popup .popup-button>a>svg {
    width: 25px;
    height: 25px;
}

.popup .popup-button>a>svg use {
    fill: #fff;
}

.popup .popup-button>a>svg {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.popup .popup-button>a>.i {
    display: block;
}

.popup .popup-button>a.color-yellow {
    background-color: #008bff;
}

.popup .popup-button>a.color-yellow,
.popup .popup-button>a.color-yellow * {
    color: #000;
}

.popup .popup-button>a.color-yellow>svg {
    width: 25px;
    height: 25px;
}

.popup .popup-button>a.color-yellow>svg use {
    fill: #000;
}

.p-5l {
    padding-left: 5px;
}

.content-block.bg-white,
.page-content.bg-white {
    background: white;
}

.page-content.bg-gray {
    background-color: #dedede;
}

.page-content>.content-block {
    position: relative;
}

.page-content>.content-block.center-v {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.navbar:after {
    display: none;
}

.navbar i.icon.icon-back {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
}

#page-general-account-login .hp-form-block {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.toolbar .btn {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: block;
    height: 60px;
    line-height: 60px;
    border: none;
    background-color: #000;
    cursor: pointer;
    position: relative;
}

.toolbar .btn,
.toolbar .btn * {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    /*color: #fff;*/

    text-align: center;
    text-transform: uppercase;
}

.toolbar .btn.text-normal,
.toolbar .btn *.text-normal {
    font-family: "Open Sans";
    font-weight: normal;
}

.toolbar .btn>.t {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding-left: 20px;
    padding-right: 35px;
}

.toolbar .btn>svg {
    width: 25px;
    height: 25px;
}

.toolbar .btn>svg use {
    fill: #fff;
}

.toolbar .btn>svg {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.toolbar .btn>.i {
    display: block;
}

.toolbar .btn {
    color: white;
    background-color: #000;
}

/*.toolbar .btn.color-yellow, .toolbar .btn.color-yellow * {
      color: white; }*/

.toolbar .btn.color-yellow>svg {
    width: 25px;
    height: 25px;
}

.toolbar .btn.color-yellow>svg use {
    fill: #000;
}

.tabs-animated-wrap>.buttons-row {
    background-color: #000;
}

.tabs-animated-wrap>.buttons-row>.tab-link {
    flex-grow: 1;
    padding: 1em 0 65px 0;
    color: #fff;
    text-align: center;
}

.tabs-animated-wrap>.buttons-row>.tab-link.active {
    color: #008bff;
}

.tabs-animated-wrap>.tabs>.tab {
    position: relative;
}

.tabs-animated-wrap>.tabs>.tab .content-block {
    padding: 0;
    margin: 0;
}

.navbar a.icon-only,
.subnavbar a.icon-only,
.toolbar a.icon-only {
    /*This should make the clickable area bigger*/

    padding-top: 9px;
    padding-bottom: 9px;
}

.picker-modal {
    height: auto;
    /*background-color: #000;*/
    background-color: transparent;
}

#picker-date-container .picker-modal {
    background-color: white;
}

.picker-modal-inner {
    padding-bottom: 60px;
    background-color: black;
}

#picker-date-container .picker-modal-inner {
    padding-bottom: 0;
    background-color: transparent;
}

.picker-modal.cards-options .picker-modal-inner,
.picker-modal.messages-options .picker-modal-inner {
    padding-bottom: 0;
}

.picker-modal .hp-picker-header {
    border-bottom: 1px solid #333;
    position: relative;
    z-index: 500;
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: block;
    margin: 0;
    font-size: 14px;
    color: #666;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #000;
}

.picker-modal .hp-picker-header .hp-close-picker {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    transform: translateY(-45%);
    cursor: pointer;
}

.picker-modal .hp-picker-header .hp-close-picker i {
    font-size: 16px;
}

.picker-modal .hp-picker-header .hp-close-picker>svg {
    width: 16px;
    height: 16px;
}

.picker-modal .hp-picker-header .hp-close-picker>svg use {
    fill: #fff;
}

.picker-modal .hp-picker-header .hp-close-picker>svg {
    position: relative;
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -ms-transform: translateY(15%);
    -o-transform: translateY(15%);
    transform: translateY(15%);
}

.picker-modal .hp-picker-header.info {
    padding-left: 15px;
    padding-right: 60px;
    color: #000;
    text-align: left;
    text-transform: none;
    background-color: #fff;
}

.picker-modal .hp-picker-header.info .left-icon {
    position: relative;
    -webkit-transform: translateY(-7%);
    -moz-transform: translateY(-7%);
    -ms-transform: translateY(-7%);
    -o-transform: translateY(-7%);
    transform: translateY(-7%);
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 5px;
    border: 2px solid #000;
    border-radius: 50%;
    text-align: center;
}

.picker-modal .hp-picker-header.info .left-icon i {
    position: relative;
    top: 1px;
    font-size: 11px;
}

.picker-modal .hp-picker-header.info .left-icon.icon-gray {
    border-color: #666;
}

.picker-modal .hp-picker-header.info .left-icon.icon-red {
    border-color: #f14949;
}

.picker-modal .hp-picker-header.info .left-icon.icon-darkred {
    border-color: #8d1313;
}

.picker-modal .hp-picker-header.info .left-icon.icon-blue {
    border-color: #205f9e;
}

.hp-picker-button {
    position: relative;
    padding: 0;
    margin: 0;
    float: left;
    width: 50%;
    border-bottom: 1px solid #333;
    /*border: 1px solid #666;*/
    /*margin-top:-1px;*/

    height: 60px;
    line-height: 60px;
    padding: 0;
    padding-left: 13px;
    padding-bottom: 1px;
    font-family: "Open Sans", sans-serif;
}

.hp-picker-button.centered {
    padding-left: 0;
    text-align: center;
}

.hp-picker-button.full-size {
    text-align: center;
    width: 100%;
}

.hp-picker-button.hidden {
    display: none;
}

.hp-picker-button>p {
    padding: 0;
    margin: 0;
}

.hp-picker-button>p>a {
    margin: 0;
    position: relative;
    font-size: 16px;
    color: #fff;
    background-color: #000;
    cursor: pointer;
}

.hp-picker-button.with-right-border {
    border-right: 1px solid #333;
}

.hp-picker-button.only-icon {
    border-left: 1px solid #333;
}

.hp-picker-button>* a i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /*color: #dedede;*/
    padding-right: 5px;
}

.picker-modal.cards-options .hp-picker-button>* a i {
    font-size: 22px;
}

.hp-picker-button.only-icon>* a {
    position: static;
}

.hp-picker-button.only-icon>* a i {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hp-picker-button>* a span {
    padding-left: 30px;
}

.hp-picker-button.without-icon>* a span {
    padding-left: 0;
}

.hp-picker-button.active {
    border: 1px solid #008bff;
}

.hp-mode-emer .hp-picker-button.active {
    border: 1px solid #f14949;
}

.hp-picker-button.active span,
.hp-picker-button.active i {
    color: #008bff;
}

.hp-mode-emer .hp-picker-button.active span,
.hp-mode-emer .hp-picker-button.active i {
    color: white;
}

.hp-picker-button .hp-picker-button-active-icon {
    border-radius: 0 0 7px 0;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: #008bff;
    color: black;
}

.hp-mode-emer .hp-picker-button .hp-picker-button-active-icon {
    background: #f14949;
    color: white;
}

.hp-picker-button.active .hp-picker-button-active-icon {
    display: block;
    text-align: left !important;
}

.hp-picker-button.active .hp-picker-button-active-icon i {
    font-size: 0.7em !important;
    padding-left: 2px;
    color: black;
}

.hp-mode-emer .hp-picker-button.active .hp-picker-button-active-icon i {
    color: white;
}

/*.hp-picker-button.active > * a:before{
        content: '';
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        width: 16px;
        height: 16px;
        display: block;
        border-bottom-right-radius: 5px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…00%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E);
        background-color: #008bff;
        background-size: 60% auto;
      }*/

.hp-picker-button.hp-col-40 {
    width: 40%;
}

.hp-picker-button.hp-col-20 {
    width: 20%;
}

.picker-modal .hp-picker-icons-bar {
    display: flex;
    flex: 1 100%;
    border-top: 1px solid #666;
}

.picker-modal .hp-picker-icons-bar>* {
    position: relative;
    width: 25%;
    height: 59px;
    display: block;
}

.picker-modal .hp-picker-icons-bar>*>i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 22px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.picker-modal .hp-taxi-driver {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    color: #fff;
    font-size: 0;
}

.picker-modal .hp-taxi-driver>* {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.picker-modal .hp-taxi-driver .name {
    font-size: 17px;
}

.picker-modal .hp-taxi-driver .rating {
    font-size: 14px;
    text-align: right;
}

.picker-modal .hp-taxi-driver .rating .value {
    font-size: 17px;
}

.picker-modal .hp-taxi-driver .rating .value.green {
    color: #8cd939;
}

.picker-modal .hp-taxi-driver .rating .value.red {
    color: #f14949;
}

.picker-modal .hp-taxi-info {
    position: relative;
}

.picker-modal .hp-taxi-info .text-wrap {
    color: #fff;
}

.picker-modal .hp-taxi-info .text-wrap>*:first-child {
    padding-top: 0;
}

.picker-modal .hp-taxi-info .text-wrap>*:last-child {
    padding-bottom: 0;
}

.picker-modal .hp-taxi-info .text-wrap .border {
    display: inline-block;
    padding: .5em .8em;
    border: 1px solid #fff;
    border-radius: .2em;
}

.picker-modal .hp-taxi-info .text-wrap .large {
    font-size: 17px;
}

.picker-modal .hp-taxi-info .text-wrap .larger {
    font-size: 19px;
}

.picker-modal .hp-taxi-info.teaser-big {
    border-top: 1px solid #666;
    height: 200px;
    padding: 20px;
}

.picker-modal .hp-taxi-info.teaser-big::after {
    clear: both;
    content: "";
    display: table;
}

.picker-modal .hp-taxi-info.teaser-big .image-wrap {
    position: relative;
    float: left;
    width: 50%;
    max-width: 200px;
    padding-right: 20px;
}

.picker-modal .hp-taxi-info.teaser-big .image-wrap .color {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-40%, -40%);
    -moz-transform: translate(-40%, -40%);
    -ms-transform: translate(-40%, -40%);
    -o-transform: translate(-40%, -40%);
    transform: translate(-40%, -40%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /*box-shadow: 0 0 0 4px #000;*/
}

.picker-modal .hp-taxi-info.teaser-big .text-wrap {
    overflow: hidden;
}

.picker-modal .hp-taxi-info.teaser-big .text-wrap>* {
    padding: .4em 0;
}

.picker-modal .hp-taxi-info.teaser-big.inverse {
    background-color: #fff;
}

.picker-modal .hp-taxi-info.teaser-big.inverse .image-wrap .color {
    /*box-shadow: 0 0 0 4px #fff;*/
}

.picker-modal .hp-taxi-info.teaser-big.inverse .text-wrap {
    color: #000;
}

.picker-modal .hp-taxi-info.teaser-big.inverse .text-wrap .border {
    border-color: #000;
}

.picker-modal .hp-taxi-info.teaser-small {
    padding: 20px;
    font-size: 0;
}

.picker-modal .hp-taxi-info.teaser-small>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.picker-modal .hp-taxi-info.teaser-small .image-wrap {
    position: relative;
    width: 80px;
    padding-right: 20px;
}

.picker-modal .hp-taxi-info.teaser-small .image-wrap img {
    border-radius: 5px;
}

.picker-modal .hp-taxi-info.teaser-small .image-wrap .color {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-40%, -40%);
    -moz-transform: translate(-40%, -40%);
    -ms-transform: translate(-40%, -40%);
    -o-transform: translate(-40%, -40%);
    transform: translate(-40%, -40%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    /*box-shadow: 0 0 0 3px #000;*/
}

.picker-modal .hp-taxi-info.teaser-small .text-wrap>* {
    padding: .1em 0;
}

.picker-modal .hp-taxi-info.teaser-small .icons-wrap {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35%;
    font-size: 0;
}

.picker-modal .hp-taxi-info.teaser-small .icons-wrap>* {
    position: relative;
    width: 50%;
    height: 49px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.picker-modal .hp-taxi-info.teaser-small .icons-wrap>*>svg {
    width: 25px;
    height: 25px;
}

.picker-modal .hp-taxi-info.teaser-small .icons-wrap>*>svg use {
    fill: #fff;
}

.picker-modal .hp-taxi-info.teaser-small .icons-wrap>*>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.picker-modal .hp-taxi-info.teaser-small.inverse {
    background-color: #fff;
}

.picker-modal .hp-taxi-info.teaser-small.inverse .image-wrap .color {
    /*box-shadow: 0 0 0 3px #fff;*/
}

.picker-modal .hp-taxi-info.teaser-small.inverse .text-wrap {
    color: #000;
}

.picker-modal .hp-taxi-info.teaser-small.inverse .text-wrap .border {
    border-color: #000;
}

.picker-modal .hp-tips-swiper {
    height: 150px;
    position: relative;
    border-top: 1px solid #666;
}

.picker-modal .hp-tips-swiper:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -15%);
    -moz-transform: translate(-50%, -15%);
    -ms-transform: translate(-50%, -15%);
    -o-transform: translate(-50%, -15%);
    transform: translate(-50%, -15%);
    width: 40px;
    height: 49px;
    display: block;
    background: url("../img/like.png") no-repeat center center;
    background-size: contain;
}

.picker-modal .hp-tips-swiper .close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 50;
}

.picker-modal .hp-tips-swiper .close>svg {
    width: 15px;
    height: 15px;
}

.picker-modal .hp-tips-swiper .close>svg use {
    fill: #666;
}

.picker-modal .hp-tips-swiper .swiper-slide {
    padding: 30px 70px 0px 70px;
    color: #fff;
    text-align: center;
}

.picker-modal .hp-tips-swiper .swiper-slide .text {
    font-size: 17px;
    line-height: 1.86em;
    height: 3.72em;
    overflow: hidden;
}

.picker-modal .hp-tips-swiper .swiper-slide .btn {
    min-width: 120px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    padding: 0 .5em;
    border: 1px solid #666;
    border-radius: 18px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.picker-modal .hp-tips-swiper .swiper-button-prev,
.picker-modal .hp-tips-swiper .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23666'%2F%3E%3C%2Fsvg%3E");
}

.picker-modal .hp-tips-swiper .swiper-button-next,
.picker-modal .hp-tips-swiper .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23666'%2F%3E%3C%2Fsvg%3E");
}

.picker-modal #extra-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background-color: #000;
}

.icon-right {
    text-align: right;
}

.icon-white {
    color: #fff;
}

.icon-black {
    color: #000;
}

.icon-gray {
    color: #666;
}

.icon-red {
    color: #f14949;
}

.icon-darkred {
    color: #8d1313;
}

.icon-blue {
    color: #205f9e;
}

.icon-size-normal {
    font-size: 20px;
}

.label-switch {
    width: 38px;
    height: 23px;
    border-radius: 0;
}

.label-switch .hp-checkbox {
    width: 38px;
    display: block;
}

.label-switch .hp-checkbox:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 10px;
    border-radius: 5px;
    display: block;
    background-color: #d0d0d0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.label-switch .hp-checkbox:after {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    right: auto;
    width: 21px;
    height: 21px;
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #c1c1c1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.label-switch input[type="checkbox"],
.label-switch input[type="radio"] {
    display: none;
}

.label-switch input[type="checkbox"]:checked+.hp-checkbox:before,
.label-switch input[type="radio"]:checked+.hp-checkbox:before {
    background-color: #3da82f;
}

.label-switch input[type="checkbox"]:checked+.hp-checkbox:after,
.label-switch input[type="radio"]:checked+.hp-checkbox:after {
    left: 15px;
    background-color: #39d525;
}

.hp-floating-button {
    border-bottom: 2px solid #bbb;
    position: absolute;
    bottom: 32px;
    width: 62px;
    height: 62px;
    display: block;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    z-index: 999;
}

.speed-dial-buttons .hp-floating-button {
    background-color: white !important;
}

.floating-button {
    background-color: white !important;
}

.hp-floating-button.mhd-theme {
    text-align: center;
    font-size: 13px;
    line-height: 59px;
    color: white;
    background: #7b1515;
    border-radius: 30%;
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    text-transform: uppercase;
}

.hp-floating-button.size-big {
    border-radius: 50%;
}

.hp-floating-button.size-big i {
    font-size: 36px;
}

.hp-floating-button.size-big-long {
    border-radius: 10px !important;
}

.hp-floating-react-button {
    position: absolute;
    margin-left: 30%;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    line-height: 50px;
    color: white;
    bottom: 40px;
    width: 120px;
    height: 50px;
    display: block;
    border-radius: 25%;
    background-color: #9e0b0f;
    cursor: pointer;
    z-index: 999;
}

.hp-floating-button>svg {
    width: 25px;
    height: 25px;
}

.hp-floating-button>svg use {
    fill: #000;
}

.hp-floating-button>i {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    font-size: 26px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hp-mode-taxi .hp-floating-button.size-big {
    background-color: #008bff;
}

.hp-mode-taxi .hp-floating-button.size-big i {
    color: #000;
}

.hp-mode-limo .hp-floating-button.size-big {
    background-color: #fff;
}

.hp-mode-limo .hp-floating-button.size-big i {
    color: #1e4d71;
}

.hp-mode-mhd .hp-floating-button.size-big {
    background-color: #7b1515;
}

.hp-mode-mhd .hp-floating-button.size-big i {
    color: #fff;
}

.hp-mode-emer .hp-floating-button.size-big {
    background-color: #f14949;
}

.hp-mode-emer .hp-floating-button.size-big i {
    color: #fff;
}

.hp-floating-button.color-white {
    background-color: white;
}

.hp-mode-mhd .picker-modal,
.hp-mode-mhd .picker-modal-inner {
    background-color: #efeff4;
}

.hp-mode-mhd .hp-picker-header {
    background: white;
    color: black;
    border-color: #ccc;
}

/*.hp-floating-button .color-red:after{
    background-color: #9e0b0f;
  }*/

.btn_stop {
    position: absolute;
    bottom: 40px;
    width: 150px;
    height: 50px;
    background-color: #9E0B0E;
    margin-left: 27%;
    display: block;
    padding: 15px 0;
    border-radius: 40px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    margin-top: 20px;
    text-align: center;
    z-index: 1000 !important;
}

.hp-floating-button.size-big {
    bottom: 18px;
    width: 88px;
    height: 88px;
}

.hp-floating-button.size-big>svg {
    width: 40px;
    height: 40px;
}

.hp-floating-button.size-big>svg use {
    fill: #000;
}

.hp-floating-button.size-big-long {
    bottom: 25px;
    width: 160px;
    height: 80px;
}

.hp-floating-button.size-big-middle {
    bottom: 32px;
    width: 43%;
    height: 62px;
}

.hp-floating-button.pos-left {
    left: 19%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hp-mode-mhd .hp-floating-button.pos-left {
    left: 14%;
}

.hp-floating-button.pos-right {
    right: 19%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}

.hp-mode-mhd .hp-floating-button.pos-right {
    right: 14%;
}

.hp-floating-button.pos-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hp-input-text {
    background-color: white;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 50px;
}

.hp-input-text:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.hp-input-text:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 2px solid #bbb;
}

.hp-input-text input {
    padding-top: 8px !important;
    font-size: 1em !important;
    height: 35px;
}

.hp-input-text .hp-input-title {
    color: #777;
    font-size: 0.6em;
    text-align: center;
    text-transform: uppercase;
}

.hp-input-text .hp-input-address {
    color: #222;
    font-size: 1em;
    text-align: center;
}

.hp-input-text .hp-input-address.placeholder {
    color: #bbb;
}

.hp-input-text .hp-input-time-box {
    padding-top: 0.6em;
}


.hp-input-text-search {
    background-color: white;
    color: black;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 57px;
}

.hp-input-text-search:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.hp-input-text-search:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 2px solid #bbb;
}

.hp-input-text-search input {
    position: relative;
    top: 5px;
    /*padding-top: 8px !important;*/
    font-size: 1em !important;
    /*height: 35px;*/
}

.hp-input-text-search .hp-input-title {
    color: #777;
    font-size: 0.6em;
    text-align: center;
    text-transform: uppercase;
}

.hp-input-text-search .hp-input-address {
    color: #222;
    font-size: 1em;
    text-align: center;
}

.hp-input-text-search .hp-input-address.placeholder {
    color: #bbb;
}

.hp-input-text-search .hp-input-time-box {
    padding-top: 0.6em;
}


#hp-location-order-box .hp-input-address,
#hp-location-ordercheckout-box .hp-input-address {
    padding-top: 0.5em;
    text-align: left;
}

.hp-input-text .hp-input-time-box .hp-input-time-value,
.hp-input-text-search .hp-input-time-box .hp-input-time-value {
    color: #222;
    font-size: 0.9em;
    line-height: 0.9em;
    text-align: center;
    font-weight: bold;
}

.hp-input-text .hp-input-time-box .hp-input-time-type,
.hp-input-text-search .hp-input-time-box .hp-input-time-type {
    color: #777;
    font-size: 0.6em;
    line-height: 0.8em;
    text-align: center;
}

.hp-input-text .hp-input-icon-box,
.hp-input-text-search .hp-input-icon-box {
    padding-top: 0.55em;
    padding-left: 18px;
    padding-right: 18px;
}

.hp-input-text .hp-location-left,
.hp-input-text-search .hp-location-left {
    float: left;
    width: 15%;
}

.hp-input-text .hp-location-center,
.hp-input-text-search .hp-location-center {
    float: left;
    width: 70%;
}

.hp-input-text .hp-location-right,
.hp-input-text-search .hp-location-right {
    float: right;
    width: 15%;
}

#hp-location-confirm-box .hp-location-center {
    width: 80%;
}

#hp-location-confirm-box .hp-location-right {
    width: 0%;
}

.hp-input-text .hp-input-bullet {
    width: 20px;
    height: 50px;
    margin-left: 10px;
    /*width: 1px;
    margin: 0 15px;
    position: relative;
    width: 10px;
    height: 10px;
    background: #666;
    border-radius: 50%;
    margin-top: 6px;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;*/
}

.hp-location-start .hp-input-bullet {
    background: url(../img/path-start.png) no-repeat center left;
    background-size: 15px auto;
}

.hp-location-end .hp-input-bullet {
    background: url(../img/path-end.png) no-repeat center left;
    background-size: 15px auto;
}

.hp-keep-text-inline {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.clear-float {
    clear: both;
}

.hp-item {
    padding: 20px 20px;
}

.hp-item.selectable {
    position: relative;
    border: 4px solid #fff;
}

.hp-item.selectable.active {
    border-color: #008bff;
    /*box-shadow: 0 0 0 1px #008bff;*/
}

.hp-item.selectable.active:before {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    display: block;
    border-bottom-right-radius: 7px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
    background-color: #008bff;
    background-size: 60% auto;
    top: -4px;
    left: -4px;
}

.hp-item-message {
    display: flex;
}

/*.hp-item-message .image-wrap {
    width: 15%;
    display: block; }
    .hp-item-message .image-wrap img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block;
      border-radius: 50%; }*/

.hp-item-message .text-wrap {
    position: relative;
    width: 80%;
    padding-left: 30px;
}

.hp-item-message .text-wrap>.inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 60px;
}

.hp-item-message .text-wrap>.inner>* {
    vertical-align: middle;
}

.hp-item-message .text-wrap .name {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
}

.hp-item-message .text-wrap .message-preview {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.hp-item-message .text-wrap .time {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 22.1px;
    font-size: 13px;
    color: #666;
}

.hp-item-message a {
    font-size: 17px;
    color: #000000;
}

.hp-item-taxi .driver-info {
    display: flex;
}

.hp-item-taxi .driver-info>* {
    position: relative;
    padding: 0 5px;
    border-left: 2px solid #dedede;
}

.hp-item-taxi .driver-info>*>.inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hp-item-taxi .driver-info>*:first-child {
    border-left: none;
}

.hp-item-taxi .driver-info>*:last-child {
    padding-right: 0;
}

.hp-item-taxi .driver-info>*.name {
    width: 45%;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 19px;
}

.hp-item-taxi .driver-info>*.rating>*,
.hp-item-taxi .driver-info>*.distance>* {
    line-height: 1.1em;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    display: block;
    text-align: center;
}

.hp-item-taxi .driver-info>*.rating>*.val.color-red,
.hp-item-taxi .driver-info>*.distance>*.val.color-red {
    color: #c22e00;
}

.hp-item-taxi .driver-info>*.rating>*.val.color-orange,
.hp-item-taxi .driver-info>*.distance>*.val.color-orange {
    color: #ff7200;
}

.hp-item-taxi .driver-info>*.rating>*.val.color-green,
.hp-item-taxi .driver-info>*.distance>*.val.color-green {
    color: #1db500;
}

.hp-item-taxi .driver-info>*.rating>*.label,
.hp-item-taxi .driver-info>*.distance>*.label {
    font-size: 11px;
    color: #666;
}

.hp-item-taxi .driver-info>*.rating {
    width: 80px;
}

.hp-item-taxi .driver-info>*.ctas {
    width: 100px;
}

.hp-item-taxi .driver-info>*.ctas .inner {
    text-align: center;
    white-space: nowrap;
}

.hp-item-taxi .driver-info>*.ctas .inner>* {
    position: relative;
    display: inline-block;
    padding: 0 5px;
}

.hp-item-taxi .driver-info>*.ctas .inner>*>svg {
    width: 25px;
    height: 25px;
}

.hp-item-taxi .driver-info>*.ctas .inner>*>svg use {
    fill: #000;
}

.hp-item-taxi .driver-info>*.distance {
    width: 40px;
}

.hp-item-taxi .taxi-info {
    display: flex;
    padding: 20px 20px;
    padding: 20px 0 0 0;
}

.hp-item-taxi .taxi-info .image-wrap {
    position: relative;
    width: 55%;
    max-width: 200px;
    padding-right: 20px;
}

.hp-item-taxi .taxi-info .image-wrap .color {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-40%, -40%);
    -moz-transform: translate(-40%, -40%);
    -ms-transform: translate(-40%, -40%);
    -o-transform: translate(-40%, -40%);
    transform: translate(-40%, -40%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /*box-shadow: 0 0 0 4px #fff;*/
}

.hp-item-taxi .taxi-info .text-wrap {
    width: 50%;
    font-size: 13px;
}

.hp-item-taxi .taxi-info .text-wrap>* {
    padding: .2em 0;
}

.hp-item-taxi .taxi-info .text-wrap>*:first-child {
    padding-top: 0;
}

.hp-item-taxi .taxi-info .text-wrap>*:last-child {
    padding-bottom: 0;
}

.hp-item-taxi .taxi-info .text-wrap .border {
    display: inline-block;
    padding: .4em .8em .2em .8em;
    border: 1px solid #000;
    border-radius: .2em;
}

/*.hp-message-box {
    position: relative;
    display: block;
    padding: 25px 20px 20px 20px;
    margin-top: 15px;
    border-radius: 6px;
    color: #000;
    text-decoration: none;
    text-align: center;
    background-color: #dedede;
}
.hp-message-box.white {
    background-color: #fff;
}
.hp-message-box.white:before {
    border-color: #ededed;
    background-color: #fff;
}
.hp-message-box.white .hp-info-icon {
    border-color: #ededed;
    background-color: white;
}*/
.hp-info-box {
    margin-top: -40px;
    margin-bottom: 10px;
    z-index: 2;
    display: block;
}

.hp-info-box-right {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 2;
    display: block;
}

.hp-info-icon {
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #fff;
    width: 30px;
    height: 30px;
    background-color: #dedede;
}

.hp-info-icon i {
    line-height: 25px;
    font-size: 15px;
    height: 30px;
}

.hp-block-taxi-rating {
    padding: 25px 20px;
    color: #fff;
    background-color: #000;
}

.hp-block-taxi-rating .name {
    padding-bottom: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 19px;
    text-align: center;
}

.hp-block-taxi-rating .rating {
    display: flex;
    padding: 15px 0;
}

.hp-block-taxi-rating .rating>* {
    position: relative;
    width: 50%;
    display: block;
    font-size: 22px;
}

.hp-block-taxi-rating .rating>*:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    display: block;
}

.hp-block-taxi-rating .rating>*.like {
    color: #8cd939;
}

.hp-block-taxi-rating .rating>*.like:before {
    right: 10px;
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%238cd939' d='M17.944,10.338l-0.193-0.084l0.07-0.199c0.088-0.253,0.131-0.522,0.131-0.8c0-1.115-0.695-1.989-1.586-1.989h-2.92 l0.295-0.37c1.35-1.684,1.971-3.098,1.848-4.201c-0.23-2.075-1.85-2.67-2.672-2.694c-0.158,0.002-0.309,0.067-0.408,0.18 c-0.107,0.119-0.156,0.277-0.133,0.434c0.006,0.052,0.146,1.251-1.018,2.503c-0.186,0.199-0.434,0.353-0.777,0.563 c-0.498,0.307-1.179,0.724-2.054,1.55C7.445,6.252,5.738,7.545,5.055,8.054L4.994,8.099h-3.45c-0.145,0-0.28,0.056-0.382,0.158 C1.059,8.359,1.003,8.496,1.003,8.641l0.016,7.742c0,0.298,0.243,0.54,0.541,0.54h3.115l0.068,0.1 c1.263,1.854,3.056,2.962,4.798,2.962h2.918c0.041,0,0.078-0.005,0.113-0.014l0.051-0.013l0.051,0.011 C12.768,19.989,12.86,20,12.948,20h2.342c0.891,0,1.586-0.874,1.586-1.989c0-0.262-0.039-0.515-0.117-0.752l-0.066-0.2l0.193-0.082 c0.637-0.27,1.066-1.023,1.066-1.874c0-0.258-0.039-0.51-0.117-0.749l-0.063-0.195l0.188-0.083c0.631-0.279,1.037-1.013,1.037-1.867 C18.997,11.364,18.575,10.613,17.944,10.338 M16.366,8.063c0.473,0,0.789,0.615,0.789,1.191c0,0.575-0.316,1.191-0.789,1.191h-4.1 c-0.473,0-0.789-0.616-0.789-1.191c0-0.576,0.316-1.191,0.789-1.191H16.366z M11.735,18.873l0.125,0.313H9.541 c-1.828,0-3.411-1.463-4.283-2.833l-0.005-0.009l-0.02-0.044c-0.034-0.104-0.132-0.176-0.243-0.176H1.815L1.8,8.896h3.372 c0.055,0,0.107-0.018,0.153-0.051c0.575-0.424,2.543-1.896,3.75-3.036c0.807-0.764,1.424-1.143,1.92-1.448 c0.369-0.228,0.689-0.423,0.947-0.702c0.887-0.955,1.152-1.915,1.217-2.552l0.031-0.292l0.275,0.102 C14,1.113,14.665,1.598,14.797,2.782c0.113,1.025-0.818,2.733-2.494,4.567L12.25,7.406L12.176,7.42 c-0.535,0.097-1,0.479-1.246,1.022l-0.016,0.035l-0.025,0.028c-0.051,0.053-0.076,0.125-0.068,0.198l0.004,0.038l-0.01,0.038 C10.77,8.959,10.75,9.111,10.75,9.258c0,0.158,0.021,0.322,0.066,0.499l0.01,0.039l-0.004,0.039 c-0.076,0.799-0.307,1.482-0.686,2.029c-0.529,0.769-1.327,1.233-2.37,1.383c-0.068,0.01-0.128,0.045-0.169,0.101 C7.558,13.402,7.54,13.47,7.55,13.536c0.018,0.126,0.126,0.221,0.252,0.221c0.011,0,0.023-0.001,0.035-0.002 c0.874-0.125,1.604-0.451,2.169-0.969l0.256-0.232l0.113,0.325c0.129,0.365,0.35,0.672,0.645,0.888l0.176,0.129l-0.121,0.182 c-0.213,0.318-0.326,0.697-0.326,1.094c0,0.721,0.373,1.363,0.971,1.678l0.189,0.101l-0.086,0.194 c-0.031,0.069-0.059,0.143-0.084,0.221c-0.098,0.251-0.148,0.507-0.148,0.764S11.639,18.636,11.735,18.873 M15.29,19.202h-2.342 c-0.473,0-0.789-0.616-0.789-1.191c0-0.152,0.02-0.3,0.057-0.44l0.006-0.019c0.102-0.235,0.246-0.428,0.426-0.561 c0.02-0.014,0.035-0.032,0.051-0.056l0.049-0.079l0.104-0.023c0.018-0.004,0.055-0.014,0.098-0.014h2.342 c0.473,0,0.791,0.615,0.791,1.191C16.081,18.586,15.762,19.202,15.29,19.202 M16.366,16.294h-4.1c-0.473,0-0.789-0.616-0.789-1.191 c0-0.719,0.4-1.178,0.771-1.19h4.127c0.482,0.017,0.779,0.631,0.779,1.19C17.155,15.678,16.838,16.294,16.366,16.294 M17.411,13.399 h-1.018c-0.012,0-0.023-0.001-0.035-0.002h-4.086c-0.012,0.001-0.023,0.002-0.033,0.002h-0.432c-0.473,0-0.791-0.616-0.791-1.191 s0.318-1.192,0.791-1.192h5.604c0.473,0,0.791,0.617,0.791,1.192S17.883,13.399,17.411,13.399'/></svg>");
}

.hp-block-taxi-rating .rating>*.dislike {
    color: #f14949;
    text-align: right;
}

.hp-block-taxi-rating .rating>*.dislike:before {
    left: 10px;
    -webkit-transform: translateY(-40%) rotate(180deg);
    -moz-transform: translateY(-40%) rotate(180deg);
    -ms-transform: translateY(-40%) rotate(180deg);
    -o-transform: translateY(-40%) rotate(180deg);
    transform: translateY(-40%) rotate(180deg);
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%23f14949' d='M17.944,10.338l-0.193-0.084l0.07-0.199c0.088-0.253,0.131-0.522,0.131-0.8c0-1.115-0.695-1.989-1.586-1.989h-2.92 l0.295-0.37c1.35-1.684,1.971-3.098,1.848-4.201c-0.23-2.075-1.85-2.67-2.672-2.694c-0.158,0.002-0.309,0.067-0.408,0.18 c-0.107,0.119-0.156,0.277-0.133,0.434c0.006,0.052,0.146,1.251-1.018,2.503c-0.186,0.199-0.434,0.353-0.777,0.563 c-0.498,0.307-1.179,0.724-2.054,1.55C7.445,6.252,5.738,7.545,5.055,8.054L4.994,8.099h-3.45c-0.145,0-0.28,0.056-0.382,0.158 C1.059,8.359,1.003,8.496,1.003,8.641l0.016,7.742c0,0.298,0.243,0.54,0.541,0.54h3.115l0.068,0.1 c1.263,1.854,3.056,2.962,4.798,2.962h2.918c0.041,0,0.078-0.005,0.113-0.014l0.051-0.013l0.051,0.011 C12.768,19.989,12.86,20,12.948,20h2.342c0.891,0,1.586-0.874,1.586-1.989c0-0.262-0.039-0.515-0.117-0.752l-0.066-0.2l0.193-0.082 c0.637-0.27,1.066-1.023,1.066-1.874c0-0.258-0.039-0.51-0.117-0.749l-0.063-0.195l0.188-0.083c0.631-0.279,1.037-1.013,1.037-1.867 C18.997,11.364,18.575,10.613,17.944,10.338 M16.366,8.063c0.473,0,0.789,0.615,0.789,1.191c0,0.575-0.316,1.191-0.789,1.191h-4.1 c-0.473,0-0.789-0.616-0.789-1.191c0-0.576,0.316-1.191,0.789-1.191H16.366z M11.735,18.873l0.125,0.313H9.541 c-1.828,0-3.411-1.463-4.283-2.833l-0.005-0.009l-0.02-0.044c-0.034-0.104-0.132-0.176-0.243-0.176H1.815L1.8,8.896h3.372 c0.055,0,0.107-0.018,0.153-0.051c0.575-0.424,2.543-1.896,3.75-3.036c0.807-0.764,1.424-1.143,1.92-1.448 c0.369-0.228,0.689-0.423,0.947-0.702c0.887-0.955,1.152-1.915,1.217-2.552l0.031-0.292l0.275,0.102 C14,1.113,14.665,1.598,14.797,2.782c0.113,1.025-0.818,2.733-2.494,4.567L12.25,7.406L12.176,7.42 c-0.535,0.097-1,0.479-1.246,1.022l-0.016,0.035l-0.025,0.028c-0.051,0.053-0.076,0.125-0.068,0.198l0.004,0.038l-0.01,0.038 C10.77,8.959,10.75,9.111,10.75,9.258c0,0.158,0.021,0.322,0.066,0.499l0.01,0.039l-0.004,0.039 c-0.076,0.799-0.307,1.482-0.686,2.029c-0.529,0.769-1.327,1.233-2.37,1.383c-0.068,0.01-0.128,0.045-0.169,0.101 C7.558,13.402,7.54,13.47,7.55,13.536c0.018,0.126,0.126,0.221,0.252,0.221c0.011,0,0.023-0.001,0.035-0.002 c0.874-0.125,1.604-0.451,2.169-0.969l0.256-0.232l0.113,0.325c0.129,0.365,0.35,0.672,0.645,0.888l0.176,0.129l-0.121,0.182 c-0.213,0.318-0.326,0.697-0.326,1.094c0,0.721,0.373,1.363,0.971,1.678l0.189,0.101l-0.086,0.194 c-0.031,0.069-0.059,0.143-0.084,0.221c-0.098,0.251-0.148,0.507-0.148,0.764S11.639,18.636,11.735,18.873 M15.29,19.202h-2.342 c-0.473,0-0.789-0.616-0.789-1.191c0-0.152,0.02-0.3,0.057-0.44l0.006-0.019c0.102-0.235,0.246-0.428,0.426-0.561 c0.02-0.014,0.035-0.032,0.051-0.056l0.049-0.079l0.104-0.023c0.018-0.004,0.055-0.014,0.098-0.014h2.342 c0.473,0,0.791,0.615,0.791,1.191C16.081,18.586,15.762,19.202,15.29,19.202 M16.366,16.294h-4.1c-0.473,0-0.789-0.616-0.789-1.191 c0-0.719,0.4-1.178,0.771-1.19h4.127c0.482,0.017,0.779,0.631,0.779,1.19C17.155,15.678,16.838,16.294,16.366,16.294 M17.411,13.399 h-1.018c-0.012,0-0.023-0.001-0.035-0.002h-4.086c-0.012,0.001-0.023,0.002-0.033,0.002h-0.432c-0.473,0-0.791-0.616-0.791-1.191 s0.318-1.192,0.791-1.192h5.604c0.473,0,0.791,0.617,0.791,1.192S17.883,13.399,17.411,13.399'/></svg>");
}

.hp-block-taxi-info {
    display: flex;
    padding: 20px 20px;
}

.hp-block-taxi-info .image-wrap {
    position: relative;
    width: 55%;
    max-width: 200px;
    padding-right: 20px;
}

.hp-block-taxi-info .image-wrap .color {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-40%, -40%);
    -moz-transform: translate(-40%, -40%);
    -ms-transform: translate(-40%, -40%);
    -o-transform: translate(-40%, -40%);
    transform: translate(-40%, -40%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /*box-shadow: 0 0 0 4px #fff;*/
}

.hp-block-taxi-info .text-wrap {
    width: 50%;
    font-size: 13px;
}

.hp-block-taxi-info .text-wrap>* {
    padding: .2em 0;
}

.hp-block-taxi-info .text-wrap>*:first-child {
    padding-top: 0;
}

.hp-block-taxi-info .text-wrap>*:last-child {
    padding-bottom: 0;
}

.hp-block-taxi-info .text-wrap .border {
    display: inline-block;
    padding: .4em .8em .2em .8em;
    border: 1px solid #000;
    border-radius: .2em;
}

.hp-filter-button {
    float: left;
    width: 50%;
}

.hp-block-taxi-bio {
    padding: 20px 20px;
    text-align: center;
}

.hp-block-taxi-bio .title {
    padding-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}

.hp-block-taxi-pros {
    padding: 20px 20px;
    text-align: center;
}

.hp-block-taxi-pros .title {
    padding-bottom: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}

.hp-block-taxi-pros .pros {
    display: block;
    padding: 0;
    margin: 0;
    display: flex;
}

.hp-block-taxi-pros .pros li {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    background-image: none;
}

.hp-block-taxi-pros .pros li {
    display: block;
    width: 100%;
    border-left: 1px solid #dedede;
}

.hp-block-taxi-pros .pros li:first-child {
    border-left: none;
}

.hp-block-taxi-pros .pros li:before {
    content: '';
    width: 1em;
    height: 1em;
    display: block;
    margin: 0 auto 8px auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23666'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.hp-block-your-ride {
    padding: 20px 20px;
}

.hp-block-your-ride .title {
    padding-bottom: 5px;
    color: #666;
    font-size: 13px;
}

.hp-block-your-ride .route {
    margin: -4px 0;
}

.hp-block-your-ride .route>* {
    padding: 4px 0 4px 20px;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 11px auto;
}

.hp-block-your-ride .route>*.from {
    background-image: url("../img/path-start.png");
}

.hp-block-your-ride .route>*.dest {
    background-image: url("../img/path-dest.png");
}

.hp-block-your-ride .route>*.to {
    background-image: url("../img/path-end.png");
}

.hp-block-ride-info {
    padding: 20px 20px;
}

.hp-block-ride-info .info {
    display: flex;
}

.hp-block-ride-info .info .image-wrap {
    width: 60px;
    padding-right: 10px;
}

.hp-block-ride-info .info .image-wrap img {
    border-radius: 50%;
}

.hp-block-ride-info .info .text-wrap {
    position: relative;
    width: 85%;
}

.hp-block-ride-info .info .text-wrap .name {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
}

.hp-block-ride-info .data {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    display: flex;
    margin: 0 -25px;
    padding-top: 15px;
}

.hp-block-ride-info .data li {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    background-image: none;
}

.hp-block-ride-info .data li {
    position: relative;
    width: 50%;
    display: block;
    padding: 0 25px;
}

.hp-block-ride-info .data li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    display: block;
    background-color: #dedede;
}

.hp-block-ride-info .data li:first-child:before {
    display: none;
}

.hp-block-ride-info .data li>* {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
}

.hp-block-ride-info .data li>*.label {
    color: #666;
    font-size: 13px;
}

.hp-block-ride-info .data li>*.value {
    font-size: 16px;
}

.hp-block-taxi-rate,
.hp-block-taxi-rate-adv {
    padding-top: 25px;
    background-color: #000;
}

.hp-block-taxi-rate .tt-block-choose {
    padding-bottom: 15px;
}

.hp-block-taxi-rate-adv .ride-options {
    margin-top: 25px;
    border-top: 1px solid #333;
}

.hp-block-taxi-rate .hp-tab-button,
.hp-block-taxi-rate .hp-tab-button {
    color: #fff;
    background: black;
}

.hp-block-taxi-rate .active.hp-tab-button,
.hp-block-taxi-rate .active.hp-tab-button {
    color: #000;
    background: white;
}

.hp-block-taxi-rate .title {
    color: white;
}

.hp-block-taxi-rate .title,
.hp-block-taxi-rate-adv .title {
    /*padding-bottom: 20px;*/
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.hp-block-taxi-rate-adv .options {
    display: block;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.hp-block-taxi-rate-adv .options li {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    background-image: none;
}

.hp-block-taxi-rate-adv .options li {
    width: 50%;
    display: block;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

.hp-block-taxi-rate-adv .options li>* {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    position: relative;
    padding: 15px 20px;
    display: block;
}

.hp-block-taxi-rate-adv .options li:nth-child(odd) {
    border-left: none;
    padding-left: 1px;
}

.hp-block-taxi-rate-adv .options li:nth-child(even) {
    padding-right: 1px;
}

.hp-block-taxi-rate-adv .options li.active {
    position: relative;
    z-index: 5;
}

.hp-block-taxi-rate-adv .options li.active>* {
    /*box-shadow: 0 0 0 1px #008bff;*/
}

.hp-block-taxi-rate-adv .options li.active>*:before {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    display: block;
    border-bottom-right-radius: 5px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
    background-color: #008bff;
    background-size: 60% auto;
}

.hp-block-taxi-rate-adv .hp-picker-button.without-icon {
    padding-left: 25px;
    padding-right: 25px;
    overflow: hidden;
}

.hp-block-taxi-rate-adv .hp-picker-button.without-icon a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.hp-block-buttons>* {
    display: block;
    padding: 18px 20px;
    border-top: 1px solid #dedede;
    white-space: nowrap;
}

.hp-block-buttons>*>* {
    display: inline-block;
    vertical-align: middle;
    color: #000;
}

.hp-block-buttons>*>.t {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    margin-left: 15px;
    padding-right: 20px;
}

.hp-block-buttons>*:first-child {
    border-top: none;
}

.hp-block-buttons i {
    font-size: 22px;
    color: gray;
}

.hp-block-about-app {
    padding: 40px 20px;
    color: #000;
    text-align: center;
    background-color: #ffe300;
}

.hp-block-about-app .icon>* {
    max-width: 60px;
    display: block;
    margin: 0 auto;
}

.hp-block-about-app .title {
    padding-top: 8px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 22px;
}

.hp-block-about-app .info {
    font-size: 12px;
    color: #666;
}

.hp-block-choose {
    padding: 20px 20px;
}

.hp-block-choose .label {
    max-width: 200px;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 0 0 30px;
    font-size: 17px;
    text-align: center;
}

.hp-block-choose li {
    display: inline-block;
    width: 30%;
    text-align: center;
}

.hp-block-choose li .val {
    font-size: 48px;
    color: #9d9d9d;
}

.hp-block-choose li .name {
    font-size: 19px;
    color: #9d9d9d;
}

.hp-block-choose li {
    padding-top: 15px;
    padding-bottom: 15px;
}

.hp-block-choose-item.active .val,
.hp-block-choose-item.active .name {
    color: black;
}

.hp-block-ride-options {
    padding: 20px 20px;
    color: #fff;
    background-color: #000;
}

.hp-block-list-choose-item li {
    background: white;
}

.hp-block-list-choose-item>* {
    margin-top: 20px;
}

.hp-block-list-choose-item>*:first-child {
    margin-top: 0;
}

.hp-block-choose-item {
    /*display: block;*/

    border: 1px solid #dedede;
    margin-top: 15px;
    margin-top: 15px;
    border-radius: 6px;
}

.hp-block-list-choose-item li {
    /*display: block;*/

    border: 1px solid #dedede;
    margin-bottom: 15px;
    /*margin-top:15px;*/

    border-radius: 6px;
}

.hp-block-list-choose-item li {
    padding: 10px;
}

.hp-block-list-choose-item li>* {
    position: relative;
}

/*.hp-block-list-choose-item li > * > * {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }*/

.hp-block-list-choose-item li .icon>i {
    /*display: block;*/

    left: 50%;
    top: 50%;
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*  .hp-block-list-choose-item li .text {
    width: 70%; }*/

.hp-block-list-choose-item li .text .title {
    font-size: 17px;
}

.hp-block-list-choose-item li .text .card-num {
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}

.hp-block-list-choose-item li .text .info {
    font-size: 13px;
    color: #a4a4a4;
}

.hp-block-list-choose-item li .input {
    width: 60px;
}

.hp-block-list-choose-item li .input input {
    display: none;
}

.hp-block-list-choose-item li .input:before {
    content: '';
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #a4a4a4;
    border-radius: 50%;
}

.hp-block-list-choose-item li.active,
.hp-block-choose-item.active {
    border-color: #757575;
}

.hp-block-list-choose-item li.active .input:before {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
    border-color: #008bff;
    background-color: #008bff;
    background-size: 50% auto;
}

#popup-taxi-driver-list .hp-block-list-choose-item li.active {
    outline: 4px solid #008bff;
    border-color: white;
}

/*.hp-block-list-choose-item .btn {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: block;
  height: 50px;
  line-height: 50px;
  border: none;
  background-color: #000;
  cursor: pointer;}*/

.hp-block-list-choose-item .btn,
.hp-block-list-choose-item .btn * {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.hp-block-list-choose-item .btn.text-normal,
.hp-block-list-choose-item .btn *.text-normal {
    font-family: "Open Sans";
    font-weight: normal;
}

.hp-block-list-choose-item .btn>.t {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding-left: 20px;
    padding-right: 35px;
}

.hp-block-list-choose-item .btn>svg {
    width: 25px;
    height: 25px;
}

.hp-block-list-choose-item .btn>svg use {
    fill: #fff;
}

.hp-block-list-choose-item .btn>svg {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hp-block-list-choose-item .btn>.i {
    display: block;
}

.hp-block-list-choose-item .btn.color-yellow {
    background-color: #008bff;
}

.hp-block-list-choose-item .btn.color-yellow,
.hp-block-list-choose-item .btn.color-yellow * {
    color: #000;
}

.hp-block-list-choose-item .btn.color-yellow>svg {
    width: 25px;
    height: 25px;
}

.hp-block-list-choose-item .btn.color-yellow>svg use {
    fill: #000;
}

.hp-block-list-choose-item li .checkbox i {
    display: none;
}

.hp-block-list-choose-item li.active .checkbox i {
    display: block;
}

.hp-block-message {
    padding: 20px 20px;
    font-size: 17px;
    text-align: center;
}

.hp-block-message .icon>svg {
    width: 65px;
    height: 65px;
}

.hp-block-message .icon>svg use {
    fill: #000;
}

.hp-block-message .title {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    padding-top: 12px;
}

.hp-block-message .text {
    padding-top: 12px;
}

#profile-settings .list-block {
    margin: 0;
}

#profile-settings .list-block .item-content {
    padding-left: 0;
}

#profile-settings .list-block .item-content .item-title.label {
    width: 75%;
}

#profile-settings .list-block .item-content .item-input {
    text-align: right;
}

#profile-settings .list-block .item-inner {
    padding-left: 20px;
    padding-right: 20px;
}

#profile-settings .list-block .item-media+.item-inner {
    margin-left: 0;
}

.clickable-text {
    text-decoration: underline;
}

.label-switch-2 {
    width: 100%;
}

.label-switch-2 input[type="checkbox"],
.label-switch-2 input[type="radio"] {
    display: none
}

.label-switch-2 input[type="checkbox"]+.hp-checkbox,
.label-switch-2 input[type="radio"]+.hp-checkbox {
    font-size: 0
}

.label-switch-2 input[type="checkbox"]+.hp-checkbox:after,
.label-switch-2 input[type="radio"]+.hp-checkbox:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #cecece;
    border-radius: 4px;
    background: #ececec no-repeat center center;
    background-size: contain;
    -webkit-transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out
}

.label-switch-2 input[type="checkbox"]:checked+.hp-checkbox:after,
.label-switch-2 input[type="radio"]:checked+.hp-checkbox:after {
    border-color: #47ae30;
    background-color: #47ae30;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23FFFFFF' d='M28.602,11.165c0.46,0,0.922,0.175,1.271,0.524h0.002c0.697,0.7,0.697,1.842,0,2.541L18.268,25.835 c-0.087,0.219-0.218,0.424-0.395,0.6v0.002c-0.349,0.35-0.808,0.518-1.267,0.518c-0.034,0-0.071,0-0.106-0.002 c-0.037,0.002-0.071,0.002-0.107,0.002c-0.459,0-0.917-0.168-1.266-0.518l-0.002-0.002c-0.176-0.176-0.308-0.381-0.395-0.6 l-4.605-4.605c-0.698-0.697-0.698-1.84,0-2.541l0,0c0.352-0.349,0.811-0.523,1.271-0.523c0.46,0,0.92,0.175,1.27,0.523l3.832,3.832 l10.833-10.832C27.681,11.34,28.141,11.165,28.602,11.165'/%3E%3C/svg%3E")
}

/* NEW */
/*.ios *:not(html) {
    this is a fix for randomly hidding elements
    -webkit-transform: translate3d(0, 0, 0);
}*/

.ios #hp-map-box {
    /*this is a fix for randomly hidding elements*/

    -webkit-transform: translate3d(0, 0, 0);
}

#hp-map-box {
    position: absolute;
    /*top:40px;*/
    /*if set, centering on gps is not working properly*/

    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

#hp-map-box-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#hp-map-box-nav.extra-bottom-space {
    bottom: 164px !important;
}

.navbar-inner .hp-center {
    width: 180px;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
}

.navbar-inner .hp-left {
    width: 35px;
    position: absolute;
    padding-left: 5px;
    left: 5px;
    top: 0;
}

.navbar-inner .hp-right {
    width: 35px;
    position: absolute;
    padding-right: 5px;
    right: 0px;
    top: 0;
}

.navbar-inner .center span {
    color: white;
}

.navbar-inner .hp-navbar-buttons {
    width: 200px;
    margin: 0 auto;
}

.hp-navbar-top-box {
    width: 100%;
}

.hp-navbar-top-title {
    text-align: center;
    color: white;
}

.navbar-inner .hp-navbar-buttons .hp-navbar-link {
    background: none;
    text-align: center;
    width: 60px;
    float: left;
    border: 0;
    font-size: 0.9em;
    cursor: default;
    padding-top: 10px;
    /* is a must to make btns easier clickable */

    padding-bottom: 9px;
    padding-left: 13px;
    padding-right: 13px;
}

.navbar .navbar-inner .subnavbar {
    background: inherit;
}

.hp-mode-taxi .navbar .navbar-inner,
.hp-mode-taxi .popup .popup-header {
    background-color: #000;
}

.hp-mode-taxi .navbar .hp-navbar-link {
    color: #ccc;
    font-weight: normal;
}

.hp-mode-taxi .navbar .hp-navbar-link.active,
.hp-mode-taxi .navbar .hp-navbar-link#ui-btn-navbar-taxi {
    color: #008bff;
    font-weight: bold;
}

.hp-mode-limo .navbar .navbar-inner,
.hp-mode-limo .popup .popup-header {
    background-color: #1e4d71;
}

.hp-mode-limo .navbar .hp-navbar-link {
    color: #ccc;
    font-weight: normal;
}

.hp-mode-limo .navbar .hp-navbar-link.active,
.hp-mode-limo .navbar .hp-navbar-link#ui-btn-navbar-limo {
    color: #fff;
    font-weight: bold;
}

.hp-mode-mhd .navbar .navbar-inner,
.hp-mode-mhd .popup .popup-header {
    background-color: #7b1515;
}

.hp-mode-mhd .navbar .hp-navbar-link {
    color: #ccc;
    font-weight: normal;
}

.hp-mode-mhd .navbar .hp-navbar-link.active,
.hp-mode-mhd .navbar .hp-navbar-link#ui-btn-navbar-mhd {
    color: #fff;
    font-weight: bold;
}

.hp-mode-emer .navbar .navbar-inner,
.hp-mode-emer .popup .popup-header {
    background-color: #f14949;
}

.hp-mode-emer .navbar .hp-navbar-link {
    color: #ccc;
    font-weight: normal;
}

.hp-mode-emer .navbar .hp-navbar-link.active,
.hp-mode-emer .navbar .hp-navbar-link#ui-btn-navbar-emer {
    color: #fff;
    font-weight: bold;
}

.subnavbar:after {
    background: none;
}

.hp-subnavbar-box {
    position: relative;
    width: 100%;
}

.hp-subnavbar-location-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.hp-center-maxsize {
    max-width: 450px;
    margin: 0 auto;
}

.hp-btn-filter-text {
    position: absolute;
    left: 0;
    right: 0;
    padding-left: 4px;
    padding-right: 4px;
    /*padding-top: 15px;*/
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

#hp-map-pin-box,
#hp-map-pin-box2 {
    width: 42px;
    height: 48px;
    position: absolute;
    pointer-events: none;
}

.hp-map-pin,
.hp-map-pin2 {
    width: 84px;
    height: 84px;
    top: -84px;
    left: -42px;
    position: absolute;
    z-index: 16;
}

.hp-mode-taxi .hp-map-pin {
    background: url(../img/marker_me_taxi.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-mode-taxi .hp-map-pin2 {
    background: url(../img/marker-taxi-end.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-mode-emer .hp-map-pin {
    background: url(../img/marker_me_taxi.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-mode-limo .hp-map-pin {
    background: url(../img/marker_me_limo.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-mode-limo .hp-map-pin2 {
    background: url(../img/marker-limo-end.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-mode-mhd .hp-map-pin {
    background: url() no-repeat center center;
    background-size: 100% auto;
}

.hp-mode-taxi .hp-map-gps {
    background: url(../img/marker_me_gps.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-mode-limo .hp-map-gps {
    background: url(../img/marker_me_gps.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-mode-mhd .hp-map-gps {
    /*background: url() no-repeat center center;
    background-size: 100% auto;*/
    background: url(../img/marker_me_gps.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-mode-emer .hp-map-gps {
    background: url(../img/marker_me_gps.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-order-icon {
    font-size: 23px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
}

.hp-order-cartype {
    padding-top: 5px;
    color: white;
    font-size: 15px;
}

.hp-order-carspz {
    color: white;
    font-size: 12px;
}

.hp-order-maxi-info {
    width: 50%;
    float: left;
    color: white;
    text-align: left;
}

#popup-taxi-info .hp-order-maxi-info {
    color: black;
}

#popup-taxi-driver-list .hp-order-maxi-info {
    color: black;
}

.hp-order-maxi-info>div {
    margin-top: 7px;
    margin-bottom: 7px;
}

.hp-order-maxi-info .vehicle-name {
    font-size: 1.1em;
    font-weight: bold;
}

.hp-order-maxi-info .vehicle-spz {
    padding: 2px;
    border: 1px solid white;
}

#popup-taxi-info .hp-order-maxi-info .vehicle-spz {
    border: 1px solid black;
}

.hp-order-maxi-info .vehicle-pricing-name {}

.hp-order-maxi-info .vehicle-pricing-value {
    font-weight: bold;
}

.hp-order-maxi-name {
    float: left;
    padding-left: 15px;
    padding-top: 13px;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    height: 50px;
}

.hp-order-maxi-rating {
    text-align: center;
    float: right;
    padding-right: 15px;
    padding-top: 5px;
}

.hp-order-maxi-rating .value {
    color: #8cd939;
    font-size: 1.3em;
    font-weight: bold;
}

.hp-order-maxi-rating .text {
    font-size: 0.7em;
    color: #999;
}

.hp-order-mini-maximizer {
    position: absolute;
    top: -9px;
    left: 45%;
    right: 45%;
    height: 16px;
    border: 6px solid black;
    border-radius: 10px;
    background: white;
    z-index: -1;
    /*pointer-events: none;*/
}

.hp-bottom-btn {
    width: 100%;
    border: none;
    text-align: center;
    position: absolute;
    z-index: 100;
    bottom: 0;
    height: 59px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    line-height: 59px;
    text-transform: uppercase;
    font-size: 16px;
}

.hp-bottom-btn.confirm,
.hp-bottom-btn.confirm>a {
    background-color: #008bff;
    color: black;
}

.hp-bottom-btn.black,
.hp-bottom-btn.black>a {
    background-color: #000;
    color: white;
}

.hp-bottom-btn.cancel,
.hp-bottom-btn.cancel>a {
    background-color: #f14949;
    color: white;
}

.item-input.type-button.cancel,
.item-input.type-button.cancel>button {
    background-color: #f14949 !important;
    color: white !important;
}

.hp-mode-emer .hp-bottom-btn.confirm,
.hp-mode-emer .hp-bottom-btn.confirm>a {
    background-color: #f14949;
    color: white;
}

/*    .hp-bottom-btn.with-icon > a{
      padding-right:25px;}*/

.hp-bottom-btn.confirm.with-icon>*:before,
.hp-bottom-btn.cancel.with-icon>*:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.hp-bottom-btn.confirm.with-icon>*:before {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'><path fill='%23000' d='M56.15,31.73,23.06,1.33a4.65,4.65,0,0,0-6.52,0,4.6,4.6,0,0,0-.13,6.37L37.46,35,16.55,62.14a4.64,4.64,0,0,0,0,6.51A4.58,4.58,0,0,0,19.81,70a4.64,4.64,0,0,0,3.26-1.35L56.15,38.25A4.63,4.63,0,0,0,56.15,31.73Z'/></svg>");
}

.hp-bottom-btn.cancel.with-icon>*:before {
    right: 15px;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><path fill='%23fff' d='M1.93.07A1.85,1.85,0,0,0,.62.62h0a1.86,1.86,0,0,0,0,2.63L24.83,27.46a1.86,1.86,0,0,0,2.63,0h0a1.86,1.86,0,0,0,0-2.63L3.24.62A1.85,1.85,0,0,0,1.93.07Z'/><path fill='%23fff' d='M26.14,0a1.85,1.85,0,0,0-1.31.54L.54,24.83a1.86,1.86,0,0,0,0,2.63h0a1.86,1.86,0,0,0,2.63,0L27.46,3.17a1.86,1.86,0,0,0,0-2.63h0A1.85,1.85,0,0,0,26.14,0Z'/></svg>");
}

.image-wrap img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.clear-style {
    border: 0 !important;
}

.hp-label {
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 14px;
    color: #666;
}

.hp-name {
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 17px;
    color: #000;
}

.hp-value {
    font-size: 1em;
}

.hidden {
    display: none;
}

.modal {
    /*border:1px solid #eee;*/
    width: 320px;
    margin-left: -160px;
    z-index: 99999;
    .popup .popup-scrollable
}

.modal,
.modal .modal-inner {
    /*overflow: visible;*/

    overflow: hidden;
    background: #fff;
    border-radius: 6px !important;
}

.modal .modal-inner {
    padding: 40px;
}

@media (max-width: 340px) {
    .modal {
        width: 300px;
        margin-left: -150px;
    }

    .modal .modal-inner {
        padding: 40px 30px;
    }
}

.modal-close {
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 5px;
}

.modal-title {
    line-height: 1.1em;
    font-size: 22px;
    font-weight: bold;
}

.modal-text {
    margin-top: 13px;
}

.modal-close {
    padding: 16px;
    top: -8px;
    right: -8px;
}

.modal-close i {
    text-align: center;
    line-height: 16px;
    font-size: 16px;
}

.modal-cachecount {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

.modal-inner:after {
    width: 2px;
    background-color: white;
}

.modal.modal-out {
    display: none !important;
}

/*fix - for some reason, the modal stays on the screen with display:block, only opacity:0 wont make it*/
.modal-inner .modal-text {
    overflow-y: auto;
    max-height: 200px;
}

#modal-overflow-icon i {
    font-size: 11px;
}

#ui-modal-cachecount {
    display: none !important;
    /*temporary disable this information*/
}

.hp-messages-content .hp-message {
    margin-bottom: 15px;
}

.hp-messages-content .hp-message .hp-message-text {
    font-family: "Open Sans", sans-serif;
    display: inline-block;
}

.hp-messages-content .hp-message .hp-message-time {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    display: inline-block;
}

.hp-messages-content {
    background: inherit !important;
}

.hp-messages-content .hp-message .hp-message-avatar {
    vertical-align: top;
    display: inline-block;
    border-radius: 50px;
    background-size: contain;
    width: 35px;
    height: 35px;
}

.hp-messages-content .hp-message-text {
    word-break: break-word;
    border-bottom: 2px solid #bbb;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    max-width: 50%;
    min-width: 48px;
    min-height: 35px;
    font-size: 17px;
    line-height: 1.2;
    border-radius: 5px;
}

.hp-messages-content .hp-message-received {
    text-align: left;
}

.hp-messages-content .hp-message-sent {
    text-align: right;
}

.hp-messages-content .hp-message-received .hp-message-avatar {
    margin-right: auto;
}

.hp-messages-content .hp-message-sent .hp-message-avatar {
    margin-left: auto;
}

.hp-messages-content .hp-message-received .hp-message-name {
    margin-left: 60px;
}

.hp-messages-content .hp-message-received .hp-message-text {
    margin-left: 5px;
    color: #000;
    background-color: white;
}

.hp-messages-content .hp-message-sent .hp-message-name {
    margin-right: 50px;
}

.hp-messages-content .hp-message-sent .hp-message-text {
    border-bottom-color: #aaa;
    color: #000;
    margin-right: 5px;
    background-color: #c1c1c1;
}

.messagebar textarea {
    /*padding-left: 30px;*/

    padding-left: 5px;
    border: none;
    border-radius: 0;
    /*background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.002 100'><path fill='%23a4a4a4' d='M84.334,91.006H15.667C7.029,91.006,0,83.413,0,74.081V35.139c0-9.333,7.029-16.925,15.667-16.925h16.557 c1.341-2.91,2.009-3.945,2.484-4.546c3.699-4.661,8.687-4.661,11.988-4.661c0.119,0.001,3.133,0.042,6.786-0.01l0.426-0.002 c2.191,0,8.857,0,12.05,6.008c0.465,0.876,1.006,1.951,1.616,3.211h16.762c8.64,0,15.667,7.592,15.667,16.925v38.942 C100.001,83.413,92.974,91.006,84.334,91.006 M15.667,26.775c-3.918,0-7.106,3.752-7.106,8.364v38.942 c0,4.61,3.188,8.364,7.106,8.364h68.667c3.919,0,7.106-3.754,7.106-8.364V35.139c0-4.612-3.188-8.364-7.106-8.364H62.139 l-1.153-2.47c-1.027-2.204-1.925-4.033-2.591-5.287c-0.251-0.474-0.774-1.462-4.487-1.462l-0.307,0.001 c-3.806,0.053-6.962,0.009-6.962,0.01c-3.16,0-4.243,0.187-5.221,1.42c-0.03,0.046-0.651,0.975-2.488,5.21l-1.118,2.578H15.667z M50.001,74.69c-11.303,0-20.498-9.197-20.498-20.496c0-11.304,9.195-20.499,20.498-20.499S70.5,42.89,70.5,54.194 C70.5,65.493,61.304,74.69,50.001,74.69 M50.001,40.857c-7.354,0-13.336,5.982-13.336,13.337c0,7.352,5.982,13.334,13.336,13.334 c7.354,0,13.336-5.981,13.336-13.334C63.337,46.839,57.355,40.857,50.001,40.857'/></svg>");*/

    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 0 7px;
}

.center-btn.btn {
    position: relative;
    width: 50px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: transparent;
}

.center-btn.btn .icon {
    position: relative;
    width: 30px;
    height: 30px;
    display: block;
}

.center-btn.round.btn .icon {
    font-size: 16px;
    border-radius: 50%;
    background-color: #008bff;
}

.messagebar .center-btn.btn .icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center-btn.btn .icon:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 2px;
    width: 100%;
    height: 100%;
    display: block;
}

.center-btn.btn .icon:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.center-btn.btn .icon>i {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hp-p10-r {
    padding-right: 10px;
}

.page[data-page=page-select-place] .page-content>.content-block,
.page[data-page=page-drive-to-place] .page-content>.content-block {
    position: relative;
    border-top: 25px solid #000;
    padding-top: 45px;
}

.page[data-page=page-select-place] .hp-choose-location,
.page[data-page=page-drive-to-place] .hp-choose-location {
    top: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hp-choose-location .item.pick-up-choose .text {
    width: 90%;
    display: block;
    border: none;
    font-size: 17px;
    background-color: transparent;
}

.hp-choose-location .item.pick-up-choose .map {
    position: relative;
    width: 60px;
    display: block;
    border-left: 1px solid #ccc;
}

.hp-choose-location .item.pick-up-choose .map>svg {
    width: 25px;
    height: 25px;
}

.hp-choose-location .item.pick-up-choose .map>svg use {
    fill: #000;
}

.hp-choose-location .item.pick-up-choose .map>i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hp-choose-location .item.pick-up-choose .remove-item {
    position: relative;
    width: 40px;
}

.hp-choose-location .item.pick-up-choose .remove-item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><path fill='%23666' d='M1.93.07A1.85,1.85,0,0,0,.62.62h0a1.86,1.86,0,0,0,0,2.63L24.83,27.46a1.86,1.86,0,0,0,2.63,0h0a1.86,1.86,0,0,0,0-2.63L3.24.62A1.85,1.85,0,0,0,1.93.07Z'/><path fill='%23666' d='M26.14,0a1.85,1.85,0,0,0-1.31.54L.54,24.83a1.86,1.86,0,0,0,0,2.63h0a1.86,1.86,0,0,0,2.63,0L27.46,3.17a1.86,1.86,0,0,0,0-2.63h0A1.85,1.85,0,0,0,26.14,0Z'/></svg>");
}

.hp-choose-location .item.pick-up-chosen {
    height: 60px;
    padding: 0 50px;
}

.hp-choose-location .item.pick-up-chosen>svg {
    width: 25px;
    height: 25px;
}

.hp-choose-location .item.pick-up-chosen>svg use {
    fill: #000;
}

.hp-choose-location .item.pick-up-chosen>svg {
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hp-choose-location .item.pick-up-chosen .destination {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}

.hp-choose-location .item.pick-up-chosen .destination>* {
    display: block;
    text-align: center;
}

.hp-choose-location .item.pick-up-chosen .destination .label {
    color: #666;
}

.hp-choose-location .item.pick-up-chosen .destination .place {
    font-size: 17px;
    color: #000;
}

.hp-choose-location .item.pick-up-chosen .distance {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
}

.hp-choose-location .item.pick-up-chosen .distance * {
    display: block;
    text-align: center;
}

.hp-choose-location .item.destination-point {
    position: relative;
    display: block;
    border-top: 1px solid #ccc;
    text-decoration: none;
    background-image: url("../img/path-dest.png");
    background-position: 12px center;
    background-repeat: no-repeat;
}

.hp-choose-location .item.destination-point .add-item {
    position: absolute;
    top: -1px;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    background-color: #000;
}

.hp-choose-location .item.destination-point .add-item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path fill='%23fee100' fill-rule='evenodd' d='M1201,1738a2.006,2.006,0,0,1,2,2v14a2,2,0,0,1-4,0v-14A2.006,2.006,0,0,1,1201,1738Zm-7,7h14a2,2,0,0,1,0,4h-14A2,2,0,0,1,1194,1745Z' transform='translate(-1192 -1738)'/></svg>");
}

.hp-choose-location .item.destination-point .destination {
    height: 49px;
    display: flex;
}

.hp-choose-location .item.destination-point .destination * {
    display: block;
    text-decoration: none;
    box-sizing: content-box;
}

.hp-choose-location .item.destination-point .destination>*:first-child {
    padding-left: 40px;
}

.hp-choose-location .item.destination-point .destination .inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hp-choose-location .item.destination-point .destination .text {
    width: 80%;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.hp-choose-location .item.destination-point .destination .text .address {
    font-size: 12px;
    color: #666;
}

.hp-choose-location .item.destination-point .destination .text .name {
    font-size: 17px;
    color: #000;
}

.hp-choose-location .item.destination-point .destination .distance {
    width: 50px;
}

.hp-choose-location .item.destination-point .destination .distance * {
    text-align: center;
}

.hp-choose-location .item.destination-point .destination .remove-item {
    position: relative;
    width: 40px;
}

.hp-choose-location .item.destination-point .destination .remove-item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><path fill='%23666' d='M1.93.07A1.85,1.85,0,0,0,.62.62h0a1.86,1.86,0,0,0,0,2.63L24.83,27.46a1.86,1.86,0,0,0,2.63,0h0a1.86,1.86,0,0,0,0-2.63L3.24.62A1.85,1.85,0,0,0,1.93.07Z'/><path fill='%23666' d='M26.14,0a1.85,1.85,0,0,0-1.31.54L.54,24.83a1.86,1.86,0,0,0,0,2.63h0a1.86,1.86,0,0,0,2.63,0L27.46,3.17a1.86,1.86,0,0,0,0-2.63h0A1.85,1.85,0,0,0,26.14,0Z'/></svg>");
}

.hp-choose-location .item.destination-point.inactive {
    display: none;
}

.hp-choose-location .item.destination-point:first-child {
    border-top: none;
    background-image: url("../img/path-start.png");
}

.hp-choose-location .item.destination-point:last-child {
    background-image: url("../img/path-end.png");
}

.hp-rides-completed-list .list,
.hp-rides-planned-list .list,
.hp-messages-list .list,
.hp-cards-list-cards .list,
.list {
    list-style: none;
    margin: 0;
    padding: 10px;
}

.list .btn-remove {
    /*to make clickable space bigger*/

    padding-bottom: 30px;
    padding-left: 50%;
}

.talign-right {
    text-align: right;
}

/*.hp-places-lists .list {
  display: block;
  padding: 0;
  margin: 0;
  padding-bottom: 30px; }*/

.hp-places-lists .list li {
    display: inline-block;
    /*padding: 0;*/
    /*margin: 0;*/

    list-style: none;
    background-image: none;
}

.hp-places-lists .list li {
    font-size: 17px;
    color: #000;
    display: block;
}

.hp-places-lists .list li.location-item {
    cursor: pointer;
    padding-top: 12px;
    padding-bottom: 12px;
}

.hp-places-lists .list li:last-child {
    padding-bottom: 0;
}

/*    .hp-places-lists .list li > * {
      font-size: 17px;
      color: #000; }*/
/*.hp-messages-list .image-wrap{
  padding:3px;}*/

.hp-driver-image {
    /*width: 15%;*/
    /*display: block;*/
}

.hp-driver-image img,
.hp-messages-list .image-wrap img {
    width: 100%;
    /*border-radius: 50px;*/

    border-radius: 6px;
}

/*.hp-item-message .image-wrap {
    width: 15%;
    display: block; }
    .hp-item-message .image-wrap img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block;
      border-radius: 50%; }*/

.hp-tab-buttons-box {
    height: 96px;
    margin-left: 25px;
    margin-right: 25px;
}

.hp-tab-button {
    width: 100%;
    border: 1px solid #A8A8A8;
    color: #717171;
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 5px;
    line-height: 50px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 0 10px;
    margin: 0;
    height: 50px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    outline: 0;
}

.hp-tab-button:first-child {
    border-radius: 5px 0 0 5px;
    border-left-width: 1px;
    border-left-style: solid;
}

.hp-tab-button:last-child {
    border-radius: 0 5px 5px 0;
}

.hp-tab-button.positive .t,
.hp-tab-button.positive i {
    color: #8cd939;
}

.hp-tab-button.negative .t,
.hp-tab-button.negative i {
    color: #f14949;
}

.hp-tab-button .t {
    padding-left: 5px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.hp-tab-button.active {
    background: white;
}

.hp-block-taxi-rate .hp-tab-button {
    border-color: #2F2F2F;
}

.hp-hr {
    border: 0;
    height: 1px;
    margin: 0;
    /*margin-top:10px;*/
    /*margin-bottom:10px;*/

    background-color: #dedede;
}

.hp-hr.dark-gray {
    background-color: #666;
}

.hp-hr-right {
    border-right: 1px solid #dedede;
}

.hp-hr-micro {
    background: #333333;
    height: 1px;
    width: 100%;
}

.hp-hr-big {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #dedede;
    height: 1px;
    width: 100%;
}

.range-slider input[type="range"]::-webkit-slider-thumb::after {
    /*disable ios default style*/

    border-radius: 0;
    background: inherit;
    box-shadow: none;
    z-index: 0;
    width: 0;
    height: 0;
}

.hp-spacing {
    margin-top: 10px;
    margin-bottom: 10px;
}

.txt-3 {
    font-size: 1.3em;
    font-weight: bold;
}

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

.txt-red {
    color: red;
}

.hp-txt-date {
    font-size: 13px;
    color: #666;
}




.hp-mhd-to {
    font-size: 16px;
    color: #666;
}

/*.leaflet-popup-content .hp-mhd-routename,
.leaflet-popup-content .hp-mhd-headsign,
.leaflet-popup-content .hp-mhd-stopname,
.leaflet-popup-content .hp-mhd-to{
  font-size:17px;}*/

.hp-button {
    height: 50px;
    left: 0;
    bottom: 0;
}

.hp-button .btn {
    width: 100%;
    max-width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
    border: none;
    background-color: #000;
    cursor: pointer;
    position: relative;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.btn.color-yellow {
    background-color: #008bff;
    color: black;
}

.btn.color-red {
    background-color: #f14949;
    color: #fff;
}

.toolbar .color-text-green {
    color: #418b2e;
}

.color-text-darkred {
    color: #7b1515;
}

.font-weight-normal {
    font-weight: normal !important;
}

.text-transform-initial {
    text-transform: initial !important;
}

.hp-navbar-icon {
    width: 35px;
    height: 35px;
    background-color: #008bff;
    border-radius: 35px;
    color: black;
}

.hp-info-alert {
    display: none;
    background: red;
    color: white;
    padding: 5px;
    text-align: center;
}

.hp-limo-popup-text {
    margin-top: 20px;
    text-align: center;
}

.hp-limo-popup-text img {
    font-size: 15px;
    width: 160px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;
}

.hp-limo-popup-btn {
    color: white;
    font-size: 15px;
    font-weight: bold;
    background: #1e4d71;
    border: 0 !important;
    margin-bottom: -15px;
    margin-left: -15px;
    margin-right: -15px;
    text-transform: uppercase;
}

.hp-limo-popup-btn-icon {
    position: absolute;
    right: 14px;
}

.hp-limo-popup-btn-icon i {
    color: white;
    font-weight: bold;
}

.hp-tickets-info-warning {
    /*background:white;*/
    /*padding:20px;*/
    /*max-width: 250%;*/

    color: #7b1515;
    /*font-size:12px;*/
}

.hp-tickets-info {
    background: white;
    padding: 20px;
    max-width: 250%;
    color: black;
    font-size: 20px;
}

.hp-ticket-group-name {
    font-size: 20px;
    text-align: center;
    color: #7b1515;
}

.hp-ticket-box {
    position: relative;
    border-bottom: 2px solid #d7d7d7;
    border-radius: 5px;
    margin-top: 50px;
    text-align: center;
    width: 80%;
    max-width: 250px;
    background: white;
    padding: 15px;
    margin: 0 auto;
}

.hp-ticket-box .hp-ticket-name {
    font-size: 30px;
    font-weight: bold;
    color: #7b1515;
}

.hp-ticket-box .hp-ticket-note {
    font-size: 12px;
    color: #999;
}

.hp-ticket-box .hp-ticket-price {
    color: black;
    font-weight: bold;
    font-size: 25px;
}

.hp-ticket-box .hp-ticket-btn {
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #666;
    color: white;
    background: #438932;
}

.hp-charge-group-name {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    text-align: center;
    color: #000;
}

.hp-charge-box {
    position: relative;
    border-bottom: 2px solid #d7d7d7;
    border-radius: 5px;
    margin-top: 50px;
    text-align: center;
    width: 80%;
    max-width: 250px;
    background: white;
    padding: 15px;
    margin: 0 auto;
}

.hp-charge-box .hp-charge-name {
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

.hp-charge-box .hp-charge-currency {
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.hp-charge-btn {
    max-width: 250px;
    margin: 0 auto;
    padding: 15px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #666;
    color: white;
    background: #438932;
}

#page-mhd-tickets-swiper-pagination,
#page-mhd-charge-credit-swiper-pagination {
    bottom: 15px;
    left: 0;
    right: 0;
}

.swiper-container {
    margin-top: 10px;
}

.swiper-pagination-bullet {
    opacity: 1;
    background: none;
    border: 1px solid #d0d0d0;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-right: 5px;
}

.swiper-pagination-bullet-active {
    border: 4px solid white;
    background: #666666;
}

.hp-hr-stiched {
    /*width:100%;
    height:10px;
    background-color:#cde364;
    background-image: radial-gradient(#fff 10%, transparent 10%),
    radial-gradient(#fff 10%, transparent 10%);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;}*/

    border: 2px dashed #ccc;
    border-radius: 10px;
}

.picker-columns.picker-modal-inline,
.popover .picker-columns {
    height: 250px;
    /*300 is too much, if there is info box opened*/
}

.picker-items {
    font-size: 30px;
}

.picker-item {
    padding-left: 8px;
    padding-right: 8px;
    height: 45px;
    line-height: 45px;
}

.location-attribution {
    background: white;
    width: 110px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.location-attribution img {
    width: 110px;
}

.animation-level-3 .animate-ui,
.animation-level-3 .animate-ui:after {
    -webkit-transition: background-color 0.4s ease, color 0.4s ease;
    -moz-transition: background-color 0.4s ease, color 0.4s ease;
    -o-transition: background-color 0.4s ease, color 0.4s ease;
    -ms-transition: background-color 0.4s ease, color 0.4s ease;
    transition: background-color 0.4s ease, color 0.4s ease;
}

.animation-level-0 .modal-overlay,
.animation-level-1 .modal-overlay,
.animation-level-2 .modal-overlay,
.animation-level-0 .picker-modal-overlay,
.animation-level-1 .picker-modal-overlay,
.animation-level-2 .picker-modal-overlay,
.animation-level-0 .popup-overlay,
.animation-level-1 .popup-overlay,
.animation-level-2 .popup-overlay,
.animation-level-0 .preloader-indicator-overlay,
.animation-level-1 .preloader-indicator-overlay,
.animation-level-2 .preloader-indicator-overlay,
.animation-level-0 .modal.modal-in,
.animation-level-1 .modal.modal-in,
.animation-level-2 .modal.modal-in,
.animation-level-0 .modal.modal-out,
.animation-level-1 .modal.modal-out,
.animation-level-2 .modal.modal-out,
.animation-level-0 .label-switch .hp-checkbox:before,
.animation-level-1 .label-switch .hp-checkbox:before,
.animation-level-2 .label-switch .hp-checkbox:before,
.animation-level-0 .label-switch .hp-checkbox:after,
.animation-level-1 .label-switch .hp-checkbox:after,
.animation-level-2 .label-switch .hp-checkbox:after {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    /*-o-transition: color 0 ease-in !important;*/

    transition: none !important;
}

/*Spinner Start*/

.progressbar-infinite:before {
    /*background:#008bff;*/

    background: url(../img/ui_spinner_bar.png) repeat-y;
}

.ui-spinner {
    z-index: 99999;
    position: absolute;
    top: 0px !important;
    left: 0;
    right: 0;
    height: 3px;
    pointer-events: none;
    display: inline-block;
    background-color: #000;
    /*background-color: transparent;*/
}

html.ios-7 .ui-spinner,
html.android-2 .ui-spinner,
html.android-3 .ui-spinner {
    display: none !important;
}

@media (min-height: 630px) and (min-width: 630px) {
    .popup {
        width: auto !important;
        height: auto !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.hp-trans-ba-1 {
    background: url(../img/marker-trans-ba-1.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-trans-ba-2 {
    background: url(../img/marker-trans-ba-2.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-trans-ba-3 {
    background: url(../img/marker-trans-ba-3.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-trans-ba-1-trp {
    background: url(../img/marker-trans-ba-1.png) no-repeat center center;
    background-size: 100% auto;
    opacity: 0.3;
}

.hp-trans-ba-2-trp {
    background: url(../img/marker-trans-ba-2.png) no-repeat center center;
    background-size: 100% auto;
    opacity: 0.3;
}

.hp-trans-ba-3-trp {
    background: url(../img/marker-trans-ba-3.png) no-repeat center center;
    background-size: 100% auto;
    opacity: 0.3;
}

.hp-trans-stop-1 {
    background: url(../img/marker-trans-stop-1.png) no-repeat center center;
    background-size: 100% auto;
}

.hp-marker-text-box {
    padding-top: 15px;
}

.hp-marker-text {
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding-top: 28px;
    width: 32px;
    height: 32px;
    /*background:#7b1515;*/
    /*border-radius:50%;*/
    /* -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);*/
}

.fix-screen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

i {
    font-size: 18px;
}

/* TODO: change icon size, export new font and remove this two exceptions */

.exception-ico-size {
    font-size: 14px !important;
}

.exception-ico-size-2 {
    font-size: 15px !important;
}

.navbar-through .with-subnavbar-xl .page-content,
.navbar-fixed .with-subnavbar-xl .page-content,
.navbar-through .page-content.with-subnavbar-xl,
.navbar-fixed .page-content.with-subnavbar-xl,
.navbar-through .subnavbar-xl~.page-content,
.navbar-fixed .subnavbar-xl~.page-content {
    padding-top: 154px;
    /* 44 navbar + 110 subnavbar*/
}

a.tab-link {
    height: 46px;
    /*top:28px;*/
}

.button {
    border: 1px solid #d0d0d0;
    color: #000;
    border-radius: 6px;
    line-height: 44px;
    background-color: #ededed;
    text-transform: uppercase;
}

.button.active {
    border: 1px solid #666;
    background: #fff;
    color: #000;
    font-weight: bold;
}

.subnavbar-picker {
    padding: 0 0 0 0;
    height: 44px;
}

.with-subnavbar-picker .page-content {
    padding-top: 80px;
}

.hp-favorite-btn i {
    color: #666;
}

.hp-favorite-btn.active i {
    color: #f14949;
}

.tt-btn-2.btn-white {
    color: #000 !important;
    background-color: #fff !important;
}


/*should be moved to new css*/
.tt-order-maxi-name .right-wrap .icons i {
    padding: 7px;
}

.picker-modal {
    z-index: 11500 !important;
}

.picker-scrollable {
    overflow-y: auto;
}

#hp-map-box {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hp-limo-text {
    color: #1e4d71;
}

.hp-trans-text {
    color: #7b1515;
}

#inapp-splashscreen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #008bff;
    z-index: 9999;
}

.aria-hide-from-ui {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/*START admin stuff*/
.button-admin-navbar-top,
.button-admin-subnavbar-top {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: normal;
}

.button-admin-navbar-top.active,
.button-admin-subnavbar-top.active {
    color: #008bff !important;
    font-weight: bold;
}

.navbar-inner-admin {
    padding: 0;
    background: black;
    color: white;
    border-bottom: 1px solid #666;
}

.navbar-inner-admin span {
    cursor: pointer;
    white-space: nowrap;
}

.navbar-inner-admin .subnavbar {
    border-top: 1px solid #666;
    padding: 0;
    padding-top: 5px;
    height: 40px;
}

tr.active {
    background: #008bff !important;
}

tr.active td {
    font-weight: bold;
}

tr.active td a {
    color: black;
}

.my-card {
    padding: 10px;
}

input,
select {
    font-size: 14px;
    padding: 4px;
}

button {
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px;
    background: black !important;
    color: #008bff;
    border-radius: 3px;
    border: 0;
}

button:hover {
    cursor: pointer;
}

#ui-template-results-box {
    height: calc(100vh - 400px);
    overflow-y: auto;
}

#ui-template-results-box thead {
    top: 0;
    position: sticky;
}

#ui-template-results-box table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

#ui-template-results-box td {
    font-size: 12px;
    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    border-left: 1px solid #bbb;
}

#ui-template-results-box tr.green {
    border-left: 2px solid green;
}

#ui-template-results-box tr.red {
    border-left: 2px solid red;
}

#ui-template-results-box th {
    font-size: 13px;
    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    color: white;
    background: #008bff;
    border-bottom: 2px solid black;
}

#ui-template-results-box tr:nth-child(even) {
    background: rgb(247, 247, 247)
}

.dropdown {
    position: relative;
    padding-left: 10px;
}

.dropdown:hover {
    cursor: pointer;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    font-size: 14px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border-radius: 3px;
    border: 1px solid black;
}

.dropdown-menu a {
    display: block;
    color: black !important;
    padding: 5px 10px;
}

.dropdown-menu a:hover {
    background: #008bff;
}

#ui-template-menu-subModules {
    overflow: auto;
}

.ui-box-actions {
    display: flex;
}

.ui-box-actions a {
    display: inline-block;
    margin-left: 15px;
}

.ui-box-actions a:hover {
    color: black;
}

#ui-template-filters-quickset .chip {

    background: #008bff;
    color: black;
    border-radius: 0;
    padding: 5px 8px;
    margin-right: 5px;
    font-weight: bold;
    border-bottom: 2px solid transparent;
    margin: 4px 2px;
}

#ui-template-filters-quickset .chip:hover {
    cursor: pointer;
    border-bottom: 2px solid black;
}

#ui-template-filters-current {
    margin-bottom: 20px;
}

#ui-template-filters-current .chip {
    border-radius: 0;
    background: #000000;
    padding-right: 0;
}

#ui-template-filters-current .chip:hover {
    cursor: pointer;
}

#ui-template-filters-current .chip:hover:after {
    color: #008bff;
    background: black;
    pointer-events: none;
}

#ui-template-filters-current .chip:after {
    content: "+";
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    display: block;
    margin: 0 5px;
    transform: rotate(45deg);
    border-radius: 50%;
    background: #008bff;
    color: black;
    font-size: 22px;
    pointer-events: none;
}

#popup-admin-edit .form-row {
    width: 33%;
    /* display:inline-block; */
    float: left;
}

#popup-admin-edit .form-row:last-child {
    margin-bottom: 150px;
}

#ui-template-menu-mainModules .buttons-row span:hover {
    background: #008bff;
    color: black !important;
}

#navbar-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: 88px;
    z-index: 1000;
    overflow-y: hidden;
    background: black !important;
}

#navbar-wrapper>div {
    display: inline-flex;
    align-items: center;
    position: relative;
    /* overflow-y: hidden; */
    /* overflow-x: auto; */
    height: 44px;
    background: black;
    min-width: 100%;
}

#navbar-wrapper .main-navbar {
    border-bottom: 1px solid #008bff;
}

#navbar-wrapper .sub-navbar {
    /* top: 44px; */
}

#navbar-wrapper>div span {
    display: inline-flex;
    float: left;
    padding: 0 10px;
    white-space: nowrap;
    height: 100%;
    align-items: center;
    text-align: center;
    color: white;
    font-weight: bold;
}

#navbar-wrapper>div span.active {
    color: #008bff;
}

#navbar-wrapper>div span:hover {
    background: #008bff;
    color: black !important;
    cursor: pointer;
}

.page-content {
    padding-top: 80px !important;
}

@media (max-width: 800px) {

    #popup-admin-edit .form-row {
        width: 49%;
    }
}

@media (max-width: 600px) {

    #popup-admin-edit .form-row {
        width: 100%;
        display: block;
    }
}

/*END admin stuff*/


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}