@charset "UTF-8";

/*** Main Classes ***/
html {
    position: relative;
    min-height: 100%;
}

body {
    /* footerの高さ分のマージン */
    /* margin-bottom: 60px; */
    font-family: メイリオ, Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    text-align: justify;
    letter-spacing: 0.03rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-bottom: 50px; /*←footerの高さ　+ フッターとコンテンツ部分の隙間分 */
}

a {
    cursor: pointer;
}

a.disabled{
    pointer-events: none;
}

.a_nav {
    color: #0086fd;
}

.a_nav:hover {
    color: #001cf1;
}

.boston_logo {
    padding-top:  20px;
    padding-left: 10px;
    padding-bottom:  20px;
}

i {
    margin: 0 5px 0 5px;
}

textarea {
    height: 400px;
    background-color: #e9ecef45;
}

h3{
    font-size: 1.0em !important;
}
.scrollBox {
    margin: 0 auto 20px;
    padding: 20px;
    height: 400px;
    overflow-y: scroll;
    border: solid 1px #6a737b;
    /* width:800px; */
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.f10b {
    font-size: 16px;
    font-weight: bold;
}
.f14b {
    font-size: 20px;
    font-weight: bold;
}
/* text-align
-----------------------------------------------------------*/
.tl {
    text-align: left;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}

.news-day-one {
	margin-bottom: 0;
	font-weight: bold;
}

.news-day {
	margin-bottom: 0;
	color: #FF8066;
	font-weight: bold;
}

/* メニュー追従（ハンバーガー時） */
@media screen and (max-width: 992px) {
    body {
        padding-top: 6.5rem;
    }

    .fixed-top-gl {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .scrollBox {
        margin: 0 auto 20px;
        padding: 20px;
        height: 400px;
        overflow-y: scroll;
        border: solid 1px #6a737b;
        /* width:300px; */
    }
    
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    body {
        font-size: 0.9rem;
    }
    .scrollBox {
        margin: 0 auto 20px;
        padding: 20px;
        height: 400px;
        overflow-y: scroll;
        border: solid 1px #6a737b;
        /* width:200px; */
    }
    
}

@media screen and (max-width: 767px) {
    body {
        font-size: 0.8rem;
        line-height: 1.5;
    }
    .scrollBox {
        margin: 0 auto 20px;
        padding: 20px;
        height: 400px;
        overflow-y: scroll;
        border: solid 1px #6a737b;
        /* width:150px; */
    }
    
}

/* container幅 */
body > .container {
    /*60pxはメニューの高さに合わせる。Footerは0pxにすること*/
    padding: 80px 15px 0;
}

@media screen and (min-width: 1550px) {
    .container {
        max-width: 1440px;
    }
    .scrollBox {
        margin: 0 auto 20px;
        padding: 20px;
        height: 400px;
        overflow-y: scroll;
        border: solid 1px #6a737b;
        /* width:800px; */
    }
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

/* フッター */
footer {
    border-top: 1px solid #a4a4b1;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50px;
    color: #000;
    text-align: center;
    
    padding: 20px 0;
    margin-top: auto;
}


/* Readonly */
.form-control[readonly] {
    box-shadow: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    pointer-events: none;
}

.alert-danger.form-control[readonly] {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb;
}

.alert-danger .alert-danger:not(.card) {
    border: 1px solid #a4a4b1 !important;
}

textarea[readonly] {
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    pointer-events: none;
}

input[type="checkbox"][readonly] {
    pointer-events: none;
}

input[type="checkbox"][readonly] + .check-parts,
input[type="radio"][readonly] + .check-parts {
    pointer-events: none;
}

/* header関連*/

/* ナビゲーション */
.navbar {
    padding: .5rem 0.5rem;
}

@media (max-width: 991px) {
    .navbar-nav li {
        border-style: none;
    }
}

.navbar-nav li:first-child {
    border-left: none;
}

@media (max-width: 991px) {
    .navbar-nav li:first-child {
        border-style: none;
    }
}

.navbar-nav li:last-child {
    border-right: none;
}

.navbar-brand {
    font-weight: bold;
}

@media (max-width: 1200px) {
    .navbar-brand {
        font-size: 15px;
    }
    .scrollBox {
        margin: 0 auto 20px;
        padding: 20px;
        height: 400px;
        overflow-y: scroll;
        border: solid 1px #6a737b;
        /* width:400px; */
    }
    
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .scrollBox {
        margin: 0 auto 20px;
        padding: 20px;
        height: 400px;
        overflow-y: scroll;
        border: solid 1px #6a737b;
        /* width:600px; */
    }
}

@media (min-width: 1501px) {
}

.nav-item {
    /* font-size: 15px; */
    white-space: nowrap;
    background-color: rgba(141, 199, 220, 0.5);
    /* padding: 12px 8px 12px 8px; */
}

/* .dropdown{
    margin-right: 0.5rem !important;
} */

.nav-item a{
    color: #3c3c3c;
}
.nav-name {
    color: #48494b;
}

.nav-name:hover {
    color: black;
    text-decoration: none;
}

@media (max-width: 1200px) {
    .nav-item, .dropdown-item {
        font-size: 13px;
    }
}

.nav-link {
    padding: .2rem 1rem;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.dropdown-item:focus,
.dropdown-item:hover,
.submenu:focus,
.submenu:hover {
    background-color: #eee;
}

.mainmenu:focus,
.mainmenu:hover,
.mainmenu:active,
.mainmenu:target {
    background-color: #808080;
}

.navbar-dark {
    background-color: #18427a;
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.nav-item .btn-link {
    font-weight: bold;
}

/* ドロップダウンメニューを入れ子に*/

.dropdown-submenu {
    position: relative;
    margin-left: 1em;
}

@media (max-width: 992px) {
    .dropdown-submenu {
        margin-left: 1.4em;
    }
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: 5px;
}

/* table-top-status */
.table-top-status {
		font-size: 0.8rem;
}

.table-top-status td{
    background-color: #fff;
    vertical-align: middle;
    padding: 0.5rem;
}

.table-top-status th{
    vertical-align: middle;
    padding: 0.5rem;
}

/* table-responsive */
.table-responsive {
    padding-bottom: 30px;
}

.table-responsive td {
    background-color: #fff;
    vertical-align: middle;

}

.table-responsive th {
    vertical-align: middle;
    text-align: center;
}

/* ボタン */
.btn:not(.btn-logout) {
    width: 100%;
    font-size: 95%;
}

.btn-group-lg > .btn,
.btn-lg {
    font-size: 1.15rem;
}

/* card */
/* :first-child.card-header {
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #a4a4b1;
    font-weight: bolder !important;
} */

.card {
    border: 1px solid #a4a4b1 !important;
    border-radius: 5px;
}

.card-header {
    padding: .55rem 1.25rem;
    /* background: #5cbdcd; */
    border-radius: 8px 8px 0 0;
}

.card-body {
    padding: 0.75rem !important;
}

.card-img-overlay {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0.50rem;
    padding-right: 0.50rem;
}

.card-img-overlay--second {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0.50rem;
    padding-right: 0.50rem;
    margin-left: 0.4em;
    height: 180px;
}

/* top-card */
a.top-card {
    text-decoration: none;
}

.top-card-icon {
    transition-duration: 0.2s;
}

.top-card:hover > div > div > div > div > i.top-card-icon {
    transform: scale(1.1, 1.1);
}


/* ページタイトル */
.page-header {
    border-bottom: 1px solid #20197f;
    font-size: 180%;
    font-weight: 400;
    margin: 0 0 0.5em;
    border-left: 10px solid #20197f;
}

/*テーブル関連*/

.table-bordered th {
    border: 1px solid #dee2e6 !important;
}

.table-bordered td {
    border: 1px solid #dee2e6 !important;
}

.table th:not(.dispensing) {
    background-color: #e4f4f7;
    font-weight: normal;
    color: black;
}

.td div.v-align-middle {
    display: inline-block;
    vertical-align: middle;
    background-color: red;
}

/* ボタン関連 */
button {
    letter-spacing: 0.03rem;
}

.btn {
    color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #808080;
}

.btn:hover {
    color: #fff;
    text-decoration: none;
}

/* main color */
.bg-primary {
    background-color: #00467F !important;
    color: #fff;
}

.bg-info {
    background: rgba(141, 199, 220, 0.5) !important;;
}

.btn-primary {
    background-color: #00467F !important;
    border: 1px solid #00467F;
}

.btn-outline-primary {
    background-color: #fff !important;
    border-color: #00467F;
    color: #438dd0;
}

.btn-primary:hover {
    background-color: #005688 !important;
    border-color: #005688;
    color: #fff;
}

.btn-outline-primary:hover {
    background-color: #8ebae2 !important;
    border-color: #3280c8;
    color: #fff;
}

/* Ranger用 */
.btn-ran{
    background-color: #48B8D2;
    border-color: #48B8D2;
    box-shadow: 1px 1px 2px #808080;
    width: 100%;
}

.btn-ran:not([disabled]):hover{
    background-color: #48B8D2;
    border-color: #48B8D2;
    box-shadow: 1px 1px 2px #808080;
    color: #fff;
}

.btn-ran:hover{
    color: #fff;
}

.btn-outline-ran{
    /* background: #fff; */
    border-color: #48B8D2;
    color: #48B8D2;
    box-shadow: 1px 1px 2px;
    width:100%;
}

.btn-outline-ran:not([disabled]):hover{
    /* color: #fff; */
    background: #48B8D2;
    border-color: #48B8D2;
    border: 1px solid #808080;
}

.btn-outline-ran:hover{
    /* color: #48B8D2; */
    color: #fff
}
/* 取込ファイル選択：tab */
.bg-primary-sp {
    background-color: #8cd18a !important;
}
.bg-primary-kn {
    background-color: #69c4ca !important;
}
.bg-primary-hn {
    background-color: #159ae7 !important;
}
.bg-primary-mk {
    background-color: #0e055f !important;
}

.btn-success {
    background-color: #00467F !important;
    border: 1px solid #00467F;
}

.btn-success:hover {
    background-color: #00467F !important;
    border: 1px solid #00467F;
}

.btn-study {
    background-color: #48B8D2 !important;
    border: 1px solid #48B8D2;
}

.btn-study:hover {
    background-color: #48B8D2 !important;
    border: 1px solid #48B8D2;
}

.btn-study-end {
    background-color: #6A737B !important;
    border: 1px solid #6A737B;
}

.btn-study-end:hover {
    background-color: #6A737B !important;
    border: 1px solid #6A737B;
}


.btn-info {
    background-color: #1474a4 !important;
    border: 1px solid #1474a4;
}

.btn-outline-info {
    background-color: #3280c8 !important;
}

.btn-outline-info:hover {
    background-color: #5cbdcd !important;
}

.btn-info:disabled, .btn-primary:disabled, .btn-vyvanse:disabled {
    background-image: none !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
    cursor: not-allowed;
}

/* .btn-outline-info:disabled, .btn-outline-primary:disabled, .btn-outline-vyvanse:disabled {
    background-image: none !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #fff;
    cursor: not-allowed;
} */

.btn-info:disabled, .btn-primary:disabled {
    background-image: none !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}

.btn-search {
    background-color: #fb861b;
    border-color: #fb861b;
}

.btn-search:hover {
    background-color: #fca757;
    border-color: #fca757;
    color: #fff;
}

.btn-modification {
    background-color: #ec764b;
    border-color: #ec764b;
}

.btn-modification:not([disabled]):hover {
    background-color: #ff4500;
    border-color: #ff4500;
}

.btn-detail,
.btn-unapproved {
    background-color: #ad9928;
    border-color: #ad9928;
}

.btn-detail:hover,
.btn-unapproved:hover {
    background-color: #998202;
    border-color: #998202;
}

.btn-history {
    background-color: #519f69;
    border-color: #519f69;
}

.btn-history {
    background-color: #519f69;
    border-color: #519f69;
}

.btn-output,
.btn-download {
    background-color: #12a17e;
    border-color: #17a2b8;
}

.btn-plus {
    background-color: #e67631;
    border-color: #e67631;
}

.btn-plus:hover {
    background-color: #f39154;
    border-color: #f39154;
}

.btn-plus:disabled {
    background-color: #e67631;
    border-color: #e67631;
}

.btn-output:hover,
.btn-download:hover {
    background-color: #329661;
    border-color: #329661;
}

.btn-block {
    display: block;
}

.btn-link {
    border: none;
    cursor: pointer;
}

/* ファイル選択ボタン */
.custom-file-label::after {
    content: "ファイル選択";
    background-color: #74b629;
    color: #fff;
}

/* クリアボタン */
.btn-clear {
    background-color: #fff;
    border-color: #74b629;
    color: #74b629;
    box-shadow: none;
    border-radius: 5px !important;
}

.btn-clear:hover {
    background-color: #74b629;
    color: #fff;
}

/* alert-warning */
.alert-primary {
    border-color: #99b8fc;
    border-width: 2px;
}

.alert-warning {
    border-color: #e8d597;
    border-width: 2px;
}

.alert-info {
    border-color: #6cc9bd;
    border-width: 2px;
}

.alert-danger {
    border-color: #e4a0a3;
    border-width: 2px;
}

/* ページ上部へ戻るボタン */
#page_top {
    width: 90px;
    height: 90px;
    position: fixed;
    right: 0;
    bottom: 0;
    opacity: 0.6;
}

#page_top a {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    text-decoration: none;
}

#page_top a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f102';
    font-size: 25px;
    color: #3f98ef;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -40px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

#page_top a::after {
    content: 'PAGE TOP';
    font-size: 13px;
    position: absolute;
    top: 45px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    color: #3f98ef;
}

.bg-footer {
    background-color: #e9f1f3;
}

.bg-copyright {
    background-color: #aaaaaa;
    line-height: 32px;
    height: 32px;
}

.bg-danger {
    background-color: #f8d7da !important;
}

.content-title {
    font-weight: bold;
}

.content {
    padding: .55rem 1.25rem;
}

/* TOP製剤バッジ */
.badge-concerta {
    color: #fff;
    border-radius: 2rem;
    background-color: #21837f;
    padding: .35rem;
    width: 8rem;
    text-align: center;
}

.badge-vyvanse {
    color: #fff;
    border-radius: 2rem;
    background-color: #d02f26;
    padding: .35rem;
    width: 8rem;
    text-align: center;
}

@media (max-width: 576px) {
    .badge-concerta,
    .badge-vyvanse {
        padding: .25rem;
        width: 6rem;
    }
}

.text-concerta {
    color: #21837f;
}

.text-vyvanse {
    color: #d02f26;
}

.bg-content {
    background-color: #ffe9b1 !important;
}

.btn-logout {
    background-color: #f58427;
    border-color: #f58427;
    color: #fff;
}

.btn-logout:hover {
    background-color: #f79646;
    border-color: #f79646;
}

/* サブタイトル */

.sub-title {
    border-bottom: 1px solid #7c8d07;
    font-size: 120%;
    font-weight: 300;
    margin: 0 0 0.5rem;
}

input[type="radio"]:checked + label::before {
    content: '\f192';
    font-family: "Font Awesome 5 Free";
    color: #4788bf;
    font-size: 25px;
    vertical-align: middle;
    top: -0.1em;
    font-weight: 300;
}

input[type="radio"] + label::before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    color: #ccc;
    position: relative;
    top: -0.1em;
    font-size: 25px;
    vertical-align: middle;
    font-weight: 300;
}


input[type="radio"] + .check-parts {
    position: relative;
    margin-right: 20px;
}

/* placeholderの文字色変更のCSS */

/* Chrome, Safari */
.form-control::-webkit-input-placeholder {
    color: #d3d3d3;
}

/* Firefox */
.form-control::-moz-placeholder {
    color: #d3d3d3;
}

/* IE */
.form-control:-ms-input-placeholder {
    color: #d3d3d3;
}

/* ime mode制御 */
.ime-active {
    ime-mode: active;
}

.ime-disabled {
    ime-mode: disabled;
}

/* チェックボックス */

.check-input {
    display: none;
}

input[type="checkbox"] + .check-parts {
    padding-left: 30px;
    position: relative;
    margin-right: 20px;
}

input[type="checkbox"] + .check-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 4px;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
}

