/*teacher menu*/
.sp-display-content-date{
    margin-top: 4px;
}
body .ui-widget, body .ui-widget .ui-widget {
    font-family: "Noto Sans JP", "Noto Sans", Roboto, Arial, sans-serif;
}
.teacher-menu .ui-menubar .ui-menu-child {
    top: 43px!important;
}
body .teacher-menu .ui-menu .ui-menu-list .ui-widget-header {
    display: none
}
.teacher-menu .ui-menubar .ui-menu-child .ui-menuitem-link {
    /*    height: 40px!important;*/
    padding: .6em .8em!important;
}
body .teacher-menu .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link:hover {
    background-color: #20707A;
}
body .teacher-menu .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link:hover .ui-menuitem-text {
    color: #20707A !important;
    /*color: #f25e2a !important;*/
}
body .teacher-menu .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon {
    color: #fff;
}
.global-top-menu-member .ui-menu .ui-menu-list .ui-menu-parent.on_submenu {
    border-bottom: 3px solid #489EA9;
}
.information-participants-tll{
    font-size: 16px;
    margin-top: -3px;
}
.numb-big-red{
    color: #F25E2A;
    font-size: 24px;
    font-weight: 600;
}
.button-back-to-list.ui-button{
    width: 100px !important;
    min-width: fit-content;
    padding: 0 15px 0 30px;
    float: right;
}
.button-back-to-list.ui-button .ui-button-text{
    width: fit-content;
    margin: auto;
}
.arrow-back.ui-button .ui-button-text:before{
    width: 9px;
    height: 9px;
    box-shadow: -1.5px 1.5px 0 rgb(255 255 255);
    transform: rotate(45deg)translateY(0%);
    position: absolute;
    content: "";
    left: 28px;
    top: 38%;
}
.list-participant-ws{
    display: flex;
    align-items: center;
}
.line-issue{
    border-bottom: 2px solid black;
    width: 300px;
    text-align: center;
    margin:-1em auto 1em auto;
    float:none;
}
.knit-certif, .embroi-certif, .lace-certif, .quilt-certif, .tolepaint-certif, .sewing-certif, .woven-certif, .calligraphy-certif{
    margin-bottom: .8em;
}
.qual-knit, .qual-embroi, .qual-lace, .qual-quilt, .qual-tolepaint, .qual-sewing, .qual-woven, .qual-calligraphy{
    margin-bottom: 1em;
}
.option-related-course .ui-grid .ui-grid-row{
    margin-left: -0.5em;
}
.issue-radio table td{
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-bottom: 1em;
}
.issue-radio table tr{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.upload-from-device.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before{
    content: url("../../resources/shashusho/img/member/select-device.png");
}
.upload-from-device.ui-fileupload .ui-fileupload-content{
    display: none;
}
.upload-from-device.ui-fileupload .ui-fileupload-buttonbar .ui-button{
    display: flex;
    align-content: center;
    height: fit-content;
    margin-right: 0;
    background-color: white;
    color: #F25E2A;
    padding: 4px 16px;
}
.upload-from-device.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-button-text-icon-left .ui-icon{
    top: 14px;
    left: 1em;
}
.upload-from-device.ui-fileupload .ui-fileupload-buttonbar{
    padding: 0px;
    width: fit-content;
    background-color: transparent;
    border: none;
}
.upload-from-device.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-button-text-icon-left .ui-button-text{
    padding: 0.429em 0em 0.429em 2.5em;
}
.btn-setting-avatar{
    display: flex;
    justify-content: flex-end;
}
.btn-setting-avatar .ui-button.ui-state-focus{
    border-color: rgba(242, 94, 42, 1);
}
.ttl-popup-pp{
    max-height: unset !important;
}
.ttl-popup-pp.ui-dialog .ui-dialog-titlebar{
    padding: 2em 2em 1em;
}
.ttl-popup-pp.ui-dialog .ui-dialog-footer{
    padding: 0.571em 2em 2em;
}
.ttl-popup-pp.ui-dialog .ui-dialog-content{
    border-bottom: none;
    border: 0;
    color: inherit;
    padding: 1em 2em;
}
.ttl-popup-pp.ui-dialog .ui-dialog-titlebar .ui-dialog-title{
    font-weight: bold;
    color: black;
}
.btn-setting-avatar .ui-button.ui-button-text-icon-left .ui-icon.i-cancel{
    content: "\0078";
    color: #FFF;
    left: 12px;
    width: 24px;
    height: 24px;
    top: 8px;
}
#file-name-main{
    margin: 5px 8px;
}
.label-input-file.icon-file-device{
    background-color: white;
    border: 1px solid rgba(242, 94, 42, 1);
}
.icon-file-device:before{
    content: url("../../resources/shashusho/img/member/select-device.png");
    margin-right: .5em;
}
.btn-setting-avatar .cancel-btn-avatar.ui-button.ui-button-text-icon-left .ui-button-text{
    padding: 0.429em 1em 0.429em 2.85em;
}
.btn-setting-avatar .ui-button.ui-button-text-icon-left .ui-icon.i-keep{
    content: "\e909";
    color: #FFF;
    width: 24px;
    height: 24px;
    left: 1em;
    top: 8px;
}
.btn-setting-avatar .cancel-btn-avatar{
    width: fit-content !important;
    margin-right: 1.5em;
    background-color: #1B1B1B;
    color: #FFF;
    padding: 0;
    font-size: 15px;
}
.btn-setting-avatar .cancel-btn-avatar:hover {
    background-color: #F25E2A;
    border-color: unset;
    color: #FFF;
}
.btn-setting-avatar .keep-btn-avatar{
    width: fit-content !important;
    padding: 0;
    background-color: #1B1B1B;
    color: #FFF;
    font-size: 15px;
    margin-right: 0 !important;
}
.btn-setting-avatar .keep-btn-avatar.ui-button.ui-button-text-icon-left .ui-button-text{
    padding: 0.429em 1em 0.429em 3.2em;
}
.btn-setting-avatar .keep-btn-avatar:hover{
    background-color: #F25E2A;
    color: white;
    border: 1px solid #F25E2A;
}
#schedule .btn-save-schedule{
    margin: 0 0 4em;
    display: block;
    float: none;
}
.avatar-image-wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 2em;
}
#option-ava.avatar-image-wrap .ui-buttonset .ui-button.ui-state-active::after{
    content: "";
    background-image: url("../../resources/shashusho/img/member/CheckCircle.png");
    position: absolute;
    background-size: contain;
    background-repeat: repeat;
    height: 32px;
    width: 32px;
    right: 0;
    bottom: 0;
}
.avatar-image-wrap .ui-buttonset .ui-button::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    border: 3px solid transparent;
}
.avatar-image-wrap .ui-buttonset .ui-button.ui-state-hover::before{
    border: 2px solid #F25E2A;
    border-radius: 50%;
}
.avatar-image-wrap .ui-buttonset .ui-button.ui-state-active::before{
    border: 3px solid #F25E2A;
    border-radius: 50%;
}
.avatar-image-wrap .ui-buttonset .ui-button:nth-child(1)::before{
    background-image: url("../../resources/shashusho/img/profile/avatar_1.png");
}
.avatar-image-wrap .ui-buttonset .ui-button:nth-child(2)::before{
    background-image: url("../../resources/shashusho/img/profile/avatar_2.png");
}
.avatar-image-wrap .ui-buttonset .ui-button:nth-child(3)::before{
    background-image: url("../../resources/shashusho/img/profile/avatar_3.png");
}
.avatar-image-wrap .ui-buttonset .ui-button:nth-child(4)::before{
    background-image: url("../../resources/shashusho/img/profile/avatar_4.png");
}
.avatar-image-wrap .ui-buttonset .ui-button:nth-child(5)::before{
    background-image: url("../../resources/shashusho/img/profile/avatar_5.png");
}
.avatar-image-wrap .ui-buttonset .ui-button:nth-child(6)::before{
    background-image: url("../../resources/shashusho/img/profile/avatar_6.png");
}
.avatar-image-wrap .ui-buttonset .ui-button:nth-child(7)::before{
    background-image: url("../../resources/shashusho/img/profile/avatar_7.png");
}
.avatar-image-wrap .ui-buttonset .ui-button:nth-child(8)::before{
    background-image: url("../../resources/shashusho/img/profile/avatar_8.png");
}
.avatar-image-wrap .ui-buttonset .ui-button:nth-child(9)::before{
    background-image: url("../../resources/shashusho/img/profile/avatar_9.png");
}
.avatar-image-wrap .ui-buttonset .ui-button:nth-child(10)::before{
    background-image: url("../../resources/shashusho/img/profile/avatar_10.png");
}
.avatar-image-wrap .ui-button-text{
    position: absolute;
    color: transparent;
    width: 100%;
    height: 100%;
    top: 0;
}
#option-ava.avatar-image-wrap .ui-buttonset .ui-button{
    position: relative;
    width: 15%;
    height: 100%;
    padding-bottom: 15%;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 50%;
    margin: 1em;
}
/*#option-ava.avatar-image-wrap .ui-buttonset .ui-button.ui-state-hover{
    border: 2px solid #F25E2A;
}
#option-ava.avatar-image-wrap .ui-selectbooleanbutton.ui-state-active, #option-ava.avatar-image-wrap .ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active{
    border: 3px solid #F25E2A;
}*/

