/* Common */
h2 {
    color: black !important;
    font-weight: bold !important;
    text-align: center;
    height: 40px;
}

hr {
    border-width: 1px 0px 0px 0px;
    border-style: solid !important;
    border-color: black !important;
    margin-left: 1px;
    width: 100%;
}

.ui-header {
    background: #FFCC66 !important;
}

.ui-table-columntoggle-btn {
    display: none;
}

.ui-datepicker {
    z-index: 5000 !important;
}

.content-temp {
    margin-top: 10px;    
    font-weight: normal;
    width: 100%;
    color: #000000;
}

.table-tr {
    cursor:pointer;    
    border-bottom: 1px solid #ccc;
}

.table-tr:hover {
    background:#ccc
}

.active {
    background:#ccc
}

.textarea-data {
    resize: none;
    max-width: 100%;
}

.ui-button-group {
    text-align: center;
}

.but-content {    
    width: 60vw !important;
}

.but-content-member {    
    width: 85vw !important;
}

.but-content-inout {    
    width: 35vw !important;
    margin-left:2.5vw;
    margin-right:2.5vw;
}

.scroll {
    overflow: auto;
    white-space: nowrap;    
}

.scroll > .ui-table-columntoggle-btn {
    display: none;
}
        
.scroll::-webkit-scrollbar {
    height: 10px;
}

.scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

.logout-font-col {
    margin:7.5px -12.9px;
}

td.ui-datepicker-week-end:first-child a.ui-state-default{
  color: #f00 !important;
}

td.ui-datepicker-week-end:last-child a.ui-state-default{
  color: #00f !important;
}

button.ui-datepicker-close {
    display: none;
}

.none-select {
    user-select: none;              /* CSS3 */
    -webkit-user-select: none;      /* Chrome or Safari */
    -moz-user-select: none;         /* FireFox */
    -ms-user-select: none;          /* IE */
    -webkit-touch-callout: none;    /* Disable Android and iOS callouts*/
}

/* login */
.login-btn .ui-input-btn {
    background-color: #ffcc66 !important;
}

.validation-summary-errors, .field-validation-error {
    color:red;
}

@media (min-width: 768px) {
.form-horizontal .control-label {
    text-align: left !important;
    white-space: nowrap;
    }
}

@media (min-width: 992px) {
  .col-md-8 {
    width: 100% !important;
  }
  .col-md-10 {
    clear: both;
    width: 100% !important;
    margin-left: 0 !important;
  }
}

/* index */
.brand {
    margin-bottom: 10px;
    font-weight: bold;
}

.ul-list{
    margin-top: 10px;
}

.content-temp .sub-index {
    margin-left: 5px;
}

.sub-index .noInline {
    margin: 30px;
}

.sub-index .noInline-num {
    margin: 10vw;
}

.sub-index .noInline-numa {
    margin: 6vw;
}

.index-table {
    margin-left: .8em;
    width: auto;
}

.index-table td {
    padding: 0em .2em;
}

.index-table td.price {
    text-align: right;
}

#index {
    min-height: 100% !important;
}

/* Summary */
.jqplot-size {
    width: 100%;
    height: 200px;
}

.content-temp .sub-summary {
    margin-left: 1px;
}

.sub-summary .noInline {
    margin: 21px;
}

#suTbl, #suTbl th, #suTbl td {
    border: 1px solid #ddd !important;
}

.unit-summary {
    text-align: right;
    font-size: 14px;
}

/* Yield */
.content-temp .sub-yield {
    margin-left: 2px;
}

.sub-yield .noInline {
    margin-left: 40px;
}

.sub-yield .iconline {
    width: 18px;
    height: 18px;
    margin-top: 0px;
}
       
.sub-yield > .ui-input-text {
    width: 10em;
    margin-left: 40px;
    display: inline-block;
}

#yeTblBody td:not(:first-child){
    text-align: right;
}

#yeTbl th{
    text-align: center;
}

#yieldInput{
    min-height: 100% !important;
}

input#yeDatepicker {
    font-size: 16px;
    text-align: center;
}

