body {
    color: #3C424B;
    font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nl2br {
    white-space:pre-wrap;
    word-break:break-all;
}

.bold {
    font-weight: bold;
}

.editable-force-empty, .editable-force-empty:hover, .editable-force-empty:focus {
    font-style: italic;
    color: #DD1144;
    /* border-bottom: none; */
    text-decoration: none;
}

.wareki-birthday td {
    padding-right: 7px;
}

.editable-input {
    white-space: nowrap!important;
}

/* DataTable */
table.dataTable thead th {
    background-color: #067f9f !important;
    color: white !important;
}
table.dataTable thead .sorting:after {
    opacity: .4 !important;
    font-size: 1.2rem;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    top: 10px !important;
}
.customer-type-flags .label {
    padding: 3px 6px;
    max-width: 150px;
    margin-right: 4px;
    margin-bottom: 4px;
}
table.dataTable .link-button {
    text-align: center;
    width: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
table.dataTable .delete-button {
    text-align: center;
    width: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
@media (max-width: 767px) {
    table.dataTable .link-button {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }
    table.dataTable .delete-button {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }
}
.dataTables_paginate {
    margin-top: 3px;
}
div.dataTables_info {
    font-size: 1.3rem;
    opacity: 0.9;
}

/*  Select2  */
/*.select2-container--default .select2-selection--single {*/
    /*background-color: #fff;*/
    /*border: 1px solid #d2d6de;*/
    /*padding: 2px 8px;*/
    /*border-radius: 0;*/
/*}*/
/*.select2-container .select2-selection--single {*/
    /*height:34px;*/
/*}*/
/*.select2-container--default .select2-selection--single .select2-selection__arrow {*/
    /*top: 3px;*/
    /*right: 1px;*/
/*}*/
/*.select2-selection__rendered {*/
    /*padding-top:4px;*/
/*}*/

.select2-container {
    width: 100% !important;
    padding: 0;
}

.select2 {

    width: 100% !important;

}

input.datepicker {
    border-radius:0!important;
    padding: 6px 12px;
}

.select2-container--default .select2-selection--single {
    border-radius:0!important;
    border-color:#d2d6de;
    height:34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height:31px;
}

.select2-results__option {
    padding: 4px 12px;
}

.select2-container--default .select2-selection--single {
    padding:6px 4px;
}

.select2-container--open .select2-dropdown--below {
    background:#f8f8f8;
}

.datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
    padding:5px;
    font-size:13px!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:#555;
}
.select2-selection__clear {
    color: #bd332b;
}

/* Link */

a {
    color: #357AA3;
}
a:hover {
    color: #295977;
}

/* Label */
.label-default { background-color: #b0b3b6 !important;; color: #131B25; }
.label-primary { background-color: #295c7b !important;; color: #fff; }
.label-success { background-color: #067c4a !important;; color: #fff; }
.label-info    { background-color: #067f9f !important; color: #fff; }
.label-danger  { background-color: #bd332b !important;; color: #fff; }
.label-warning { background-color: #956417 !important;; color: #fff; }
.label-theme { background-color: #131B25 !important;; color: #fff; }

/* Button */
.btn {
    padding: 6px 13px;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
}
.btn-default {
    background-color: #D6D8D9;
    color: #2B333C;
    border-color: #C6C8CA;
}
.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default.hover, .btn-default.active:hover, .btn-default:active:hover, .btn-default.active:focus {
    background-color: #B0B3B6;
    color: #131B25;
    border-color: #C6C8CA;
    outline: none;
}

.btn-primary {
    background-color: #306280;
    border-color: #1e455d;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.hover, .btn-primary.active:hover, .btn-primary:active:hover, .btn-primary.active:focus {
    background-color: #153040;
    border-color: #1e455d;
    font-weight: bold;
    outline: none;
}

.btn-success {
    background-color: #0F8150;
    border-color: #06613a;
}
.btn-success:hover, .btn-success.active, .btn-success:active, .btn-success.hover, .btn-success.active:hover, .btn-success:active:hover, .btn-success.active:focus {
    background-color: #0C4A30;
    border-color: #06613a;
    font-weight: bold;
    outline: none;
}

.btn-info {
    background-color: #067f9f;
    border-color: #00617b;
}
.btn-info:hover, .btn-info.active, .btn-info:active, .btn-info.hover, .btn-info.active:hover, .btn-info:active:hover, .btn-info.active:focus {
    background-color: #034658;
    border-color: #00617b;
    font-weight: bold;
    outline: none;
}

.btn-danger {
    background-color: #BF3A32;
    border-color: #953025;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.hover, .btn-danger.active:hover, .btn-danger:active:hover, .btn-danger.active:focus {
    background-color: #6F1E19;
    border-color: #953025;
    font-weight: bold;
    outline: none;
}

.btn-warning {
    background-color: #956417;
    border-color: #b7822d;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.hover, .btn-warning.active:hover, .btn-warning:active:hover, .btn-warning.active:focus {
    background-color: #6F4D19;
    border-color: #b7822d;
    font-weight: bold;
    outline: none;
}

.btn-theme {
    background-color: #131B25;
    border-color: #374955;
    color: #F7F7F7;
}
.btn-theme:hover, .btn-theme:active, .btn-theme.active, .btn-theme.hover, .btn-theme.active:hover, .btn-theme:active:hover, .btn-theme.active:focus {
    background-color: #545A61;
    border-color: #374955;
    color: #F7F7F7;
    font-weight: bold;
    outline: none;
}


/*  Background color  */
.bg-default { background-color: #b0b3b6; }
.bg-primary { background-color: #295c7b; }
.bg-success { background-color: #067c4a; }
.bg-info    { background-color: #067f9f; }
.bg-danger  { background-color: #bd332b; }
.bg-warning { background-color: #956417; }
.bg-theme   { background-color: #131B25; }
.bg-gray {
    color: #fff;
    background: #8E97A9!important;
}
.bg-red {
    color: #fff;
    background: #df5847!important;
}
.bg-blue {
    background: #016DAD!important;
}
.bg-purple {
    background: #6E6BAA!important;
}
.bg-yellow {
    background: #D38203!important;
}
.bg-maroon {
    background-color: #D72F6D !important;
}
.bg-fuchsia {
    background-color: #E11FB5 !important;
}
.bg-orange {
    background-color: #EF862C !important;
}
.bg-green {
    background-color: #019C56 !important;
}
.bg-aqua {
    background-color: #01B5E1 !important;
}
.bg-teal {
    background-color: #36C0C0 !important;
}

/*  Dropdown  */
.dropdown-menu {
    border-color: #ccc;
}

/* Text */
.text-default { color: #b0b3b6; }
.text-primary { color: #295c7b; }
.text-success { color: #067c4a; }
.text-info    { color: #067f9f; }
.text-danger  { color: #a92b24; }
.text-warning { color: #956417; }
.text-theme { color: #131B25; }

/* Box */
.box.box-default  { border-top-color: #b0b3b6; }
.box.box-primary  { border-top-color: #295c7b; }
.box.box-success  { border-top-color: #067c4a; }
.box.box-info     { border-top-color: #067f9f; }
.box.box-danger   { border-top-color: #bd332b; }
.box.box-warning  { border-top-color: #956417; }
.box.box-theme { border-top-color: #131B25; }

.box-default .step-label {
    background-color: #b0b3b6;
    color: #fff;
}
.box-primary .step-label {
    background-color: #295c7b;
    color: #fff;
}
.box-success .step-label {
    background-color: #067c4a;
    color: #fff;
}
.box-info .step-label {
    background-color: #067f9f;
    color: #fff;
}
.box-danger .step-label {
    background-color: #bd332b;
    color: #fff;
}
.box-warning .step-label {
    background-color: #956417;
    color: #fff;
}
.box-theme .step-label {
    background-color: #131B25;
    color: #fff;
}

.box-success .box-header {
    background-color: #E5F1EC;
}
.box-info .box-header {
    background-color: #E5F4F6;
}
.box-danger .box-header {
    background-color: #F2E5E5;
}
.box-warning .box-header {
    background-color: #F2EDE5;
}
.box-default .box-header {
    background-color: #F7F7F7;
}
.box-primary .box-header {
    background-color: #E5F1F7;
}
.box-theme .box-header {
    background-color: #E5E9F2;
}

.box-success .box-title {
    color: #067c4a;
}
.box-info .box-title {
    color: #067f9f;
}
.box-danger .box-title {
    color: #bd332b;
}
.box-warning .box-title {
    color: #956417;
}
.box-default .box-title {
    color: #131B25;
}
.box-primary .box-title {
    color: #295c7b;
}
.box-theme .box-title {
    color: #131B25;
}

.box {
    border-top: 4px solid #d2d6de;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin-bottom: 24px;
}
.box-header {
    padding: 14px 15px 14px 15px;
}
.box-body {
    padding: 15px;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    font-size: 15px;
}

/*  Nav  */
.nav-tabs-custom>.nav-tabs>li>a {
    color: #9DA1A5;
}
.nav-tabs-custom>.nav-tabs>li.active {
    border-top: 5px solid #067c4a;
    color: #131B25;
}
.nav-tabs-custom>.tab-content {
    padding: 13px 25px;
}
.nav-tabs-custom {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.nav-tabs-custom>.nav-tabs>li {
    padding: 1px;
}
.nav-tabs>li>a {
    padding: 8px 20px 8px 18px;
    border: none;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:active {
    padding: 8px 20px 8px 18px;
    border: none;
}

/*  Table  */
.table {
    color: #343A43;
}

/*  Component  */
.todo-list>li {
    border-left: 2px solid #dddfe0;
    padding: 10px 7px;
}

.step-label {
    font-size: 1rem;
    margin-right: 6px;
    background-color: #BEC0C3;
    display: inline;
    padding: .3em .6em .3em;
    font-weight: 700;
    line-height: 1;
    color: #4C525A;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .2em;
    opacity: .9;
}

/* Logo */
.logo-font {
    font-family: "Saira", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.skin-black .main-header>.logo {
    color: #131B25;
}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
    font-size: 14px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > div {
    gap: 50000px !important;
}
@media (max-width: 767px) {
    .logo-lg {
        color: #fff;
    }
}

/*  Skin  */
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
    background-color: #131b25;
}
.skin-black .sidebar-menu>li.header {
    color: #7b8d94;
    background: #131b25;
}
.skin-black .sidebar-menu>li:hover>a, .skin-black .sidebar-menu>li.active>a {
    background: #33444a;
    border-left-color: #AEB0B4;
}
.skin-black .sidebar-menu>li>a {
    border-left: 6px solid transparent;
    padding: 12px 5px 12px 12px;
}

/* Sidebar */
.sidebar-menu i {
    opacity: .6;
    margin-right: 2px;
}

/* Content */
.content {
    padding-left: 25px;
    padding-right: 25px;
}

/* Header */
.content-header {
    padding: 20px 16px 0 20px;
}
.content-header>h1 {
    font-size: 2rem;
    color: #131B25;
}
.content-header>h1 small {
    font-size: 1.4rem;
    color: #444A52;
}

/* Footer */
.main-footer {
    padding: 5px 10px;
    color: #7D8187;
}

/* Grid */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 12px;
    padding-left: 12px;
}

/* Modal */
.modal-header {

    background-color: #f0f0f0 !important;

}
.modal-footer {

    background-color: #f0f0f0 !important;

}

/* Editable */
.editable-click, a.editable-click, a.editable-click:hover {
    border-bottom: dashed 1px #027DBB !important;
}

/* Scroll to top */
.bg-black {

}

/*  Vue  */
 [v-cloak] {
     display: none;
 }

.v-error {
    font-size: 90%;
    background: #F7E7E7;
    padding: 8px 11px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid #eedddd;
    border-left: 1px solid #eedddd;
    border-right: 1px solid #eedddd;
}

/* Tailwind */
.flex {
    display: flex !important;
}
.items-start {
    align-items: flex-start !important;
}
.items-center {
    align-items: center !important;
}
.items-end {
    align-items: flex-end !important;
}
.justify-start {
    justify-content: flex-start !important;
}
.justify-center {
    justify-content: center !important;
}
.justify-end {
    justify-content: flex-end !important;
}
.justify-between {
    justify-content: space-between !important;
}
.justify-around {
    justify-content: space-around !important;
}