.ta3{transition: all 0.3s}


.w100-p{width: 100%}

.bcw{background-color: #fff;}
.bcg1{background-color: #f7f7f7;}
.bcg2{background-color: #ddd;}
.bcg3{background-color: #EFEFEF;}

.fcg1{color: #f7f7f7;}
.fcg2{color: #EFEFEF;}
.fcg3{color: #ddd;}
.fcg4{color: #c7c7c7;}
.fcg5{color: #acacac;}
.fcg5{color: #808080;}
.blue.text{color: #0093ee}


span{cursor: context-menu;}
.pre{position:relative}
.pab{position:absolute}
.pfi{position: fixed}
.vto{vertical-align: top}
.vato{vertical-align: top}
.vmi{vertical-align: middle}
.vami{vertical-align: middle}
.vbo{vertical-align: bottom}
.vabo{vertical-align: bottom}
.vasu{vertical-align: super}

.tce{text-align: center}
.tace{text-align: center}
.tale{text-align: left}
.tle{text-align: left}
.tri{text-align: right}
.tari{text-align: right}
.taju{text-align: justify}
.talce{text-align-last: center}
.talri{text-align-last: right}
.talle{text-align-last: left}
.dlt{direction: ltr}
.drt{direction: rtl}
.phrt::-moz-placeholder{direction: rtl}
.phrt::-webkit-input-placeholder{direction: rtl}
.phlt::-moz-placeholder{direction: ltr}
.phlt::-webkit-input-placeholder{direction: ltr}
.tdlt{text-decoration: line-through}
.fbo{font-weight: bold;}
.vhi{visibility: hidden}
.vvi{visibility: visible}
.fl{float:left}
.fr{float:right}

.ohi{overflow: hidden}
.ofau{overflow: auto}


.col2{display:inline-block;width:2%;}
.col5{display:inline-block;width:4%;}
.push5{margin-right:4%;}
.col10{display:inline-block;width:9%;}
.push10{margin-right:9%;}
.col15{display:inline-block;width:14.5%;}
.col20{display:inline-block;width:19.5%;}
.col25{display:inline-block;width:24.5%;}
.col30{display:inline-block;width:29.5%;}
.col33{display:inline-block;width:33%;}
.col35{display:inline-block;width:34.5%;}
.col40{display:inline-block;width:39.5%;}
.col45{display:inline-block;width:44.5%;}
.col50{display:inline-block;width:49.5%;}
.col55{display:inline-block;width:54.5%;}
.col60{display:inline-block;width:59.5%;}
.col65{display:inline-block;width:64.5%;}
.col70{display:inline-block;width:69.5%;}
.col75{display:inline-block;width:74.5%;}
.col80{display:inline-block;width:79.5%;}
.col85{display:inline-block;width:84.5%;}
.col90{display:inline-block;width:89.5%;}
.col95{display:inline-block;width:94.5%;}
.col98{display:inline-block;width:97.5%;}
.col100{display:inline-block;width:100%;}


.colT5{display:table-cell;width:5%;}
.colT10{display:table-cell;width:10%;}
.colT15{display:table-cell;width:15%;}
.colT20{display:table-cell;width:20%;}
.colT25{display:table-cell;width:25%;}
.colT30{display:table-cell;width:30%;}
.colT35{display:table-cell;width:35%;}
.colT40{display:table-cell;width:40%;}
.colT45{display:table-cell;width:45%;}
.colT50{display:table-cell;width:50%;}
.colT55{display:table-cell;width:55%;}
.colT60{display:table-cell;width:60%;}
.colT65{display:table-cell;width:65%;}
.colT70{display:table-cell;width:70%;}
.colT75{display:table-cell;width:75%;}
.colT80{display:table-cell;width:80%;}
.colT85{display:table-cell;width:85%;}
.colT90{display:table-cell;width:90%;}
.colT95{display:table-cell;width:95%;}
.colT100{display:table-cell;width:100%;}

.colf2{flex:0 0 2% ; -webkit-box-flex:1  2%; -moz-box-flex: 1 2%; width:2%;}
.colf5{flex:0 0 5% ; -webkit-box-flex:1  5%; -moz-box-flex: 1 5%; width:5%;}
.colf10{flex:0 0 10% ;  -webkit-box-flex:1  10%; -moz-box-flex: 1 10%; width:10%;}
.colf15{flex:0 0 15% ; -webkit-box-flex:1  15%; -moz-box-flex: 1 15%; width:15%;}
.colf20{flex:0 0 20% ;  -webkit-box-flex:1  20%; -moz-box-flex: 1 20%; width:20%;}
.colf25{flex:0 0 25% ;  -webkit-box-flex:1  25%; -moz-box-flex: 1 25%; width:25%;}
.colf30{flex:0 0 30% ;  -webkit-box-flex:1  30%; -moz-box-flex: 1 30%; width:30%;}
.colf35{flex:0 0 35% ; -webkit-box-flex:1  35%; -moz-box-flex: 1 35%; width:35%;}
.colf40{flex:0 0 40% ; -webkit-box-flex:1  40%; -moz-box-flex: 1 40%; width:40%;}
.colf45{flex:0 0 45% ; -webkit-box-flex:1  45%; -moz-box-flex: 1 45%; width:45%;}
.colf50{flex:0 0 50% ;  -webkit-box-flex:1  50%; -moz-box-flex: 1 50%; width:50%;}
.colf55{flex:0 0 55% ; -webkit-box-flex:1  55%; -moz-box-flex: 1 55%; width:55%;}
.colf60{flex:0 0 60% ;  -webkit-box-flex:1  5%; -moz-box-flex: 1 5%; width:60%;}
.colf65{flex:0 0 65% ; -webkit-box-flex:1  65%; -moz-box-flex: 1 65%; width:65%;}
.colf70{flex:0 0 70% ;  -webkit-box-flex:1  70%; -moz-box-flex: 1 70%; width:70%;}
.colf75{flex:0 0 75% ;  -webkit-box-flex:1  75%; -moz-box-flex: 1 75%; width:75%;}
.colf80{flex:0 0 80% ;  -webkit-box-flex:1  80%; -moz-box-flex: 1 80%; width:80%;}
.colf85{flex:0 0 85% ;  -webkit-box-flex:1  85%; -moz-box-flex: 1 85%; width:85%;}
.colf90{flex:0 0 90% ;  -webkit-box-flex:1  90%; -moz-box-flex: 1 90%; width:90%;}
.colf95{flex:0 0 95% ; -webkit-box-flex:1  95%; -moz-box-flex: 1 95%; width:95%;}
.colf100{flex:0 0 100%;  -webkit-box-flex:1  100%; -moz-box-flex: 1 100%; width:100%;}


.mau{margin: auto}
.cpo{cursor: pointer;}
.fwbo{font-weight: bold;}
.fwno{font-weight: normal}


.pubError{color:red}
.pubTip{color:red}
.din{display: inline-block}
.dib{display: inline-block}
.dta{display: table}
.tlfi{table-layout: fixed}
.dinl{display: inline}
.dbl{display: block}
.dno{display: none;}
.dtc{display: table-cell;}
.dtr{display: table-row;}
.dt{display: table;}
.dif{
    display: -webkit-inline-flex;     /* NEW - Chrome */
    display: inline-flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.dfl{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.jcc{justify-content: center}
.jcfe{justify-content: flex-end}
.jcfs{justify-content: flex-start}
.jcsb{justify-content: space-between}
.aife{align-items: flex-end;}
.aafs{align-items: flex-start;}
.aace{align-items: center;}
.aic{align-items: center;}
.ais{align-items: stretch;}
.aib{align-items: baseline;}
.tlf{table-layout: fixed}
.fle{float:left}
.fdc{flex-direction: column;}
.fdcr{flex-direction: column-reverse;}
.fdr{flex-direction: row;}
.fdrr{flex-direction: row-reverse;}
.fww{flex-wrap: wrap;}
.fwn{flex-wrap: nowrap;}
.acc{    align-content: center;}

.payBtn{
    background-color: #4caf50;
    color:#fff;
}

.white.bg{background-color: #fff}
.white.text{color: #fff}
.red.text{color: #FF0000}
.yellow.text{color: yellow}
.orange.text{color: orange}
.purple.text{color: purple}

.grey.bg {
    background-color: #9E9E9E;
}
.grey.text {
    color: #9E9E9E;
}
.grey-50.bg {
    background-color: #FAFAFA;
}
.grey-50.text {
    color: #FAFAFA;
}
.grey-100.bg {
    background-color: #F5F5F5;
}
.grey-100.text {
    color: #F5F5F5;
}
.grey-200.bg {
    background-color: #EEEEEE;
}
.grey-200.text {
    color: #EEEEEE;
}
.grey-300.bg {
    background-color: #E0E0E0;
}
.grey-300.text {
    color: #E0E0E0;
}
.grey-400.bg {
    background-color: #BDBDBD;
}
.grey-400.text {
    color: #BDBDBD;
}
.grey-500.bg {
    background-color: #9E9E9E;
}
.grey-500.text {
    color: #9E9E9E;
}
.grey-600.bg {
    background-color: #757575;
}
.grey-600.text {
    color: #757575;
}
.grey-700.bg {
    background-color: #616161;
}
.grey-700.text {
    color: #616161;
}
.grey-800.bg {
    background-color: #424242;
}
.grey-800.text {
    color: #424242;
}
.grey-900.bg {
    background-color: #212121;
}
.grey-900.text {
    color: #212121;
}

.green.bg {
    background-color: #4CAF50;
}
.green.text {
    color: #4CAF50;
}
.green-50.bg {
    background-color: #E8F5E9;
}
.green-50.text {
    color: #E8F5E9;
}
.green-100.bg {
    background-color: #C8E6C9;
}
.green-100.text {
    color: #C8E6C9;
}
.green-200.bg {
    background-color: #A5D6A7;
}
.green-200.text {
    color: #A5D6A7;
}
.green-300.bg {
    background-color: #81C784;
}
.green-300.text {
    color: #81C784;
}
.green-400.bg {
    background-color: #66BB6A;
}

.green-400.text {
    color: #66BB6A;
}
.green-500.bg {
    background-color: #4CAF50;
}
.green-500.text {
    color: #4CAF50;
}
.green-600.bg {
    background-color: #43A047;
}.green-600.text {
     color: #43A047;
 }
.green-700.bg {
    background-color: #388E3C;
}
.green-700.text {
    color: #388E3C;
}
.green-800.bg {
    background-color: #2E7D32;
}
.green-800.text {
    color: #2E7D32;
}
.green-900.bg {
    background-color: #1B5E20;
}
.green-900.text {
    color: #1B5E20;
}



/*set parent pre class (position relative)*/
.cover-a{
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/*for var_dumps!*/
code, kbd, pre, samp{
    text-align:left;
}
.ofcon{object-fit: contain;-o-object-fit: contain}
.ofcov{object-fit: cover;-o-object-fit: cover}

.tal2{
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.tal3{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tal4{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.tal5{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.rounded{
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.arrow{
    position: relative;
    width:0;height:0;
    border-width:10px;
    border-style: solid;
    display:inline-block;
    vertical-align:middle;
    margin:5px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.arrow.left{
    border-color: transparent grey transparent transparent;
    border-left:none;
    width:5px;
}
.arrow.right{
    border-color: transparent  transparent  transparent grey;
    border-right:none;
    width:5px;
}
.arrow.top{
    border-color: transparent  transparent grey transparent;
    border-top:none;
    height:5px;
    vertical-align: top;
}
.arrow.up{
    border-color: transparent  transparent grey transparent;
    border-top:none;
    height:5px;
    vertical-align: top;
}
.arrow.down{
    border-color: grey transparent transparent transparent;
    border-bottom:none;
    height:5px;
    vertical-align:bottom;
}
.rotate{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotatehl{/*rotate half left!*/
    -webkit-transform: rotate(90deg);
    transform: rotate(-90deg);
}
.rotatehr{/*rotate half right!*/
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.green.text{color:green}
.green.bg{background-color: green}
#imgLoading>span{
    transition:all 0.5s;
    display: block;
    margin: 30px auto;
}
#imgLoading{text-align:center; margin:auto;}

.loadingShape{
    width: 100%;
    height: 100%;
    border: 2px solid grey;
    border-radius: 100%;
    display: block;
    margin: auto;
    border-left: transparent;
    transform: rotate(360deg);
    animation: rloading1 1.7s linear;
    animation-iteration-count: infinite;
}

.color_blue{color:#00AFEF;}


.input-lr, .input-lr:active,.ltr-input:focus{
    text-align: left;
    direction: ltr;
}

.input-lr[value=""]{
    text-align:right;
}

.fa.dno { display : none;}
.button{
    border:none;
    border-radius: 2px;
}

.btn{border:none; cursor:pointer}
.btn:hover{opacity:0.9}

.fs0-5{font-size: 0.5em;}
.fs0-6{font-size: 0.6em;}
.fs0-7{font-size: 0.7em;}
.fs0-8{font-size: 0.8em;}
.fs0-9{font-size: 0.9em;}

.fs1{font-size: 1em;}
.fs1-1{font-size: 1.1em;}
.fs1-2{font-size: 1.2em;}
.fs1-3{font-size: 1.3em;}
.fs1-4{font-size: 1.4em;}
.fs1-5{font-size: 1.5em;}
.fs1-6{font-size: 1.6em;}
.fs1-7{font-size: 1.7em;}
.fs1-8{font-size: 1.8em;}
.fs1-9{font-size: 1.9em;}

.fs2{font-size: 2em;}


.pe0-5{padding: 0.5em;}
.pe0-6{padding: 0.6em;}
.pe0-7{padding: 0.7em;}
.pe0-8{padding: 0.8em;}
.pe0-9{padding: 0.9em;}

.pe1{padding: 1em;}
.pe1-1{padding: 1.1em;}
.pe1-2{padding: 1.2em;}
.pe1-3{padding: 1.3em;}
.pe1-4{padding: 1.4em;}
.pe1-5{padding: 1.5em;}
.pe1-6{padding: 1.6em;}
.pe1-7{padding: 1.7em;}
.pe1-8{padding: 1.8em;}
.pe1-9{padding: 1.9em;}
.pe2{font-size: 2em;}


.pe0-5{padding: 0.5em;}
.pe0-6{padding: 0.6em;}
.pe0-7{padding: 0.7em;}
.pe0-8{padding: 0.8em;}
.pe0-9{padding: 0.9em;}

.me1{margin: 1em;}

.me0-1{margin: 0.1em;}
.me0-2{margin: 0.2em;}
.me0-3{margin: 0.3em;}
.me0-4{margin: 0.4em;}
.me0-5{margin: 0.5em;}
.me0-6{margin: 0.6em;}
.me0-7{margin: 0.7em;}
.me0-8{margin: 0.8em;}
.me0-9{margin: 0.9em;}

.me1-1{margin: 1.1em;}
.me1-2{margin: 1.2em;}
.me1-3{margin: 1.3em;}
.me1-4{margin: 1.4em;}
.me1-5{margin: 1.5em;}
.me1-6{margin: 1.6em;}
.me1-7{margin: 1.7em;}
.me1-8{margin: 1.8em;}
.me1-9{margin: 1.9em;}


.mtau{margin-top: auto}
.mlau{margin-left: auto}
.mrau{margin-right: auto}
.mbau{margin-bottom: auto}

.mtauh:hover{margin-top: auto !important;}
.mlauh:hover{margin-left: auto !important;}
.mrauh:hover{margin-right: auto !important;}
.mbauh:hover{margin-bottom: auto !important;}


.mbe1{margin-bottom: 1em;}

.mbe0-1{margin-bottom: 0.1em;}
.mbe0-2{margin-bottom: 0.2em;}
.mbe0-3{margin-bottom: 0.3em;}
.mbe0-4{margin-bottom: 0.4em;}
.mbe0-5{margin-bottom: 0.5em;}
.mbe0-6{margin-bottom: 0.6em;}
.mbe0-7{margin-bottom: 0.7em;}
.mbe0-8{margin-bottom: 0.8em;}
.mbe0-9{margin-bottom: 0.9em;}

.mbe1-1{margin-bottom: 1.1em;}
.mbe1-2{margin-bottom: 1.2em;}
.mbe1-3{margin-bottom: 1.3em;}
.mbe1-4{margin-bottom: 1.4em;}
.mbe1-5{margin-bottom: 1.5em;}
.mbe1-6{margin-bottom: 1.6em;}
.mbe1-7{margin-bottom: 1.7em;}
.mbe1-8{margin-bottom: 1.8em;}
.mbe1-9{margin-bottom: 1.9em;}



.mlel{ margin-left: 1em;}
.mle0-1{margin-left: 0.1em;}
.mle0-2{margin-left: 0.2em;}
.mle0-3{margin-left: 0.3em;}
.mle0-4{margin-left: 0.4em;}
.mle0-5{margin-left: 0.5em;}
.mle0-6{margin-left: 0.6em;}
.mle0-7{margin-left: 0.7em;}
.mle0-8{margin-left: 0.8em;}
.mle0-9{margin-left: 0.9em;}

.m1e-1{margin-left: 1.1em;}
.m1e-2{margin-left: 1.2em;}
.m1e-3{margin-left: 1.3em;}
.m1e-4{margin-left: 1.4em;}
.m1e-5{margin-left: 1.5em;}
.m1e-6{margin-left: 1.6em;}
.m1e-7{margin-left: 1.7em;}
.m1e-8{margin-left: 1.8em;}
.m1e-9{margin-left: 1.9em;}


.met1{margin-top: 1em;}
.met0-1{margin-top: 0.1em;}
.met0-2{margin-top: 0.2em;}
.met0-3{margin-top: 0.3em;}
.met0-4{margin-top: 0.4em;}
.met0-5{margin-top: 0.5em;}
.met0-6{margin-top: 0.6em;}
.met0-7{margin-top: 0.7em;}
.met0-8{margin-top: 0.8em;}
.met0-9{margin-top: 0.9em;}

.met1-1{margin-top: 1.1em;}
.met1-2{margin-top: 1.2em;}
.met1-3{margin-top: 1.3em;}
.met1-4{margin-top: 1.4em;}
.met1-5{margin-top: 1.5em;}
.met1-6{margin-top: 1.6em;}
.met1-7{margin-top: 1.7em;}
.met1-8{margin-top: 1.8em;}
.met1-9{margin-top: 1.9em;}

.wsno{white-space: nowrap}
.usno{
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.fg1{flex-grow: 1 ;}
.fg1-5{flex-grow: 1.5;}
.fg2{flex-grow: 2 ;}
.fg2-5{flex-grow: 2.5 ;}
.fg3{flex-grow: 3 ;}
.fg3-5{flex-grow: 3.5 ;}
.fg4{flex-grow: 4 ;}
.fg4-5{flex-grow: 4.5 ;}
.fg5{flex-grow: 5 ;}
.fg5-5{flex-grow: 5.5 ;}
.fg6{flex-grow: 6 ;}
.fg6-5{flex-grow: 6.5 ;}
.fg7{flex-grow: 7 ;}
.fg7-5{flex-grow: 7.5 ;}
.fg8{flex-grow: 8 ;}
.fg8-5{flex-grow: 8.5 ;}
.fg9{flex-grow: 9 ;}
.fg9-5{flex-grow: 9.5 ;}
.fg10{flex-grow: 10 ;}
.fg10-5{flex-grow: 10.5 ;}
.fg11{flex-grow: 11 ;}
.fg11-5{flex-grow: 11.5 ;}
.fg12{flex-grow: 12 ;}

.fb5{flex-basis: 5%;}
.fb10{flex-basis: 10%;}
.fb15{flex-basis: 15%;}
.fb20{flex-basis: 20%;}
.fb25{flex-basis: 25%;}
.fb30{flex-basis: 30%;}
.fb35{flex-basis: 35%;}
.fb40{flex-basis: 40%;}
.fb45{flex-basis: 45%;}
.fb50{flex-basis: 50%;}
.fb55{flex-basis: 55%;}
.fb60{flex-basis: 60%;}
.fb65{flex-basis: 65%;}
.fb70{flex-basis: 70%;}
.fb75{flex-basis: 75%;}
.fb80{flex-basis: 80%;}
.fb85{flex-basis: 85%;}
.fb90{flex-basis: 90%;}
.fb95{flex-basis: 95%;}
.fb100{flex-basis: 100%;}