html {
    position: relative;
}

body {
    font-family: "Noto Sans JP", sans-serif;
}

* {
    box-sizing: border-box;
}

.content .container-fluid+div {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.login-page {
    height: 84vh;
    /*フッター分下にマージを設ける*/
    margin-bottom:110px;
    margin-top:15px;

    display: flex;
    justify-content: center;
}

/*btn-primaryの定義をbtn-secondaryと同値に変更*/
.btn-primary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: none;
  }
  
  .btn-primary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
  }
  
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
  }

 .card-tools {
     width: 250px;
 }

/* ボタン */
.btn-primary,
.btn-secondary,
.btn-success,
.btn-excel {
    display: inline-block;
    justify-content: center;
    align-items: center;
    width: 45%;
    max-width: 210px;
    border-radius: 100px;
    border: 2px solid #e55a00;
    background: #fff;
    font-weight: 700;
    color: #e55a00;
    padding: 8px 20px;
    position: relative;
    transition: .3s all;
}

.btn-preset {
    background-color: #fff;
    border: 1px solid transparent;
    padding: 4.8px 9.6px;
    border-radius: .25rem;
    border-color: #6c757d;
}

.swal2-actions .swal2-confirm {
    display: inline-block;
    justify-content: center;
    align-items: center;
    width: 45%;
    max-width: 210px;
    border-radius: 100px;
    border: 2px solid #e55a00;
    background: #e55a00;
    font-weight: 700;
    color: #fff;
    padding: 8px 24px;
    position: relative;
    /* transition: .3s all; */
}

.swal2-actions .swal2-deny {
    border-radius: 100px;
    border: 2px solid #e55a00;
}

.swal2-actions .swal2-cancel {
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    border: 2px solid #6e7881;
    /*transition: .3s all;*/
}

.swal2-styled{
        margin: 0 0.3125em;
}

.btn-login {
    display: inline-block;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 210px;
    border-radius: 100px;
    border: 2px solid #e55a00;
    background: #e55a00;
    font-weight: 700;
    color: #fff;
    padding: 8px 24px;
    position: relative;
    transition: .3s all;
}

button.search {
    width: 40%;
}

button.form-reset {
    width: 58%;
}

