textarea::-webkit-input-placeholder {
    color: #4a4a4a;
    font-weight: normal;
    font-size: 16px;
}
textarea::-moz-placeholder {
    color: #4a4a4a;
    font-weight: normal;
    font-size: 16px;
}
textarea:-ms-input-placeholder {
    color: #4a4a4a;
    font-weight: normal;
    font-size: 16px;
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

.round2 {
    border-radius: 2em;
}

.button-hlight {
    background-color: #5cc;
    border-color: #5cc;
    color: #fff;
}

.cash-note {
    text-align: center;
    color: #888;
    margin-top: 1em;
}

.cash-balance {
    text-align: center;
    color: #000;
    font-size: 2em;
}
.ava-left {
    float: left;
    margin-right: 0.5em;
    zdisplay: inline-block;
}
.ava {
    width: 2em;
    height: 2em;
    border-color: #000;
    background-size: 100%;
    border-radius: 100%;
    border: 1px #888 solid;
    /*
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    */
}

.ava4 {
    width: 4em;
    height: 4em;
    border-color: #000;
    background-size: 100%;
    border-radius: 100%;
    border: 1px #888 solid;
    /*
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    */
}

.item-checkbox-right .checkbox input,
.item-checkbox-right .checkbox-icon {
    float: right;
}

.item-checkbox.item-checkbox-right {
    /*the default item padding*/
    padding: 15px;
}

.button.button-positive,
.button.button-positive.active,
.button.button-positive.activated {
    border-color: #27a6de;
    background-color: #27a6de;
    color: #fff;
}

.button.button-positive.light {
    border-color: #5ac6cb;
    background-color: #5ac6cb;
}

a.button-block {
    width: 100%;
}

.rounded-full {
    border-radius: 50px;
}

.cbox,
.cibox{
    -o-box-pack: center;
    -khtml-box-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;

    -o-box-align: center;
    -khtml-box-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;

    -o-box-orient: vertical;
    -khtml-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;

    /* IE 10-11 */

    -ms-flex-pack: center;
    -ms-flex-align: center;

    justify-content: center;
    align-items: center;
}

.cbox,
.box{
    display: -ms-flexbox;
    display: flex;
    display: -o-box;
    display: -khtml-box;
    display: -webkit-box;
    display: -moz-box;
    display: box;
}

.cibox{
    display: -o-inline-box;
    display: -khtml-inline-box;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
}

.full-height {
    height: 100%;
}
.flex3 {
    width: 100%;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}
.flex2 {
    width: 100%;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2 auto; 
}

.flex1 {
    width: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.rapid-bet-slogan {
    background: url(../img/start-logo.png) center center no-repeat;
    background-size: contain;
    width: 80%;
    max-width: 435px;
}

.homepage .buttons{
    max-width: 435px;
    width: 90%;
}

.buttons .button {
    margin-bottom: 1em;
    font-size: 1.3em;
}

.form-group .input-label{
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}

.bar-header {
    //    height: 77px;
    //    padding-top: 30px;
    background: #27a6de;
    color: #fff;
}

.bar-footer {
    //    height: 77px;
    background: #27a6de;
    color: #fff;   
}

.bar-footer .title {
    //    top: 15px;
}

.bar-header .title {
    font-weight: bold;
}

.bar-header .button,
.bar-header .title,
.tabs .title{
    color: #fff;
}

.bar-header .title,
.bar-header .title + .button:last-child {
    //    top: 30px;
}

.has-header {
    top: 60px;
}

.has-footer {
    bottom: 60px;
}

.tabs {
    background: none;
    border: none;
}

.bar-header .title.title-icon {
    //font-size: 2em;
    margin-top: 4px;
}

.bar-header i.icon {
    font-size:1.5em;
}

.bar-header .button.button-icon .icon:before, 
.bar .button.button-icon:before {
    font-size:1.5em;
}

.bar-header .title.title-icon .icon {
    color: #fff;
    position: relative;
    top: -0.1em;
}

.bar-header .icon {
    color: rgba(255, 255, 255, 0.7);
}

.bar-footer {
    padding-left: 0;
}

.bar-footer .tabs {
    height: 60px;
    line-height: 60px;
}

.bar-footer .tabs .tab-item {
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    min-width: 50%;
    max-width: 50%;
    opacity: 1;
    height: 100%;
}
.bar-footer .tabs .tab-item.rb-tab-one {
    min-width: 90%;
    max-width: 90%;
}
.bar-footer .tabs .tab-item {
    border-right: 1px solid #2394c7;
    border-left: 1px solid #48b3e3;
}

.bar-footer .tabs .tab-item:first-child {
    border-left: none;
}
.bar-footer .tabs .tab-item:last-child {
    border-right: none;
}

.wheel-container {
    width: 100%;
    text-align: center;
}

.first-white-circle {
    position: relative;
    width: 30em;
    height: 30em;
    border-radius: 30em;
    background: url(../img/wheel-track.png) no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.rb-add-contact .checkbox input:before,
.rb-add-contact .checkbox .checkbox-icon:before {
    border: none;
    background-image: url(../img/icon-mini-add@2x.png);
    background-size: contain;
}
.rb-add-contact .checkbox input:checked:before,
.rb-add-contact .checkbox input:checked + .checkbox-icon:before {
    border: none;
    background-image: url(../img/icon-mini-added@2x.png);
    background-size: contain;
    background-color: transparent;
}
.rb-add-contact .checkbox input:checked:after,
.rb-add-contact .checkbox input:checked + .checkbox-icon:after {
    border: none;
}
.rb-add-contact.not-rb-user .checkbox input:checked:before,
.rb-add-contact.not-rb-user .checkbox input:checked + .checkbox-icon:before,
.rb-add-contact.not-rb-user .checkbox input:before,
.rb-add-contact.not-rb-user .checkbox .checkbox-icon:before {
    background-image: url(../img/toggle-add-off@2x.png);
    background-size: contain;
    background-color: transparent;
}
.rb-add-contact.not-rb-user .checkbox input:checked:before,
.rb-add-contact.not-rb-user .checkbox input:checked + .checkbox-icon:before {
    background-image: url(../img/toggle-add-on@2x.png);
}
@media screen and (min-width: 400px) {
    .first-white-circle {
        background-image: url(../img/wheel-track@2x.png);
    }
}

@media screen and (min-width: 1200px) {
    .first-white-circle {
        background-image: url(../img/wheel-track@3x.png);
    }
    .vs {
        background-image: url(../img/icon-mini-vs@3x.png);
    }
    .rb-add-contact .checkbox input:before, .checkbox .checkbox-icon:before {
        background-image: url(../img/toggle-add-off@3x.png);
    }
    .rb-add-contact .checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {
        background-image: url(../img/toggle-add-on@3x.png);
    }
}
.start-blue-thor {
    position: relative;
    width: 29em;
    height: 29em;
    top: 0.5em;
    left: 0.5em;
}

.stop-blue-thor {
    position: relative;
    width: 21em;
    height: 21em;
    top: 4em;
    left: 4em;
}

.last-white-circle {
    position: relative;
    width: 14em;
    height: 14em;
    line-height: 14em;
    top: 3.5em;
    left: 3.5em;
    text-align: center;
}

.fast-choice {
    position: absolute;
    color: #c4c8db;
    border: 1px solid #ededed;
    width: 4em;
    height: 4em;
    line-height: 4em;
    border-radius: 4em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
}

.bet-ammount {
    font-size: 3em;
}

.bet-ammount .bet-edit {
    display: none;
}

.bet-ammount input {
    width: 5em;
}

.bet-ammount.edit-mode .bet-edit {
    display: inline-block;
}

.bet-ammount.edit-mode .bet-show {
    display: none;
}

.fast-choice.active {
    border-color: #2ca8de;
    color: #000;
}

.fast-choice-left-top {
    top: 0;
    left: 0;
}

.fast-choice-right-top {
    top: 0;
    right: 0;
}

.fast-choice-left-bottom {
    bottom: 0;
    left: 0;
}

.fast-choice-right-bottom {
    bottom: 0;
    right: 0;
}

.cache-balance {
    width: 100%;
    min-height: 6em;
    background-image: linear-gradient(to right, #c4c4c4 60%, rgba(255,255,255,0) 0%);
    background-image: -webkit-linear-gradient(left, #c4c4c4 60%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    text-align: center;
    padding-bottom: 1em;
    padding-top: 1em;
}

.cache-balance .label {
    color: #c4c4c4;
    font-weight: bold;
}
.cache-balance .money {
    color: #777;
    font-size: 1.5em;
    font-weight: bold;
    margin:0.5em;
}

.handle {
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    top: 0;
    left: 0;

}

.handle:before {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    width: 6em;
    height: 6em;
    border-radius: 6em;
    top: -3em;
    left: -3em;
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ededed 0%, #fdfdfd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%,#fdfdfd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%,#fdfdfd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ededed 0%,#fdfdfd 100%); /* W3C */
    box-shadow: 0 0.5em 0.5em rgba(0,0,0,0.3); 
    -webkit-box-shadow: 0 0.5em 0.5em rgba(0,0,0,0.3);
}

.handle:after {
    position: absolute;
    z-index: 2;
    display: block;
    content: "";
    width: 4.8em;
    height: 4.8em;
    border-radius: 9em;
    top: -2.4em;
    left: -2.4em;
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fdfdfd 0%,#ededed 100%); /* W3C */
}

.item .yes {
    color: #000;
}
.item .no {
    color: #eee;
}

.ib {
    display: inline-block;
}
.ofmargin {
    margin-left: -10px;
}


.note {
    font-size: 0.7em;
    color: #c4c4c4;
}
.note-txt {
    margin:1em;
    font-size: 1em;
    color: #c4c4c4;
}

.note-hdr {
    margin:1em;
    font-size: 1em;
    color: #3d3d3d;
    font-weight: bold;
}
.vs {
    width: 2.5em;
    height: 2.5em;
    background-image: url(../img/icon-mini-vs@2x.png);
    background-size: cover;
    margin: 0.5em;
    vertical-align: middle;
}
.bet-price, .notification-big {
    text-align: center;
    font-weight: bold;
    margin: 0.5em;
}
.bet-name {
    text-align: center;
    font-weight: bold;
    margin: 0.5em;
}
.bet-customise .bet-name-div{
    width: 100%;
    font-size: 1.3em;
    height: 34px;
}
.bet-tags {
    color: #27a6de;
    text-align: center;
    font-weight: bold;
    margin: 0.5em;
}

.rb-back {
    background-image: url('../img/icon-large-back@2x.png')
}
.rb-notification {
    background-image: url('../img/icon-large-notifications@2x.png')
}
.rb-bet {
    background-image: url('../img/icon-large-bet@2x.png')
}
.rb-settings {
    background-image: url('../img/icon-large-settings@2x.png')
}
.rb-friends {
    background-image: url('../img/icon-large-friends@2x.png')
}
.rb-friends-dark {
    background-image: url('../img/icon-large-friends-add-dark@2x.png')
}
.rb-friends-add {
    background-image: url('../img/icon-mini-add-friend-outline.png');
    background-repeat: no-repeat;
    background-position: center;
}
.rb-friend-add {
    background-image: url('../img/icon-mini-add-friend@2x.png')
}
.rb-create-group {
    background-image: url('../img/icon-mini-create-group@2x.png')
}
.rb-confirm {
    background-image: url('../img/icon-mini-confirm@2x.png')
}
.rb-confirm-grey {
    background-image: url('../img/icon-mini-confirm-grey@2x.png')
}
.rb-cancel {
    background-image: url('../img/icon-mini-cancel@2x.png')
}
.rb-customise {
    background-image: url('../img/icon-mini-customise@2x.png')
}
.rb-share {
    background-image: url('../img/icon-mini-share@2x.png')
}
.rb-paid {
    background-image: url('../img/icon-mini-paid@2x.png')
}
.rb-camera {
    background-image: url('../img/icon-mini-camera@2x.png')
}
.rb-right {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
}
.rb-right-top {
    position: absolute;
    top: 5px;
    right: 2px;
}
.bar .rb-button {
    z-index: 1;
    display: inline-block;
    background-size: 100%;
    height: 27px;
    width: 27px;
    margin: 2px 0;
    background-repeat: no-repeat;
    background-position: center;
}
/*
.bar .rb-button:after {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: ' ';
}*/

/*
.bar .rb-button:before {
    content: <img src="../img/icon-large-back@2x.png">;
}


.bar .rb-button:before {
    display: inline-block;
    line-height: 44px;
    content: ' ';

    width: 27px;
    height: 27px;
    background-size: 100%;
    margin-top: 2px;
*/
    /*    
    font-size: 20px;
    line-height: 32px;
    margin-top: 2px;
    font-size: 32px;
    vertical-align: inherit;
    line-height: 41px;
    pointer-events: none;
    */
/*
}*/

.rb-contact-logo {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-size: 100%;
    background-image: url(../img/rb-contact.png);
    margin-left: 1em;
}

.rb-mini {
    z-index: 1;
    vertical-align: middle; 
    display: inline-block;
    background-size: 100%;
    height: 16px;
    width: 16px;
    margin-top: -2px;
}
.rb-medium {
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    background-size: 100%;
    height: 28px;
    width: 28px;
    margin-top: -2px;
    line-height: 28px;
}
.rb-tick-off {
    background-image: url('../img/toggle-tick-off@2x.png');
}
.rb-tick-on {
    background-image: url('../img/toggle-tick-on@2x.png');
}
.rb-more {
    background-image: url('../img/icon-mini-more@2x.png');
}
.rb-ignore {
    background-image: url('../img/toggle-ignore-off@2x.png');
}
.bluble {
    background: #27a6de;
    border-radius: 0.3em;
    margin: 0.5em;
    padding: 0.5em;
    text-decoration: none;
    display: block;
    color: #fff;
}

.bet-faces {
    margin: 0;
    overflow: hidden;
    width: 100%;
    text-align: center;
    min-height: 6.7em;
}

.cc-num-label {
    display: block;

}

.help-block {
    color: #c4c4c4;
    margin-top: 1em;
}

.passwordtoggle {
    color: #fff;
    background-color: #2ca8de;
    border-radius: 50px;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 0.5em;
}

input[type=date].idate {
    padding: 1px 1px 1px 1em;
    line-height: 30px;
    vertical-align: middle;
}
.log-value > span {
    font-size: 1.2em;
}
.log-value {
  color: #48b3e3;
  display: inline-block;
  height: 5em;
  line-height: 5em;
  width: 5em;
  font-weight: bold;
  border: 1px solid #c4c4c4;
  border-radius: 5em;
  -webkit-border-radius: 5em;
  text-align: center;
  vertical-align: middle;
}
.log-col1 {
    padding-top: 1em;
}
.leaderboard-row, .log-row, .friends-row, .bet-users-row {
    margin-top: 0;
    min-height: 7em;
    padding: 0 10px;
}
.leaderboard-row .row, .log-row .row, .friednds-row .row, .bet-users-row .row {
    padding: 0;
}
.log-row .row {
    margin-top: 10px;
}
.log-date > span, .leaderboard-row .total-wins > span  {
    color: #c4c4c4;
    font-size: 1.1em;
}
.log-balance > span {
    color: #c4c4c4;
    font-weight: bold;
    font-size: 0.9em;
}
.log-hint > span {
    font-size: 0.9em;
    white-space: nowrap;
    font-weight: bolder;
}

.leaderboard-row .username, .friends-row .username, .bet-users-row .username {
    font-size: 1.4em;
}
.bet-users-row .list-border-bottom,  .friends-row .list-border-bottom{
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.row-details {
    padding-top: 0.5em;
    padding-right: 10px;
    border-top: 2px solid #ededed;
}
.row-details .username {
    font-weight: bold;
    font-size: 1.2em;
    color: #3d3d3d;
}
.leaderboard-row .pos {
    color: #48b3e3;
    border: 1px solid #c4c4c4;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    height: 3em;
    line-height: 3em;
    width: 3em;
    border-radius: 3em;
    -webkit-border-radius: 3em;
}
.overflow-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: hidden;
}
.rb-overflow-hidden {
    overflow: hidden;
}
.bet-tags > .buble, .customise-name-page .names > .buble {
    display: inline-block;
    border-color: #5ac6cb;
    background-color: #5ac6cb;
    margin: 0;
    padding: 0.2em 1em;
    border-radius: 1em;
    color: #ffffff;
}
.tags-page .bet-tags, .customise-name-page .names {
    text-align: left;
}
.customise-name-page .names {
    margin: 0.5em;
}
.tags-page .tags-edit, .customise-name-page .name-edit, .nudge-edit {
    height: 7em;
    font-weight: bold;
    padding-left: 1em;
}
.rb-description-edit {
    height: 7em;
}
.rb-description-edit::-moz-placeholder {
    color: #9b9b9b;
    font-size: 14px;
}
.rb-description-edit:-ms-input-placeholder {
    color: #9b9b9b;
    font-size: 14px;
}
.rb-description-edit::-webkit-input-placeholder {
    color: #9b9b9b;
    font-size: 14px;
}
.rb-bet-new-header {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    padding-bottom: 10px;
}
.landing-page .rb-bet-new-header {
    margin-bottom: 30px;
}
.tags-page .input-label, .customise-name-page .input-label {
    width: 100%;
    margin: 0.5em;
}
.row.profile-edit {
    padding: 0.7em;
}
.row.profile-edit .profile-info {
    margin-left: 0.7em;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.row.profile-edit .avatar-col {
    padding-top: 0;
}
.row.profile-edit .profile-info .username {
    font-size: 1.3em;
}
.row.profile-edit.item {
    border: none;
}
.color-light-grey {
    color: #aaa;
}
.color-dark-grey {
    color: #777;
}
.item.item-divider {
    color: #777;
}
.item {
    color: #777;
    font-weight: bold;
}
.item .item-title {
    font-size: 1.2em;
}
.item .icon:before {
    color: #aaa;
}
.item.item-divider + .item {
    border-top: none;
}
.bet-customise .button {
    margin-top: 2em;
}
.bet-customise-time label {
    height: 34px;
    border-radius: 0.5em;
}
.bet-customise-time select {
    padding: 0;
    left: 1em;
    padding-top: 8px;
    direction: ltr;
}
.bet-customise-time .input-label {
    width: 0;
}
.margin-top {
    margin-top: 10px;
}
.margin-bottom {
    margin-bottom: 10px;
}
.item.ion-scroll-indicator {
    border: none;
    padding: 0;
}
.ion-scroll-indicator {
    text-align: center;
}
.ion-scroll-indicator i {
    margin: 0 0.5em;
}
.ion-scroll-indicator .icon:before {
    color: #27a6de;
    font-size: 0.8em;
}
.item.item-group {
    margin: 0;
    padding: 0;
    border: 0;
}
.item-group {
    flex-direction: row;
    flex-wrap: wrap;
}
.item-group .input-label {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
    -webkit-flex: 1 0 100%;
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 0 1 100%;
    max-width: initial;
}
.rb-no-margin-bottom {
    margin-bottom: 0 !important;
}
.rb-no-padding-bottom {
    padding-bottom: 0 !important;
}
.item-group .item-stacked-label .input-label {
    margin-top: 0;
}
.item-group .item-input-wrapper {
    background: transparent;
    -webkit-flex: 1 0 50%;
    -moz-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding: 0;
}
.item-group .item-input-wrapper:first-child {
    padding-right: 8px;
}
.item-group .item-input-wrapper:last-child {
    padding-left: 8px;
}
.item-group .item-input-wrapper input {
    height: 34px;
    line-height: 16px;
}
.address-add-page input {
    font-weight: bold;
    font-size: 1.3em;
}
.hidden {
    display: none;
}

.aligner-row {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-direction: row;
    -webkit-flex-direction: row;
}
.aligner-row-end {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    flex-direction: row;
    -webkit-flex-direction: row;
}
.aligner-row-center {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
}
.aligner {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.aligner-end {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.aligner-start {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.justify-column-end {
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.aligner-item-bottom {
    align-self: flex-end;
    -webkit-align-self: flex-end;
}
.aligner-item-center {
    align-self: center;
    -webkit-align-self: center;
}
.aligner-self-start {
    align-self: flex-start;
    -webkit-align-self: flex-start;
}
.justify-space-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}
.aligner-container {
    width: 100%;
    height: 75%
}
.button-bold {
    font-weight: bold;
    padding: 0 1.5em;
    white-space: nowrap;
}
.ofmargin-vs {
    margin-left: -4.5em;
}
.vs-list {
    padding-left: 4.5em;
    white-space: nowrap;
    max-width: 50%;
}
.avatar.no-avatar {
    border-color: #777;
}
.bet-faces .avatar {
    width: 6.5em;
    height: 6.5em;
    border-radius: 6.5em;
    position: relative;
}
.bet-faces .avatar-col {
    padding: 0;
    vertical-align: middle;
}
.bet-customise label.form-group {
    width: 100%;
}
.rb-after:after {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: ' ';
}

.button-center {
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 1 !important;
    width: 100%;
}
.bar-header .button {
    z-index: 2;
}
.nowrap {
    white-space: nowrap;
}
.list-border-top {
    border-top: 2px solid #ededed;
}
.list-border-bottom {
    border-bottom: 2px solid #ededed;
}
.text-align-right {
    text-align: right;
}
.empty-header {
    padding-top: 60px;
}
.padding-as-footer {
    padding-bottom: 60px;
}
.credit-card-page .aligner-container {
    height: auto;
    min-height: 75%;
}

/*height-as-width*/
.hw-container {
    display: inline-block;
    position: relative;
}
.hw-dummy-100 {
    margin-top: 100%;
}
.hw-dummy-50 {
    margin-top: 50%;
}
.hw-dummy-70 {
    margin-top: 70%;
}
.hw-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/*height-as-width*/
.vertical-middle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
.text-security {
    -webkit-text-security: disc;
}
.signup-page .idate, .edit-page .idate {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.item-input.search input {
    border: 0;
    font-size: 1.3em;
}
.item-input.search input:focus {
    border-radius: 6px !important;
    background-color: #ffffff;
}
.item-input.search {
    border-radius: 6px !important;
    padding: 0;
    background-color: #e2e2e2;
}
.item-input.search input::-webkit-input-placeholder::before {
    content: "\f21f";
    font-family: "Ionicons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 1em;
    line-height: 1em;
    text-rendering: auto;
    text-transform: none;
    width: 24px;
    padding-right: 10px;
}
.item-input.search input::-webkit-input-placeholder {
    text-align: center;
    padding-left: 10px;
}

.item-input.search input:-ms-input-placeholder {
    text-align: center;
}
.list-inset.search-container {
    margin-top: 10px;
    margin-bottom: 30px;
}
.query-pattern {
    color: red;
}
.no-background {
    background: none !important;
}
.button-in-page {
    margin: 10px auto;
    width: 90%;
    display: block;
}
.accept-bet-time {
    color: #c4c4c4;
    font-weight: bold;
    font-size: 0.9em;
}
.nudge-text {
    height: 100px;
    padding: 0 20px;
}
.avatar-badge {
    position: absolute;
    left: 0;
    right: 0;
    font-weight: bold;
    bottom: 0.5em;
    font-size: 1.5em;
    color: #ffffff;
}
.notification-big-empty {
    height: 1.4em;
}
.accept-bet-time-empty {
    height: 1.6em;
}
.notification-big .button-bold {
    margin-top: 10px;
}
.align-self-end {
    align-self: flex-end;
}
.align-self-start {
    align-self: flex-start;
}

.app-popup .popup {
    width: 90%;
    border-radius: 0.5em;
}
.app-popup.no-header .popup-head {
    display: none;
}
.app-popup .popup-buttons {
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
}
.app-button {
    font-size: 1.2em;
    border-radius: 1.2em !important;
    min-height: 2em !important;
}
.app-popup .popup-body {
    padding: 2em;
    margin: 0;
    border-bottom: 2px solid #eee;
}
.app-popup .button-close {
    border: 0;
    color: #777;
    background: transparent;
    margin-bottom: 0;
}

.rb-button-close {
    color: #5ac6cb;
    background: transparent;
    margin-bottom: 0;
    border: 1px solid #5ac6cb;
}

.rb-button-close:active, .rb-button-close:hover {
    color: #5ac6cb;
}

.app-popup .app-button,
.popup-buttons .button.rb-button-center:last-child {
    margin: 10px auto;
}
.friends-divider {
    margin-top: 10px;
}
.full-width {
    width: 100% !important;
}
.background {
    background-color: #fff;
}
.rb-add-contact .item-content {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-direction: row;
    -webkit-flex-direction: row;
}
.rb-add-contact .user-invited {
    margin-left: 1em;
    color: #c4c4c4;
}
.color-positive-light {
    color: #5ac6cb !important;
}
.share-photo {
    margin-top: 1em;
    width: 6em;
    height: 6em;
    border: 1px solid #c4c4c4;
}
.camerabig.share-uploaded {
    border-radius: 0;
}
.max-length-limit {
    margin-top: 0.2em;
    font-size: 0.8em;
    color: #c4c4c4;
}
.choose-popup .item {
     background: none;
}
.choose-popup div.item {
    border: 0;
}
.choose-popup .item-divider {
    background: none;
    color: #000000;
}
.choose-popup .item-select select {
    padding: 0;
    padding-right: 30px;
    width: 100%;
    max-width: 100%;
    direction: ltr;
}
.app-popup.error-popup .popup-head {
    background-color: red;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
}
.app-popup.error-popup .popup-head h3 {
    color: #ffffff;
    font-weight: bold;
}
.funds-value.funds-out {
    border-color: #c4c4c4;
}
.funds-face {
    position: relative;
}
.pin-field {
    width: 90%;
}
.pin-field + .error-container {
    width: 90%;
}
div.include {
    width: 100%;
    text-align: center;
}
.log-error .log-value{
    border-color: #d0021b;
    color: #d0021b;
}
.app-popup label, .app-popup .input-label {
    width: 100%;
    max-width: 100%;
}
.app-popup .error-container .error {
    text-align: left;
}
.upload-photo.hw-container {
    width: 50%;
    max-width: 240px;
}
.hw-dummy-100 {
    margin-top: 100%;
}
.camerabig {
    background: url(../img/camera@2x.png) center center no-repeat;
    background-size: contain;
    width:  100%;
    height:  100%;
    border-radius: 100%;
}
.camerabig.uploaded {
    border: 1px solid #c4c4c4;
}
.app-popup textarea {
    padding: 10px;
}
textarea.with-footer {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 0;
}
.input-footer {
    padding: 10px;
    padding-top: 0;
    line-height: 16px;
    border-radius: 0.5em;
    border: 0.1em solid #ededed;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #111;
    background-color: #ffffff;
}
.fb-connect {
    height: 29px;
    line-height: 29px;
    background-color: #3b579d;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    border-radius: 3px;
    width: 215px;
}
.fb-f {
    height: 29px;
    width: 29px;
    background-image: url('../img/FB-f-Logo__blue_29.png');
    margin-right: 10px;
    float: left;
}
.smaller {
    font-size: smaller !important;
}

.item-accordion {
    padding-top: 0;
    padding-bottom: 0;
    transition: 0.09s all linear;
}
.item-accordion.ng-hide {
    line-height: 0px;
}
.item-accordion.ng-hide-add,
.item-accordion.ng-hide-remove {
    display: block !important;
}

.camerabig2 {
    background: url(../img/camera@2x.png) center center no-repeat;
    background-size: contain;
    width:  100%;
    height:  100%;
}
.upload-photo.uploaded {
    border: 1px solid #c4c4c4;
}
.camerabig2.uploaded {
    border: 1px solid #c4c4c4;
    background-size: cover;
    width:  94%;
    height:  94%;
    margin-top: 3%;
    margin-left: 3%;
}
.rotate-5 {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.uploaded-container {
    border: 1px solid #c4c4c4;
    width: 6.5em;
    height: 6.5em;
    margin: 10px auto;
}
.ws-normal {
    white-space: normal;
}

.bet-scene-page .bet-faces {
    margin-top: 4em;
    margin-bottom: 2em;
}
.text-small {
    font-size: 0.9em;
}
.color-lg {
    color: #c4c4c4;
}
.color-dg {
    color: #777;
}
.font-bold, .font-bold:before {
    font-weight: bold;
}
.font-big {
    font-size: 1.3em;
}
.bet-scene-page .button {
    min-width: 30%;
    margin: 10px auto;
}
.tabs .tab-item .badge.badge-assertive,
.badge.badge-assertive {
    background-color: #ffffff;
    color: #27a6de;
    border: none;
}
.badge.b-right {
    top: -20px;
    left: -5px;
}
.badge.b-left {
    top: -20px;
    left: -5px;
}
.added-text {
    padding: 20px;
}
.b-center {
    display: block;
    text-align: center;
}
.collapsable {
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
.collapsable.collapsed {
    height: 0;
}
.bar-footer.notifications-footer {
    background: #5AC6CB;
}
.bar-footer.notifications-footer .button {
    font-size: 16px;
    line-height: 40px;
    font-weight: 400;
}
.notifications-footer .button-active {
    color: #FFFFFF;
}
.notifications-footer .button-inactive {
    color: #D8D8D8;
}
.app-popup.full-popup .popup {
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.popup-container.app-popup.popup-grey .popup {
    max-height: 100%;
    background-color: #000000;
    color: #ffffff;
}
.app-popup.full-popup .popup-head {
    border: none;
    display: flex;
    justify-content: center;
    padding-top: 60px;
}
.app-popup.full-popup .popup-title {
    color: #ffffff;
    font-size: 1.6em;
    line-height: normal;
    align-self: center;
}
.app-popup.full-popup .popup-buttons {
    height: 60px;   /*aka header*/
    border: none;
}
.app-popup.full-popup .popup-body {
    padding: 0;
    border: none;
    flex: 2;
    display: flex;
    flex-direction: column;
}
.app-popup.full-popup.popup-grey .popup-buttons {
    background-color: #000000;
}
.app-popup.full-popup.popup-grey .popup-buttons button {
    color: #ffffff;
    font-weight: bold;
}
.app-popup .declaration-photo {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex: 1;
}

.app-fs-big {
    font-size: 1.6em;
}
.app-popup.sms-popup .popup-body {
    padding-top: 0;
    padding-bottom: 0;
}
.rb-icon-reputation {
    color: #f5a623;
}
.rb-icon-reputation.not-completed {
    color: #c4c4c4;
}
.rb-ion-icon-big > i {
    font-size: 180%;
}

.rb-padding-vertical {
    padding: 10px 0;
}
.row + .row.rb-padding-vertical {
    margin: 0;
    padding: 10px 0;
}
.rb-font-14em {
    font-size: 1.4em;
}
.app-popup.remove-friend-popup .popup-body {
    padding: 10px 0;
}
.rb-padding-16 {
    padding: 16px;
}
.rb-font-14 {
    font-size: 14px;
}
.rb-font-16 {
    font-size: 16px;
}
.rb-font-18 {
    font-size: 18px;
}
.rb-color-g-1 {
    color: #9b9b9b;
}
.rb-color-g-2 {
    color: #4a4a4a;
}
.rb-color-g-3 {
    color: #8E8E93;
}
.rb-color-red {
    color: #d0021b;
}
.rb-color-blue {
    color: #27a6de;
}
.rb-color-green,
.button.button-positive.rb-button-clear.rb-color-green,
.bet-button2.rb-color-green,
.button.button-positive.rb-button-clear,
.rb-color-green .icon:before {
    color: #5AC6CB;
}
.rb-color-orange {
    color: #f5a623;
}
.rb-font-normal {
    font-weight: normal;
}
.bar-footer.rb-footer-button-green {
    background: #5AC6CB;;
}
.rb-relative {
    position: relative;
}
.badge.rb-badge-center {
    top: -12px;
    left: 27px;
}
.app-popup.rb-status-popup .app-button {
    margin: 10px auto !important;
}
.app-popup.rb-status-popup  .popup-head {
    background-color: #f5a623;
    border-top-color: #f5a623;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
}
.app-popup.rb-status-popup  .popup-title {
    font-size: 18px;
    color: #ffffff;
}

.rb-margin-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.rb-button60 {
    width: 60%;
}
input[disabled].rb-fake-disabled {
    background-color: initial;
}

.rb-no-border-top {
    border-top: none;
}
.rb-no-border-bottom {
    border-bottom: none;
}
.rb-leaderboard .rb-filter-container:nth-child(2),
.rb-contacts .rb-filter-container:nth-child(2) {
    margin: 30px 0 0 0;
}
.rb-leaderboard .rb-filter-container,
.rb-contacts .rb-filter-container {
    margin-top: 30px;
}
.rb-leaderboard .rb-filter-label
.rb-add-contact .rb-filter-label {
    margin-right: 0;
}
.rb-leaderboard .rb-filter-container:first-child,
.rb-contacts .rb-filter-container:first-child {
    margin-top: 0;
}
.rb-leaderboard .rb-filter-label.active,
.rb-contacts .rb-filter-label.active {
    color: #9b9b9b;
}
.rb-filter-modal .rb-contacts.rb-filters {
    right: 0;
}
.rb-border-top {
    border-top: solid 1px #c4c4c4;
}
.rb-story .bet-faces,
.rb-story.bet-faces
{
    margin-top: 10px;
    margin-bottom: 0;
}
.rb-story.bet-faces {
    min-height: unset;
}
.rb-story.bet-faces .vs,
.rb-story.bet-faces .avatar {
    height: auto;
    background-image: none;
}
.rb-story.bet-faces .vs-list {
    padding-left: 0;
}
.rb-no-padding-right {
    padding-right: 0 !important;
}
.rb-no-padding-left {
    padding-left: 0 !important;
}
.rb-no-padding-top {
    padding-top: 0 !important;
}
.rb-no-margin-top {
    margin-top: 0 !important;
}
.rb-vertical-middle.icon:before
{
    vertical-align: middle;
}
.rb-margin-left-5 {
    margin-left: 5px;
}
.rb-coach-modal {
    background: transparent;
    width: 100%;
    height: 100%;
}

@media (min-width: 680px) {
    .rb-coach-modal.modal {
        top: 0;
        left: 0;
    }
}
.rb-full-height {
    height: 100% !important;
}
.rb-modal-bg {
    background-color: rgba(0, 0, 0, 0.75);
}
.rb-coach-modal .first-white-circle {
    background: transparent;
    margin: 0;
    width: 100%;
}
.rb-ellipse {
    background-image: url('../img/ellipse.png');
    background-repeat: no-repeat;
    background-position: center;
}
.rb-color-white {
    color: #ffffff;
}
.rb-coach-mark-1 .rb-ellipse {
    width: 100%;
    height: 11em;
    background-size: 140% 210%;
    margin-top: -3.1em;
}
.rb-coach-mark-1 .rb-coach-text {
    height: 19em;
}
.rb-coach-mark-1 .rb-helper {
    position: absolute;
    top: 0;
    bottom: 3.1em;
}
.rb-coach-mark-2 .rb-helper,
.rb-coach-mark-3 .rb-helper {
    position: absolute;
    top: 0;
    bottom: 0;
}
.rb-coach-mark-2 .cache-balance {
    min-height: 8em;
    padding: 0;
}
.rb-coach-mark-2 .rb-ellipse {
    background-size: 140% 150%;
}
.rb-coach-mark-2 .cache-balance .money {
    padding-top: 0.5em;
    margin: 0;
}
.rb-coach-mark-3 .cache-balance {
    background-image: none;
}
.rb-coach-mark-3 .rb-ellipse {
    max-height: 8em;
    min-height: 8em;
    background-size: 190% 190%;
}
.rb-coach-mark-3 .bet-faces {
    min-height: 5.5em;
    max-height: 5.5em;
}
.rb-padding-15 {
    padding: 15px;
}

@media (min-width: 680px) {
    .active .modal-backdrop-bg {
        opacity: 0;
    }
}
.rb-no-bg-img {
    background-image: none;
}
.rb-margin-right-10 {
    margin-right: 10px;
}
.rb-button-full {
    max-width: 100%;
    white-space: normal;
    line-height: inherit;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.rb-blocked-list .checkbox-icon {
    display: none;
}
.button.button-positive.light.rb-button-clear {
    background-color: transparent;
}
textarea.rb-border-blue {
    border-color: #27a6de;
}

textarea.rb-border-green,
input[type="text"].rb-border-green,
input[type="password"].rb-border-green,
input[type="datetime"].rb-border-green,
input[type="datetime-local"].rb-border-green,
input[type="date"].rb-border-green,
input[type="month"].rb-border-green,
input[type="time"].rb-border-green,
input[type="week"].rb-border-green,
input[type="number"].rb-border-green,
input[type="email"].rb-border-green,
input[type="url"].rb-border-green,
input[type="search"].rb-border-green,
input[type="tel"].rb-border-green,
input[type="color"].rb-border-green,
.rb-border-green {
    border-color: #5AC6CB;
}
.rb-item-divider {
    width: 100%;
    border-top: 1px solid #ddd;
    margin: 10px 0;
}
.rb-item-divider-dotted {
    background-image: linear-gradient(to right, #c4c4c4 60%, rgba(255,255,255,0) 0%);
    background-image: -webkit-linear-gradient(left, #c4c4c4 60%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 10px 1px;
    background-repeat: repeat-x;
}
.rb-perms.newsletter:before {
    content: 'Newsletters';
}
.rb-perms.bet-new:before {
    content: 'New bets';
}
.rb-perms.bet-nudge:before {
    content: "Nudges\A(push messages from bet friends)";
}
.rb-perms.notifications:before {
    content: "Bet Notifications Updates (push messages when the app is not in view or open)";
}
.rb-border {
    border: solid 1px #c4c4c4;
}
.rb-border-radius-8 {
    border-radius: 8px;
}
.rb-no-margin {
    margin: 0;
}
.rb-no-shadow {
    box-shadow: none;
}
.rb-card-footer.item.item-divider{
    color: white;
    height: 60px;
    line-height: 60px;
    background-color: #27a6de;
}
.rb-input-disabled,
.rb-input-disabled.input-disabled{
    background-color: #D8D8D8;
    color: #9B9B9B;
}
.rb-button-2 {
    padding-top: 13px;
    padding-bottom: 13px;
}
.rb-button-2.button {
    line-height: normal;
}
.no-border-right {
    border-right: none !important;
}

.rb-form-big textarea,
.rb-form-big input[type="text"],
.rb-form-big input[type="password"],
.rb-form-big input[type="datetime"],
.rb-form-big input[type="datetime-local"],
.rb-form-big input[type="date"],
.rb-form-big input[type="month"],
.rb-form-big input[type="time"],
.rb-form-big input[type="week"],
.rb-form-big input[type="number"],
.rb-form-big input[type="email"],
.rb-form-big input[type="url"],
.rb-form-big input[type="search"],
.rb-form-big input[type="tel"],
.rb-form-big .input-disabled,
.rb-form-big input[type="color"] {
    height: 54px;
    font-size: 16px;
}
.rb-form-big .input-disabled {
    line-height: 50px;
}

.transaction-log-page .list.search-container {
    margin-bottom: 10px;
}
.rb-col-58 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    max-width: 58%;
}

.rb-col-42 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 42%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 42%;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    max-width: 42%;
}
.rb-col-16 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 16%;
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
}
.rb-col-offset-58 {
    margin-left: 58%;
}

.avatar.log-sum > p {
    font-size: 1.5em;
    color: #48b3e3;
}
.bar-footer .tabs:only-child .tab-item {
    max-width: 90%;
}
.rb-paypal-card {
    background-image: url(../img/PP_logo_h_150x38.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}
.rb-paypal-button {
    background-image: url(../img/x-click-but6.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}
@media screen and (min-width: 400px) {
    .rb-paypal-button {
        background-size: 50%;
    }
}
.rb-stroke-top {
    background-image: linear-gradient(to right, #c4c4c4 60%, rgba(255,255,255,0) 0%);
    background-image: -webkit-linear-gradient(left, #c4c4c4 60%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 10px 1px;
    background-repeat: repeat-x;
}
.rb-padding-bottom {
    padding-bottom: 1em;
}
.popup .rb-button-2 {
    min-width: 100px;
}
.rb-font-20em {
    font-size: 2em;
}
.rb-white-space-normal {
    white-space: normal !important;
}
.rb-bg-modal {
    background-color: rgba(128, 128, 128, 1);
}
.rb-bg-modal .bar.bar-dark.bar-footer {
    background-image: linear-gradient(180deg, #111, #111 100%, transparent 50%);
}
.rb-text-upper {
    text-transform: uppercase;
}
.rb-modal-settings {
    top: 105px;
}
.rb-modal-settings .ion-nifty-modal {
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #c4c4c4;
    border-radius: 0;
}
.rb-modal-settings .ion-nifty-modal .scroll-content {
    top: 10px;
    width: 90%;
    height: auto;
    left: 5%;
    right: 5%;
    border-radius: 10px;
    background-color: #8E8E93;
    bottom: initial;
    padding-bottom: 10px;
}
.rb-modal-settings .modal-backdrop-bg,
.rb-modal-settings.active .modal-backdrop-bg {
    opacity: 1;
    background-color: transparent;
}
.rb-modal-settings .item,
.rb-modal-settings .list-inset,
.rb-modal-settings .item-content,
.rb-modal-settings .icon:before,
.rb-modal-settings .item-radio input:checked ~ .item-content {
    background-color: transparent;
    border: none;
    color: white;
}
.rb-modal-settings .item-radio input:checked ~ .item-content {
    color: #f5a623;
}
.rb-modal-settings .item-radio input:checked ~ .radio-icon {
    display: none;
}
.rb-modal-settings .item-content {
    white-space: normal;
}
.rb-modal-settings .item-radio .item-content {
    padding: 16px 49px 0px 16px;
}
.rb-pointer-auto {
    pointer-events: auto !important;
}
.rb-button-small {
    line-height: 1;
    min-height: 1em;
}
.no-padding {
    padding: 0 !important;
}
.rb-bet-scene .rb-bet-new-header {
    margin-bottom: 40px;
    padding: 0 40px;
}
.rb-coach-modal .rb-bet-new-header {
    margin: 0;
    padding-top: 40px;
}
.rb-button-multi-line {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}

input[type="date"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}