input[type="checkbox"]:disabled.check-input + .check-parts::before,
input[type="checkbox"][readonly].check-input + .check-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 4px;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    background-color: #ccc;
}

input[type="checkbox"]:checked.check-input + .check-parts::before {
    border-color: #4788bf;
}

input[type="checkbox"]:checked.check-input + .check-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 12px;
    width: 12px;
    height: 19px;
    transform: rotate(40deg);
    border-bottom: 3px solid #4788bf;
    border-right: 3px solid #4788bf;
}

/* 申請画面 施設電話番号レスポンシブ用 */
.first.col-4 {
    padding-left: 15px !important;
    padding-right: 2px !important;
}

.middle.col-4 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.last.col-4 {
    padding-left: 2px !important;
    padding-right: 15px !important;
}

/* 以下　テーブルでのチェックパーツの位置調整 */
table input[type="checkbox"] + .check-parts {
    padding-left: 30px;
    position: relative;
    margin-right: 20px;
}

table input[type="checkbox"] + .check-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 4px;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
}

table input[type="checkbox"]:disabled.check-input + .check-parts::before,
table input[type="checkbox"][readonly].check-input + .check-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 4px;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    background-color: #ccc;
}

table input[type="checkbox"]:checked.check-input + .check-parts::before {
    border-color: #4788bf;
}

