.brand { color: #636b6f; font-family: 'Raleway', sans-serif; font-weight: 100; margin: 0; font-size: 40px;}
.help-block strong { display: block; font-weight: normal; color: #F00; text-align: center; font-size: 10px; margin-top: 10px;}
.navbar-container.content.container-fluid { background-color: #404E67;}

.frame { position: relative; top: 16px;}
.frame a { color: #FFF; font-size: 28px;}

.card-header.no-border { padding-bottom: 0;}
.card-title { font-family: 'Raleway', sans-serif;}
.card-block { padding: 1.5rem; padding-top: 0px;}

.dropdown-toggle.nav-link span { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
footer.footer-light p { font-weight: normal; text-align: center !important; font-size: 10px;}
footer.footer-light p span { float: none !important;}

.hidden { display: none;}
.flash_message { text-align: center; padding: 5px; color: white; background: #16D39A; margin-bottom: 20px;}
.flash_message_danger { text-align: center; padding: 5px; color: white; background: #FF7588; margin-bottom: 20px;}
div.dataTables_wrapper div.dataTables_filter label { margin-top: 0px;}
div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; margin-bottom: .8rem;}
#historySelect option:first-child { padding-top: 10px;}
#historySelect option { padding-bottom: 3px;}
#historySelect option:last-child { padding-bottom: 10px;}
table.ps-container>tbody>tr>td { border-top: none !important;}
table.ps-container>thead>tr>th { border-top: none !important;}


.detailbutton button { display: block; margin-bottom: 25px; width: 70%;}

.disp_none {display: none;}

@media screen and (min-width:992px) {  }
@media screen and (max-width:991px) {
    .nav.navbar-nav.float-xs-right { position: relative; top: 13px;}
    .navbar-dark .navbar-container .navbar-nav .nav-link, .navbar-semi-dark .navbar-container .navbar-nav .nav-link { color: #FFF; position: relative; top: -8px;}
    .main-menu.menu-light .navigation { margin-top: 20px;}
    .nav-link.nav-menu-main.menu-toggle.hidden-xs { margin-top: 5px;}
}
@media screen and (max-width:767px) {  }
@media screen and (max-width:575px) {  }


/* All */
.card-title { font-family: sans-serif !important; font-size: 14px;}
.heading-elements .list-inline i:hover { color: #00B5B8; }
.heading-elements .list-inline i:hover .tooltip { visibility: visible; opacity: 1;}
.tooltip { visibility: hidden; width: 120px; background-color: #00B5B8; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s;}
.notice { color: #AAA;}
.warning-msg { color: #F00; }

/* Dashboard */
.dashboard .inorder-bottom { display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 10px; width: 200px;}
.dashboard .content-body .col-md-6.col-sm-12 { z-index: 100;}

/* Order */
.order .inorder-bottom { display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 10px; width: 200px;}
.order .btn-primary.sendmail { width: 250px; display: block; margin-left: auto; margin-right: auto; margin-top: 20px; }

.box_frame .dropdown-toggle { background-color: #ECEFF1; border: 1px solid #BABFC7; }
.box_frame .dropdown-toggle.nav-link span { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
.box_frame .dropdown-menu { right: 0; margin: 0 !important; }
.box_frame .dropdown-menu li a { display: block; }
.box_frame .dropdown-toggle::after { padding: 0; }

/* product */
.product .inorder-bottom { display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 10px; width: 200px;}
.product #cboxClose { display: none;}

/* Maintenance */
.maintenance .side-menu.menu-light { width: 100%;}
.maintenance .side-menu.menu-light ul li span { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
.maintenance .side-menu.menu-light .navigation > li.active > a { color: #00B5B8; font-weight: 400; border-left: 4px solid #00B5B8; color: #2c3648;}
.maintenance .side-menu.menu-light .navigation > li.open { border-left: none;}
.maintenance .side-menu.menu-light ul { padding-left: 0px;}
.maintenance .side-menu.menu-light li { list-style: none;}
.maintenance .mail_notice { color: #AAA;}
.maintenance .side.card-header { padding-bottom: 0px;}

/* Account */
.account .side-menu.menu-light { width: 100%;}
.account .side-menu.menu-light ul li span { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
.account .side-menu.menu-light .navigation > li.active > a { color: #00B5B8; font-weight: 400; border-left: 4px solid #00B5B8; color: #2c3648;}
.account .side-menu.menu-light .navigation > li.open { border-left: none;}
.account .side-menu.menu-light ul { padding-left: 0px;}
.account .side-menu.menu-light li { list-style: none;}
.account .mail_notice { color: #AAA;}
.account .side.card-header { padding-bottom: 0px;}
.account .form-check .form-check-input:disabled:not(:checked) { background-color: #dbdade; }
.account .form-check .form-check-input { margin-left: 0; }

.role-table { width: 100%; }
.role-table th { width: 144px; }

.justify-content-center { -ms-flex-pack: center!important; justify-content: center!important; }
.d-flex { display: -ms-flexbox!important; display: flex!important; }
.text-center { text-align: center !important; }

#cboxClose { display: none;}


.btn-outline-blue { border-color: #99BCE7; background-color: transparent; color: #99BCE7; }
.btn-outline-blue:hover { background-color: #99BCE7; color: #FFF !important; }

.item-title { font-size: 1.1rem !important; font-family: sans-serif !important; font-weight: 200 !important;}




/* Override */
.side-menu.menu-light {
    color: #404E67;
    background: #FFFFFF; }
.side-menu.menu-light .side-menu-header {
    padding: 20px; }
.side-menu.menu-light .side-menu-header .menu-search {
    background: #e6e6e6;
    padding: 0.5rem 1rem;
    color: #2c3648; }
.side-menu.menu-light .side-menu-header .menu-search:focus {
    border-color: #d9d9d9; }
.side-menu.menu-light .navigation {
    background: #FFFFFF; }
.side-menu.menu-light .navigation .navigation-header {
    color: #404E67;
    padding: 24px 20px 8px 20px; }
.side-menu.menu-light .navigation .navigation-header span {
    font-weight: 500; }
.side-menu.menu-light .navigation li a {
    color: #404E67; }
.side-menu.menu-light .navigation li a span.menu-sub-title {
    color: #8a9ab6; }
.side-menu.menu-light .navigation li.hover > a, .side-menu.menu-light .navigation li.open > a, .side-menu.menu-light .navigation li.active > a {
    color: #FFFFFF; }
.side-menu.menu-light .navigation > li {
    padding: 0;
    border-left: 4px solid transparent; }
.side-menu.menu-light .navigation > li > a {
    padding: 10px 30px 10px 14px; }
.side-menu.menu-light .navigation > li > a .label {
    margin-top: 4px;
    margin-right: 5px; }
.side-menu.menu-light .navigation > li > a i {
    position: relative;
    top: 3px; }
.side-menu.menu-light .navigation > li.open {
    border-left: 4px solid #00B5B8; }
.side-menu.menu-light .navigation > li.open > a {
    color: #2c3648;
    background: whitesmoke; }
.side-menu.menu-light .navigation > li.open .hover > a {
    background: #f0f0f0; }
.side-menu.menu-light .navigation > li:not(.open) > ul {
    display: none; }
.side-menu.menu-light .navigation > li.hover > a, .side-menu.menu-light .navigation > li:hover > a, .side-menu.menu-light .navigation > li.active > a {
    color: #2c3648;
    background-color: whitesmoke; }
.side-menu.menu-light .navigation > li.hover > a.mm-next, .side-menu.menu-light .navigation > li:hover > a.mm-next, .side-menu.menu-light .navigation > li.active > a.mm-next {
    background-color: inherit; }
.side-menu.menu-light .navigation > li.active > a {
    color: #00B5B8;
    font-weight: 400; }
.side-menu.menu-light .navigation > li .active {
    background: #f0f0f0; }
.side-menu.menu-light .navigation > li .active > a {
    color: #00B5B8;
    font-weight: 500; }
.side-menu.menu-light .navigation > li .active .hover > a {
    background: whitesmoke; }
.side-menu.menu-light .navigation > li ul {
    padding: 0;
    margin: 0;
    font-size: 1rem; }


.horizontal-menu.menu-collapsed #main-menu-navigation .nav-item a span {
    display: inline-block;
}

/* Table の … */
.disp-none { display: none; }
.link-td { padding: 0 !important; text-align: center !important; vertical-align: middle !important;}
.link-td .iframe { padding: 0.75rem 2rem; }

span.island { background-color: #dc143c; color: #ffffff; }

.group-title {font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1.0rem; }
.search_description { color: #aaaaaa; line-height: 1.5rem;}
.no-margin{ margin-bottom: 0 !important;}

/* カレンダー */
.calendar-btn{ margin: 0; padding: 0; border: 0 !important;}
.ui-datepicker { z-index: 1000 !important; }
.ui-datepicker-calendar .ui-state-default { border-radius: 3px; }
.ui-datepicker-group-middle { border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }
.ui-datepicker-trigger { display: none;}

.color_blue .ui-state-default{ background: #BFDFFF !important; border-color:blue !important;}
.color_red  .ui-state-default{ background: #FF7588 !important; border-color:red !important; color:#ffffff !important;}
.color_yellow .ui-state-default{background: yellow !important; border-color:yellow !important;}
.color_green .ui-state-default{ background: #16D39A !important; border-color:green !important;}
.color_orange .ui-state-default{ background: #FFA87D !important; border-color:orange !important;}
.color_glay .ui-state-default{ background: #bbbbbb !important;  border-color:gray !important;}
.color_white .ui-state-default{ background: #ffffff !important;  border-color:white !important;}
.color_purple .ui-state-default{ background: #956DAF !important;  border-color:#694F94 !important; color:#ffffff !important;}
.box_frame { position: relative; margin: 2em 0; padding: 1.2em 1em 0 1em; border: solid 1px #eeeeee; border-radius: 4px; }
.box_frame .box-title { position: absolute; display: inline-block; background: #FFF; top: -8px; left: 10px; padding: 0 0.5em 0.5em 0.5em; line-height: 1;}



.color-red { color: #dc143c; }
.right-mg20 { margin-right: 20px;}

.cursor_pointer {cursor: pointer;}

datalist {-webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    cursor: default;
    font: 400 13.3333px Arial;
}

option:disabled { color: #dddddd;}

.returned_goods { background-color: #dc143c; color: white; height: calc(2.95rem - 2px);}
.returned_goods:hover { background-color: #d6526c; }

.step99 { background-color: #fffacd !important; }
.stocking { background-color: #DDEEFF !important;}

.table_head { width: 120px; }

.tbl_min_width { width: 1%; }

.modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0; }
.modal-dialog {position: relative;width: auto;margin: 0.5rem;pointer-events: none;}
.modal.fade .modal-dialog {transition: -webkit-transform 0.3s ease-out;transition: transform 0.3s ease-out;transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;-webkit-transform: translate(0, -50px);transform: translate(0, -50px);}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {  transition: none;}
}

.modal.show .modal-dialog {-webkit-transform: none;transform: none;}
.modal-dialog-scrollable {display: -ms-flexbox;display: flex;max-height: calc(100% - 1rem);}
.modal-dialog-scrollable .modal-content {max-height: calc(100vh - 1rem);overflow: hidden;}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {-ms-flex-negative: 0;flex-shrink: 0;}

.modal-dialog-scrollable .modal-body {overflow-y: auto;}
.modal-dialog-centered {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem);}
.modal-dialog-centered::before {display: block;height: calc(100vh - 1rem);content: "";}
.modal-dialog-centered.modal-dialog-scrollable {-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;height: 100%;}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {max-height: none;}
.modal-dialog-centered.modal-dialog-scrollable::before {content: none;}
.modal-content {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0.3rem;outline: 0;}
.modal-backdrop {position: fixed;top: 0;left: 0;z-index: 1040;width: 100vw;height: 100vh;background-color: #000;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.5;}
.modal-header {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: justify;justify-content: space-between;padding: 1rem 1rem;border-bottom: 1px solid #dee2e6;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}
.modal-header .close {padding: 1rem 1rem;margin: -1rem -1rem -1rem auto;}
.modal-title {margin-bottom: 0; line-height: 1.5; font-family: sans-serif !important;}
.modal-body { position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem; }
.modal-footer {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content: flex-end;padding: 1rem;border-top: 1px solid #dee2e6;border-bottom-right-radius: 0.3rem;border-bottom-left-radius: 0.3rem;}
.modal-footer > :not(:first-child) {margin-left: .25rem;}
.modal-footer > :not(:last-child) {margin-right: .25rem;}
.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}

@media (min-width: 576px) {
    .modal-dialog {  max-width: 500px;  margin: 1.75rem auto;}
    .modal-dialog-scrollable {  max-height: calc(100% - 3.5rem);}
    .modal-dialog-scrollable .modal-content {  max-height: calc(100vh - 3.5rem);}
    .modal-dialog-centered {  min-height: calc(100% - 3.5rem);}
    .modal-dialog-centered::before { height: calc(100vh - 3.5rem);}
    .modal-sm {  max-width: 300px;}
}
@media (min-width: 992px) {
    .modal-lg,.modal-xl {  max-width: 800px;}
}
@media (min-width: 1200px) {
    .modal-xl {  max-width: 1140px;}
}