/* CostTop */
.content-temp .sub-costTop {
    margin-left: 1px;
}

.sub-costTop .iconline {
    width: 18px;
    height: 18px;
    margin-top: 0px;
}

.sub-costTop > .ui-input-text {
    width: 10em;
    margin-left: 40px;
    display: inline-block;
}

#ctTbl td:not(:first-child){
    text-align: right;
}

.unit-costTop{
    text-align: center;
    margin-top: -5px;
}

.ddrBtn {
    height: 2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-right: 12px;
    padding-left: 12px;
}

#ciTargetUnit{
    width:initial;
}

#ciBudgetRefTblBody > tr > td{
    overflow: hidden;
}

/* costDetail */
.content-temp .sub-costDetail {
    margin-left: 1px;
}

.sub-costDetail .namebolder {
    font-weight: bold;
    font-size: 19px;
}

.sub-costDetail .noInline {
    margin-left: 40px;
}

.sub-costDetail .addButton {
    width: 12vw;
    /*height: 5vh;*/
    font-size: 11px;
    text-align: center;  
    /*width: 1vw;
    height: 1vh;*/
}

#cdTbl thead tr th:not(:first-child){
    text-align: center;
}

#cdTbl td:not(:first-child):not(:last-child){
    text-align: right;
}

#cdTbl td:last-child{
    text-align: center;
}

.sub-costDetail > .ui-input-text {
    width: 10em;
    margin-left: 40px;
    display: inline-block;
}

#costDetail{
    min-height: 100% !important;
}

.unit-costDetail{
    text-align: center;
    margin-top: -5px;
}

input#cdDatepicker, input#cdDatepickerIn, input#cdDatepickerOut {
    font-size: 16px;
    text-align: center;
}

/* costInput */
.content-temp .sub-costInput {
    margin-left: 5px;
}

.sub-costInput .noInline {
    margin-left: 40px;
}

.sub-costInput .field-contain {
    display: flex;
    align-items: center;
}

.sub-costInput .field-contain-unit {
    display: flex;
    align-items: center;
}

.field-contain > label {
    width: 5em;
    padding-top: 0.5em;
}

.field-contain > .ui-input-text {
    order: 1;
    flex: 1 1 auto;
}

.field-contain-unit > label {
    width: 5em;
    padding-top: 0.5em;
}

.field-contain-unit > .ui-input-text {
    order: 1;
    flex: 0 0 4em;
    font-size:16px;
    font-weight:700;
    text-align:center;
}

.sub-costInputRef-scroll{
    overflow: scroll;
    white-space: nowrap;
    display: block;
    height: 250px;
}

.sub-costInputRef-scroll thead, .sub-costInputRef-scroll tbody {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.sub-costInputRef-scroll th, .sub-costInputRef-scroll td{
    display: inline-block;
    width: 9rem;
    background: #fff;
}

.budgetRef-tr {
    border-bottom: 1px solid #ccc;
}

.budgetRef-tr:hover {
    border: 2px solid black;
}

.sub-costInputRef-scroll tbody th {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}

.sub-costInputRef-scroll thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

.sub-costInputRef-scroll thead th.blank{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
}

.sub-costInputRef-scroll > .ui-table-columntoggle-btn {
    display: none;
}
        
.sub-costInputRef-scroll::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

.sub-costInputRef-scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.sub-costInputRef-scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

.hidden_off {
    height: 58.375px;
    opacity: 1;
    transition-duration: 0.5s;
}

.hidden_on {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition-duration: 0.5s;
}

#costInput{
    min-height: 100vh !important;
}   

#costInput #ciBudgetRefDialog-popup{
	position: absolute;
	top: 50vh;
	left: 50vw;
	transform: translate(-50%, -50%);
}

input#ctDatepicker {
    font-size: 16px;
    text-align: center;
}

@media (orientation: portrait){
    #costInput #ciBudgetRefDialog{
        width: 90vw !important; 
        height: 85vh
    }

    #costInput #ciBudgetRefDialog-popup .ui-content{
        height: 68vh;
    }

    #costInput #ciBudgetRefDialog-popup .ui-content .sub-costInputRef-scroll{
        height: 65vh;
    }
}

