/*--------------------------------------------------------------

# admin,coachの共通css

--------------------------------------------------------------*/
.cp-card-container {
    margin-bottom: 2rem;
}

.cp-card-info-title {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.cp-card-info-title:not(:first-child) {
    margin-top: 0.5rem;
}

.cp-inline-button {
    margin-left: 0.5rem;
}

.cp-card-info-container {
    padding-left: 1rem;
    margin-bottom: 0.5rem;
}

.cp-card-info-row {
    margin-bottom: 0.75rem;
    display: flex;
}

.cp-card-info-name-xs {
    min-width: 100px;
}

.cp-card-info-name-sm {
    min-width: 120px;
}

.cp-card-info-name-md {
    min-width: 150px;
}

.cp-card-info-name-lg {
    min-width: 180px;
}

.tabulator-row-flag-disable {
    color: #A9A9A9;
}

.cp-side-menu-content {
    margin: 10px;
}

.cp-tutorial-target-container {
    position: inherit;
}

.cp-tutorial-target-white {
    background-color: white;
}

.cp-tutorial-tabulator {
    padding: 8px;
}

.cp-tutorial-flash-shadow {
    z-index: 2000;
    box-shadow: -6px 6px 15px hsl(174deg 63% 80%),
    6px -6px 15px hsl(174deg 63% 80%),
    6px 6px 15px hsl(174deg 63% 80%),
    -6px -6px 15px hsl(174deg 63% 80%)
}

.cp-tutorial-strong-modal {
    background-color: white;
    z-index: 2000;
    border: 1mm solid hsl(208deg 7% 80%);
}

.form-control.cp-tutorial-form-control:disabled {
    background-color: #fff;
}

.cp-strong-text {
    color: #FD6A6B;
    font-weight: bold;
}

.cp-right-box {
    margin-left: auto;
}

.badge-blue3:hover {
    color: #fff;
    background-color: hsl(196deg 78% 48%);
}


.modal-dialog .cp-sw-TableBody {
    height: calc(100vh - 300px);
    overflow-y: scroll;
}

.cp-header-svg-icon {
    height: 20px;
    width: 20px;
    fill: rgba(46, 60, 81, .5);
}

.cp-header-svg-icon:hover {
    fill: rgba(46, 60, 81, .7);
}