table input[type="checkbox"]:checked.check-input + .check-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 12px;
    width: 12px;
    height: 19px;
    transform: rotate(40deg);
    border-bottom: 3px solid #4788bf;
    border-right: 3px solid #4788bf;
}

/* 以下トップレイアウトにで追加したＣＳＳ*/
.icon-eLearning {
    color: #f9b723;
}

.btn-eLearning {
    background-color: #e6ab25;
    letter-spacing: 0;
}

.btn-eLearning:hover {
    opacity: 0.6;
}

.btn-eLearning:active {
    -webkit-transform: translateY(0.15em);
    transform: translateY(0.15em);
    box-shadow: none;
}

.icon-appForm {
    color: #14bdd8;
}

.btn-appForm {
    background-color: #08b4d0;
    letter-spacing: 0;
}

.btn-appForm:hover {
    opacity: 0.6;
}

.btn-appForm:active {
    -webkit-transform: translateY(0.15em);
    transform: translateY(0.15em);
    box-shadow: none;
}

.icon-createPatient {
    color: #ff4fa8;
}

.btn-createPatient {
    background-color: #ff3f86;
    letter-spacing: 0;
}

.btn-createPatient:hover {
    opacity: 0.6;
}

.btn-createPatient:active {
    -webkit-transform: translateY(0.15em);
    transform: translateY(0.15em);
    box-shadow: none;
}

