.box-title .left-icon, .box-title .right-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #a18d54;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #fff;
}

.box-title .glyphicon {
    font-size: 12px;
    top: 0;
}

.box-title .date {
    margin: 0px 20px;
}

.box-title .week, .box-title .member-name {
    margin-left: 20px;
}

.box-tools .btn-search {
    background-color: #fff;
    color: #a18d54;
    border: 1px solid #a18d54;
}

.box-tools .btn-warning {
    border: 1px solid #a18d54;

}


/*预约表*/
.box-title .member-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    width: calc(100% - 849px);
}

.content-table .table-left {
    display: inline-block;
    width: 100px;
    border-right: 1px solid #ddd;
    float: left;
}

.content-table .table-left .left-title {
    text-align: center;
    border-bottom: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    background-color: #faebd5;
}

.content-table .table-left .date {
    text-align: center;
    border-bottom: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
}

.content-table .table-right {
    display: inline-block;
    width: calc(100% - 100px);
    overflow: auto;
}

.table-right .name-list {
    display: inline-block;
    width: 100px;
    float: left;
}

.table-right .name-list .name, .table-right .name-list .fill-color {
    text-align: center;
    height: 30px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 18px;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    position: relative;
    color: #fff;;
}

#beauticianDiv .fill-color .usr_name {
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    position: absolute;
    top: 0;
}

.fill-color .corner_mark {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    background-color: darkred;
    border-radius: 50%;
    top: 0;
    left: 0;
}

.name-list .shift-date .fill-color:hover {
    background-color: #fbf3e6;
}

.brown-color {
    background-color: #e7c978;
}

.light-yellow-color {
    background-color: #faebd5;
}

.segmentation {
    background: #f3f3f3;
    border: none;
    /*padding: 18px 240px;*/
}

.segmentation .order {
    display: inline-block;
    /*margin-right: 40px;*/
}

.segmentation .order .color-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 15px;
}

.segmentation .offline {
    background-color: #1e9e1b;
}

.segmentation .iService {
    background-color: #8957a1;
}

.segmentation .single {
    background-color: #498dfe;

}

.segmentation .new {
    background-color: #fd5b81;

}

.segmentation .online {
    background-color: #ff9900;
}

.segmentation .onlineMT {
    background-color: #ffe600;
}

.segmentation .reached {
    background-color: #c9c9c9;
}

.segmentation .seven {
    background-color: #31a5c9;
}

.segmentation .total {
    background-color: #c91231;
}

.light-yellow {
    background-color: #fdf5e9;
}

.light-blue {
    background-color: #d8e6fd;
}

.light-green {
    background-color: #eefded;

}

.pink {
    background-color: #f8e6f8;
}

.table-right .scroll-width .fill-color .position-height {
    word-wrap: break-word;
    position: absolute;
    width: 100px;
}

.table-right .scroll-width .fill-color .position-height .serial-name {
    width: 100px;
    font-size: 12px;
    height: inherit;
    /*overflow: hidden;*/
    display: flex;
    align-items: center;
}

.atart-botder-top {
    border-top: 2px solid #498dfe !important;
}

.atart-botder-bottom {
    border-bottom: 2px solid #498dfe !important;
}

.offline-bkgcolor {
    /*background-color: #e9f7e8;*/
    background-color: #1e9e1b;
    color: #1e9e1b;
    opacity: 0.8;
}

.iService-bkgcolor {
    background-color: #8957a1;
    color: #8957a1;
    opacity: 0.8;
}

.iService-bkgcolorSuccess {
    background-color: #88A168;
    color: #88A168;
    opacity: 0.8;
}

.iService-bkgcolorFinish {
    background-color: #c9c9c9;
    color: #c9c9c9;
    opacity: 0.8;
}

.single-bkgcolor {
    /*background-color: #d8e6fd;*/
    background-color: #498dfe;
    color: #498dfe;
    opacity: 0.8;
}

.new-bkgcolor {
    /*background-color: #fbf2f5;*/
    background-color: #fd5b81;
    color: #fd5b81;
    opacity: 0.8;
}

.online-bkgcolor {
    /*background-color: #faebd5;*/
    background-color: #ff9900;
    color: #ff9900;
    opacity: 0.8;
}

.online-mtgcolor {
    /*background-color: #faebd5;*/
    background-color: #ffe600;
    color: #ffe600;
    opacity: 0.8;
}

.reached-bkgcolor {
    background-color: #c9c9c9;
    color: #c9c9c9;
    opacity: 0.8;
}

#text-center > thead th, #text-center > tbody td {
    text-align: center;
}

/*弹窗*/
.modal .header-center {
    text-align: center;
}

.modal .modal-body .adjustment {
    padding: 15px 20px;
}

.modal .width-height {
    width: 180px;
    height: 34px;
}

.modal .inline-block {
    display: inline-block;
    width: 180px;

}

.modal .pad-bottom {
    padding-bottom: 20px;
}

.modal .pad-top {
    padding-top: 20px;
}

.modal .pad-right {
    padding-right: 30px;
}

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

.modal .modal-footer .btn-color-padding {
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid #a18d54;
    color: #a18d54;
    background-color: #faebd5;
    padding: 7px;
}

/*预约分析*/
.width-25 {
    display: inline-block;
    width: 30px;
    height: 25px;
}

.width-25 img {
    width: 100%;
    height: 100%;
}

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

.service-trim {
    display: inline-block;
    width: 30px;
    height: 20px;
    background-color: #e2c988;
}

.appointment-trim {
    display: inline-block;
    width: 30px;
    height: 20px;
    background-color: #ff9933;
}

/*弹出窗*/

#multi .multiLi {
    padding: 10px;
}