/*workshop viewAll*/
.ws-view-all {
    display: flex;
    align-items: center;
}
.table-ws-apply-list .ui-datatable .ui-datatable-data > tr > td {
    text-align: center;
}

.btn-edit-school-viewall{
    width: 15%;
}
.btn-edit-school-viewall .tc-classroom-edit{
    display: flex;
}
.btn-edit-school-viewall .btn-link-school .arrow_box{
    margin-left: -1.8em;
}
.btn-edit-school-viewall .btn-edit-school .arrow_box{
    margin-left: -1.8em;
}

/* teacher/school/create */
.search-map-input {
    display: flex;
    width: 100%;
    align-items: center;
}
#mapid {
    width: 100%;
    height: 330px;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text{
    word-break: keep-all;
}

/* teacher/school/event */
.ui-button.school-event-btn {
    width: 190px;
    max-width: 190px;
    margin-left: auto;
    display: block;
}
.school-event-table table {
    width: 100%;
}
.school-event-table .ui-datatable thead th.th-clrm-name{
    width: 40%;
}
.school-event-table .ui-datatable thead th.th-title-event{
    width: 40%;
}
.school-event-table .ui-datatable thead th{
    color: #1b1b1b;
    font-weight: 300;
    border: none;
    background-color: white;
    text-align: left;
}
.school-event-table .ui-datatable .ui-datatable-data > tr > td{
    border: none;
    text-align: left;
}
.school-event-table .ui-datatable table thead{
    border: 1px solid #e4e4e4;
    border-bottom: 2px solid #e4e4e4;
}

