.label {
    color: #666;
    flex:1;
    /*width: 75%;*/
}

.accountHeader {
    width: 100%;
    min-height: 80px;
    display: flex;
    margin-bottom: 15px;
    background: var(--ion-background-acc-header) !important;
}
.page-header {
    font-size: 22px;
    font-weight: 500;
    padding: 10px;
    color: var(--ion-color-account-header);
    /* background: #fff; */
}
.gamebtn {
    position: relative;
    color: #FFF;
    text-decoration: none;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

.gamebtn:active {
    position: relative;
    top: 7px;
}
.race{
    text-align:center;
    color:var(--ion-color-cheval-race);
    font-weight:bold;
    font-size:20px;
    overflow-x:scroll;
    overflow-y:hidden;
    margin:3px;
    padding:0px 10px 0px 10px;
}
.btn-radial-gradient {
    background: var(--ion-background-acc-card);
    /*background: -webkit-linear-gradient(to bottom, #80c11d, #7db22b, #80c11d);
    background: -o-linear-gradient(to bottom, #80c11d, #7db22b, #80c11d);
    background: -moz-linear-gradient(to bottom, #80c11d, #7db22b, #80c11d);
    background: linear-gradient(to bottom, #80c11d, #7db22b, #80c11d);*/
}  
/*.btn-linear-gradient {
   background: linear-gradient(#d25c91, #cd2f76) !important;
}*/

.btn-container {
/*display: block;
    width: 160px;
    height: 70px;
    margin: 0;
    text-overflow: ellipsis;
    line-height: 10px;
    border-radius: 6px;
    text-transform: capitalize !important;
    background: linear-gradient(#d25c91, #cd2f76) !important;*/
    display: block;
    width: 95%;
    margin: 5px auto;
    height: 100px;
    /* color: #4A9514; */
    text-overflow: ellipsis;
    line-height: 10px;
    border-radius: 1px;
    text-transform: capitalize !important;
}


/*
.innerTransDiv {
    flex: 1;
}*/

.lone {
    display: flex;
    overflow: auto;
}

.banner-container {
    width: 600px;
    height: 150px;
    line-height: 150px;
}

.deactivateHorse {
    background: #EAEAEA !important;
    color: #DAD8D9 !important;
}

.yellowGame {
    color: #7A7A70 !important;
}

.Non partant {
    background: #EAEAEA !important;
    color: #DAD8D9 !important;
}

.inputFields {
    padding: 0px 5px 0px 5px;
    margin-bottom: 10px;
    width: 100%;
    height: 40px;
    background: #FFF;
    border-radius: 0;
    border: 1px solid;
    border-color: #DDDDDD;
    font-size: 18px;
}

.transparent {
    opacity: 0.40;
    font-size: 16px;
    font-weight: bolder;
}

.Seperator {
   /* border-right: 2px solid #EAEAEA;*/
    padding-left: 5px;
    color: #676767;
}

.seperator-font {
    color: #858585;
    font-size: 18px;
}
#loader-wrapper {
background-color: #eaeaea !important;
}
.app_body {
    padding: 10px;
    background: #EAEAEA !important;
}

.deactivated {
    display: none !important;
}

.sideMenuItem {
    border-bottom: 1px solid #FFF !important;
    background: #EAEAEA !important;
    background-size: 39% !important;
}

.sideMenu {
    background: #EAEAEA !important;
    background-size: 39% !important;
}

body {
    color: #505050;
    font-family: "Roboto", Arial;
}

.activated {
    display: block
}

.wizard li {
    background-color: #BCBCBC;
    border-radius: 5px;
    display: inline;
    padding: 10px 30px 10px 30px;
    margin-right: 5px;
    width: auto;
}

.wizard li::before,
.wizard li::after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: transparent;
    border-left-color: #EAEAEA;
    border-radius: 10px;
}

.wizard li::before {
    border-width: 25px;
    margin-top: -16px;
    margin-left: 84px;
}

ul {
    margin-left: -35px;
}

.wizard li::after {
    border-left-color: #BCBCBC;
    border-width: 21px;
    margin-top: -12px;
    margin-left: 24px;
}

.wizard li.selected {
    background-color: #03801C;
    color: #fff;
    padding: 10px 30px 10px 60px;
}

.wizard li.selected::after {
    border-left-color: #03801C;
}

.wizard li:last-child::after {
    border-left-color: transparent;
}

