table > * {
    font-family: "Hiragino Kaku Gothic Pro", meiryo, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* clearボタンの非表示 */
input[type=date].clal::-webkit-clear-button,
input[type=time].clal::-webkit-clear-button,
input[type=datetime].clal::-webkit-clear-button,
input[type=datetime-local].clal::-webkit-clear-button {
    -webkit-appearance: none;
}

/* カレンダーのインジケータ（▼）を非表示 */
input[type=date].clal::-webkit-calendar-picker-indicator,
input[type=time].clal::-webkit-calendar-picker-indicator,
input[type=datetime].clal::-webkit-calendar-picker-indicator,
input[type=datetime-local].clal::-webkit-calendar-picker-indicator{
    color: transparent;
    position: relative;
    display:none;
}

tr.transparent > td,
tr.transparent > th {
    background: transparent !important;
}
html > body{
    color:black;
}
.text-black{
    color:black;
}
.text-red{
    color:red;
}
.text-blue{
    color:blue;
}
.required {
    color: red;
}
table {
    font-size:12px;
}

.table>thead>tr>th {
    border-bottom-width: 1px;
}

.nl2br{
    white-space: pre-line;
}
.spinner-block{
    display:block;
    position: relative;
    left: 0;
    top: 0;
    margin:0;
}
a{
    cursor: pointer;
}
.click{
    cursor: pointer;
}
table.store-waiting-table{
    margin-bottom:25px;
}
table.store-waiting-table thead th{
    padding:0 !important;
    border-width:1px !important;
    border-bottom:none;
    text-align:center !important;
}
.store-waiting-table tbody td,
.store-waiting-table tbody th{
    padding:0 !important;
}
.store-waiting-table tbody td{
    height:2em;
}
.store-waiting-table tbody td.now{
    border:2px solid red;
}
.store-waiting-table tbody td.working,
.working-icon.working{
    background-color:dodgerblue;
}
.store-waiting-table tbody td.reserved,
.working-icon.reserved{
    background-color:lime;
}
.store-waiting-table tbody td.receptionist,
.working-icon.receptionist{
    background-color:yellow;
}
.store-waiting-table tbody td.now_working,
.working-icon.now_working{
    background-color:hotpink;
}
.store-waiting-table tbody td.end_working,
.working-icon.end_working{
    background-color:lightblue;
}
.store-waiting-table tbody td.working_other_store{
    opacity: 0.3;
}
.store-waiting-table tbody td.working_store{
    border-top:5px solid red;
}
.working-icon{
    padding:0 5px;
    margin-right:10px;
}

.gmap img {
    max-width: none;
    /* ... */
}

/**
 * 当日の背景色
 */
td.today_cel_background,th.today_cel_background{
    background-color: #f69b1b !important;
}
/*キャンセルステータス時の行背景*/
body table.table tbody tr.list_status_cancel td,body table.table tbody tr.list_status_cancel td{
    background-color: #c7bcb3;
}
/*入室時間*/
html body table.table tbody tr td.end-time-warning {
    background-color: #ffeb3b;
}
html body table.table tbody tr td.end-time-danger {
    background-color: #ffa3a1;
}
/*入室中*/
body table.table tbody tr.list_status_working td{
    background-color:#cce8ff;
}

/*ソート用のリンク*/
a.list_sort_link_asc,a.list_sort_link_desc{
    text-decoration: underline;
}
a.list_sort_link_asc::after{
    content: "▲";
}
a.list_sort_link_desc::after{
    content: "▼";
}
.mouse-over-note-partials{
    position: relative;
}
.mouse-over-note-partials i{
    cursor: pointer;
}
.mouse-over-note-partials .mouse-over-note-partials_popup{
    display:none;
    position:absolute;
    width:200px;
    top:-1.5rem;
    left: -1.5rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow:3px 3px 12px -6px rgba(0,0,0,0.75);
    z-index:2;
}
/*sort table*/
.sorted_table tr {
    cursor: pointer; }
/* line 96, /Users/jonasvonandrian/jquery-sortable/source/css/application.css.sass */
.sorted_table tr.placeholder {
    display: block;
    background: red;
    position: relative;
    margin: 0;
    padding: 0;
    border: none; }
/* line 103, /Users/jonasvonandrian/jquery-sortable/source/css/application.css.sass */
.sorted_table tr.placeholder:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: red;
    margin-top: -5px;
    left: -5px;
    border-right: none; }
/*reception-detail-floating-window-modal*/
.reception-detail-floating-window-modal{
    position: fixed;
    max-width: 40%;
    min-width: 20%;
    padding:20px;
    z-index:200;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow:3px 3px 12px -6px rgba(0,0,0,0.75);
    right: 0;
    bottom:0;
    max-height: 200px;
    overflow: auto;
}
/*spの自動拡大を防止するため文字サイズ調整を行う*/
.form-control{
    font-size: 16px !important;
}
.select2-search__field{
    font-size: 16px !important;
}

.device-desktop .d-desktop{
    display: block;
}
.device-desktop .d-touch{
    display: none;
}
.device-touch .d-desktop{
    display: none;
}
.device-touch .d-touch{
    display: block;
}
@media screen and (min-width: 768px) { 
    .p-md-15{
        padding: 15px !important;
    }
}
@media screen and (max-width: 767px) { 

    .modal-message .modal-body, .modal-message .modal-footer, .modal-message .modal-header{
        width: 90%;        
    }

    table.table2card{
        display: block;
    }
    table.table2card thead{
        display: none;
    }
    table.table2card tr{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 4px solid #666;
    }
    table.table2card td{
        display: block;
        border:none !important;
        background-color: transparent;
    }
    table.table2card td:before {
        content: attr(data-label);
    }
    table.table2card .table2card-w100{
        width: 100%;
    }
    table.table2card .table2card-w50{
        width: 50%;
    }
}
