@CHARSET "utf-8";

html {
    font-size: 13px;
}

.bold {
    font-weight: bold;
}

div.modal form th,
div.modal form td {
    padding-top: 2px;
    padding-bottom: 0px;
}

div.modal form td input {
    margin: 0px;
    height: 40px;
}
.eb-disabled {
    color: gray !important;
    cursor: default;
}
table.table th::before {
    right: 0.5em !important;
}
table.table th::after {
    right: 0em !important;
}
table.table th {
   padding: 5px 4px !important;
}
table.table td {
    padding: 5px 4px !important;
    border-left: 1px dashed lightgray;
    word-break: break-all;
}
table.table tr td:first-child {
    border-left: 0px;
}
div[contenteditable=true] {
    border-bottom: 1px solid gray;
    padding: 10px 0px;
}
div[contenteditable=true]:focus {
    outline: 0;
}
.errorlist {
    color: red;
}
.collapsible-body table td.input_field {
    padding-left: 5px !important;
}
table td.input_field {
    padding: 0px !important;
}
td.input_field select,
td.input_field input {
    margin: 0px;
    border: 0px !important;
    height: 25px;
    width: calc(100% - 15px);
}
td.input_field select {
    width: 100%;
}
td.input_field i.material-icons {
    margin-left: 0px;
    margin-top: 5px;
    color: gray;
    font-size: 1rem !important;
}
td.input_field input:focus {
    border: 0px !important;
}
td.input_field div.errors {
    float: left;
    width: calc(100% - 13px);
}
td.input_field div.errors small.error {
    top: 0px;
}
form.save_change td.input_field textarea {
    width: calc(100% - 20px);
    border: 0px !important;
    padding: 2px 0px;
    margin: 0px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type='number'] {
    -moz-appearance:textfield;
}
.toast.alert-error {
    background-color: #ff5722;
}
table.last-row-border-none tr:last-child {
    border-bottom: none;
}
form.check_change .change-message {
    display: none;
    font-weight: bold;
    font-size: 15px;
    margin-left: 10px;
}
/**************** サイドバー *****************/
div.content {
    height: calc(100% - 110px);
}
main {
    /* margin-left: 250px !important; */
    font-size: 11px !important;
}
header, main, footer {
    margin-left: 0 !important;
}
nav a.button-collapse {
    display: inherit !important;
}
/*
.side-nav.fixed .userView {
    min-height: 100px !important;
}
.side-nav div.userView {
    min-height: 100px;
    padding: 9px 9px 0;
    margin-bottom: 0px;
}
.side-nav {
    width: 250px;
}
.side-nav img.background {
    width: 250px;
}
*/
.side-nav div.collapsible-body ul li a {
    padding-left: 70px !important;
}
.side-nav li>a {
    font-size: 12px !important;
}
/*************** Fixed Header ****************/
table.fixedHeader-locked th ,
table.fixedHeader-floating th {
    font-size: 11px;
}
/**************** 複雑なテーブル *****************/
thead.complex {
    background-color: white;
}
thead.complex th {
    font-size: 12px;
    padding: 5px 5px;
}