.arriveOrder {
width: 25px;
    height: 25px;
    border-radius: 15px;
    margin-right: 5px;
    margin-top: 2px;
    padding-top: 3px;
    text-align: center;
    background: #009d48;
    color: #FFF;
    font-size: 16px;
}

.arriveDetail {
    width: 100%;
    height: 65px;
    border-radius: 12px;
    display: flex;
    padding-right: 10px;
}

.cartIcn {
    color: #919291;
    font-size: 15px;
    position: relative;
     /*left: 20px;*/
}
.detailsTitle .label1{
  color:none !important;
}
.activeRapport {
    background: #FFF !important;
    color: #e3177e !important;
}
:host {
    --background: #EAEAEA;
}
.item-inner {
    padding-left:0;
    padding-right: 0;
    padding-inline-start:0;
    padding-inline-end:0;
}
.activeArrive {
background: #FFF !important;
    color: #e01680 !important;
}
.active-race{
text-align: left !important;
  color: var(--ion-color-activeRace) !important;
  font-weight: 500;
  font-size: 19px  !important;
  }
.carteBancaire {
    background: #FFF !important;
    color: #00841B !important;
}

.autresMoyens {
    background: #FFF !important;
    color: #00841B !important;
}

transaction-account button {
    display: flex;
    background: linear-gradient(to bottom, #f2037f, #dd0575, #f2037f) !important;
    height: 40px;
    width: 100%;
    padding-top: 4px;
}
transaction-account div.panel-open button {
    background: linear-gradient(#000000) !important;
}
personnal-info div button span.button-inner div {
font-weight: normal !important;
}

.label1{
text-align:left !important;
font-size:15px
}
.nav-button{
    --background: var(--icon-background-reg-header);
    /* // line-height: 10px; */
    height: 40px;
    padding: 10px auto;
    /* // text-transform: capitalize;
    // margin: 0.4rem 0.2rem;
    // padding: 0 1.1em;
    // height: 3.6rem; */


    font-weight: normal;
    border-radius: 2px;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.display{
    display: none;
}

.label2{
  text-align:left !important;
  font-size:19px
}
.itemHeader {
    /*color: #ffffff;
    padding: 10px 10px 5px;
    display: flex;
    font-size: 18px;
    background: #f70077;
    border-bottom: solid 2px #cd2f76;*/

   /* font-family: LatoBold, sans-serif; */
    background-color: var(--ion-background-activeheader) !important;
    color: var(--ion-color-activeheader);
    padding: 10px 10px 5px;
    display: flex;
    font-size: 18px;
}
.position-relative{
    position: relative
}
.spinner-crescent circle {
    stroke: #626262;
    color: #626262;
}
ion-spinner{
    --color:#626262;
}
.suivant{
    --background: var(--icon-background-reg-next);
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0; 
    text-align: center;
    color:#fff;
}
.caret-orange{
    color: var(--icon-color-reg-icon-next);
    padding-left: .4em;
    /* font-size: 1.4em; */
    /* line-height: .67; */
    pointer-events: none;
}
.cartItemHeader {
    color: #FFF;
    font-weight: bolder;
    font-size: 18px;
    width: 100%;
    min-height: 15px;
    text-align: center;
    padding: 5px;
    font-style: italic;
}

.checkYellow {
    border-color: red;
    background: red;
}

.betErrorMessage {
    background-color: #f53d3d;
    text-align: center;
    color: #FFF;
    padding: 10px;
    font-size: 16px;
    margin-top: 2px;
}

.betSuccessMessage {
    display: none
}

.showSpinner {
    display: block !important
}

.showrefreshbtn {
    display: block !important
}

.hideSpinner {
    display: none !important
}

.hiderefreshbtn {
    display: none !important
}
personal-info button {
    width: 100%;
    margin: 0 !important;
    font-weight: normal !important;
background: -webkit-linear-gradient(to bottom, #EB862C, #EB862C, #EB862C);
background: -moz-linear-gradient(to bottom, #EB862C, #EB862C, #EB862C);
background: -o-linear-gradient(to bottom, #EB862C, #EB862C, #EB862C);
background: linear-gradient(to bottom, #EB862C, #EB862C, #EB862C);
}
.btn-close-inscription .item-inner {
    border-bottom: none !important;
}
.profile-user .item-inner {
    background: #eaeaea;
}
.btn-accounts {
    float: right;
    background: linear-gradient(to bottom, #f2037f, #dd0575, #f2037f);
    width: 100%;
    font-weight: normal;
    border-radius: 6px;
    height: 40px;
    font-size: 18px;
    text-transform: capitalize;
}
.game_container {
        width: 100%;
    background: #fff;
    min-height: 100px;
    padding: 0px 10px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 10px;
}

.horse_banner {
   min-height: 40px;
    background: var(--ion-background-cheval-horse_banner);
    position: relative;
    text-align: left;
}

.cartBadge {
        background: #f2037f;
    position: absolute;
    /* font-family: "Roboto"; */
    right: 12px;
    min-width: 23px !important;
    border-radius: 50%;
}

.hippiquebuttonform {
    font-size: 10px;
    font-weight: bold;
    width: 9em;
    border: 2px solid #FFF;
    border-radius: 4em 1em 4em 1em;
    background: #fff;
    color: #FFF;
    height: 2.5em;
    line-height: 2.2em;
    text-align: center;
    width: 8em;
}

.Non-Partant {
    background: #EBEBEB !important;
}

.Partant {
    background: #FFF !important;
}

.spotGame {
    border: 3px solid #FFB31A;
}

.spot {
    background: none;
}

.fixedSpot {
    float: left;
    height: 31px;
    width: 82px;
    padding: 3px;
}

ion-page.modal {
    padding: 30px;
    background: rgba(0, 0, 0, 0.5);
}

.subAccMain {
    border-color: #A8A8A8;
    padding-bottom: 10px;
}

.subAccLeft {
    width: 50%;
    font-weight: normal;
    float: left;
    color: #6a6a6a;
    padding-top: 5%;
    padding-left: 10px;
    font-size: 20px;
}

.subAccMid {
    display: flex;
    width: 100%;
    height: 50px;
}

.subAccRight {
    width: 50%;
    float: left;
    padding-top: 5%;
    text-align: right;
    padding-right: 15px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.panierItems {
    position: absolute;
    top: 5px;
    right: -10px;
    background: radial-gradient(5px -9px, circle);
    border: 1px solid;
    border-radius: 12px;
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 14px/13px Helvetica, Verdana, Tahoma;
    height: 15px;
    min-width: 13px;
    padding: 3px 2px 0 2px;
    text-align: center;
}

.invalid {
    border: 1px solid #9A201F !important;
}

.bottomItems {
    height: 30%;
}

.hippiquebuttonformpress {
    font-size: 10px;
    font-weight: bold;
    width: 9em;
    color: black;
    border-radius: 4em 1em 4em 1em;
    background: #abd0ff;
    height: 2em;
    width: 6em;
}

.mise {
    float: right;
    /*width:50%; */
    height: 38px;
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.5);
    text-align: right
}

.mise input {
    text-align: right;
    padding-bottom: 100px;
}

.horse-additional-information.open::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -12px;
    border-top: 12px solid var(--ion-color-cheval-horse-details);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

tr.line {
    font-size: 14px;
    color: #666666 !important;
    font-weight: bold !important;
}


.category {
  font-size: 16px;
    font-weight: bolder;
    /* font-family: LatoBoldBlack, sans-serif; */
    /*color: #0197BC;*/
    color: #019d48;
    margin-top: 10px;
    margin-bottom: 5px;
}

.innerTransDiv {
    flex: 1;
}

.line {
    display: flex;
    color: var(--ion-color-cheval-horse-details-labels);
}

.label {
    color: #666666 !important;
    font-weight: bold;
    font-size: 14px
}

.value {
    flex: 1;
    color: #666666 !important;
    padding-left: 5px !important;
    font-weight: bold !important;
    font-size: 14px !important;
}
.toolbar-title{
    padding:0px !important;
}
.valueField {
    float: right;
    font-weight: 600;
    flex: 1;
    text-align: end;
    /* font-family: LatoBoldBlack, sans-serif; */
    color: var(--ion-color-cheval-horse-details-values);
}

.halveSize {
    width: 100% !important;
    
}
.rc{
    font-size:21px;
    font-weight:bold
}
.horse-name {
    color: #505050; 
    /* font-family: "Berlin sans FB"; */
    overflow-wrap: break-word;
    font-size: 19px;
        margin-bottom: 4px;
}

a.nounderline:link {
    text-decoration: none;
}

.invalid {
    border: 1px solid #ea6153;
}

.screen {
    background: #EAEAEA;
    padding: 10px;
}

.bottomDetails {
            color: #FFF;
    padding-top: 15px;
    text-align: center;
    font-weight: normal;
    text-shadow: 0px 0px 5px #000000;;
}
ion-footer {
    background-color: #fff;
}
.game-choosed {
    color: #FFF;
    padding: 8px;
    /* margin-top: 15px; */
    margin-top: 1px
}
.spot-game-choosed {
    color: #FFF;
    padding: 0px 8px 8px;
    margin-top: 15px;
}
.list {
    padding: 0px 10px ;
}

.select-placeholder {
    color: #FFF !important;
}

a {
    color: #FFF;
}

#container {
    display: flex;
    width: 100%;
}

.fixed {
    position: fixed;
    right: 0;
    width: 70px;
    height: 50px;
    z-index: 1;
}

.alert-sub-title {
    padding-top: 10px;
}

.alert-wrapper {
    max-width: 280px;
    border-radius: 2px;
    background-color: #fafafa;
    box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
}

.headersFooter {
    color: #929292;
    width: 100%;
    font-weight: normal !important;
    text-align: right;
    font-size: 16px;
}

.footer {
    left: 0px;
    right: 0px;
    position: fixed;
    z-index: 999 !important;
    top: 599px !important;
    height: 235px !important; 
    transform: translate3d(0px, -169%, 0px) !important;
}

/*.button-inner{
  padding-top:25px;
  display: block
=======
.headersFooter{
  color:#929292;
  width:100%;
  font-weight: normal !important;
  text-align:right;
  font-size:16px;

>>>>>>> .r21084
}*/
.my-custom-class .alert-wrapper .alert-message{
    /* background-image: url('/assets/img/bulle.png'); */
    color: #333;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    /* padding: 30px; */
    font-size: 23px;
    font-weight: 700;

}
.overflow-ellipse {
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}
.text-center{
    text-align: center !important;
}
.firstHeader {
  width: 690px;
font-size: 25px;
font-weight: bolder;
padding-top: 20px;
padding-left: 10px;
/*color: #0197BC;*/
color: var(--ion-color-cheval-RC) !important;}

.secondHeaderBody {
    text-align:center;
    color:var(--ion-color-cheval-race);
    padding: 0px;
    /* font-family: sans-serif; */
}

.text-input {
    margin: 10px 8px !important;
    padding: 0;
    width: calc(100% - 8px - 8px);
}
.secondBetHeader {
    font-size: 16px;
    /* font-family: Roboto, San serif; */
    font-weight: bold;
    width: 800%;
    text-align: right;
    margin: 14px 10px 14px 14px;
}
ion-card{
        border-top: 1px solid #dddddd  !important;
    border-bottom: none !important;
}
.headerHolder {
    display: flex;
    /* font-family: LatoBold, sans-serif; */
}

.slider {
    width: 100%;
    margin-left: 0;
}

.swiper-slide img {
    width: 100%;
}

#center {
    text-align: right;
    width: 33.33%;
}

#right {
    text-align: right;
    float: right;
    width: 31%;
    margin-left: 10px
}

#listItems {
    width: 100%;
    background: none
}

scroll-content {
    padding: 0px !important;
}

.firstElement {
    text-align: left;
    width: 50%
}

.secondElement {
    text-align: right;
    width: 50%
}

.item_details {
       padding: 11px 10px 10px;
}

.detailInfo {
    text-align: left;
    font-size: 14px;
    color: var(--ion-color-race-card-details);
    font-weight: 400;
}

.defaultText {
    color: #000 !important;
}

.spinnerDiv {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    background: #000;
    opacity: 0.6;
    border-radius: 10px;
    color: #FFF;
    font-size: 22px;
}

.__spinnerDiv {
    display: none;
}

.defaultbck {
    margin-left: 3px;
    font-weight: bolder;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    height: 150px;
    margin-bottom: 5px;
    width: 98%;
    background-repeat: no-repeat;
    background: url(../img/horse_1.png);
}

.pro-reunion-page div.item-inner {
    border-bottom: none !important;
}

.headerContainer {
    font-weight: bolder;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    height: 70%;
    margin-bottom: 5px;
    color: #0197BC !important;
    width: 100%;
    /*background: url(../img/horse_1.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.spinnerDiv ion-spinner svg {
    width: 28px;
    height: 28px;
    stroke: #FFF;
    fill: #FFF;
    color: #FFF;
    margin-top: 50px;
}

.detailsTitle {
    text-align: left;
    color: var(--ion-color-activeReunion);
    font-size: 30px;
    font-weight: bolder
}

.margin-left{
    margin-left: 49%;
}
.middleComponnentData {
    display: flex;
    color: #fff;
    padding: 8px;
    font-size: 15px;
    font-weight: normal;
       background: rgb(124, 194, 24);
}
.octagon {
    background: var(--ion-background-race-card);
        margin-bottom: 10px;
        min-height: 100px;
        /* font-family: "Roboto"; */
        position: relative;
        width: 100%;
        box-shadow: 0 0px 2px var(--ion-border-race-card);
    
    }
button{
    color: #fff;
}

.cardShadow {
    -webkit-box-shadow: -3px 1px 5px 0px #b5B5B5;
    -moz-box-shadow: 1px 1px 5px 0px #b5B5B5;
    box-shadow: -3px 1px 5px 0px #b5B5B5;  
}

.horse {
    -webkit-box-shadow: -3px 1px 5px 0px #b5B5B5;
    -moz-box-shadow: 1px 1px 5px 0px #b5B5B5;
    box-shadow: -3px 1px 5px 0px #b5B5B5;
}
 .valid {
      display: none;
    }

    .not-valid {
      display: block;

    } 

    .not-valid p {
        color: red !important;
    }
.np {
    font-size: 16px;
    color: #FFF !important;
    background: rgb(255, 124, 124) !important;
    width: 100%;
}
ion-list-header p {
    font-size: 1.5em;
    white-space: normal;
    text-align: center;
}
.middleComponnent {
    width: 100%;
    min-height: 100px;
    /*background-color: -msie-linear-gradient(top, #F00 30%, #FFF 99%, #F00 21%, #FFF 0%);
    background-color: -webkit-linear-gradient(top, #F00 30%, #FFF 99%, #F00 21%, #FFF 0%);
    background-color: -moz-linear-gradient(top, #F00 30%, #FFF 99%, #F00 21%, #FFF 0%);
    background-color: -o-linear-gradient(top, #F00 30%, #FFF 99%, #F00 21%, #FFF 0%);*/
    /*background: #E1FDFF;
    /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(top, #FFF, #E1FDFF);*/
    /*  For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(top, #FFF, #E1FDFF);*/
    /*  For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(top, #FFF, #E1FDFF);*/
    /*  For Firefox 3.6 to 15 */
    /*background: linear-gradient(to top, #FFF, #E1FDFF);*/
    /*  Standard syntax */
}

.item {
    padding: 0px;
    margin: 0px;
    background: none;
    border: 0px;
}

.item .item-inner {
    padding: 0px
}

ion-label {
    margin: 0 0 0 0
}
.validation-error{
    color: #eb862c;
    font-size: 12px;
    margin-left: 10px;
}
.octagon:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
/*    border-top: 10px solid #FFF;
    border-left: 0px solid #FFF;
    border-right: 10px solid #EAEAEA;*/
    width: 20px;
    height: 0;
}

.racefinishedHeader {
    color: var(--ion-color-finishheader);
    padding: 10px 10px;
    display: flex;
    font-size: 18px;
    background: var(--ion-background-finishheader);
    border-bottom: solid 2px var(--ion-background-finishheader);
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #FFFFFF !important;
    z-index: 1000;
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);
    /* IE 9 */
    transform: translateX(-100%);
    /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);
    /* IE 9 */
    transform: translateX(100%);
    /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader {
    opacity: 0;
}
.cartbtn{
    opacity: 0;
}

.loaded #loader-wrapper {
    visibility: hidden;
}

._pink-text-color {
    color: var(--ion-color-cheval-RC) !important;
}

._magenta-text-color {
    color: #aa0078 !important;
}

._pink-background-gradient {
    background: linear-gradient(to bottom, #f2037f, #dd0575, #f2037f) !important;
}

._magenta-background-gradient {
    background: linear-gradient(to bottom, #aa0078, #d10094) !important;
}

._green-text-color {
    color: var(--ion-color-cheval-horse_number);
}

._yellow-text-color {
    color: #F18D03 !important;
}

._yellow-background-gradient {
    background: linear-gradient(#FFAD00,  #F18D03) !important;
    color: #fff;
}

._yellow-background {
    background:#F18D03 !important;
}

._pink-background {
    background: #f2037f !important;
}
.w-100{
    width: 100%;
}
.table-header{
text-align:center;
color:#4B4B4B;
margin:5px;
margin-top: 11px;
/* font-family: LatoBold, sans-serif; */
font-size: 20px;
}
ion-select{
    max-width: 100% !important;
}
.align-left{
    text-align: left !important;
}
div .border-bottom:nth-child(odd){
    background: #fff;
/*border-bottom: 1px solid #4B4B4B;;*/
}

.table-cell{
    color:#0e0e4c;
    /*font-family:LatoBlackBold , san serif;*/
    width:100%;
    font-size: 16px;
    text-align:center
}

.platform-ios .item[detail-push] .item-inner, button.item:not([detail-none]) .item-inner, a.item:not([detail-none]) .item-inner {
    padding-right: 0;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px 14px;
}

.platform-ios .item-cover {
    position: absolute;
    top: 0;
    left: 0;
    width:20px;
    height: 20px;
     border-radius: 15px;
    cursor: pointer;
    border: solid 1px #ccc;
    background: #00000014;
   
}

.platform-ios .radio-icon {
    position: relative;
    display: block;
    width: 21px;
    height: 21px;
}

.platform-ios .radio-checked .radio-inner {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    border-radius: 15px;
    height: 12px;
    background: #a9a9a9;
    border:none;
}

.platform-ios .label-ios {
        position: relative;
    bottom: 5px;
    left: 5px;
}


.platform-ios ion-title {
    padding: 0 0 0 90px;
}

.platform-ios ion-checkbox button {
        display: none;
}

.platform-ios ion-checkbox[checkYellow] .checkbox-checked {
    border-color: #ea037b;
    background-color: #ea037b;
}

ion-list-header{
    padding: 0;
}

ion-list .item .item-inner {
    border-bottom: none;
}

div transaction-items:nth-child(even) div div ion-row.gradient-trans {
    background: #fff;
}
.body-background{
    background: var(--ion-background-home);
    height: 100%;
}
.body{
    background: var(--ion-background-home);

}
.options-decoration {
    max-height: 25px;
        position: relative;
}
.fl-right{
    /* float: right */
    padding-bottom: 0px !important;
    position: absolute;
    right: 0;
    bottom: -9px;
}
.fl2-right{
    /* float: right */
    padding-bottom: 0px !important;
    position: absolute;
    right: 0;
    bottom: 4px;
}
.compl-horse .select-icon{
position: unset;
    width: 12px;
    height: 19px;
}
.compl-horse .select-icon .select-icon-inner{
position: absolute;
       top: 28%;
    left: 5px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 10px solid;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    color: #FFF;
    pointer-events: none;
}
ion-col{
    padding:unset
}
.ttOdre .radio-icon{
    border-color:#FFF
}
.select-icon {
    color: white;
  
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -2%;
    border-top: 10px solid;

}
ion-item{
    --border-color: transparent;
      width:100%;
    --background: transparent;
    --padding-top:0;
    --inner-padding-top:0;
    --padding-bottom:0;
    --inner-padding-bottom:0;
    --inner-padding-end:0;
    --inner-padding-start:0;
    --padding-start:0;
     --border-width:0px;
}
.acc-icon{
    font-size:70px;
    color:var(--ion-color-account-icon);
}
.d-flex{
    display: flex;
}
.text-right{
    text-align: right !important
}
.text-left{
    text-align: left !important
}
.float-left{
    float:left
}
.t-16{
    font-size: 16px !important;
}
.float-right{
    float:right
}
.w-100{
    width: 100%;
}
.w-80{
    width: 80%;
}
.w-90{
    width: 90%;
}
.w-75{
    width: 75%;
}
.w-70{
    width: 70%;
}
.w-60{
    width: 60%;
}

.w-55{
    width: 55%;
}
.w-50{
    width: 50%;
}
.w-45{
    width: 45%;
}
.w-40{
    width: 40%;
}
.w-30{
    width: 30%;
}
.w-25{
    width: 25%;
}
.w-20{
    width: 20%;
}
.w-15{
    width: 15%;
}
.w-10{
    width: 10%;
}
.w-5{
    width: 5%;
}
.p-8{
    padding: 8px;
}
.p-7{
    padding: 7px;
}
.p-6{
    padding: 6px;
}
.p-5{
    padding: 5px;
}
.p-4{
    padding: 4px;
}
.p-3{
    padding: 3px;
}
.p-2{
    padding: 2px;
}
.p-1{
    padding: 1px;
}