.dialog-image-edit{
    width:100%!important;
    margin-top:.7em!important
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active{
    background-color:#968a4d;
    color:#fff
}
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link:hover{
    background-color:#f6f0da;
    transition: 500ms ease 0s;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active,body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight{
    background-color:transparent;
    border-bottom: 3px solid #489EA9;
    color: #000;
    border-top: none;
    border-right: none;
    border-left: none;
}
.profile_icon{
    color:#fff;
    font-size:18pt
}
.fa-camera:hover{
    color:#eee;
    transition: 500ms ease 0s;
}
.logout-menu-member{
    display:-webkit-inline-box;
    float:right!important
}
.profile_img{
    border:1px solid #d6d6d6;
    border-radius:100%;
    display:flex;
    flex:0 0 150px;
    height:150px;
    justify-content:center;
    overflow:hidden;
    position:relative;
    width:150px
}
.profile_img__overlay{
    align-items:center;
    bottom:0;
    display:flex;
    justify-content:center;
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    transition:opacity .25s;
    z-index:1;
    background-color:#000
}
.profile_img__overlay:hover{
    opacity:.5;
    transition: 500ms ease 0s;
}
.img_real{
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    object-fit:contain
}
.photo-profile-setting .btn-option-phofil-pict{
    height: 32px;
    padding: 0 1em;
    border: 1px solid #E8472A !important;
}
.photo-profile-setting .btn-option-phofil-pict.ui-button.ui-state-hover{
    color: #ffffff;
    background-color: rgba(242, 94, 42, 1);
}
.photo-profile-setting{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.separator-profile{
    border-bottom: 1px solid black;
    padding-bottom: 1em !important;
    margin-bottom: 24px;
}
/*.list_thumb{width:70px;height:70px;padding:0;margin:0;vertical-align: middle}*/
.list_thumb img{
    width:70px;
    height:70px;
    padding:0;
    margin:0;
    border:none
}
.profile_upload{
    display:none
}
.profile_upload.active{
    display:block
}
.notif-status{
    text-transform:uppercase;
    background:red;
    border-radius:20px;
    padding:3px 7px;
    color:#fff
}
.info-msg-workshop .ui-messages .ui-messages-fatal{
    width: 40%;
    float: none;
    margin: auto;
    text-align: center;
    margin-top: 2em;
}
body .ui-panel .ui-panel-content{
    border:none
}
body .ui-paginator{
    border:none;
    background-color:transparent!important
}
body .ui-panel .ui-panel-content{
    background-color:transparent
}
body .ui-datagrid .ui-datagrid-content{
    background-color:transparent;
    border:none
}
.dot-line{
    border:none;
    border-top:2px dotted #828282;
    color:#fff;
    background-color:#fff;
    height:1px;
    width:100%
}
.link-blue{
    color:#0d2b98;
    border-bottom:1px solid #0d2b98
}
.link-blue:hover{
    color:rgba(242, 94, 42, 1);
    border-bottom:1px solid rgba(242, 94, 42, 1);
    transition: 500ms ease 0s;
}
.menu-member{
    width:100%
}
body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options{
    float:none!important
}
.topbar-login-link{
    display:table-cell;
    height:30px;
    vertical-align:middle;
    border-left:1px solid #b1b1b1;
    padding-left:1em
}
.topbar-borderL{
    border-left:1px solid #b1b1b1!important;
    border-radius: 0px!important;
}
.topbar-home-link{
    display:table-cell;
    height:30px;
    vertical-align:middle;
    margin-right:30px;
    padding-right:1em
}
.topbar-name-link{
    font-size: 14px;
    font-weight: 600;
    display:table-cell;
    height:30px;
    vertical-align:middle;
    margin-right:0;
    padding-right:0;
    color:#1b1b1b
}
.button-topublic{
    float:right;
    color:#fff;
    width:80%!important
}
.label-furigana{
    word-break:keep-all
}
.classroom-list .button-orange-no-border{
    background-color:transparent!important
}
.classroom-list .button-orange-no-border:hover{
    transition: 500ms ease 0s;
}
body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span{
    font-size: 15px;
    margin-bottom: 2px;
    color: #1b1b1b;
}
.workshop-list .button-orange-no-border{
    background-color:transparent!important
}
/*.workshop-list .button-orange-no-border:hover{background-color:#000!important;transition: 500ms ease 0s;}*/
@media screen and (max-width: 40.063em) {
    .photo-profile-setting{
        flex-wrap: wrap;
    }
    .profile_img{
        flex: 0 0 125px;
        height: 125px;
    }
    .h2-title-workshop{
        font-size: 16px;
    }
    #workshop-form span.ui-column-title{
        display: block;
    }
    /*#workshop-form-list span.ui-column-title{display: block;}*/
    .info-msg-workshop .ui-messages .ui-messages-fatal{
        width: 100%;
        font-size: 12px;
    }
    .classroom-list td[role="gridcell"]:first-child{
        width:30%!important;
        clear:right!important;
        display:block!important;
        margin:1em auto 0!important;
        text-align:center
    }
    .classroom-list td[role="gridcell"]:first-child img{
        text-align:center;
        margin-left:1em
    }
    .classroom-list td[role="gridcell"]:last-child{
        width:100%!important;
        margin-top:0!important;
        display:block!important
    }
    .classroom-list td[role="gridcell"]:nth-child(2){
        margin-top:1em!important
    }
    /*.classroom-list td[role="gridcell"]{margin-top:1em!important;width:70%!important;clear:right!important;padding:0 1em!important;display:flex!important}*/
    .workshop-list td[role="gridcell"]:first-child{
        width:100%!important;
        clear:right!important;
        display:inline-flex!important;
/*        margin:1em auto 0!important;*/
        text-align:center
    }
    .workshop-list td[role="gridcell"]:first-child img{
        text-align:center;
        margin-left:0em
    }
    .workshop-list td[role="gridcell"]:last-child{
        width:100%!important;
        margin-top:0!important;
        display:block!important
    }
    .workshop-list td[role="gridcell"]:nth-child(2){
        margin-top:1.5em!important
    }
    .workshop-list td[role="gridcell"]{
        margin-top:0em!important;
        width:100%!important;
        clear:right!important;
        display:flex!important
    }
    .workshop-list td[role="gridcell"] .ui-column-title{
        min-width: 45%!important
    }
    .topbar-name-link{
        padding-right:2em
    }
    .logout-menu-member{
        display:inline;
        float:none!important;
        width:100%
    }
    .logout-menu-member .logout-member{
        float:right
    }
    .logout-menu-member .topbar-name-link{
        float:left;
        margin:0;
        padding:.5em 0
    }
    #data-form-apply [role="gridcell"]:last-child .erase-icon{
        margin-top:-1em;
        margin-bottom:0
    }
    #data-form-apply [role="gridcell"]:last-child .button-white-no-border{
        background:transparent!important
    }
    .button-topublic{
        float:left;
        width:100%!important
    }
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
        url("")
        50% 50%
        no-repeat;
}
body .right-bar-course .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    color: #666666;
    padding: 0.857em 0em;
    display: block;
    text-indent: -7px;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a {
    color: #000;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    border: none;
    margin-right: 1.5em
}
body .ui-datatable thead th {
    background-color: #f25e2a;
    color: #fff;

}
body .ui-datatable .ui-datatable-data > tr.ui-datatable-even, body .ui-datatable .ui-datatable-data > tr {
    background-color: #fff;
    color: #1b1b1b;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #90BFC5;
}
body .ui-button.button-orange {
    background-color: rgba(242, 94, 42, 1);
    color: #fff;
    border: none;
}
@media(max-width: 320px){
    .profile_img{
        margin: 0 auto 2em;
    }
    .popup-option{
        margin: auto;
    }
}
/*@media(max-width: 40.063em) {
    .profile_img {
        width: 85px;
        height: 85px;
    }
}*/

.label-input-file .ui-button-icon-left.ui-icon.ui-c.ui-icon-plusthick{
    top: 50%;
    left: 50%;
    margin-top: -0.13em;
    margin-right: 0.4em;
    left: 0.5em;
}
input.btn-file{
    opacity: 0;
    height: 0px;
    width: 0;
    /*width: 100%;*/
}
label.label-input-file{
    color: rgba(242, 94, 42, 1);
    background-color: #FFE5E0;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 4px;
    display: inline-flex;
    width: -webkit-fill-available;
    max-width: fit-content;
    align-items: center;
    cursor: pointer;
    height: 2.2em;
}
.rounded-image{
    border-radius: 50%;
}