@media screen and (max-width:1023px) and (orientation: landscape){
    #costInput #ciBudgetRefDialog{
        width: 95vw !important; 
        height: 85vh
    }

    #costInput #ciBudgetRefDialog-popup .ui-content{
        height: 55vh;
    }

    #costInput #ciBudgetRefDialog-popup .ui-content .sub-costInputRef-scroll{
        height: 50vh;
    }
}

@media screen and (min-width:1024px) and (orientation: landscape){
    #costInput #ciBudgetRefDialog{
        width: 95vw !important; 
        height: 85vh
    }

    #costInput #ciBudgetRefDialog-popup .ui-content{
        height: 71vh;
    }

    #costInput #ciBudgetRefDialog-popup .ui-content .sub-costInputRef-scroll{
        height: 68vh;
    }
}


/* laborExitSurface */
.content-temp .sub-exitSurface {
    margin-left: 5px;
}

.content-temp .lesMemberListDisp {
    margin-top: 15px;
    max-height: 215px;
}

.lesMemberTable .lesML_mm_name {
    width: 40%
}

#lesTable th {
    text-align: center;
}

#lesTable .lesTable_number {
    text-align: right;
}

.sub-exitSurface .noInline {
    margin: 80px;
}

.sub-exitSurface > .ui-input-text {
    width: 10em;
    margin-left: 50px;
    display: inline-block;
}

#laborExitSurface{
    min-height: 100% !important;
    overflow: visible;
}

/* laborExitSurfaceInput */
.content-temp .sub-exitSurfaceInput {
    margin-left: 5px;
}

.sub-exitSurfaceInput .noInline {
    margin: 80px;
}

.sub-exitSurfaceInput > .ui-input-text {
    width: 10em;
    margin-left: 50px;
    display: inline-block;
}

.sub-exitSurfaceInput > .ui-input-textarea {
    width: 10em;
    margin-left: 50px;
    display: inline-block;
}

.lesInput > .field-contain {
    display: flex;
    align-items: center;
}

.lesInput > .field-contain > label {
    width: 7em;
}

#lesNameSection .field-contain {
    display: flex;
    align-items: center;
}

#lesNameSection .field-contain > label {
    width: 7em;
}

#lesInputSection .field-contain {
    display: flex;
    align-items: center;
}

#lesInputSection .field-contain > label {
    width: 7em;
}

#lesInputSection > .field-contain > .ui-input-text {
    order: 0 !important;
    flex: 1 1 auto;
}

#lesInputSection .field-contain > #lesInputMemo_label {
    /*width: 10em;*/
    width: 7em;
}

#lesInputSection .field-contain > .textarea-data {
    width: auto !important;
}

#lesInputSection .les-input-number {
    text-align: right;
}

#laborExitSurfaceInput{
    min-height: 100% !important;
}

/* machineExitSurface */
.content-temp .sub-exitSurface {
    margin-left: 5px;
}

.content-temp .mesKikaiListDisp {
    margin-top: 15px;
    max-height: 215px;
}

.mesKikaiTable .mesKL_jm_name {
    width: 70%
}

#mesTable th {
    text-align: center;
}

#mesTable .mesTable_number {
    text-align: right;
}

.sub-exitSurface .noInline {
    margin: 80px;
}

.sub-exitSurface > .ui-input-text {
    width: 10em;
    margin-left: 50px;
    display: inline-block;
}

#machineExitSurface{
    min-height: 100% !important;
    overflow: visible;
}

/* machineExitSurfaceInput */
.content-temp .sub-exitSurfaceInput {
    margin-left: 5px;
}

#machineExitSurfaceInput{
    min-height: 100% !important;
}

.sub-exitSurfaceInput .noInline {
    margin: 80px;
}

.sub-exitSurfaceInput > .ui-input-text {
    width: 10em;
    margin-left: 50px;
    display: inline-block;
}

.mesInput .mesInput-disabled {
    background-color: #cccccc;
}

.mesInput > .field-contain {
    display: flex;
    align-items: center;
}

