body {
    background-color: #f9fffd;
    color: #72684e;
}
a {
    color: #5AA8A5;
}
a:hover {
    color: #378A87;
}
.btn-primary{
    background-color: #5AA8A5;
    border-color: #5AA8A5;
}
.btn-primary:hover{
    background-color: #378A87;
    border-color: #378A87;
}
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #378A87;
    border-color: #378A87;
    color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: #378A87;
    border-color: #378A87;
    color: #fff;
}
.sidebar.sidebar-pills .nav-link.active, .sidebar.sidebar-pills .nav-link:hover{
    color: #378A87!important;
}
.sidebar.sidebar-pills .nav-link.active .nav-icon, .sidebar.sidebar-pills .nav-link:hover .nav-icon{
    color: #378A87!important;
}
.sidebar-pills a:not(.active), .sidebar-pills a:not(.open), .sidebar-pills a:not(:active), .sidebar-pills a:not(:focus), .sidebar-pills a:not(:hover), .sidebar-pills li{
    color: #72684e!important;
}
.sidebar .nav-link .nav-icon{
    color: #72684e;
}
.btn-link{
    color: #378A87;
}
.page-item.active .page-link{
    background-color: #378A87;
    border-color: #378A87;
}
.bg-light{
    background-color: #f9fffd!important;
}
.table{
    color: #72684e;
}
table.table-hover tbody tr:hover {
    background-color: rgba(90, 168, 165, 0.075);
}
.table-hover tbody tr:hover {
    background-color: rgba(90, 168, 165, 0.075);
}
.app-header.bg-light .navbar-brand{
    opacity: 1;
    padding: 0 1rem;
}
.form-control:focus {
    background-color: #fff;
    border-color: #378A87;
    box-shadow: 0 0 0 2px #ddfffe;
    color: #495057;
    outline: 0;
}

.dropdown-item.active, .dropdown-item:active {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #5AA8A5;
  }

.form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #909;
}

.form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #909;
    opacity: 1;
}

.form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #909;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #909;
}

.form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #909;
}

.form-control::placeholder {
    /* Most modern browsers support this now. */
    color: #869ab8;
}

.backstrap-file-label::after {
    content: "アップロード" !important;
}
.btn-facebook:hover{
    color: #FFFFFF;
}

/* all hide spin button input type number. */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.non-image-is-validate .is-invalid{
    background-image: none !important;
}
.no-label-h16 label{
    height: 16px;
}

.work-report-datetime .form-control.is-invalid {
    background-image: unset !important;
}
.long-text{
    word-break: break-all;
}
.table-title-w20 table tr td:first-child{
    width: 20%;
    min-width: 220px;
}