.icon-createPrescription {
    color: #3cde6f;
}

.btn-createPrescription {
    background-color: #39d86b;
    letter-spacing: 0;
}

.btn-createPrescription:hover {
    opacity: 0.6;
}

.btn-createPrescription:active {
    -webkit-transform: translateY(0.15em);
    transform: translateY(0.15em);
    box-shadow: none;
}

.icon-createDispensing {
    color: #e623d7;
}

.btn-createDispensing {
    background-color: #e623d7;
    letter-spacing: 0;
}

.btn-createDispensing:hover {
    opacity: 0.6;
}

.btn-createDispensing:active {
    -webkit-transform: translateY(0.15em);
    transform: translateY(0.15em);
    box-shadow: none;
}

.icon-createDelivery {
    color: #9bbb59;
}

.btn-createDelivery {
    background-color: #9bbb59;
    letter-spacing: 0;
}

.btn-createDelivery:hover {
    opacity: 0.6;
}

.btn-createDelivery:active {
    -webkit-transform: translateY(0.15em);
    transform: translateY(0.15em);
    box-shadow: none;
}

.border-bottom {
    border-bottom: 1px solid #a4a4b1 !important;
}

.content p {
    font-size: 0.8rem;
}

.content button {
    font-size: 0.75rem;
}

