/* Yen 2021/03/04
css firefox */
@-moz-document url-prefix() {
    .table1 {
        width: min-content !important;
        table-layout:fixed !important;
    }
    .w_200 {
        width: 200px!important;
    }
    .mw_150 {
        width: 100px!important;
        min-width: 100px!important;
        max-width: 100px!important;
    }
    
}
.dataTable th:first-child,
.dataTable td:first-child,
#table-list-history .table-bordered > thead > tr > th:first-child,
#table-list-history .table-bordered > tr > td:first-child,
#staff_study .table-bordered > thead > tr > th:first-child,
#staff_study .table-bordered > tr > td:first-child{
    width: 50px!important;
}
#datatable-default th.w150px,
#datatable-default td.w150px{
    white-space: normal!important;
    max-width: 320px;
    width: 320px;
}
.table-condensed th.skill_collum:last-child,
#datatable-default td.skill_collum:last-child {
    white-space: normal!important;
    max-width: 110px!important;
    width: 110px!important;
    min-width: 110px!important;
}
#project-list td:last-child,
#project-list th:last-child{
    background-color: #FF5959;
}
/* #datatable-default th:nth-child(2),
#datatable-default td:nth-child(2),
#datatable-default th:nth-child(1),
#datatable-default td:nth-child(1){
    width: 55px!important;
} */
#table-list-history .table-bordered > thead > tr > th:nth-child(3),
#table-list-history .table-bordered > tr > td:nth-child(3) {
        width: 200px;
    }

/* end css firefox */

/* css chrome */
.heading{
    border-bottom-width: 2px;
    font-weight: bold;
    background-color: #3680d8;
    color: #FFF;
    vertical-align: middle;
}
.no_border{
    border-right: none !important;
}
.no_border_left{
    border-left: none !important;
}
.w_50{
    width: 50px;
    min-width: 50px;
}
.w_10{
    width: 10px;
}
.mw_150{
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
.pg_15{
    padding-top: 10px;
    padding-bottom: 5px;
    height: 50px;
    vertical-align: bottom !important;
}
.mt-20{
    margin-top: 20px;
}
.text-danger{
    font-weight: bold;
}
.text-bold{
    font-weight: bold;
    font-size: 14px;
}
.table{
    width: max-content;
    min-width: 100%;
}
.table1{
    table-layout: fixed;
    width: 100%;
}
.table2{
    table-layout: fixed;
    width: 100%;
}

/* end chrome */


#datatable-default{
	visibility: unset;
    opacity: 0;
}
/* .content-body{
    max-height: 720px;
    overflow:auto;
    overflow-y: scroll;
} */
/* .content-body::-webkit-scrollbar {
    display: none;
} */

/* Hide scrollbar for IE, Edge and Firefox */
 .content-body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 
.modal-block footer{
    position: unset;
}
footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #fff;
}
.fl_right{
    float:right;
}
.fl_left{
    float: left;
}
.dis_none {
    display: none!important;
}
.dis_inlineblock {
    display: inline-block;
}
.cus {
    cursor: default;
}
.css_fileupload {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.txt_right{
    text-align: right;
}
.txt_left{
    text-align: left;
}
.txt_center{
    text-align: center;
}
/* Fix Z-index %*/
.z-index-1{
    z-index: -1;
}
.z-index1{
    z-index: 1;
}
.z-index2{
    z-index: 2;
}

.border_0{
    border-spacing: 0;
}

.color_white{
    color: white;
}
.color_FF9933{
    color: #FF9933;
}
.color_333{
    color: #333;
}

.bg_359CBA{
    background-color:#359CBA;
}
.bg_FF5959{
    background-color:#FF5959;
}
.bg_f2f2f2{
    background: #f2f2f2;
}
.size_icon{
    width: 29px;
    height: 36px;
}
.text-black {
    color: black !important;
}

/* Fix Border %*/
.border_dcebf7{
    border: 1px solid #dcebf7;
}
.bor_right_black{
    border-right: 1px solid black !important; 
}
/* Fix Margin */
.mt110px{
    margin-top: 110px;
}


.bor_r4 {
    border-radius:4px;
}
.td_org_name {
    width:600px;
    background-color:#438EB9;
    padding:1% 2%;
    color:#ffffff;
    font-size:14px;
    margin-top:0px;
    margin-bottom:0px;
    font-family: 'Lucida Grande','ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'YuGothic', 'メイリオ', 'Meiryo', sans-serif;    
}
.tb_mail_messenges td {
    font-size: 14px; 
    font-weight: normal; 
    text-align: left; 
    line-height: 16px; 
    vertical-align: top; 
    padding:0px 20px 20px 20px
}
.wrap-charts-month {
    margin: 10px!important;
}
.clear{
    clear: both;
}
.ds_flex{
    display: flex!important;
}
.no_wrap {
    white-space: nowrap;
}
.h40{
    height: 40px;
}
.h60{
    height: 60px;
}

.h80{
    height: 80px;
}

.has-error .input-group-addon,
.input-group-addon {
    border-width: 1px 0;
}
.field-bordered .form-branch{
    display: flow-root;
}
.field-bordered .form-group,
.field-bordered .form-branch,
#staff_skill .field-bordered .form-group,
#staff_basic .field-bordered .form-group {
    background-color: #dceafb;
    border-bottom: 1px solid #fff!important;
}
.bg_fff{
    border-right: 1px solid #dceafb;
}
.bg_fff,
.field-bordered .div-right1,
.field-bordered .div-right1 .form-group,
.field-bordered .div-right,
.field-bordered .div-right .form-group,
#staff_skill .field-bordered .div-right1,
#staff_basic .field-bordered .div-right1 {
    background-color: #fff;
    display: inline-table;
}