.member-school-table .ui-datatable thead th{
    color: #1b1b1b;
    font-weight: 300;
    border: none;
    background-color: white;
    text-align: left;
}
.member-school-table .ui-datatable .ui-datatable-data > tr > td{
    border: none;
    text-align: left;
}
.member-school-table .ui-datatable table thead{
    border: 1px solid #e4e4e4;
    border-bottom: 2px solid #e4e4e4;
}
.member-school-table .ui-datatable thead th.detail-btn-doc{
    width: 10%;
}
.member-school-table .ui-datatable thead th.sch-title-course{
    width: 40%;
}
.ttl-list-regist-photo{
    margin-bottom: 1em;
}
.button-trash-image{
    width: 20%;
}
.tc-school-image.image{
    float: right;
}
.fit-table table {
    border-collapse: collapse;
    width: 100%
}
.fit-table table td {
    padding: 0;
}
.tc-school-tc .ui-datatable thead th{
    color: #1b1b1b;
    font-weight: 300;
    border: none;
    background-color: white;
    text-align: left;
}
.tc-school-tc .ui-datatable .ui-datatable-data > tr > td{
    border: none;
    text-align: left;
}
.tc-school-tc .ui-datatable table thead{
    border: 1px solid #e4e4e4;
    border-bottom: 2px solid #e4e4e4;
}
.tabmenu-teacher .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text {
    color: #1b1b1b;
    font-weight: bold;
    font-size: 15px;
}
body .tabmenu-teacher .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    border: none;
    border-bottom: 3px solid transparent;
    background-color: transparent;
    margin: 0 14px;
}
body .tabmenu-teacher .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:first-child {
    margin-left: 0;
}
body .tabmenu-teacher .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:last-child {
    margin-right: 0;
}
body .tabmenu-teacher .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    padding: 8px 2px;
}
body .tabmenu-teacher .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active,
body .tabmenu-teacher .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #20707A;
}
p.zipcode-exp {
    margin: 1em 0;
}
.tc-school-img {
    margin-bottom: 4em;
    margin-top: 1em;
}
.tc-school-img .ui-datatable thead th.th-clrm-name{
    width: 40%;
}
.tc-school-img .ui-datatable thead th.th-title-event{
    width: 40%;
}
.tc-school-img .ui-datatable thead th{
    color: #1b1b1b;
    font-weight: 300;
    border: none;
    background-color: white;
    text-align: left;
}
.tc-school-img .ui-datatable .ui-datatable-data > tr > td{
    border: none;
    text-align: left;
}
.tc-school-img .ui-datatable table thead{
    border: 1px solid #e4e4e4;
    border-bottom: 2px solid #e4e4e4;
}
.tc-school-img .list_thumb{
    margin: 8px 0;
    width: 32%;
}
.teacher-menu .ui-menu .ui-menu-parent .ui-menu-child {
    display: none;
}
.margin-top-table-list {
    margin-bottom: 1.5em;
}
.member-workshop-list .ui-datatable .ui-datatable-data > tr:first-child {
    border-top: none;
}
.layout-content {
    display: block;
    width: 100%;
    float: left;
    min-height: 50vh;
}
.table-ws-apply-list .ui-datatable .ui-paginator.ui-paginator-top{
    display: none;
}
.table-ws-apply-list.page .ui-datatable thead th.btn-check-remove{
    width: 15%;
}
.table-ws-apply-list.page .ui-datatable-tablewrapper{
    margin: 1em 0;
}
.table-ws-apply-list.page.participants .ui-datatable-tablewrapper{
    margin-top: 0;
}
.table-margin-bottom {
    margin-bottom: 5em;
}
.chart-school-log {
    margin-top: 1.5em;
}
.add-worklist {
    margin: 1.5em 0;
}
.ui-datatable table {
    font-size: 15px;
}
.teacher-main .member-workshop-list td[role="gridcell"]:first-child {
    margin: 1em auto 0!important;
}

