/*login*/
.div-flex{
	display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.div-flex input[type="checkbox"]{
	vertical-align: sub;
}
/*會員中心*/
.member_center_menu .rankDiv{
    margin-top: 5px;
    font-size: 12px;
    padding: 2px 5px;
    text-align: center;
}
#reservationSearchContent .member_center_body .row {
    background-image: -o-linear-gradient(
      316.64deg,
      #111011 15.19%,
      #292929 84.91%
    );
    background-image: linear-gradient(133.36deg, #111011 15.19%, #292929 84.91%);
}
#reservationSearchContent .member_center_body svg.icon.back {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#reservationSearchContent .member_center_body .title_text_item.start p {
    margin-left: 1rem;
}
#reservationSearchContent .member_center_body i.fas.fa-phone {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#reservationSearchContent .member_center_body .countDiv .bt-disablegray{
    border-top: 1px solid rgba(0, 0, 0, 0.7);
}
.bg-while{
  background: #ffffff;
}
.keyOrder{
    padding: 1px 2px;
    border: 1px solid #484848;
    margin-right: 3px;
}
.line_through{
    text-decoration:line-through
}
/*======*/
.reservation select.form-select option{
	background-color:#484848;
}
.checkType .checkBtn{
    width:10%;
}
.noteDiv{
    position: absolute;
    right: -25px;
    top: -60px;
}
.text-right {
    text-align: right;
}
@media screen and (max-width: 768px) {
    .checkType .checkBtn{
        width:20%;
    }
    .noteDiv{
        position: absolute;
        right: 8px;
        top: -60px;
    }
}
/*表格樣式*/
.memOrderMain {width: 100%; display: block; /*border: 1px solid #000;overflow: hidden;*/margin-bottom:10px;}
.memOrderDiv{
    /* border-bottom: 1px solid #000; */
}
.memOrderItem:hover {
    background-color: RGBA(245, 245, 245, 0.7);
}
.memOrderMain .inline-block{margin-right: -5px;}
.memOrderMain ul{ font-size: 14px;padding: 10px 0; list-style-type: none;}
.memOrderMain ul.memOrderTitle{ color: #111; padding:0; margin: 0;  
    background-color: RGBA(241, 241, 241, 1.00); }
.memOrderMain ul.memOrderItem{ color: #000 ; margin:0; padding:0; }
.memOrderMain li{
    display: inline-block; 
    padding: 5px;
    color: #111; 
    vertical-align: middle; 
    word-break: break-all; 
}
/* .memOrderMain ul.memOrderTitle li{
    color: #fff; 
} */
.memOrderMain img{
max-width: 100%;
/*max-height: 100px;*/
}
/*width*/
.memOrderMain .field-width-5{width: calc(5% - 5px);}
.memOrderMain .field-width-10{width: calc(10% - 5px);}
.memOrderMain .field-width-15{width: calc(15% - 5px);}
.memOrderMain .field-width-20{width: calc(20% - 5px);}
.memOrderMain .field-width-25{width: calc(25% - 5px);}
.memOrderMain .field-width-30{width: calc(30% - 5px);}
.memOrderMain .field-width-35{width: calc(35% - 5px);}
.memOrderMain .field-width-40{width: calc(40% - 5px);}
.memOrderMain .field-width-45{width: calc(45% - 5px);}
.memOrderMain .field-width-50{width: calc(50% - 5px);}
.memOrderMain .field-width-55{width: calc(55% - 5px);}
.memOrderMain .field-width-60{width: calc(60% - 5px);}
.memOrderMain .field-width-65{width: calc(65% - 5px);}
.memOrderMain .field-width-70{width: calc(70% - 5px);}
.memOrderMain .field-width-75{width: calc(75% - 5px);}
.memOrderMain .field-width-80{width: calc(80% - 5px);}
.memOrderMain .field-width-85{width: calc(85% - 5px);}
.memOrderMain .field-width-90{width: calc(90% - 5px);}
.memOrderMain .field-width-95{width: calc(95% - 5px);}
.memOrderMain .field-width-100{width: calc(100% - 5px);}
/* .memOrderMain [class*='field-width'] {
    font-size: 12px;
} */
.memOrderMain [class*='field-width'] button {
    margin: 0 2px;
}
@media screen and (max-width:1100px) {
}
@media screen and (max-width:768px) {
    .memOrderMain ul.memOrderTitle{display: none;}
    .memOrderMain ul{border-bottom: none;}
    .memOrderMain ul.memOrderItem{padding: 15px; }
    .memOrderMain ul.memOrderItem li::before{content: attr(data-title) ""; text-transform: uppercase; width:100px; }
    .memOrderMain ul.memOrderItem .checked::before{width:35px; float: left;}
    .memOrderMain [class*='field-width']{width: 100%; text-align: left; }
    .memOrderMain .memOrderEdit a{width: 100px; height: 30px;}
    .memOrderMain img{max-height: inherit;}
}
/*content-css end*/

.chatapp__sidebar ul>li{
    border-bottom: 1px solid #dadce0;
}
.chatapp__sidebar{
    padding:0 !important;
}

.navDiv{
    padding:10px;
    overflow-y: scroll;
    height: 100%;
}
.navDiv .taskcard:last-child{
    margin-bottom: 14rem;
}
.blockUI.blockOverlay{
    background: rgba(0,0,0,.1);
}