.pr5{
    padding-right: 5px!important;
}
.w85{
    width: 80px!important;
}
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting {
    background-size: 20px 20px;
}
/* #datatable-default td, #datatable-default th,
.table > thead:first-child > tr:first-child > th {
    white-space: nowrap;    
} */
.dataTables_wrapper table thead th{
    padding-right: auto!important;
}
#example td:nth-child(2){
    width: 6%;
}
.staff-picture{
    width: 60px;
    height: 60px;
}

.table_scroll{
    overflow-x: scroll;
    width: 100%!important;
}
.table_scroll .table,
#work_history_table, 
#work_draft_table{
    margin-right: 0;
    padding-right: 0;
    width: 100%!important;
}
/* staff-info user */
.panel-default .panel-body{
    margin-top: 5px;
}
.modal-open .modal{
    z-index: 10000;
}
.dataTables_scrollBody{
    overflow: hidden;
}
@media screen and (min-width: 1230px) {
    .dataTables_scrollBody,
    .dataTables_scrollHeadInner,
    .table > thead:first-child {
        width: 100%!important;
    }
}

/* 1024px and up */
@media screen and (min-width: 1025px){
    
    /* Dasboard */
    .widget-box-manager #datatable-default th, .widget-box-manager #datatable-default td {
        white-space: nowrap;
    }

    /* Dasboard */
}
@media screen and (min-width: 1200px) {
    .sidebar-left{
        width: 20%;
        position: fixed;
        height: 100%;
        z-index: 1030;
    }
    html.fixed .content-body,
    html.flexbox .content-body, html.flexboxlegacy .content-body{
        width: 80%;
        left: 20%;
        position: absolute;
        padding-top: 20px; 
        padding-bottom: 100px;
    }
    html.fixed .page-header, .page-header {
        left: 20%;
        position: fixed;
        width: 100%;
        top: 60px;
    }
    html.fixed .header, .header,
    footer {
        position: fixed;
        z-index: 1020;
    }
}

/* 1024px and down */
@media only screen and (max-width: 1024px) {    
    .sidebar-left{
        width: 20%;
        position: fixed;
        height: 100%;
        z-index: 1030;
    }
    html.fixed .content-body,
    html.flexbox .content-body, html.flexboxlegacy .content-body{
        width: 80%;
        left: 20%;
        position: absolute;
        padding-top: 80px;
        padding-bottom: 100px;
    }
    html.fixed .page-header, .page-header {
        left: 22%;
        position: fixed;
        width: 100%;
        top: 80px;
    }
    html.fixed .header, .header,
    footer {
        position: fixed;
        z-index: 1020;
    }

    /* login */
    #login_form .col-sm-8,
    #login_form .col-sm-4 {
        width: 100%!important;
    } 
    #login_form .text-right{
        text-align: center!important;
        margin-top: 15px;
    }
    
    .col-md-12{
        width: 99%;
    }
    .apex-charts-line {
        width: 628px;
    }
    /* Dasboard */
    .dashboard .col-md-6{
        width: 100%;
    }
    /* Staff_list */
    #search-staff .col-md-2, #search-staff .col-md-3{
        width: 33.33%;
    }
    #search-staff .mt15{
        margin-top: 0!important;
    }
    #search-staff input, #search-staff select {
        margin-bottom: 15px;
    }
    #search-staff .fl_right a, 
    #search-staff .fl_right button, #search-staff .fl_right .mt7 {
        margin-top: 0!important;
        margin-bottom: 0!important;
        padding: 5px 12px;
        display: inline-block;
    }
    #table-list-image .container-staff .thumbnail-image > img{
        height: 80px!important;
        min-height: 80px!important;
        width: 80px!important;
        min-width: 80px!important;
    }
    .form-bordered, .table-responsive {
        width: 100%;        
    }
    .table-responsive table {
        margin-top: 10px;
    }
    .nav-tabs li a{
        padding: 13.5px;
    }
    #staff_basic .col-md-2{
        width: 30%;
    }
    #staff_basic .col-md-10{
        width: 70%;
    }
    #staff_basic .col-md-4, #staff_basic .div-right1 .col-md-10{
        width: 100%;
    }
    #staff_study .col-md-8 {
        padding-right: 0!important;
    }

    #leve10 .col-sm-4{
        white-space: nowrap;
    }
    .panel-body .col-sm-4 {
        padding: 0;
        width: initial;
        min-width: 50%;
    }
    .panel-body .col-sm-4 .col-sm-4{
        white-space: nowrap;
    }
    .panel-body .col-sm-4 .col-sm-4:last-child{
        padding: 0;
        width: initial;
        min-width: 33.33%;
        white-space: nowrap;
        padding-right: 20px;
    }
    /* staff-info user */
    .panel-default .panel-body{
        margin-top: 5px;
    }
    
    #datatable-default {
        margin-top: 0;
    }
    #datatable-default td, #datatable-default th,
    #work_history_table td,
    #work_draft_table td {
        white-space: nowrap;
    }

}
/* @media screen and (min-width: 768px){
    .sidebar-left{
        width: 22%;
    }
    html.fixed .content-body{
        margin-left: 22%;
        width: 78%;
    }
    html.fixed .page-header {
        left: 22%;
    }
} */
.sorting_disabled {
	padding: 0px !important;
}
.list {
    -webkit-columns: 150px;
    -moz-columns: 150px;
    columns: 130px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 15px 30px;
    margin: 5px 0px 0px;
}
.list li {
    background: white;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.ft-30{
    font-size: 30px;
}

.pad_right_30{
    padding-right: 30px;
}

.text-yellow{
    color:yellow;
}

.text-blue{
    color:rgb(58,132,195);
}

.text-gray{
    color:rgba(128,128,128,1);
}