body .choice .ui-fileupload .ui-button.ui-state-hover {
    color: #fff;
}
.ui-fileupload-files button.ui-fileupload-cancel {
    height: 24px!important;
}
.ui-dialog .ui-dialog-buttonpane button {
    background-color: #1b1b1b;
    color: #fff;
}
.ui-dialog span.ui-icon-alert::before {
    content: "\26A0";
}
.ui-dialog span.ui-icon-check::before {
    content: "\2714";
}
.ui-dialog span.ui-icon-close::before {
    content: "\2716";
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
    margin-right: 10px;
}
.ui-fileupload-simple .ui-fileupload-filename {
    position: relative;
    color: #1b1b1b;
    width: 450%;
}

/*steps*/
body .apply-step .ui-steps .ui-steps-item .ui-menuitem-link {
    background-color: white;
    width: 150px;
}
body .apply-step .ui-steps .ui-steps-item .ui-menuitem-link {
    display: inline-grid;
    flex-flow: column;
    align-items: center;
}
body .apply-step .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
    margin-top: 10px;
}
body .cart-step.apply-step .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
    line-height: 39px;
}

.input-form-width input {
    width: 100%;
}

.member-workshop-list.page.viewall .ui-datatable thead th:last-child{
    width: 115px;
}
.workshop-list.member-workshop-list.page.school-viewall .ui-datatable thead th.name-school{
    width: 50%;
}
.school-viewall .list_thumb{
    margin: 8px 0;
    width: 80%;
}
.workshop-list.member-workshop-list.page.event-viewall .ui-datatable thead th.name-school{
    width: 15%;
}
.width-event-list-title{
    width: 40%;
}
.event-viewall .list_thumb{
    margin: 8px 0;
    width: 80%;
}
.tc-school-course-table .ui-datatable thead{
    border: 1px solid #e4e4e4;
    border-bottom: 2px solid #e4e4e4;
}
.tc-school-course-table .ui-datatable thead th{
    color: #1b1b1b;
    font-weight: 300;
    border: none;
    padding: 1em;
    background-color: white;
    text-align: left;
}
.tc-school-course-table .align-btn-worklist .ui-button.ui-button-icon-only{
    height: fit-content;
}
.tc-school-course-table .ui-datatable .ui-datatable-data > tr > td{
    text-align: left;
    padding: 1em;
    border: none;
}
.tc-school-course-table .ui-datatable thead th.tc-school-course-name{
    width: 40%;
}
.tc-school-course-table .ui-datatable thead th.btn-tc-school-course{
    width: 15%;
}
.tc-school-course-table .ui-datatable thead th.kind-course{
    width: 15%;
}
.form-flek-block-start .schedule-form {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}
.schedule-form .event-date{
    width: fit-content;
    padding: .5em;
}
.schedule-form .event-date .label-date{
    padding-bottom: .5em;
}
.schedule-form .open-time{
    width: fit-content;
    padding: .5em;
}
.schedule-form .open-time .label-time{
    padding-bottom: .5em;
}
.schedule-form .open-time .input-time .ui-widget{
    width: 5em;
}
.schedule-form .capacity{
    width: fit-content;
    padding: .5em;
}
.schedule-form .capacity .label-capacity{
    padding-bottom: .5em;
}
.schedule-form .capacity .input-capacity .ui-widget{
    width: 4em;
}
.schedule-form .input-date .calendarFieldWS .hasDatepicker {
    width: 8em;
    background-color: #FFFBFB;
    border: none;
    border-bottom: 1px solid #BBBBBB;
    border-width: 0 0 1px;
}
.schedule-form .input-date .calendarFieldWS .hasDatepicker:hover{
    border-color: #FF0000 !important;
}

body button.use-arrowList::after, body .button-work-ticket.use-arrowList::after, body .ui-button.use-arrowList::after {
    content: "";
    display: block;
    background-image: url(/resources/shashusho/img/member/arrowRight.png);
    position: absolute;
    transform: rotate(360deg)translateY(-50%);
    top: 50%;
    width: 60px;
    background-size: contain;
    height: 60px;
    right: 35px;
}
.button.button-work-ticket.colorWhite {
    width: 95%;
    height: 7em;
    padding: 0em 3em;
    border: none;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
    background: #fff;
    color: #20707A;
    font-weight: 600;
}
.button.button-work-ticket.colorWhite:hover {
    background: transparent;
}
.button.button-work-ticket {
    background-color: transparent;
    border: 1px solid #000;
    color: #20707A;
    font-weight: normal;
    min-height: 36px;
    width: auto;
    cursor: pointer;
    font-size: 16px;
    min-width: 169px;
    margin: auto;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin-top: 1em;
    margin-left: 0;
}
body button.use-arrowList::after, body .button-work-search.use-arrowList::after, body .ui-button.use-arrowList::after {
    content: "";
    display: block;
    background-image: url(/resources/shashusho/img/member/arrowRight.png);
    position: absolute;
    transform: rotate(360deg)translateY(-50%);
    top: 50%;
    width: 40px;
    background-size: cover;
    height: 40px;
    right: 90px;
}
.button.button-work-search.colorWhite {
    width: 95%;
    height: 7em;
    padding: 0em 4em;
    border: none;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
    background: #fff;
    color: #20707A;
    font-weight: 600;
}
.button.button-work-search.colorWhite:hover {
    background: transparent;
}
.button.button-work-search {
    background-color: transparent;
    border: 1px solid #000;
    color: #20707A;
    font-weight: normal;
    min-height: 36px;
    width: auto;
    cursor: pointer;
    font-size: 16px;
    min-width: 169px;
    margin: auto;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin-top: 1em;
    margin-left: 0;
}
.textAlignRight {
    text-align: right;
}
.disflex-item {
    display: flex;
}
body .ui-dialog .ui-dialog-footer{
    display: flex;
    justify-content: center;
}