.filter {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

/* モーダル最大サイズ追加(v4.2.1以降の仕様通り) */
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 750px;
    }
    .modal-content{
        overflow-y: initial !important
    }
    .modal-body{
        overflow-y:auto;
        
    }
    
}

p.indent {
    padding-left: 1em;
    text-indent: -1em;
    font-weight: bold;
}

p.space-title {
    margin-left:5px;
    margin-bottom:0;
    font-weight: bold;
}

p.space-content {
    margin-right:10px;
    margin-bottom:0;
}

div.indent {
    padding-left: 1em;
    text-indent: -1em;
}

/* TOPショートカットメニュー　位置(md時) */
@media (min-width: 768px) {
    .custom-align-items-center {
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
    }

    /* footer */
    .border-md-right {
        border-top-color: initial !important;
        border-top-style: initial !important;
        border-top-width: 0 !important;
        border-bottom-color: initial !important;
        border-bottom-style: initial !important;
        border-bottom-width: 0 !important;
        border-left-color: initial !important;
        border-left-style: initial !important;
        border-left-width: 0 !important;
        border-image-source: initial !important;
        border-image-slice: initial !important;
        border-image-width: initial !important;
        border-image-outset: initial !important;
        border-image-repeat: initial !important;
        border-right: 1px solid #a4a4b1;
    }
}

