@font-face {font-family:MavenPro;src:url('fonts/MavenPro-Regular.ttf');}
@font-face {font-family:Roboto-Light;src:url('fonts/Roboto-Light.ttf');}
@font-face {font-family:Roboto-Regular;src:url('fonts/Roboto-Regular.ttf');}
@font-face {font-family:Roboto-Thin;src:url('fonts/Roboto-Thin.ttf');}
body {font-family:MavenPro;font-size:11pt;color:#263238;margin:0;}
input {outline:none;}
.txt-input {border:0;border-bottom:3px solid #82c0ff;color:#0066cc;height:30px;padding-left:5px;padding-right:5px;padding-top:0;padding-bottom:0;margin-bottom:20px;width:90%;}
.txt-input-1 {border:0;border-bottom:1px solid #82c0ff;color:#fff;height:30px;padding-left:5px;padding-right:5px;padding-top:0;padding-bottom:0;margin-bottom:20px;width:90%;background-color:transparent;}
.txt-input-2 {border:0;border:1px solid #82c0ff;color:#0066cc;padding:4px;box-sizing:border-box;width:90%;}
.flx-nw {display:flex;flex-direction:row;flex-wrap:nowrap;}
.flx-nw-rr {display:flex;flex-direction:row-reverse;flex-wrap:nowrap;}
.flx-w {display:flex;flex-direction:row;flex-wrap:wrap;}
.v-scroll {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.btn-save {font-size:22pt;cursor:pointer;margin-right:10px;}
.btn-save:after {content:'done_all';}
.btn-delete {font-size:22pt;cursor:pointer;margin-right:10px;}
.btn-delete:after {content:'delete_forever';}
.btn-add {font-size:22pt;cursor:pointer;margin-right:10px;}
.btn-add:after {content:'add';}
.btn-rd {font-size:16pt;color:#f57f17;}
.btn-rd:after {content:'radio_button_unchecked';}
.btn-ck0 {font-size:16pt;color:#f57f17;}
.btn-ck0:after {content:'check_box_outline_blank';}
.btn-ck1 {font-size:16pt;color:#f57f17;}
.btn-ck1:after {content:'check_box';}
.btn-search {font-size:22pt;cursor:pointer;margin-right:10px;}
.btn-search:after {content:'search';}
.btn-select {cursor:pointer;color:hsl(27,4%,53%);margin-left:5px;}
.btn-select:after {content:'flip_to_back';}
.btn-user-id {font-size:22pt;color:#f1a12f;}
.btn-user-id:after {content:'face';}
.btn-user-pwd {font-size:22pt;color:#f1a12f;}
.btn-user-pwd:after {content:'lock';}
.btn-forgot {font-size:16pt;cursor:pointer;color:#82c0ff;}
.btn-forgot:after {content:'help';}
.login-div {opacity:0.6;padding:20px;box-sizing:border-box;}
.login-div .content {background-color:#000;width:50%;margin-left:auto;margin-right:auto;margin-bottom:40px;padding:20px 40px;box-sizing:border-box;border-radius:2px;}
.login-div .title {font-size:22pt;color:#fff;}
.login-div .col1 {width:60%;margin-left:auto;margin-right:auto;padding-top:40px;box-sizing:border-box;}
.login-div .col2 {font-size:10pt;color:#82c0ff;padding-top:2px;padding-left:10px;padding-right:8px;box-sizing:border-box;cursor:pointer;}
.login-div .btn {font-size:18pt;cursor:pointer;margin:20px;color:#82c0ff;text-align:right;padding-right:10px;box-sizing:border-box;font-family:roboto-regular;}
.login-div .btn-login0 {position:absolute;display:none;top:-1000px;left:-1000px;}
.login-div .msg {color:#fff;}
.user-div {}
.user-div .title {padding:10px 20px;box-sizing:border-box;font-size:14pt;color:#000;margin-bottom:20px;}
.user-div .content {width:80%;margin-left:auto;margin-right:auto;box-shadow:3px 3px 100px rgba(0,0,0,0.2);}
.user-div .user-listing {width:48%;padding:10px;box-sizing:border-box;margin-right:5px;}
.user-div .user-listing .item-list {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;height:300px;}
.user-div .user-listing .item-list .curr-item {background-color:#f1ded1;color:#000;}
.user-div .search-bar2 {padding-bottom:5px;}
.user-div .search-bar2 .search-bar-item1 {width:40%;}
.user-div .search-bar2 .search-bar-item2 {width:58%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;padding-right:20px;box-sizing:border-box;}
.user-div .search-bar2 .status-opt {padding:5px 10px;margin-left:10px;cursor:pointer;border-bottom:1px solid #ff9100;text-align:center;cursor:pointer;font-family:MavenPro;color:#bdbdbd;}
.user-div .search-bar2 .sel-status {border-bottom:3px solid #ff9100;color:#ff8d00;}
.user-div .search-bar2 .rec-cnt {font-family:MavenPro;margin-left:5px;font-size:18pt;color:#41c300;line-height:35px;}
.user-div .user-detail {width:50%;padding:10px;box-sizing:border-box;}
.user-div .user-item {margin-bottom:5px;}
.user-div .r1 {background-color:hsl(0, 8%, 90.2%);cursor:pointer;}
.user-div .r2 {width:60%;padding:10px 14px;box-sizing:border-box;}
.user-div .r3 {width:38%;padding:10px;box-sizing:border-box;}
.user-div .sub-title0 {width:68%;}
.user-div .sub-title {font-size:16pt;color:#757575;padding-left:10px;box-sizing:border-box;}
.user-div .axn {flex-direction:row-reverse;display:flex;width:30%;}
.user-div .row1 {border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:20px;}
.user-div .row2 {width:80%;margin-left:auto;margin-right:auto;}
.prod-div {}
.prod-div .title {padding:10px 20px;box-sizing:border-box;font-size:14pt;color:#000;margin-bottom:20px;}
.prod-div .content {width:80%;margin-left:auto;margin-right:auto;box-shadow:3px 3px 100px rgba(0,0,0,0.2);}
.prod-div .prod-listing {width:48%;padding:10px;box-sizing:border-box;margin-right:5px;}
.prod-div .prod-listing .item-list {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;height:300px;}
.prod-div .prod-listing .item-list .curr-item {background-color:#f1ded1;color:#000;}
.prod-div .search-bar2 {padding-bottom:5px;}
.prod-div .search-bar2 .search-bar-item1 {width:40%;}
.prod-div .search-bar2 .search-bar-item2 {width:58%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;padding-right:20px;box-sizing:border-box;}
.prod-div .search-bar2 .status-opt {padding:5px 10px;margin-left:10px;cursor:pointer;border-bottom:1px solid #ff9100;text-align:center;cursor:pointer;font-family:MavenPro;color:#bdbdbd;}
.prod-div .search-bar2 .sel-status {border-bottom:3px solid #ff9100;color:#ff8d00;}
.prod-div .search-bar2 .rec-cnt {font-family:MavenPro;margin-left:5px;font-size:18pt;color:#41c300;line-height:35px;}
.prod-div .prod-detail {width:50%;padding:10px;box-sizing:border-box;}
.prod-div .prod-item {margin-bottom:5px;}
.prod-div .r1 {background-color:hsl(0, 8%, 90.2%);cursor:pointer;}
.prod-div .r2 {width:80%;padding:10px 14px;box-sizing:border-box;}
.prod-div .r3 {width:28%;padding:10px;box-sizing:border-box;}
.prod-div .sub-title0 {width:68%;}
.prod-div .sub-title {font-size:16pt;color:#757575;padding-left:10px;box-sizing:border-box;}
.prod-div .axn {flex-direction:row-reverse;display:flex;width:30%;}
.prod-div .row1 {border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:20px;}
.prod-div .row2 {width:80%;margin-left:auto;margin-right:auto;}
.btn-tab {width:15%;margin-left:10px;margin-right:5px;margin-bottom:10px;padding-bottom:2px;box-sizing:border-box;border-bottom:3px solid #f57f17;text-align:center;color:#ff8f00;font-size:12pt;}
.btn-tab1 {width:15%;margin-left:10px;margin-right:5px;margin-bottom:10px;padding-bottom:2px;box-sizing:border-box;border-bottom:1px solid #f57f17;text-align:center;cursor:pointer;color:#ffab00;font-size:12pt;}
.btn-error {font-size:14pt;color:#f57f17;margin-left:2px;cursor:default;}
.btn-error:after {content:'error';}
.log-div {}
.log-div .process-tab2 {padding:10px;margin-right:10px;margin-bottom:10px;background-color:#e3e390;color:rgb(118, 115, 115);cursor:pointer;border-bottom:2px solid;}
.log-div .sel-tab {background-color:#858562;color:#fff;border-bottom:2px solid #eda2a2;}
.log-div .title {padding:10px 20px;box-sizing:border-box;font-size:14pt;color:#000;margin-bottom:20px;}
.log-div .content {width:98%;margin-left:auto;margin-right:auto;}
.log-div .log-listing {width:65%;box-sizing:border-box;margin-right:10px;}
.log-div .log-listing .item-list {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;height:300px;}
.log-div .log-listing .item-list .curr-item {background-color:#82c0ff;color:#fff;}
.log-div .log-detail {width:33%;box-sizing:border-box;}
.log-div .title-1 {font-size:16pt;color:#757575;padding-left:10px;padding-bottom:4px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:20px;}
.log-div .sub-title, .log-div .sub-title0 {font-size:16pt;color:#757575;padding-left:10px;width:55%;box-sizing:border-box;}
.log-div .sub-title2 {font-size:13pt;color:#41c300;margin-top:10px;margin-bottom:5px;}
.log-div .axn {flex-direction:row-reverse;display:flex;width:43%;}
.log-div .r1 {width:40%;margin-left:10px;}
.log-div .r1-1 {background-color:#82c0ff;padding:6px 10px;box-sizing:border-box;margin-bottom:2px;}
.log-div .r1-2 {padding:4px 10px;box-sizing:border-box;width:55%;overflow:hidden;white-space:nowrap;color:#fff;}
.log-div .r1-3 {background-color:#eff8fe;padding:4px 10px;box-sizing:border-box;width:45%;overflow:hidden;white-space:nowrap;text-align:center;}
.log-div .curr-tot-comm:before {content:'RM';}
.log-div .r2 {width:19%;}
.log-div .r3 {padding-top:20px;box-sizing:border-box;}
.log-div .row1 {border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:20px;}
.log-div .row2 {padding-left:20px;box-sizing:border-box;overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.log-div .col-1 {width:29%;margin-right:10px;}
.log-div .col-2 {width:50%;margin-bottom:2px;}
.log-div .row10 {width:16%;background-color:#757575;color:#fff;padding-top:4px;padding-bottom:4px;box-sizing:border-box;text-align:center;font-size:10pt;margin-right:2px;margin-bottom:2px;}
.log-div .class-dt {cursor:pointer;}
.log-div .class-dt-paid {background-color:#e0e0e0;}
.log-div .class-dt-invalid {background-color:#757575;}
.log-div .list-header {background-color:#f1ded1;}
.log-div .list-header2 {padding:4px 8px;box-sizing:border-box;width:98%;}
.log-div .list-item {border-bottom:1px solid rgba(0,0,0,0.1);padding:8px;box-sizing:border-box;cursor:pointer;}
.log-div .list-item:hover {background-color:rgb(167, 167, 167);}
.log-div .c1 {width:16%;}
.log-div .c2 {width:70%;}
.log-div .c2-main {display:flex;flex-direction:row;flex-wrap:nowrap;}
.log-div .c2-l {width:50%;}
.log-div .c2-r {width:50%;}
.log-div .c2-0 {width:50%;font-size:9pt;line-height:20px;margin-right:5px;}
.log-div .c2-1 {width:30%;font-size:9pt;line-height:20px;margin-right:5px;}
.log-div .c2-2 {width:33%;font-size:9pt;line-height:20px;text-align:center;}
.log-div .c2-3 {width:20%;font-size:9pt;line-height:20px;text-align:right;box-sizing:border-box;}
.log-div .c3 {width:12%;}
.log-div .c3-1 {width:15%;text-align:center;}
.log-div .c3-2 {width:100%;text-align:center;}
.log-div .c3-3 {width:10%;}
.log-div .c10 {width:16%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.log-div .c20 {width:70%;font-size:10pt;padding-top:3px;box-sizing:border-box;}
.log-div .c20-main {display:flex;flex-direction:row;flex-wrap:nowrap;}
.log-div .c20-l {width:50%;}
.log-div .c20-r {width:50%;}
.log-div .c20-0 {width:50%;margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.log-div .c20-1 {width:30%;margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.log-div .c20-2 {width:30%;text-align:center;}
.log-div .c20-3 {width:20%;text-align:right;box-sizing:border-box;}
.log-div .c30 {width:12%;}
.log-div .c30-1 {width:16%;background-color:#757575;color:#fff;padding-top:4px;padding-bottom:4px;box-sizing:border-box;text-align:center;font-size:10pt;}
.log-div .c30-2 {width:100%;text-align:center;padding-top:2px;box-sizing:border-box;}
.log-div .c30-3 {width:16%;}
.log-div .period0 {width:90%;}
.log-div .curr-coach {line-height:30px;overflow:hidden;}
.log-div .disabled-coach-fld {background-color:#e0e0e0;margin-bottom:5px;}
.log-div .search-receipt-no0 {margin-bottom:0;}
.log-div .status-opt {width:60%;}
.log-div .btn-tab {width:25%;margin-left:10px;margin-right:5px;margin-bottom:10px;padding-bottom:2px;box-sizing:border-box;border-bottom:1px solid #f57f17;text-align:center;cursor:pointer;color:#ffab00;font-size:12pt;}
.log-div .btn-tab-sel {border-bottom:3px solid #f57f17;color:#ff8f00;}
.log-div .status0 {display:flex;flex-direction:row-reverse;width:38%;padding-right:10px;box-sizing:border-box;}
.log-div .im-ready {background-color:#0099FF;color:#fff;padding:5px 10px;cursor:pointer;margin-bottom:5px;}
.log-div .subm-status {font-size:10pt;}
.log-div .btn-history {font-size:22pt;cursor:pointer;margin-right:10px;}
.log-div .btn-history:after {content:'restore';}
.log-div .lesson-list0 {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;height:300px;}
.log-div .lesson-list-h {position:sticky;top:0;left:0;background-color:#f1ded1;padding:4px 8px;box-sizing:border-box;}
.log-div .lesson-list-c1 {width:18%;}
.log-div .lesson-list-c2 {width:10%;text-align:center;}
.log-div .lesson-list-c3 {width:49%;}
.log-div .lesson-list-c30 {display:flex;flex-direction:row;flex-wrap:nowrap;width:36%;}
.log-div .lesson-list  .curr-item {background-color:#82c0ff;color:#fff;}
.log-div .lesson-list-item-div {border-bottom:1px solid rgba(0,0,0,0.1);padding:8px;box-sizing:border-box;cursor:pointer;font-size:10pt;}
.log-div .lesson-list-item-div:hover {background-color:rgb(167, 167, 167);}
.log-div .lesson-detail-r0 {margin-bottom:20px;}
.log-div .lesson-detail-t0 {font-size:10pt;margin-bottom:5px;}
.log-div .lesson-detail-v0 {min-height:20px;padding:4px;background-color:hsl(0, 0%, 88.2%);width:90%;}
.log-div .lesson-list-item-div .lesson
{text-decoration:underline;}
.log-div .lesson-list-item-div .lesson_2nd_all
{margin-top:5px;}
.log-div .process-summ0 {}
.log-div .process-summ0 .summ-period{width:200px;}
.log-div .process-summ0 .summ-mth-cbo{margin-right:5px;}
.log-div .summ-c0 {width:35%;}
.log-div .summ-c1 {width:50%;background-color:#82c0ff;padding:6px 10px;box-sizing:border-box;margin-bottom:2px;}
.log-div .summ-c2 {width:15%;}
.log-div .summ-tot-comm0 {padding:4px 10px;box-sizing:border-box;width:55%;overflow:hidden;white-space:nowrap;color:#fff;text-align:right;}
.log-div .summ-t1  {background-color:#eff8fe;padding:4px 10px;box-sizing:border-box;width:45%;overflow:hidden;white-space:nowrap;text-align:center;}
.log-div .summ-tot-paid::before,
.log-div .summ-tot-est::before,
.log-div .summ-tot-comm::before {content:'RM';}
.log-div .summ-il0 {position:relative;}
.log-div .summ-il0 .summ-item-h {position:sticky;top:0;left:0;background-color:#f1ded1;}
.log-div .summ-il0 .summ-item {padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.1);box-sizing:border-box;}
.log-div .summ-il0 .summ-item:hover {background-color:rgb(167, 167, 167);}
.log-div .summ-il0 .si-coach { width:30%; }
.log-div .summ-il0 .si-tot-class { width:10%; text-align:right; }
.log-div .summ-il0 .si-tot-hr { width:10%; text-align:right; }
.log-div .summ-il0 .si-tot-comm { width:10%; text-align:right; }
.log-div .summ-il0 .si-status-subm { width:10%; padding-left:20px; box-sizing:border;}
.log-div .summ-il0 .si-status { width:15%; }
.log-div .summ-il0 .si-process-sel { width:8%; padding-left:20px; box-sizing:border;}
.log-div .summ-il0 .si-sel { cursor:pointer; }
.log-div .summ-il0 .si-sel0 { margin-left:4px; }
.log-div .not-yet-subm { background-color:yellow; }
.log-div .summ-item-h .si-process-sel { cursor:pointer;}
.log-div .btn-process-summ0{margin-left:20px;background-color:#ffd800;padding:30px 20px;box-sizing:border-box;margin-bottom:20px;border-radius:2px;cursor:pointer;}
.set-class-dt-pp {position:absolute;position:fixed;width:320px;top:0;height:100%;background-color:#fff;box-sizing:border-box;z-index:3000;}
.set-class-dt-pp > div {padding:10px;}
.set-class-dt-pp .seq0 {margin-top:5px;}
.set-class-dt-pp .seq {font-size:24pt;margin-left:5px;}
.set-class-dt-pp .axn {display:flex;flex-direction:row-reverse;}
.set-class-dt-pp .axn .btn-save {font-size:26pt;}
.set-class-dt-pp .lesson0 {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.set-class-dt-pp .lesson0-r0 {margin-bottom:10px;}
.set-class-dt-pp .lesson-2nd {min-height:40px;margin-bottom:20px;}
.set-class-dt-pp .lesson-item-div {padding:5px;border-bottom:1px solid rgba(0,0,0,0.2);}
.set-class-dt-pp .lesson-remarks {width:90%;height:80px;border:3px solid #82c0ff;}
.set-class-dt-pp .key-lesson , .set-class-dt-pp .next-lesson, .set-class-dt-pp .result-idx{height:25px;padding-top:5px;}
.set-class-dt-pp .warmup-done00{margin-bottom:10px;}
.search-receipt-pp {position:absolute;position:fixed;width:500px;top:0;height:100%;background-color:#fff;box-sizing:border-box;z-index:3000;}
.search-receipt-pp > div {padding:10px;}
.search-receipt-pp .search-bar {padding:30px 30px 0 30px;box-sizing:border-box;}
.search-receipt-pp .receipt-item-list {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.search-receipt-pp .receipt-item-list .search-item-div:nth-child(even) {background-color:#ffffcc;}
.search-receipt-pp .search-item-div {cursor:pointer;padding-top:8px;padding-bottom:8px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0.2);}
.search-receipt-pp .search-item-div .col-1 {overflow:hidden;margin-right:2px;}
.search-receipt-pp .search-item-header .col-1 {overflow:hidden;margin-right:2px;}
.search-receipt-pp .search-item-header {width:92%;background-color:#f1ded1;}
.search-receipt-pp .receipt-no {width:27%;}
.search-receipt-pp .receipt-dt {width:15%;}
.search-receipt-pp .pax-name0 {width:28%;}
.search-receipt-pp .prod-code{font-size:.8em;margin-top:10px;}
.search-receipt-pp .paid-amt {width:15%;text-align:right;}
.search-receipt-pp .class-cnt {width:15%;text-align:center;}
.search-receipt-pp .search-bar-item1 {padding-bottom:5px;}
.search-receipt-pp .search-bar-item1 .rec-cnt {font-family:MavenPro;margin-left:5px;font-size:18pt;color:#41c300;line-height:35px;}
.history-pp {position:absolute;position:fixed;width:500px;top:0;height:100%;background-color:#fff;box-sizing:border-box;z-index:3000;}
.history-pp > div {padding:0 10px 10px 10px;}
.history-pp .sub-title0, .history-pp .sub-title {padding-top:10px;font-size:13pt;color:#41c300;line-height:30px;}
.history-pp .sub-title0, .history-pp .sub-title .btn-export{margin-left:20px;}
.history-pp .history-bar-item1 {width:50%;}
.history-pp .history-bar-item2 {padding-top:10px;display:flex;flex-direction:row-reverse;margin-right:45px;width:50%;}
.history-pp .col-0 {width:95%;background-color:#f2f2f2;}
.history-pp .history-item-list {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.history-pp .history-item-list .history-item-div:nth-child(even) {background-color:#ffffcc;}
.history-pp .history-item-div {cursor:pointer;padding-top:8px;padding-bottom:8px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0.1);font-size:8pt;}
.history-pp .history-item-div .col-1 {padding-right:5px;box-sizing:border-box;}
.history-pp .history-item-div .pax-name {width:25%;}
.history-pp .history-item-div .receipt-no {width:20%;}
.history-pp .history-item-div .paid-amt {width:12%;text-align:right;padding-right:10px;box-sizing:border-box;}
.history-pp .history-item-div .class-cnt {width:10%;text-align:center;}
.history-pp .history-item-div .comm {width:12%;text-align:right;margin-right:10px;}
.history-pp .history-item-div .class-dt {width:20%;}
.history-pp .last-12-mth {}
.history-pp .mth-item-div {width:30%;margin-right:4px;margin-bottom:4px;border:1px solid rgba(0,0,0,0.2);border-radius:2px;cursor:pointer;}
.history-pp .mth-item-div .dt {font-size:12pt;text-align:center;padding:5px 0;box-sizing:border-box;background-color:#82c0ff;color:#fff;}
.history-pp .mth-item-div .tot-comm {text-align:center;font-size:10pt;padding:7px 0;box-sizing:border-box;}
.history-pp .mth-item-div .tot-comm:before {content:'RM';}
.history-pp .mth-item-div .tot-class0 {text-align:center;width:49%;font-size:8pt;background-color:#ddecfc;margin-right:2px;padding:5px 0;box-sizing:border-box;}
.history-pp .mth-item-div .tot-coach-hrs0 {text-align:center;width:50%;font-size:8pt;background-color:#ddecfc;padding:5px 0;box-sizing:border-box;}
.history-pp .curr-item {background-color:#fffd84;}
.transfer-div {}
.transfer-div .title {padding:10px 20px;box-sizing:border-box;font-size:14pt;color:#000;margin-bottom:20px;}
.transfer-div .transfer-detail {width:50%;margin-left:auto;margin-right:auto;}
.transfer-div .sub-title {font-size:16pt;color:#757575;width:68%;padding-left:10px;box-sizing:border-box;}
.transfer-div .axn {flex-direction:row-reverse;display:flex;width:30%;}
.transfer-div .col {padding-left:40px;box-sizing:border-box;}
.transfer-div .row1 {border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:20px;}
.transfer-div .row2 {margin-bottom:14px;}
.transfer-div .row2-1 {padding-top:2px;padding-left:10px;box-sizing:border-box;}
.transfer-div .row3 {width:47%;margin-right:5px;}
.btn-export {font-size:24pt;margin-right:10px;cursor:pointer;}
.btn-export:after {content:'cloud_download';}
.btn-process {font-size:24pt;margin-right:10px;cursor:pointer;}
.btn-process:after {content:'hourglass_full';}
.btn-process-summ {font-size:24pt;margin-right:10px;cursor:pointer;}
.btn-process-summ:after {content:'hourglass_full';}
.btn-summary {font-size:24pt;margin-right:10px;cursor:pointer;color:#ff8f00;padding-left:10px;box-sizing:border-box;}
.btn-summary:after {content:'bubble_chart';}
.btn-detail {font-size:24pt;margin-right:10px;cursor:pointer;color:#ff8f00;}
.btn-detail:after {content:'grain';}
.summary-comm-div {}
.summary-comm-div .title {padding:10px 20px;box-sizing:border-box;font-size:14pt;color:#000;margin-bottom:20px;}
.summary-comm-div .sub-title0 {font-size:16pt;color:#757575;padding-left:10px;box-sizing:border-box;margin-bottom:20px;width:60%;}
.summary-comm-div .content {width:90%;margin-left:auto;margin-right:auto;}
.summary-comm-div .row1 {border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:20px;}
.summary-comm-div .axn {display:flex;flex-direction:row-reverse;width:38%;}
.summary-comm-div .r1 {width:20%;margin-left:10px;}
.summary-comm-div .view-opt {cursor:pointer;}
.summary-comm-div .r2 {margin-bottom:10px;}
.summary-comm-div .r2-1 {padding:4px 20px;box-sizing:border-box;}
.summary-comm-div .r2-1-2 {font-size:9pt;color:#ff8f00;margin-top:-6px;}
.summary-comm-div .r2-2 {padding:4px 40px;box-sizing:border-box;background-color:#ff8f00;margin-right:40px;}
.summary-comm-div .r2-2-1 {color:#fff;padding-left:10px;box-sizing:border-box;}
.summary-comm-div .r2-2-2 {font-size:9pt;color:#fff;margin-top:-6px;}
.summary-comm-div .summary-comm-header {background-color:#f1ded1;padding:10px 8px;box-sizing:border-box;}
.summary-comm-div .summary-comm-header2 {width:98%;}
.summary-comm-div .item-list {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.summary-comm-div .summary-comm-item {padding:10px 4px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0.1);cursor:pointer;}
.summary-comm-div .summary-comm-item:nth-child(even) {background-color:#ffffcc;}
.summary-comm-div .summary-comm-item:hover {background-color:rgb(167, 167, 167);}
.summary-comm-div .c1 {width:24%;}
.summary-comm-div .c2 {width:15%;text-align:center;}
.summary-comm-div .c10 {width:24%;}
.summary-comm-div .c20 {width:15%;text-align:center;}
.comm-div {}
.comm-div .title {padding:10px 20px;box-sizing:border-box;font-size:14pt;color:#000;margin-bottom:20px;}
.comm-div .sub-title0 {font-size:16pt;color:#757575;padding-left:10px;box-sizing:border-box;margin-bottom:20px;width:60%;}
.comm-div .content {width:90%;margin-left:auto;margin-right:auto;}
.comm-div .row1 {border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:10px;}
.comm-div .axn {display:flex;flex-direction:row-reverse;width:38%;}
.comm-div .r1 {width:30%;margin-left:10px;}
.comm-div .r1-10 {width:90%;}
.comm-div .r1-1 {background-color:#82c0ff;padding:6px 10px;box-sizing:border-box;margin-bottom:2px;}
.comm-div .r1-2 {padding:4px 10px;box-sizing:border-box;width:49%;}
.comm-div .r1-3 {background-color:#eff8fe;padding:4px 10px;box-sizing:border-box;width:50%;}
.comm-div .curr-tot-comm:before {content:'RM';}
.comm-div .r2 {width:38%;}
.comm-div .r3 {width:60%;padding-top:10px;box-sizing:border-box;}
.comm-div .r4 {margin-left:10px;margin-bottom:20px;}
.comm-div .r4-1 {padding-top:4px;padding-bottom:4px;padding-left:40px;padding-right:30px;box-sizing:border-box;background-color:#ff8f00;}
.comm-div .r4-1-1 {color:#fff;}
.comm-div .r4-1-2 {font-size:9pt;color:#fff;margin-top:-6px;}
.comm-div .view-opt {cursor:pointer;}
.comm-div .r4-2 {padding:4px 20px;box-sizing:border-box;margin-right:40px;}
.comm-div .r4-2-1 {padding-left:10px;box-sizing:border-box;}
.comm-div .r4-2-2 {font-size:9pt;color:#ff8f00;margin-top:-6px;}
.comm-div .comm-detail {}
.comm-div .detail-header {background-color:#f1ded1;padding:10px 8px;box-sizing:border-box;}
.comm-div .detail-header2 {width:98%;}
.comm-div .item-list {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.comm-div .detail-item {box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0.1);cursor:pointer;}
.comm-div .detail-item:nth-child(even) {background-color:#ffffcc;}
.comm-div .detail-item:hover {background-color:rgb(167, 167, 167);}
.comm-div .ct {padding-top:10px;padding-bottom:10px;box-sizing:border-box;}
.comm-div .c1 {width:20%;}
.comm-div .c2 {width:45%;}
.comm-div .c2-1 {width:20%;font-size:9pt;}
.comm-div .c2-2 {width:10%;font-size:9pt;text-align:center;box-sizing:border-box;padding-left:5px;}
.comm-div .c2-3 {width:13%;font-size:9pt;text-align:right;box-sizing:border-box;}
.comm-div .c2-4 {width:28%;font-size:9pt;}
.comm-div .c4 {width:25%;}
.comm-div .c4-1 {width:33%;font-size:9pt;margin-right:5px;}
.comm-div .c4-1-1 {width:33%;font-size:9pt;margin-right:5px;text-align:center;}
.comm-div .comm-class {}
.comm-div .c5 {width:8%;text-align:center;}
.txf-div {}
.txf-div .sub-title0 {font-size:16pt;color:#757575;padding-left:10px;box-sizing:border-box;margin-bottom:20px;}
.txf-div .content {width:90%;margin-left:auto;margin-right:auto;}
.txf-div .row1 {margin-bottom:10px;}
.txf-div .axn {color:#994c09;}
.txf-div .txf-header2 {width:98%;background-color:#f1ded1;padding:10px 8px;box-sizing:border-box;}
.txf-div .item-list {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.txf-div .item-list .item-div:nth-child(even) {background-color:hsl(0, 0%, 87.5%);}
.txf-div .item-list .item-div:hover {background-color:rgb(167, 167, 167);}
.txf-div .txf-item {padding:10px;box-sizing:border-box;}
.txf-div .c1 {width:19%;}
.txf-div .class-left {text-align:center;}
.txf-div .btn-transfer0,
.txf-div .btn-unclaim0{cursor:pointer;margin-bottom:10px;background-color:#e6cab1;padding:5px 10px;border-radius:4px;width:100px;}
.txf-div .btn-transfer1,
.txf-div .btn-unclaim1 {margin-top:4px;}
.txf-div .memb-name {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.btn-transfer {font-size:17pt;cursor:pointer;margin-right:5px;}
.btn-transfer:after {content:'compare_arrows';}
.btn-unclaim {font-size:17pt;cursor:pointer;margin-right:5px;}
.btn-unclaim:after {content:'system_update_alt';}
.txf-pp {position:absolute;position:fixed;width:300px;top:0;height:100%;background-color:#fff;box-sizing:border-box;z-index:3000;}
.txf-pp > div {padding:10px;}
.txf-pp .receipt-no, .txf-pp .class-left {font-size:18pt;color:#41c300;margin-left:10px;padding-top:10px;padding-bottom:10px;}
.txf-pp .lbl0 {padding-top:10px;padding-bottom:10px;}
.txf-pp .axn {display:flex;flex-direction:row-reverse;padding-top:10px;padding-bottom:10px;padding-right:10px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0.1);}
.app-title-div {margin-bottom:10px;}
.app-title-div .app-title-left {width:60%;}
.app-title-div .app-title-right {width:40%;display:flex;flex-direction:row-reverse;}
.app-title-div .app-logo {height:50px;box-sizing:border-box;padding:5px;}
.app-title-div .app-title {font-size:12pt;margin-top:10px;margin-left:10px;}
.app-title-div .app-title {font-size:12pt;margin-top:10px;margin-left:10px;}
.app-title-div .logout-link {text-decoration:none;margin-right:20px;margin-top:10px;}
.app-title-div .outlet0 {margin:10px 20px 0 0;color:blue;cursor:pointer;}
.msg0 {font-size:16pt;}
.button {background-color:#0099FF;color:#fff;padding:10px 20px;margin-right:auto;margin-left:auto;cursor:pointer;text-align:center;margin-bottom:10px;border:0;}
.inactive-item {}
.lesson-div {}
.lesson-div .title {padding:10px 20px;box-sizing:border-box;font-size:14pt;color:#000;margin-bottom:20px;}
.lesson-div .content {width:80%;margin-left:auto;margin-right:auto;box-shadow:3px 3px 100px rgba(0,0,0,0.2);}
.lesson-div .lesson-listing {width:48%;padding:10px;box-sizing:border-box;margin-right:5px;}
.lesson-div .lesson-listing .item-list {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;height:300px;}
.lesson-div .lesson-listing .item-list .curr-item {background-color:#f1ded1;color:#000;}
.lesson-div .search-bar2 {padding-bottom:5px;}
.lesson-div .search-bar2 .search-bar-item1 {width:40%;}
.lesson-div .search-bar2 .search-bar-item2 {width:58%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;padding-right:20px;box-sizing:border-box;}
.lesson-div .search-bar2 .status-opt {padding:5px 10px;margin-left:10px;cursor:pointer;border-bottom:1px solid #ff9100;text-align:center;cursor:pointer;font-family:MavenPro;color:#bdbdbd;}
.lesson-div .search-bar2 .sel-status {border-bottom:3px solid #ff9100;color:#ff8d00;}
.lesson-div .search-bar2 .rec-cnt {font-family:MavenPro;margin-left:5px;font-size:18pt;color:#41c300;line-height:35px;}
.lesson-div .lesson-detail {width:50%;padding:10px;box-sizing:border-box;}
.lesson-div .lesson-item {margin-bottom:5px;}
.lesson-div .r1 {background-color:hsl(0, 8%, 90.2%);cursor:pointer;}
.lesson-div .r2 {width:80%;padding:10px 14px;box-sizing:border-box;}
.lesson-div .r3 {width:28%;padding:10px;box-sizing:border-box;}
.lesson-div .sub-title0 {width:68%;}
.lesson-div .sub-title {font-size:16pt;color:#757575;padding-left:10px;box-sizing:border-box;}
.lesson-div .axn {flex-direction:row-reverse;display:flex;width:30%;}
.lesson-div .row1 {border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:20px;}
.lesson-div .row2 {width:80%;margin-left:auto;margin-right:auto;}
.lesson-div .sub-il-t0 {font-size:1.2em;margin:10px 0;}
.lesson-div .sub-il {overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.lesson-div .sub-item-text0  {margin-bottom:5px;}
.lesson-div .seq  {width:50px;}
.lesson-div .sub-item-text  {width:200px;}
.std-pp {position:absolute;position:fixed;width:300px;top:0;height:100%;background-color:#fff;box-sizing:border-box;z-index:3000;overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.std-pp > div {padding:10px;height:97%;}
.std-pp .pp-item-div {width:98%;margin-bottom:2px;padding:10px 12px;border-bottom:1px solid #cfd8dc;cursor:pointer;}
.std-pp .pp-item-div:hover {background-color:hsl(214,22%,50%);color:#fff;}
.std-pp .pp-item-div .ico {color:hsl(49,57%,54%);margin-right:10px;}
.std-pp .pp-item-div .ico:after {content:'slow_motion_video';}
.std-pp .pp-item-div .text {margin-top:2px;}
.sel-item {background-color:hsl(49,49%,87%);box-shadow:1px 1px 20px rgba(0,0,0,0.1);}
@media screen and (max-width:800px) {.log-div .title-1 {margin-bottom:10px;}
.log-detail .row1 {margin-bottom:10px;}
.log-div .row2 {padding-left:10px;}
.log-div .c2-l,.log-div .c2-r {width:100%;}
.log-div .c2-r .class-cnt,.log-div .c20-r .class-cnt {text-align:right;}
.log-div .c20-l, .log-div .c20-r {width:100%;}
.log-div .c2-main, .log-div .c20-main  {flex-direction:column;}
.log-div .r3 {padding-top:10px;}
.log-div .btn-tab {font-size:10pt;}
.log-div .r1-1 {padding:3px 10px;}
.log-div .lesson-list-c30 {flex-direction:column;}
.log-div .lesson-list-c3 {width:99%;}
.coach-search {display:flex;flex-direction:row;flex-wrap:nowrap;}
.coach-t0 {margin-top:8px;margin-right:5px;}
.txt-input {margin-bottom:10px;}
}