.records {
    width: 90%;
    margin-left: 5%;
}

.tdtext {
    font-size: 16px !important;
    color: #090 !important;
    font-weight: normal;
    text-align: right;
}

.tdtext2 {
    font-size: 16px !important;
    color: #f00 !important;
    font-weight: normal;
    text-align: right;
}

.tdtext3 {
    font-size: 16px !important;
    color: #FFB400 !important;
    font-weight: normal;
    text-align: right;
}

.text small {
    font-size: 12px;
    color: #888;
}

.listView .listItem {
    padding: 0px 55px 0px 0px;
}

.listView .listItem .text {
    font-size: 16px;
}

.dflxsbt {
    justify-content: space-between;
    background: #0760a1;
}


.xtab.sel {
    color: #fff;
    border-bottom: 4px solid #fff;
}

.xtab {
    margin: 0px 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 16px;
    color: #c1c1c1;
    text-align: center;
}

.pa-0 {
    padding: 0px !important;
}

.ma-0 {
    margin: 0px !important;
}


.myma,
.mxui {
    background: url(../img/bg.png);
    /* border: 1px solid #d0ebff; */
    border-radius: 4px;
    transition: .2s;
    margin-bottom: 6px;
    color: #333;
    margin-bottom: 10px;
   /* width: 150px;
   height: 150px; */
    /* border-radius: 100% ; */
    /* margin: auto; */
 
}

.rbs {
    margin: -5px;
    margin-bottom: 15px!important;
    padding: 10px 0;
}

.tf-16 {
    font-size: 16px;
}

.xtl {
    text-align: left;
    text-align: -webkit-left;
}

.xtr {
    text-align: right;
    text-align: -webkit-right;
}

.tf-20 {
    font-size: 20px;
}

.tfw-6 {
    font-weight: 600;
}

.tffm {
    font-family: apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif;
}





.grvrb {
    width: 60px;
    border-radius: 5px;
    height: 28px;
    line-height: 28px;
}

.GS,
.GL,
.GXL {
    background: #00c282;
}


.GS,
.RS,
.VS,
.VRS,
.VGS,
.NS {
    color: #fff;
    text-align: center;
    border-radius: 50%;
    width: 28px;
    display: inline-block;
    line-height: 28px;
    height: 28px;
    box-shadow: rgb(0 0 0 / 40%) 0 0 5px;
}


.grvrb {
    width: 60px;
    border-radius: 5px;
    height: 28px;
    line-height: 28px;
}


.RS,
.RL,
.RXL {
    background: #fa3c09;
}


r {
    color: #fa3c09;
}

.rbt1ps {
    border-top: 1px solid #e4e4e4;
}

g {
    color: #00c282;
}



.GS.A,
.join.andar,
.btn-con.newod.andar,
.GXL.A {
    background: #1DCC70;
}

.GS.B,
.join.bahar,
.btn-con.newod.bahar,
.RXL.B {
    background: #ff2d55;
}

.GS.T,
.join.tie,
.btn-con.newod.tie,
.GXL.T {
    background: #d4af37;
}

.GS.R,
.join.red,
.btn-con.newod.red,
.GXL.R {
    background: #ff2d55;
}

.GS.G,
.join.green,
.btn-con.newod.green,
.GXL.G {
    background: #1DCC70;
}

.GS.V,
.join.violet,
.btn-con.newod.violet,
.GXL.V {
    background: #9c27b0;
}


.GS.VR,
.join.violetred,
.btn-con.newod.violetred,
.GXL.VR {
    background-color: rgb(156, 39, 176);
    background-image: repeating-linear-gradient(315deg, rgb(156, 39, 176) 0px, rgb(156, 39, 176) 35px, rgb(156, 39, 176) 35px, rgb(255, 45, 85) 35px, rgb(255, 45, 85) 70px);

}

.GS.VG,
.join.violetgreen,
.btn-con.newod.violetgreen,
.GXL.VG {
    background-color: rgb(156, 39, 176);
    background-image: repeating-linear-gradient(315deg, rgb(156, 39, 176) 0px, rgb(156, 39, 176) 35px, rgb(156, 39, 176) 35px, rgb(29, 204, 112) 35px, rgb(29, 204, 112) 70px);

}




.GS.Bl,
.join.blue,
.btn-con.newod.blue,
.GXL.Bl {
    background: rgb(60, 150, 255);
}


.GS.GY,
.join.gray,
.btn-con.newod.gray,
.GXL.GY {
    background: rgb(59, 72, 89);
}