.card-header:first-child {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card-header:first-child button {
    width: 100%;
    margin-top: 1em;
}

.card-header:first-child button+button {
    margin-top: 1em;
}

@media (min-width: 768px) {

    .btn-primary,
    .btn-secondary,
    .btn-success,
    .btn-excel,
    .btn-login,
    .swal2-actions .swal2-confirm {
        max-width: 210px;
        display: inline-block;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .card button+button,
    .card-header:first-child button+button {
        margin-left: 14px;
    }

    .card-header:first-child {
        display: inline-block;
    }
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle .btn-login:not(:disabled):not(.disabled).active,
.btn-login:not(:disabled):not(.disabled):active,
.show>.btn-login.dropdown-toggle .btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle .btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle .btn-excel:not(:disabled):not(.disabled).active,
.btn-excel:not(:disabled):not(.disabled):active,
.show>.btn-excel.dropdown-toggle {
    justify-content: center;
    align-items: center;
    min-width: 120px;
    border-radius: 100px;
    border: 2px solid #e55a00;
    background: #fff;
    font-weight: 700;
    color: #e55a00;
    padding: 8px 24px;
    position: relative;
    transition: .3s all;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-excel:hover,
.btn-login:hover,
.swal2-actions .swal2-confirm:hover,
.swal2-actions:not(.swal2-loading) .swal2-styled:hover,
.btn-primary.focus,
.btn-primary:focus {
    color: #fff !important;
    background: linear-gradient(to left, #DD1F01, #F68306);
    border: 2px solid #e55a00;
    opacity: 1;
    transition: .3s all;
}

button.teal {
    /* background: linear-gradient(to left, #DD1F01, #F68306);
       border: 1px solid #F68306; */
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
}

button.teal span {
    color: #333;
}

button.teal.dropdown-toggle::after {
    color: #e55a00;
}

/* .card button + button,
   .card-header button + button {
     margin-left: 14px;
   }
    */


/* 入力欄 */
input.form-control,
.select2-selection {
    border: 1px solid #d5d5d5;
    background: #fff;
    border-radius: 0;
    /* background: #fcdadd !important; */
}

input:disabled{
    background: #AAA !important;
}

select:disabled{
    background: #AAA !important;
}

.card-primary:not(.card-outline)>.card-header {
    /* background: linear-gradient(to right, #DD1F01, #F68306); */
    background: #4A4A4A;
}

.btn-app {
    min-width: 30px;
    height: inherit;
    margin: 0;
}

#ui-datepicker-div {
    z-index: 5 !important;
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-radius: 0 !important;
}

.input-group {
    border: 1px solid #d5d5d5 !important;
}

/* .input-group-prepend{
       border: 1px solid #d5d5d5 !important;
       border-right:none;
   } */
.input-group-prepend+input+input {
    border: none !important;
}

.input-group.date input,
.input-group-append {
    border: none !important;
}

.input-group.date .input-group-text {
    background: none;
    border: none;
    border-radius: 0;
}

.input-group.date .input-group-text .fa-calendar {
    color: #333 !important;
}

/* ======== ログイン ======== */
.login-logo {
    width: 100%;
    max-width: 220px;
    margin: 0 auto 42px;
}

.login-box,
.register-box {
    /* margin-top: 12%; */
}

.login-box .card,
.register-box .card {
    padding: 26px 40px 28px;
}

.login-card-body,
.register-card-body {
    padding: 0;
}

.login-box .card-header:first-child {
    border-bottom: none;
    padding: 0;
}

.login-box .card-primary.card-outline {
    border-top: none;
    border-radius: 0;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 16%);
}

.login-box .card-title {
    font-size: 1.44rem;
    text-align: left !important;
    margin-bottom: 12px;
}

.login-box label {
    width: 100%;
    font-size: 0.82rem;
    font-weight: normal !important;
}

.login-box .fa-sign-in-alt:before,
.login-box .fa-sync-alt:before {
    display: none;
}

.login-box input.form-control,
.login-box .select2-selection {
    background: #fff !important;
}

.login-box .row {
    justify-content: center;
}

.login-box .input-group {
    margin-bottom: 12px;
    border: none !important;
}

.login-box .input-group+.row {
    margin-top: 30px;
}

/* エラー時 */
.login-box .form-control.is-invalid,
.login-box .was-validated .form-control:invalid {
    border: 3px solid #b9103c !important;
    background: #fcdadd !important;
}

.invalid-feedback {
    width: 100%;
    font-size: 0.82rem;
    color: #b9103c;
    margin-top: 1em;
    display: inline-block;
}

.invalid-feedback p {
    display: inline-block;
}

.invalid-feedback::before {
    content: " ";
    width: 1rem;
    height: 1rem;
    background: url(/vendor/adminlte/dist/img/icon_error.svg)no-repeat center center;
    margin-right: 0.5em;
    display: inline-block;
    background-size: contain;
    vertical-align: text-top;
}


/* ======== footer ======== */
.l-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.l-footer .l-footer__logo {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0 40px 20px;
}

.l-footer .l-footer__logo img {
    width: 100%;
    max-width: 300px;
}

.l-footer__copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 46px;
    font-size: 0.75rem;
    color: #fff;
    background: linear-gradient(135deg, #B9103C 0%, #E55A00 100%);
}


/* ======== メインコンテンツ ======== */
/* 共通・アイコン */
.main-sidebar .brand-link img {
    max-width: 90px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    border-radius: 0;
    background: #E55A00;
}

.fa-pen:before {
    transition: .3s all;
    color: #E55A00;
}

.btn:hover .fa-pen:before {
    color: #fff;
}

.page-item.active .page-link {
    background-color: #B9103C;
    border-color: #B9103C;
}

.page-link {
    color: #E55A00;
}


/* ダッシュボード */
.swal2-actions .swal2-confirm {
    width: 100%;
    min-width: 210px;
}

/* フォームの右線が消える不具合の修正 */
.login-card-body .input-group .form-control{
    border-right: 1px solid #d5d5d5;
}
  
.login-card-body .input-group .form-control:focus{
    border-color: #80bdff;
}

/*必須項目背景色の変更*/
td .required:not(:read-only),
.required .input:not(:read-only),
.required .select2-container--default .select2-selection--single:not([aria-disabled="true"]){
    background-color: #ffe8ed !important;
}

/*ヘッダー部とデータ部の幅がずれないようにする修正*/
table.inquiry th,
table.inquiry td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
 
table.inquiry{
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
}

/* フッターとデータ部の幅がずれないようにする修正 */
table.dataTable>tfoot>tr>th:not(.first-not-data){
    padding-right: 30px;
}

.dataTables_scrollBody>table.dataTable>tfoot>tr>th,
table.dataTable>tbody>tr>td,
.dataTables_scrollFootInner>table.dataTable>tfoot>tr>th{
    border-left: 1px solid transparent !important;
}

.dataTables_scrollFootInner>table.dataTable>tfoot>tr>th{
    padding-top: 9.6px !important;
    padding-bottom: 9.6px !important;
}

/* 画面のズームイン・アウト時にデータ部レイアウトが崩れないようにする修正 */
div.dataTables_scrollHead,
div.dataTables_scrollBody,
div.dataTables_scrollFoot{
    width: 100% !important;
}