/*-- ADHDブランドカラー --*/
.adhd-color-main {
	color:#2186C4;
}
.adhd-color-sub-a {
	color:#7ECEFC;
}
.adhd-color-sub-b {
	color:#FF8066;
}
.adhd-color-light {
	color:#FFF6E6;
}
.adhd-color-dark {
	color:#3F464D;
}

/* TOPサブカラー */
.bg-top-sub {
    background-color: #e9f1f3;
}

/* TOPステータス詳細ステップバー */
.step-concerta > .done {
    border: 2px solid #008080;
    color: #008080;
    background: #c5fff0;
}

.step-concerta > .active {
    border: 2px solid #008080;
    color: #fff;
    background: #009999;
}

.step-vyvanse > .done {
    border: 2px solid #ff4343;
    color: #ff4343;
    background: #ffc1b3;
}

.step-vyvanse > .active {
    border: 2px solid #ff4343;
    color: #fff;
    background: #ff4343;
}

.waiting {
    border: 2px solid #565d5d;
    color: rgb(32, 30, 30);
}

@media (max-width: 576px) {
    .step-concerta, .step-vyvanse {
        max-width: 13rem;
    }
}

@media (min-width: 1200px) {
    .mr-xl-n2 {
        margin-right: -0.5rem !important; /* bootstrap v4.2.1以降の仕様通り */
    }
}

@media (max-width: 1200px) {
    .step-icon {
        transform: rotate(90deg);
    }
}

.step-icon {
    font-size: 2rem;
}

/*スクロールバーの幅(TOPお知らせ用)*/
.top-info::-webkit-scrollbar {
    width: 9px;
}

/*スクロールバーのつまみ(TOPお知らせ用)*/
.top-info::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #8a9098;
}

/* TOP PDFアイコン */
.icon-pdf {
    height: 1.3em;
}

/* TOPお問い合わせ画像 */
.topCallCentor {
    height: 1.5em;
}

/* TOP情報変更確認モーダル */
.days-alert {
    border-color: #e8d597;
    border-width: 2px;
}

.hyo-border-bottom {
    border-bottom: 1px solid #808080;
}

/* 入力項目（調剤、処方等）のレスポンシブのCSS */
@media screen and (min-width: 768px) {
    .hyo .row {
        border: 1px solid #808080;
        border-bottom: none;
        background-color: #fff;
    }

    .cell {
        border-right: 1px solid #808080;

    }

    .cellend {
        border-bottom: 1px solid #808080;
    }
}

@media screen and (max-width: 768px) {
    .hyo .row {
        border: 1px solid #808080;
        background-color: #fff;
    }

    .cell {
        border-bottom: 1px solid #808080;
    }

    .bg-max-md-white {
        background-color: white;
    }
}

.last-name-cell {
    width: 30px;
}

.first-name-cell {
    width: 50px;
}

.inp .row {
    border: none;
    border-bottom: 1px solid #808080;
    padding: 0.4em 0;
}

.inp .inpend {
    border-bottom: none;
}

/* 必須ラベル関連 */
form .req .control-label:before {
    color: red;
    text-align: center;
    content: '※'
}

/* form .req .bg-vyvanse.control-label:after {
    border-radius: 1em;
    color: red;
    background-color: #fff;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 0.2em 0.5em 0.2em;
    margin-left: 0.7em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    content: '必須'
} */

form .oneReq .control-label:after {
    border-radius: 1em;
    color: #fff;
    background-color: orange;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 0.2em 0.5em 0.2em;
    margin-left: 0.7em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    content: 'いずれか必須'
}

form .any .control-label:after {
    border-radius: 1em;
    color: #fff;
    background-color: #808080;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 0.2em 0.5em 0.2em;
    margin-left: 0.7em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    content: '任意'
}

.lavelOldConcerta {
    font-size: 75%;
}

.border-adhd {
    border: 1px solid #808080;
}

/* テーブルのレスポンシブのCSS*/
@media screen and (max-width: 767px) {
    .table-adhd {
        width: 100%;
    }

    .table-adhd tr {
        display: block;
        float: left;
    }

    .table-adhd tr td,
    .table-adhd tr th {
        border-left: none;
        display: block;
        /* vertical-align: bottom; */
        text-align: center;
    }

}