#mesNameSection .field-contain {
    display: flex;
    align-items: center;
}

#mesInputSection .field-contain {
    display: flex;
    align-items: center;
}

#mesInputSection > .field-contain > .ui-input-text {
    order: 0 !important;
    flex: 1 1 auto;
}

#mesInputSection .mes-input-number {
    text-align: right;
}

/* workInput */
.content-temp .sub-workInput {
    margin-top:  1px;
    margin-left: 5px;
}

.sub-workInput .noInline {
    margin: 40px;
}

.ui-weather > .ui-input-text {
    width: 6em;
    margin-left: 20px;
    display: inline-block;
}

.sub-workInput .textarea-data {
    resize: none;
}

/* AttendanceInput */
.sub-atMain .ui-input-text {
    width: 10em;
    display: inline-block;
    text-align: center;
}

.sub-atMain .ui-btn-inline {
    margin-right: 0px;
}

.but-content-attr {    
    width: 30vw !important;
    max-height:100vh !important;
}
.popup-content-attr{
    max-height:90vh !important;
}
.scroll-attr {
    overflow: auto;
    white-space: nowrap;
}
.listview-attr{
    max-height:90vh !important;
}

input#atDatepicker {
    font-size: 16px;
    text-align: center;
}

#attendanceInput {
    min-height: 100% !important;
}

@media (orientation: portrait){
    .but-content-attr {    
        width: 60vw !important;
        max-height:90vh !important;
    }
    .popup-content-attr{
        max-height:80vh !important;
    }
    .scroll-attr {
        overflow: auto;
        white-space: nowrap;
    }
    .listview-attr{
        max-height:80vh !important;
    }
}

@media screen and (max-width:1023px) and (orientation: landscape){
    .but-content-attr {    
        width: 60vw !important;
        max-height:80vh !important;
    }
    .popup-content-attr{
        max-height:70vh !important;
    }
    .scroll-attr {
        overflow: auto;
        white-space: nowrap;
    }
    .listview-attr{
        max-height:70vh !important;
    }
}

@media screen and (max-width:1024px) and (orientation: landscape) {
    .but-content-attr {
        width: 60vw !important;
        max-height: 80vh !important;
    }

    .popup-content-attr {
        max-height: 70vh !important;
    }

    .scroll-attr {
        overflow: auto;
        white-space: nowrap;
    }

    .listview-attr {
        max-height: 70vh !important;
    }
}

/*�P���Q��*/

#tankaReference {
    width: 95vw;
}

#tanka-ref-flipswitch * {
    box-sizing: content-box;
}

.torihiki-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
    text-indent: -4.9em;
}

.ui-flipswitch-off {
    text-indent: 0.5em;
    font-size: 16px;
}

.torihiki-flipswitch.ui-flipswitch {
    width: 8.875em;
}

    .torihiki-flipswitch.ui-flipswitch.ui-flipswitch-active {
        padding-left: 7em;
        width: 1.875em;
    }

@media (min-width: 28em) {
    .ui-field-contain > label + .torihiki-flipswitch.ui-flipswitch {
        width: 1.875em;
    }
}

.ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
}

.ui-li-static.ui-collapsible {
    padding: 0;
}

    .ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
        border-top-width: 0;
    }

    .ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
    .ui-li-static.ui-collapsible > .ui-collapsible-content {
        border-bottom-width: 0;
    }

#torihiki-fiter-label {
    box-sizing: border-box;
    margin-left: 1em;
    margin-right: 1em;
}

.tanka-ref-container {
    white-space: nowrap;
    display: block;
    height:100%;
}

@media (orientation: portrait) {
    #costInput #tankaReference {
        display: flex;
        flex-direction: column;
        width: 90vw !important;
        height: 85vh
    }

    #costInput #tankaReference-popup .ui-content {
        flex: 1;
        overflow: auto;
    }
}

#tanka-ref-main {
    padding-top: 0.1em;
}

.tanka-ref-collapsible * {
    white-space: normal !important;
    overflow-wrap: break-word;
}

.tanka-ref-unitprice {
    display: inline;
    float: right;
}