@media(max-width: 1024px){
    .input-form-width input {
        max-width: 160px;
    }    
    .button-text span {
        margin: 2em;
    }
    body button.use-arrowList::after, body .button-work-search.use-arrowList::after, body .ui-button.use-arrowList::after {
        right: 60px;
    }
}

@media(max-width: 768px){
    .table-ws-apply-list.page .ui-datatable thead th.btn-check-remove{
        width: 20%;
    }
    .btn-edit-school-viewall{
        width: auto;
    }
    #option-ava.avatar-image-wrap .ui-buttonset .ui-button{
        width: 13%;
    }
    .ttl-popup-pp.ui-dialog{
        width: 729px !important;
        left: 18px !important;
    }
    .button.button-work-ticket.colorWhite {
        padding: 0 2em;
    }
    .button-text span {
        margin: 0;
    }
    body button.use-arrowList::after, body .button-work-search.use-arrowList::after, body .ui-button.use-arrowList::after {
        right: 20px;
    }
}

@media(max-width: 40.063em){
    .list-participant-ws{
        align-items: flex-start;
    }
    .single-title-rightbar.ws-apply-list-ttl{
        margin: 0;
    }
    .information-participants-tll{
        margin-top: 1em;
    }
    .workshop-list.member-workshop-list.page.viewall.for-teacher td[role="gridcell"].wrap-btn-detail-edit{
        margin-top: .5em !important;
    }
    .sp-display-content-date{
        display: contents;
    }
    .register-field-wrap{
        position: relative;
    }
    .select-file-photo.sch-create #file-name-main{
        position: absolute;
        top: 5px;
        right: -1em;
        word-break: break-all;
        display: flex;
        align-self: center;
        max-width: 255px;
    }
    .teacher-box {
        height: auto;
    }
    #file-name-main{
        position: absolute;
        top: 0;
        right: -1em;
        word-break: break-all;
        display: flex;
        align-self: center;
        max-width: 245px;
    }
    .btn-save-schedule .ui-button{
        height: 40px;
    }
    .search-map-input{
        display: block;
    }
    .ttl-popup-pp.ui-dialog{
        width: 290px !important;
        left: 16px !important;
    }
    .avatar-image-wrap .ui-buttonset{
        margin-right: 0;
    }
    .ttl-popup-pp.ui-dialog{
        width: 332px !important;
        left: 50% !important;
        top: 20px !important;
        height: 47em !important;
        overflow: auto;
        transform: translateX(-50%);
    }
    .disflex-item {
        display: flex;
        flex-direction: column;
    }
    .textAlignRight {
        text-align: unset;
    }
    .button.button-work-ticket.colorWhite {
        width: 100%
    }
    .button.button-work-search.colorWhite {
        width: 100%
    }
    .button-text span {
        margin: 2.5em;
    }
    /*apply list*/
    #option-ava.avatar-image-wrap .ui-buttonset .ui-button{
        width: 44%;
        margin: 0.5em;
        padding-bottom: 44%;
    }
    .upload-from-device.ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-button-text{
        display: block;
    }
    .upload-from-device.ui-fileupload .ui-fileupload-buttonbar{
        margin-bottom: 2em;
    }
    .member-workshop-list.page.event-viewall .ui-datatable table thead{
        display: none;
    }
    .table-ws-apply-list.page .ui-datatable .ui-datatable-data > tr > td.btn-check-remove{
        border-top: 1px solid #E7E7E7;
        padding: 1em 0 0 0;
        margin-top: 1em !important;
    }
    .table-ws-apply-list.page .ui-datatable .ui-datatable-data > tr{
        padding: 1em 0.8em 0;
        margin-bottom: 19px;
    }
    .member-school-table .ui-datatable .ui-datatable-data > tr > td.detail-btn-doc.apply-list{
        position: unset;
        width: auto;
        display: block;
        border-top: 1px solid #e7e7e7;
        margin: 0 1.2em;
    }
    .detail-btn-doc.apply-list .sm-width-box{
        width: fit-content;
        margin: auto;
        display: block;
        float: none;
    }
    .member-school-table .ui-datatable .ui-datatable-data > tr{
        position: relative;
    }
    .member-school-table .ui-datatable .ui-datatable-data > tr > td.detail-btn-doc{
        width: fit-content;
        position: absolute;
        top: 2px;
        right: 1em;
        padding: 0;
    }
    .member-school-table .ui-datatable .ui-datatable-data > tr > td:first-child{
        padding-top: 1em;
    }
    .member-school-table .ui-datatable .ui-datatable-data > tr > td.situation{
        padding-bottom: 1em;
    }
    .member-school-table .ui-datatable .ui-datatable-data > tr.ui-datatable-even, body .ui-datatable .ui-datatable-data > tr{
        border: 1px solid #e7e7e7;
    }
    .member-school-table .ui-datatable .ui-datatable-data > tr > td{
        display: flex;
    }
    #tc-school-event-table .ui-datatable .ui-datatable-data > tr{
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7;
        padding: 0 1em .5em;
    }
    #tc-school-event-table .ui-datatable .ui-datatable-data > tr > td{
        display: flex;
    }
    #tc-school-event-table .ui-datatable .ui-datatable-data > tr > td:last-child .ui-column-title{
        display: none;
    }
    .tc-school-img .list_thumb{
        margin: auto;
        width: 80%;
    }
    .tc-school-img .ui-datatable .ui-datatable-data > tr{
        position: relative;
    }
    .tc-school-img .ui-datatable .ui-datatable-data > tr > td.btn-trash-image{
        position: unset;
    }
    .btn-trash-image .image{
        height: auto;
        display: block;
        border-top: 1px solid #e7e7e7;
        padding-top: 0.5em;
        margin: auto;
        float: none;
    }
    .tc-school-image.image .ui-button.ui-button-icon-only{
        display: block;
        margin: auto;
        height: 25px;
    }
    /*    .tc-school-course-table .btn-tc-school-course .ui-button-icon-only .ui-icon{
            position: unset;
        }*/
    .tc-school-course-table .ui-datatable .ui-datatable-data > tr > td{
        display: flex;
        padding: 0.5em 1.214em;
    }
    .tc-school-course-table .ui-datatable .ui-datatable-data > tr > td .align-btn-worklist{
        display: flex;
        justify-content: center;
        border-top: 1px solid #e7e7e7;
        padding: 1em 0 0.5em 0;
    }
    .tc-school-img .ui-datatable .ui-datatable-data > tr{
        border: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7 !important;
        border-right: 1px solid #e7e7e7 !important;
        margin-bottom: 14px;
        display: flow-root;
    }
    .tc-school-img{
        margin-bottom: 0;
    }
    .tc-school-course-table .ui-datatable .ui-datatable-data > tr > td.btn-tc-school-course .ui-column-title{
        display: none;
    }
    .tc-school-tc .ui-datatable .ui-datatable-data > tr > td{
        display: flex;
        word-break: break-all;
    }
    .tc-school-tc .ui-datatable .ui-datatable-data > tr.ui-datatable-even, .tc-school-tc .ui-datatable .ui-datatable-data > tr{
        border: 1px solid #e7e7e7;
        margin-bottom: 14px;
        display: flow-root;
        padding: .8em 0;
    }
    .tc-school-tc .ui-datatable table thead{
        display: none;
    }
    .tc-school-course-table .ui-datatable .ui-datatable-data > tr.ui-datatable-even, .tc-school-course-table .ui-datatable .ui-datatable-data > tr{
        border: 1px solid #e7e7e7;
        margin-bottom: 14px;
        display: grid;
        padding: 0.5em 0 0;
    }
    .tc-apply-list .ui-datatable .ui-datatable-data > tr{
        display: grid;
        margin-bottom: 14px;
    }
    .tc-school-course-table .align-btn-worklist .ui-button.ui-button-icon-only{
        height: 25px;
    }
    .table-ws-apply-list.page .ui-datatable .ui-datatable-data > tr > td:last-child{
        margin-bottom: 7px;
    }
    body .table-ws-apply-list .ui-datatable .ui-datatable-data > tr > td {
        padding: .5em 0;
    }
    .table-ws-apply-list .align-btn-worklist {
        position: relative;
        display: flex;
        top: 0;
        margin-bottom: 7px;
    }
    body .table-ws-apply-list .ui-datatable .ui-datatable-data > tr > td.first-row {
        padding-top: 1em;
    }
    body .table-ws-apply-list .ui-datatable .ui-datatable-data > tr > td.last-row {
        padding-bottom: 1em;
    }
    body .table-ws-apply-list .ui-datatable .ui-datatable-data > tr:last-of-type {
        border-bottom: none;
    }
    .table-ws-apply-list .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        font-weight: bold;
    }
    .table-ws-apply-list.page .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        font-weight: bold;
        text-align: left;
    }
    .table-ws-apply-list.page .ui-datatable .ui-datatable-data > tr > td{
        text-align: left;
        display: flex;
    }
    .table-ws-apply-list.page .ui-datatable .ui-datatable-data > tr > td:last-child{
        display: list-item;
    }
    .workshop-list.page td[role="gridcell"]:nth-child(2){
        margin-top: 0 !important;
    }
    .table-ws-apply-list.page .ui-datatable .ui-datatable-data > tr.ui-datatable-even, body .ui-datatable .ui-datatable-data > tr:nth-child(even){
        border: 1px solid #e7e7e7;
    }
    .member-workshop-list.page td[role="gridcell"]:last-child{
        position: relative;
    }
    .member-workshop-list.page.viewall td[role="gridcell"]:last-child{
        width: 100%!important;
        margin-top: 1.5em !important;
        display: block!important;
        top: 0;
        right: 0;
    }
    .member-workshop-list.page.viewall td[role="gridcell"].wrap-btn-detail-edit{
        margin-top: 0em !important;
    }
    .member-workshop-list.page.viewall td[role="gridcell"].wrap-btn-detail-edit .btn-detail-edit-work .ui-button{
        height: 30px;
    }
    .member-workshop-list.page .ui-datatable .ui-datatable-data > tr > td{
        text-align: left;
        margin-top: 0 !important;
        margin-bottom: 0;
        word-break: break-word;
    }
    .member-workshop-list.page .ui-datatable .ui-datatable-data > tr{
        padding: 1em;
    }
    .member-workshop-list.page.ws-tc-list .ui-datatable .ui-datatable-data > tr{
        margin-bottom: 14px;
        padding: .5em 0;
    }
    .table-ws-apply-list.page .ui-datatable .ui-datatable-data > tr:last-of-type{
        border-bottom: 1px solid #e7e7e7;
    }
    .member-workshop-list.page.viewall{
        margin-top: 2em;
    }
    .member-workshop-list.page.viewall .ui-datatable .ui-datatable-data > tr > td{
        padding: 8px 0;
        display: flex !important;
        line-height: 22px;
        font-weight: normal;
    }
    .member-workshop-list.page.viewall.sm{
        margin-top: 1em;
    }
    .member-workshop-list.page.viewall .ui-datatable .ui-datatable-data > tr > td .ui-column-title{
        font-weight: bolder;
        line-height: 22px;
        color: #000000;
    }
    .member-workshop-list.page.viewall .ui-datatable .ui-datatable-data > tr > td .content-status{
        padding: .5em 0;
    }
    .member-workshop-list.page.viewall .ui-datatable .ui-datatable-data > tr{
        padding: 1em .8em 0;
        margin-bottom: 19px;
    }
    .member-workshop-list.page.viewall .ui-datatable .ui-datatable-data > tr:first-child{
        border-top: none;
    }
    .width-edit-sm{
        width: fit-content;
    }
    .member-workshop-list.page.viewall td.wrap-btn-detail-edit .btn-detail-edit-work{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .member-workshop-list.page.viewall td.wrap-btn-detail-edit{
        border-top: 1px solid #E7E7E7 !important;
    }

    /*workshop viewAll*/
    .ws-viewall-title{
        font-size: 20px;
    }
    .content-status{
        width: 50% !important;
        float: right !important;
    }
    .ws-view-all {
        display: flex;
        align-items: center;
    }
    /*    .ws-view-all button {
            margin-top: 1em;
        }*/
    .table-ws-apply-list .ui-datatable .ui-datatable-data > tr > td {
        text-align: left;
    }
    .table-ws-apply-list table {
        margin-top: 0em;
    }
    .member-workshop-list.page.school-viewall .ui-datatable .ui-datatable-data > tr > td.btn-edit-school-viewall{
        border-top: 1px solid #e7e7e7;
        margin-top: 1em !important;
        padding: .8em 0 0 0;
    }
    .member-workshop-list.page.school-viewall .ui-datatable .ui-datatable-data > tr{
        margin-bottom: 14px;
    }
    .member-workshop-list.page.event-viewall .ui-datatable .ui-datatable-data > tr > td.btn-edit-school-viewall{
        border-top: 1px solid #e7e7e7;
        margin-top: 1em !important;
        padding: .8em 0 0 0;
    }
    .member-workshop-list.page.event-viewall .ui-datatable .ui-datatable-data > tr{
        margin-top: 1em;
    }

    /* teacher/school/event */
    .ui-button.school-event-btn {
        margin-left: 0;
        margin-top: 1em;
    }
    form .ui-button.school-event-btn {
        margin-bottom: 1em;
    }

    form.add-teacher-email {
        display: flex;
        flex-flow: column-reverse;
        margin-bottom: 2em;
    }
    form.add-teacher-email > div {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    p.zipcode-exp {
        margin: 0;
    }
    body .tabmenu-teacher.menu-sm-col .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
        width: 50%;
        margin: 0;
        position: relative;
    }
    body .tabmenu-teacher.menu-sm-col .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
        text-align: center;
        width: 100%;
        padding: 10px 2px 5px;
    }
    body .menu-sm-col .ui-tabmenu .ui-tabmenu-nav {
        border: none;
    }
    body .tabmenu-teacher.menu-sm-col .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem::after {
        content: "";
        border-bottom: 1px solid #dadada;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -3px;
    }
    .teacher-header .title-section.first-section {
        margin-top: 4px;
    }
    .teacher-header .ui-button.school-event-btn {
        margin-left: auto;
        margin-right: auto;
        float: left;
    }
    .sm-margin-top-10 {
        margin-top: 10px;
    }
    .title-section.first-section.sm-teacher-title {
        margin-top: 4px;
    }
    .margin-top-table-list {
        margin-bottom: 0;
    }
    .table-margin-bottom {
        margin-bottom: 1em;
    }
    .teacher-main .chart-school-log {
        padding: 0 .5em;
    }
    .teacher-main .member-workshop-list .ui-datatable .ui-datatable-data > tr > td {
        margin: 0.5em 0 0.5em;
    }
    .teacher-main .member-workshop-list td[role="gridcell"]:nth-child(2) {
        margin-top: 0.5em!important;
    }
    .teacher-main .teacher-workshop.spacetop-workshop td[role="gridcell"]:nth-child(2) {
        margin-top: 1em!important;
    }
    .teacher-main .teacher-event.spacelast-event td[role="gridcell"]:last-child {
        margin-top: .5em!important;
    }
    .teacher-main .member-workshop-list .wrap-button-in-table .ui-column-title {
        display: none!important;
    }
    .btn-link-school .ui-button.ui-button-icon-only, .btn-edit-school .ui-button.ui-button-icon-only, .btn-del-school .ui-button.ui-button-icon-only {
        width: 2.143em;
        height: auto;
        margin-bottom: 1em;
    }
    .school-viewall .btn-link-school .ui-button.ui-button-icon-only, .school-viewall .btn-edit-school .ui-button.ui-button-icon-only, .school-viewall .btn-del-school .ui-button.ui-button-icon-only{
        margin-bottom: 0;
    }
    .event-viewall .btn-link-school .ui-button.ui-button-icon-only, .event-viewall .btn-edit-school .ui-button.ui-button-icon-only, .event-viewall .btn-del-school .ui-button.ui-button-icon-only{
        margin-bottom: 0;
    }
    .teacher-main .teacher-classroom .ui-datatable .ui-datatable-data > tr > td:nth-child(3){
        margin-bottom: 1.3em;
    }
    .school-viewall .ui-datatable .ui-datatable-data > tr > td{
        padding: 5px 0;
    }
    .school-viewall .ui-datatable .ui-datatable-data > tr:last-child{
        border: 1px solid #e7e7e7;
    }
    .event-viewall .ui-datatable .ui-datatable-data > tr > td{
        padding: 5px 0;
    }
    .event-viewall .ui-datatable .ui-datatable-data > tr:last-child{
        border: 1px solid #e7e7e7;
    }

    /* QUALIFICATION ISSUE */
    .issue-radio table tr{
        display: block;
    }
    .qual-knit, .qual-embroi, .qual-lace, .qual-quilt, .qual-tolepaint, .qual-sewing, .qual-woven, .qual-calligraphy{
        width: 50%;
    }
    .qual-item-wrap{
        display: contents;
    }

    .teacher-apply-list .member-workshop-list td[role="gridcell"] .ui-column-title {
        min-width: 30%!important;
    }
    .teacher-main-ws-list.member-workshop-list td[role="gridcell"]:first-child img {
        margin-top: 1em;
    }
    .teacher-main-event-list .buttons-wrap span.ui-column-title {
        display: none!important;
    }

    /*steps*/
    body .apply-step .ui-steps .ui-steps-item .ui-menuitem-link {
        width: 100px;
        background-color: transparent;
    }
    body .cart-step.apply-step .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
        width: 42px;
        height: 42px;
        font-size: 21px;
        line-height: 34px;
    }
    /*    body .cart-step.apply-step .ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link .ui-steps-number {
            width: 42px;
            height: 42px;
            font-size: 21px;
            line-height: 34px;
        }*/
    body .apply-step .ui-steps:before {
        top: 42px;
        width: 240px;
        left: 50%;
        transform: translateX(-50%);
    }
    .form-flek-block-start .schedule-form:not(:last-child) {
        margin-bottom: 22px;
    }
    .form-flek-block-start .schedule-form{
        flex-wrap: wrap;
    }
    .table-ws-apply-list.page .ui-datatable-tablewrapper{
        margin: 0em 0 1em 0;
    }
    body button.use-arrowList::after, body .button-work-search.use-arrowList::after, body .ui-button.use-arrowList::after {
        right: 35px;
    }
    .teacher-box {
        margin-top: 2em;
    }
}
@media only screen and (max-width: 380px){ 
    .button-text span {
        margin: 1.5em;
    }
    body button.use-arrowList::after, body .button-work-search.use-arrowList::after, body .ui-button.use-arrowList::after {
        right: 20px;
    }
}
@media(max-width: 320px){
    .ttl-popup-pp.ui-dialog{
        width: 290px !important;
        left: 16px !important;
        top: 53%!important;
        height: 30em !important;
        overflow: auto;
    }
    .button-text span {
        margin: 2em;
    }
    body button.use-arrowList::after, body .button-work-search.use-arrowList::after, body .ui-button.use-arrowList::after {
        right: 10px;
    }
    .button.button-work-ticket.colorWhite {
        padding: 5em 1em;
    }
    .button.button-work-search.colorWhite {
        padding: 5em 1em;
    }
}