.inline-block {
    display: inline-block;
}

div.loading-block {
    width: 100px;
    margin: 40px auto;
}
span.partner {
    color: red;
}
span.client-organization {
    color: #b3b3b3;
}
input.not-edit:disabled {
    background-color: #fafafd;
    cursor: text;
}
.tree-nest {
    padding-left: 50px;
}
.hierarchy-tree-area > .tree-nest {
    padding-left: 0;
}
.tree-group {
    border: #cccccc 1px solid;
    padding: 10px 0 0 10px;
}
.tree-group a {
    display: inline-block;
    padding: 10px;
}
.tree-current {
    font-weight: bold;
}

/* placeholder */
::placeholder {
    color: #999999!important;
}
:placeholder-shown {
    color: #999999!important;
}
::-webkit-input-placeholder {
    color: #999999!important;
}
::-moz-placeholder {
    color: #999999!important; opacity: 1;
}
:-ms-input-placeholder {
    color: #999999!important;
}

/* 必須項目のスタイル */
.required {
    color: #cc3333;
    display: inline-block;
    padding-left: 0.5rem;
}

/* 高さ制限＋縦スクロールバー表示 */
.overflow-auto {
    max-height: 32rem;
    overflow-y: auto !important;
}

.overflow-auto::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}

.overflow-auto::-webkit-scrollbar-thumb {
    background: #cccccc;
}

.heading {
    border-bottom: 1px solid #dee2e6 !important;
    padding-bottom: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.form-control.readonly {
    background-color: #e9ecef;
    opacity: 1;
}
.form-check-inline {
    padding-top: calc(.375rem + 1px);
}
.pointer-event-none {
    pointer-events: none;
}

/* aspect ratio */
.container-aspect {
    display: block !important;
    width: 100%;
    position: relative;
}

/* 正方形 */
.container-aspect-square {
    padding-top: 100%;
}

/* 3:2 */
.container-aspect-picture {
    padding-top: 66.66%;
}

/* 4:3 */
.container-aspect-standard {
    padding-top: 75%;
}

/* 16:9 */
.container-aspect-wide {
    padding-top: 56.25%;
}

/* コンテンツ */
.aspect-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 階層表示 */
.organization-hierarchy {
    min-height: auto;
}

ul.list,
ul.list ul {
    margin:0;
    padding:0;
    list-style-type: none;

}

ul.list ul {
    position:relative;
    margin-left:10px;
}

ul.list ul:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:0;

    border-left:1px solid #dee2e6;
}

ul.list li  {
    position:relative;
    margin:0;
    padding:0.25rem 1rem;
}

ul.list li a {
    position:relative;
}

ul.list li.own > a {
    font-weight: bold;
}

ul.list ul li:before {
    content:"";
    display:block;
    position:absolute;
    top: 0.875rem;
    left: 0;
    width: 0.875rem;
    height:0;

    border-top:1px solid #dee2e6;
}

ul.list ul li:last-child:before {
    top: 0.875rem;
    bottom: 0;
    height: auto;
    background-color: #ffffff;
}

/* 階層変更 */
.list .form-check {
    padding-left: 4px;
}
.list .form-check .current {
    padding-left: 18px;
}
.list .form-check .current:before {
    content:"　";
    display:block;
    position:absolute;
    top:0;
    left: 4px;
    bottom:0;
    width: 0;
}

.loader-background {
    z-index: 10000;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader-background img {
    width: 50px;
    height: 50px;
}

.section-loader-background {
    z-index: 10000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 5rem;
    background: rgba(0, 0, 0, 0.3);
}

.section-loader-background img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    height: 50px;
}

tr[data-link] {
    cursor: pointer;
}

/*
 * toast
 */
.toast {
    min-width: 25vw;
    max-width: 35vw;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .25rem;
    box-shadow: 0 .25rem .75rem rgb(0 0 0);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
}
.toast.show {
    display: block;
    opacity: 1;
}
.toast.hide {
    display: none;
}
.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.toast-body {
    padding: .75rem;
}

a.disabled,
a.disabled:hover {
  pointer-events: none !important;
  text-decoration: none;
  color: #6c757d;
}

li.empty {
  display: block;
}

[draggable=true] {
  cursor: move;
}
[draggable=true]:hover {
  background-color: #f8f9fa;
}

/*
 * Bootstrap 3 と同じ配色にする
 */

.btn-primary {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary:hover {
    background-color: #3276b1;
    border-color: #285e8e;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(66, 139, 202, .5);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: #3276b1;
    border-color: #285e8e;
}
.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 .2rem rgba(66, 139, 202, .5);
}
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-outline-primary {
    color: #428bca;
    border-color: #428bca;
}
.btn-outline-primary:hover {
    background-color: #428bca;
    border-color: #428bca;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(66, 139, 202, .5);
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #428bca;
    border-color: #428bca;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(66, 139, 202, .5);
}
.text-primary {
    color: #428bca !important;
}
.badge-primary {
    background-color: #428bca;
}
.alert-primary {
    color: #2a4f6e;
    background-color: #d4e6f6;
    border-color: #c3dbf0;
}

.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover {
    background-color: #47a447;
    border-color: #398439;
}
.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 .2rem rgba(92, 184, 92, .5);
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    background-color: #47a447;
    border-color: #398439;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(92, 184, 92, .5);
}
.btn-success:disabled,
.btn-success.disabled {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.text-success {
    color: #5cb85c !important;
}
.badge-success {
    background-color: #5cb85c;
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:hover {
    background-color: #d2322d;
    border-color: #ac2925;
}
.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, .5);
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    background-color: #d2322d;
    border-color: #ac2925;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, .5);
}
.btn-danger:disabled,
.btn-danger.disabled {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-outline-danger {
    color: #d9534f;
    border-color: #d9534f;
}
.btn-outline-danger:hover {
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, .5);
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, .5);
}
.text-danger {
    color: #d9534f !important;
}
.badge-danger {
    background-color: #d9534f;
}
.border-danger {
    border-color: #d9534f !important;
}
.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:hover {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512;
}
.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 .2rem rgba(240, 173, 78, .5);
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(240, 173, 78, .5);
}
.btn-warning:disabled,
.btn-warning.disabled {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.text-warning {
    color: #f0ad4e !important;
}
.badge-warning {
    color: #fff;
    background-color: #f0ad4e;
}
.border-warning {
    border-color: #f0ad4e !important;
}
.bg-warning {
    background-color: #f0ad4e !important;
}
.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info:hover {
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc;
}
.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 192, 222, .5);
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 192, 222, .5);
}
.btn-info:disabled,
.btn-info.disabled {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-outline-info {
    color: #5bc0de;
    border-color: #5bc0de;
}
.btn-outline-info:hover {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 192, 222, .5);
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 192, 222, .5);
}
.text-info {
    color: #5bc0de !important;
}
.badge-info {
    color: #fff;
    background-color: #5bc0de;
}
.bg-info {
    background-color: #5bc0de !important;
}
.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.form-control:focus {
    border-color: #66afe9;
    box-shadow: 0 0 0 .2rem rgba(102, 175, 233, .25);
}
.page-link {
    color: #428bca;
}
.page-link:hover {
    color: #2a6496;
}
.page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(66, 139, 202, .25);
}
.page-item.active .page-link {
    background-color: #428bca;
    border-color: #428bca;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: #428bca;
}
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #428bca;
    border-color: #428bca;
}