@charset "utf-8";

/*--------------------------------------------------------------
    override
--------------------------------------------------------------*/

.page-loader-wrapper img {
    width: 300px;
}

/* for register and login */
.auth-main:after {
    background: url(../img/auth-bg.jpg) no-repeat top right -15vw fixed;
    background-size: cover;
}

.auth-box .top img {
    width: 200px;
}

.auth-box .alert {
    padding: 1rem .35rem 1rem .5rem;
}

.auth-box .close {
    top: 2px;
    right: 6px;
    position: absolute;
}

.auth-box .alert ul {
    margin-bottom: 0;
    padding-left: 20px;
}

.auth-box .consent a {
    text-decoration: underline;
}

.auth-box .consent a i {
    margin-left: 3px;
}

/* for after login */
#wrapper {
    display: flex;
}

.navbar-fixed-top .navbar-brand img {
    width: 100px;
    margin-top: 5px;
}

#left-sidebar {
    min-width: 200px;
    margin-top: 75px;
    float: none;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .navbar-fixed-top .navbar-right {
        width: calc(100% - 250px);
    }
}

@media screen and (max-width: 1200px) {
    #left-sidebar {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        left: -0;
    }
}

.input-group > .custom-select.datepicker,
.input-group > .form-control.datepicker {
    width: 120px;
    height: 36px;
    border-radius: 4px;
}

/* for label required  */
label.required::after {
    margin-left: 5px;
    content: "※必須";
    color: #f00;
    font-size: .75em;
}

form > .form-group {
    margin-bottom: 2rem;
}

/*--------------------------------------------------------------
  override - tabulator
--------------------------------------------------------------*/
.tabulator {
    border: none;
}

.tabulator .tabulator-header {
    background-color: #fff;
    border-color: #ddd;
    border-top: solid 1px #ddd;
}

.tabulator .tabulator-header .tabulator-col {
    padding: 3px;
    border-left: solid 1px #ddd;
    border-right: none;
}

.tabulator .tabulator-header .tabulator-col:last-child {
    border-right: solid 1px #ddd;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input,
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter select {
    height: 30px;
    margin-top: 5px;
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 5px;
    background-color: #ccc;
}

.tabulator .tabulator-tableHolder {
    background-color: #fff;
}

.tabulator .tabulator-row .tabulator-cell {
    min-height: 72px;
    padding: 12px 8px 8px 8px;
    border-left: solid 1px #ddd;
    border-right: none;
}

.tabulator .tabulator-row .tabulator-cell:last-child {
    border-right: solid 1px #ddd;
}

.tabulator .tabulator-tableHolder .tabulator-placeholder {
    margin-top: -14px;
    padding: 20px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    position: relative;
}

.tabulator .tabulator-tableHolder .tabulator-placeholder span {
    color: #333;
    font-size: inherit;
}

.tabulator .tabulator-footer {
    padding: 20px 0 0 0;
    background-color: #fff;
    border-color: #ddd;
    text-align: center;
}

.tabulator .tabulator-footer .tabulator-page {
    padding: 5px 8px;
    font-weight: 500;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover,
.tabulator .tabulator-row.tabulator-selectable:hover {
    background-color: #ccc;
}

.tabulator .tabulator-cell span .image {
    max-width: 120px;
    max-height: 120px;
}

.tabulator .tabular-action span a {
    padding: 2px 5px;
}

.tabulator .tabular-action span form {
    display: inline;
}

.tabulator .tabular-cols span.answer {
    margin-left: 5px;
}

/*--------------------------------------------------------------
  override - select2
--------------------------------------------------------------*/
.select2-container .select2-selection--single {
    height: 35px;
    padding-top: 3px;
    border: 1px solid #ced4da;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}

/*--------------------------------------------------------------
    CSS hack for safari
--------------------------------------------------------------*/
_::-webkit-full-page-media, _:future, :root .sidebar-nav .metismenu {
    display: block;
}