.table th {
    background: #f77847;
    border: solid 1px #ccc;
    color: #fff;
    padding: 0.25rem;
    font-weight: normal;
}

.table td {
    border: solid 1px #ccc;
    padding: 0.25rem;
}

.table td.header {
    width: 16em;
}

.table {
    width: 100%;
    text-align: center;
}

/* eラーニングのコンテンツ画面 */
.imgsample {
    margin: auto;
    width: 100%;
    height: 400px;
    background: #ccc;
}

/* ハイフン content: "-";*/
.add-hyphen::before {
    content: "-";
    display: block;
    position: absolute;
    bottom: 0.6em;
    left: -0.2em;
}

/* アコーディオンのアイコン切り替え */
.switch {
    cursor: pointer;
    font-weight: bold;
    padding: 10px 40px 10px 10px;
    font-size: 14px;
    background: #eee;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.switch:after {
    position: absolute;
    top: 60%;
    right: 15px;
    margin-top: -26px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f054';
    font-size: 30px;
    /* -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear; */
    color: #a6a6a6;
}

.switch.open:after {
    transform: rotate(-90deg);
}

/*  ページトップへの戻り */
.totop {
    position: fixed;
    bottom: 15px;
    right: 15px;
}

.totop a {
    display: block;
    text-decoration: none;
}

.totop img {
    border-radius: 50%;
    background: #6d7a18;
}

.totop img:hover {
    background: #acb56e;
}

/* eラーニングのテーブルのレスポンシブ */
.table-el td:first-child {
    background: #fbf5f5;
}

tr td {
    background-color: #fff;
}

th {
    border: solid 1px #a4a4b1;
    /* color: #fff; */
    padding: 10px;
}

td {
    border: solid 1px #a4a4b1;
    padding: 10px;
}

.table-el {
    width: 100%;
}

.table-el th {
    font-weight: normal;
}

@media screen and (max-width: 768px) {
    tr td {
        background-color: #fff;
    }

    .table-el {
        width: 100%;
    }

    .table-el .thead {
        display: none;
    }

    .table-el tr {
        width: 100%;
    }

    .table-el td {
        border-bottom: none;
        display: block;
        width: 100%;
    }

    .table-last {
        border-bottom: 1px solid #a4a4b1 !important;
    }

    .table-el td:first-child {
        color: #fff;
        text-align: center;
    }

    .table-el td:before {
        content: attr(data-label);
        float: left;
        margin-right: 10px;
    }
}

@media (min-width: 1550px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.333333%
    }

    .offset-xxl-2 {
        margin-left: 16.666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.333333%
    }

    .offset-xxl-5 {
        margin-left: 41.666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.333333%
    }

    .offset-xxl-8 {
        margin-left: 66.666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.333333%
    }

    .offset-xxl-11 {
        margin-left: 91.666667%
    }
}

/* 入力フォームと項目の高さ調整 */
.hyo .inp .col-2,
.hyo .inp .col-7 {
    padding: .4rem .75rem;
}

.marginTopRem {
    margin-top: 1rem;
}

/* 入力エラー */
.invalid-feedback,
.custom-invalid-feedback {
    border: 1px solid #e4a0a3;
    background-color: #f8d7da;
    padding: .3rem .5rem;
}

.text-pre-line {
    white-space: pre-line !important;
}
.text-pre-line.bg-muted{
    min-width: 100%;
}

/* loading

/* Rotating border */
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    vertical-align: text-bottom;
    border: .5em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .25s linear infinite;
    position: absolute;
}

#loading {
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    cursor: not-allowed;
    text-align: center;
}

#loading .spinner-border {
    width: 5em;
    height: 5em;
    top: 50%;
    left: 50%;
    position: absolute;
}

/**
over datetimepicker
 */
datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
    color: #f00 !important;
}
.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: #00f !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7 !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td i.active {
    background-color: #337ab7 !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.bootstrap-datetimepicker-widget .table th{
    background: none;
    color: #212529;
    border: none;
}
.bootstrap-datetimepicker-widget .table td{
    border: none;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th{
    color: #212529;
}


/**
薬剤師申請生年月日非表示
 */
.form-nonedisplay{
    display:none;
}