tbody.complex td {
    font-size: 12px;
    padding: 3px 5px;
}
table > tbody > tr.row1,
table > tbody > tr.row1:hover {
    background-color: #f2f2f2;
}
table > tbody > tr.row2,
table > tbody > tr.row2:hover {
    background-color: white;
}
/**************** 検索フィルター *****************/
.input-field input[type=search] {
    display: block;
    line-height: inherit;
    padding-left: 0px !important;
    width: 100% !important;
}
.input-field input[type=search]:focus {
    border-bottom: 1px solid rgb(158, 158, 158) !important;
}
/* チェックボックスの直後に来るラベル */
.columns-filter input[type=checkbox] + label {
    margin-top: 15px;
}
/**************** 検索フィルター *****************/
div.nowrap {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
/**************** Collapsible  *****************/
main ul.collapsible {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: none;
}
main ul.collapsible div.collapsible-body {
    padding-top: 10px;
    padding-bottom: 10px;
}
main ul.collapsible div.collapsible-body table td {
    padding-top: 5px;
    padding-bottom: 5px;
}
/**************** Loading  *****************/
div.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(211, 211, 211, 0.7);
    z-index: 9999;
}
div.loading .preloader-wrapper {
    top: calc(50% - 32px) !important;
    left: calc(50% - 32px) !important;
    top: 50%;
    left: 50%;
}
/**************** browser-default  *****************/
select.browser-default {
    background-color: inherit;
    border: 0px;
    height: 30px;
}
select.browser-default:focus {
    outline-width: 0;
}
.browser-default-radius {
    width: 60px !important;
    margin: 0 !important;
    padding: 1px 2px !important;
    height: 20px !important;
    text-align: right !important;
}
/**************** number icon  *****************/
.char-overlay {
  font-family: 'Helvetica' !important; /* Your font family */
  font-weight: bold !important;
  padding: 0px !important;
}
/**************** Datatableのサーチボックス  *****************/
.dataTables_filter {
    display: none;
}
/**************** Right Panelのカード  *****************/
.tight-card div.row {
    margin-top: -10px;
    margin-bottom: 0px;
}
.tight-card div.input-field {
    padding: 0px;
    margin: 0px;
}
.tight-card div.input-field label {
    font-size: 11px !important;
}
.tight-card div.input-field.col label {
    left: 0px;
    width: 100%;
}
.tight-card [type=checkbox]+label {
    padding-left: 25px;
    line-height: 20px;
    height: 20px;
}
.tight-card .card-action {
    padding: 8px 12px;
}
.tight-card a.btn {
    padding: 0 10px;
}
.tight-card input[type=text],
.tight-card textarea,
.tight-card select {
    height: 25px;
    font-size: 12px;
    padding: 0px 5px;
}
.tight-card.card .card-content {
    padding-bottom: 0px;
}
/***************** local-storage ***************/
.local-storage select {
    border: none;
    border-bottom: 1px solid gray;
}
.local-storage select:focus {
    outline-width: 0;
}
/***************** Auto Complete ***************/
ul.ui-autocomplete {
    white-space: nowrap;
    z-index: 2000;
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-state-default,
.ui-state-hover,
.ui-state-focus,
.ui-state-active,
.ui-state-default:hover,
.ui-state-hover:hover,
.ui-state-focus:hover,
.ui-state-active:hover,
.ui-menu-item-wrapper:hover {
    font-weight: inherit !important;
}
/***************** フィルターの検索可能項目 ***************/
.filter-searchable {
    font-size: 10px;
    margin-top: -10px;
    color: gray;
}
.filter-searchable ul {
    margin: 2px 0 0 0;
}
.filter-searchable ul li {
    float: left;
    margin: 0px 4px;
}
/***************** DataTables ***************/
.appended-positions table.table {
    margin-bottom: 0px !important;
}
.appended-positions .dataTables_info[role="status"] {
    margin-top: 5px;
    float: left;
}
.appended-positions div.dataTables_paginate {
    float: right;
    margin-top: -11px;
}
.appended-positions div.dataTables_paginate a {
    font-size: 0.8rem !important;
}
.appended-positions div.dataTables_length {
    margin-top: 5px;
    float: right;
}
.appended-positions div.dataTables_length select {
    width: 60px;
    height: 25px;
    display: inherit;
}
div.dataTables_wrapper div.dataTables_info {
    float: left;
    margin-top: -40px;
}
/***************** FieldSet ***************/
fieldset.expandable {
    border-radius: 5px;
    margin-top: 10px;
}
fieldset.expandable legend {
    cursor: pointer;
}
/***************** FormSet ***************/
.formset_row ul.errorlist {
    margin-top: -10px;
}
/****************** Fade *****************/
@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
    color: red;
    font-weight: bold;
}
/***************** Dashboard ***************/
.app-list {
    padding: 5px;
    column-gap: 0;
    column-count: 3;
}
.app-list .app {
    page-break-inside: avoid;
    padding: 5px;
}
.app-list .app .card {
    margin: 0;
}
.app-list .app .card .app-item {
    padding-left: 0!important;
}
.app-list .app .card .card-title {
    margin-bottom: 15px;
}
.app-list .app .card table th ,
.app-list .app .card table td {
    padding: 8px 15px;
}
@media (max-width: 800px) {
    .app-list {
        column-count: 1;
        padding: 0;
    }
}
/***************** Footer ***************/
tail div.footer {
    position: fixed;
    height: 42px;
    bottom: 0;
    width: 100%;
    padding: 8px 8px 8px 8px;
    border-top: 1px solid lightgray;
    z-index: 1;
    text-align: center;
    font-size: 15px;
    background: linear-gradient(white, lightgray);
}