body {
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', メイリオ, Meiryo, sans-serif;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-signin h2 {
    font-size: 30px;
    text-align: center;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

.navbar-brand {
    padding: 5px 15px;
}

.container {
    width: 99% !important;
}

.pagination-nav {
    text-align: center;
}

.form-group {
    min-height: 80px;
    margin-bottom: 5px;
}

.form-error {
    border-color: #ff0000;
}

.form-error:focus {
    border-color: #e4524e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e4524e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e4524e;
}

.error-message {
    color: #e4524e;
    font-size: 1em;
    margin: 0 !important;
    clear: both;
}

.form-warning {
    border-color: #f6a828;
}

.form-warning:focus {
    border-color: #f6a828;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f6a828;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f6a828;
}

.warning-message {
    color: #f6a828;
    font-size: 1em;
    margin: 0 !important;
    clear: both;
}

.required {
    color: #e4524e;
}

.required-plus-mark {
    color: #e4524e;
}
.required-plus-mark:after {
    content: ' *';
}


.right {

    float: right;
}

/*
.hoverable {
    transition: box-shadow .25s;
    box-shadow: 0;
}

.hoverable:hover {
    transition: box-shadow .25s;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
*/

.search-area {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 5px;
}

footer {
    margin-top: 50px;
}

.work-instruction-page {
    background-color: #165e83;
}

.work-instruction-page section {
    background-color: #ffffff;
    margin: 20px;
    padding: 15px;
    border-radius: 5px;
}

.work-instruction-page table {
    margin-bottom: 0px;
}

.work-instruction-page th {
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: middle !important;
}

.work-instruction-page td {
    text-align: center !important;
    vertical-align: middle !important;
}

.work-instruction-page footer {
    padding-top: 20px;
    background-color: #ffffff;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #cccccc;
    border-color: #bbbbbb;
}

.list-area {
    margin-top: 30px;
}

textarea.form-control {
    min-height: 150px;
}

.form-control {
    padding: 1px;
}

.input-group-addon {
    padding: 2px;
}

@media (min-width: 992px) {
    .col-md-05 {
        width: 4.16666667%;
        float: left;
    }

    .col-md-075 {
        width: 6.25%;
        float: left;
    }

    .col-md-125 {
        width: 10.4166666%;
        float: left;
    }

    .col-md-15 {
        width: 12.5%;
        float: left;
    }

    .col-md-225 {
        width: 18.75%;
        float: left;
    }

    .col-md-25 {
        width: 20.8333332%;
        float: left;
    }

}

.set-fixed-nav {
    position: fixed;
    top: 0px;
    right: 0px;
    background-color: #e0e0e0;
    z-index: 1000;
    padding: 10px 0;
    opacity: 0.7;
    width: 170px;
}

.set-fixed-nav:hover {
    opacity: 1;
}

.fixed-nav-button {
    width: 20%;
    line-height: 30px;
    float: left;
    text-align: center;
    background-color: #febd69;
}

.fixed-nav-button:hover, .fixed-nav-button:focus {
    text-decoration: none;
    background-color: #f3a847;
    cursor: pointer;
}

.nav-stacked {
    width: 80%;
    float: left;
}

.table-x-scroll {
    /*overflow-x: auto;*/
    /*overflow-y: hidden;*/
}

.table-x-scroll table {
    min-width: 2650px;
}

.table-x-scroll .input-group-addon {
    padding: 6px 12px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

/* ※IEではこれが必要 */
.dropzone {
    min-height: 100px;
}

.dropzone .list-group-item:hover {
    background-color: #e0e0e0;
}

.ui-autocomplete-loading {
    background: white url("/css/images/ui-anim_basic_16x16.gif") right center no-repeat;
}

.repeat-instruction-link {
    padding: 0 10px;
}

.calendar-input-group {
    float: left;
    width: 85%;
}

.calendar-image-box {
    line-height: 30px;
    padding-left: 3px;
    float: left;
    cursor: pointer;
}

.chart-box {
    min-height: 300px;
}

.click-auto-search:hover {
    cursor: pointer;
}

.tableEx {
    font-size: 2em;
}
.tableEx th {
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: middle !important;
    border: 1px solid #ddd;
}
.tableEx td {
    border: 1px solid #ddd;
}

.checkbox, .radio {
    float: left;
    margin: 0px;
}
.checkbox+.checkbox, .radio+.radio {
    margin: 0px;
}

.checkbox label, .radio label {
    line-height: 30px;
}

.goOverThere img:hover {
    opacity: 0.8;
}

#search-list-limit {
    width: 50px;
    text-align: center;
}

.search-area .row .form-group {
    height: 100px;
}

.search-area .row .form-group label{
    width: 100%;
}

.printed-employee-name-label {
    cursor: pointer;
}

hr {
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
    border-top: 1px solid #ccc;
}

.ex-form-control-checkbox {
    display: inherit;
}

.cd-target-row {
    margin-left: 30px;
    width: 30px;
    text-align: right;
}

.badge {
    background-color: rgb(220, 57, 18);
}

.badge-order {
    background-color: #5cb85c;
}

.table .btn {
    margin-top:2px;
}

.confirmation-table th{
    text-align: center;
    background-color: #f5f5f5;
}

.confirm-pre {
    background-color:#ffffff;
    border: 0;
    padding: 0;
    margin: 0;
}

span.pipe-pertition .header {
    float: right;
    line-height: 40px;
    font-size: 16px;
    padding: 0 20px;
}

li.pipe-pertition {
    line-height: 50px;
    font-size: 16px;
}

h3.pipe-pertition {
    margin-top: 10px;
    width: 100px;
    float: left;
}

span.pipe-pertition div.pipe:before {
    content: "｜";
}

.pipe-pertition div.HTW80 {
    float: left;
    width: 80px;
    padding-left: 10px;
}

.pipe-pertition div.HTW100 {
    float: left;
    width: 100px;
    padding-left: 10px;
}

.pipe-pertition div.HTW110 {
    float: left;
    width: 110px;
    padding-left: 10px;
}

.pipe-pertition div.HDW50 {
    float: left;
    width: 50px;
    text-align: right;
    padding-right: 10px;
    margin-right: 10px;
}

.pipe-pertition div.HDW40 {
    float: left;
    width: 40px;
    text-align: right;
    padding-right: 10px;
    margin-right: 10px;
}

.pipe-pertition div.HDW60 {
    float: left;
    width: 60px;
    text-align: right;
    padding-right: 10px;
    margin-right: 10px;
}

.pipe-pertition div.HDW70 {
    float: left;
    width: 70px;
    text-align: right;
    padding-right: 10px;
    margin-right: 10px;
}

.pipe-pertition div.W30 {
    float: left;
    width: 30px;
}

.pipe-pertition div.W40 {
    float: left;
    width: 40px;
}

.pipe-pertition div.W50 {
    float: left;
    width: 50px;
}

.pipe-pertition div.W60 {
    float: left;
    width: 60px;
}

.pipe-pertition div.W70 {
    float: left;
    width: 70px;
}

.pipe-pertition div.W80 {
    float: left;
    width: 80px;
}

.pipe-pertition div.W90 {
    float: left;
    width: 90px;
}

.pipe-pertition div.W100 {
    float: left;
    width: 100px;
}

.pipe-pertition div.W110 {
    float: left;
    width: 110px;
}

.pipe-pertition div.W120 {
    float: left;
    width: 120px;
}

.pipe-pertition div.W130 {
    float: left;
    width: 130px;
}

.pipe-pertition div.W140 {
    float: left;
    width: 140px;
}

.cp-header {
    color: #fff !important;
    background-color: #0275d8 !important;
    border-color: #0275d8 !important;
}

.cpx-header {
    color: #fff !important;
    background-color: #d8a302 !important;
    border-color: #d8a302 !important;
}

.black-cp-header {
    color: #fff !important;
    background-color: #696969 !important;
    border-color: #696969 !important;
}

.pitapanes-header {
    color: #fff !important;
    background-color: #02d88a !important;
    border-color: #02d88a !important;
}

.super-pitapane-header {
    color: #000 !important;
    background-color: #d5d802 !important;
    border-color: #d5d802 !important;
}

.black-pitapane-header {
    color: #000 !important;
    background-color: #d3d3d3 !important;
    border-color: #d3d3d3 !important;
}

.add-color-header {
    color: #fff !important;
    background-color: #d84e02 !important;
    border-color: #d84e02 !important;
}

.original-add-color-header {
    color: #000 !important;
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
}

.cp-border-color {
    border-color: #0275d8 !important;
}

.cpx-border-color {
    border-color: #d8a302 !important;
}

.black-cp-border-color {
    border-color: #696969 !important;
}

.pitapanes-border-color {
    border-color: #02d88a !important;
}

.super-pitapane-border-color {
    border-color: #d5d802 !important;
}

.black-pitapane-border-color {
    border-color: #d3d3d3 !important;
}

.add-color-border-color {
    border-color: #d84e02 !important;
}

.original-add-color-border-color {
    border-color: #f5f5f5 !important;
}

.radius-left {
    border-radius: 8px 0px 0px 8px;
}

.radius-right {
    border-radius: 0px 8px 8px 0px;
}

.panel-consistency-info {
    color:black;
    background-color:#d9edf7;
}

.panel-consistency-warning {
    color:black;
    background-color:#fcf8e3;
}

.panel-consistency-success {
    color:black;
    background-color:#dff0d8;
}

.work-time {
    text-align:right;
    padding-right:20px;
}

tm {
    width:70px;
    display: inline-block;
}

tm.plus {
    color:#ff0000;
}

tm.minus {
    color:#0000ff;
}

.ui-datepicker {
    z-index: 9999 !important;
}
.ui-autocomplete {
    z-index: 9999 !important;
}
.cost-category {
    border-bottom: solid 3px darkcyan;
    margin: 30px 0px 10px;
    padding: 0px 10px 0px;
    font-size: x-large;
}
.cost-block{
    padding: 0px 10px 0px;
}
.cost-block .simple-row{
     float: none;
}
.details-block td {
    vertical-align: middle !important;
    text-align: center !important;
}
.list-header{
    padding: 5px 15px;
    font-size: medium;
    border-bottom: solid 1px darkcyan;
}