* {padding:0;margin:0;box-sizing:border-box;position:relative;outline:none;}
html,body {width:100%;height:100%;min-width:1920px;font-size:12px;}
.config {position:absolute;top:0;left:1400px;width:520px;height:100%;}

.tabs{list-style:none;margin-left:-1px;overflow:hidden;background-color:#f1f1f1;height:100%;}
.tab{float: left;width:20%;height:100%;box-sizing:border-box;}
.tab-name{display:block;line-height:40px;text-align:center;cursor:pointer;border-left:1px solid #cecece;border-bottom:1px solid #cecece;}
.tab-content{width:522px;height:100%;text-indent:10px;line-height:2;background:#fff;border:1px solid #ddd;}
.tab:nth-child(2) .tab-content{margin-left:-100%;}
.tab:nth-child(3) .tab-content{margin-left:-200%;}
.tab:nth-child(4) .tab-content{margin-left:-300%;}
.tab:nth-child(5) .tab-content{margin-left:-400%;}
.tab-radio{display:none;margin:0;width:0;}
.tab-radio:checked + .tab-name{background:#fff;border-bottom:none;}
.tab-radio:checked ~ .tab-content{z-index:1;}

.basic-buttons {width:100%;height:40px;line-height:40px;text-align:right;}
.basic-button {width:80px;height:32px;line-height:32px;text-align:center;background:rgb(91,137,254);color:#fff;border-radius:4px;border:0;margin:0 5px;cursor:pointer;}
.basic-list {width:100%;}
.basic-item {width:100%;height:60px;line-height:60px;}
.basic-label {display:inline-block;width:80px;color:#333;vertical-align:top;}
.basic-value {display:inline-block;width:calc(100% - 94px);color:#666;}
.basic-value input {width:calc(100% - 20px);height:32px;border:1px solid #cecece;border-radius:4px;padding:0 5px;margin:0 5px;}
.basic-value input[type=date] {width:calc(50% - 21px);}
.basic-value input[type=radio] {width:16px;height:16px;vertical-align:middle;}
.basic-value input[type=checkbox] {width:12px;height:12px;vertical-align:middle;}
.basic-value label {vertical-align:middle;margin-right:5px;}
.basic-value p {line-height:32px;padding:8px 0 0 5px;}

.tab-content-table {width:100%;display:table;margin-top:4px;border-top:1px solid #cecece;border-collapse:collapse;}
.tab-content-table .cols {display:table-column-group;}
.tab-content-table .col {display:table-column;}
.tab-content-table .th {width:100%;display:table-header-group;height:33px;line-height:32px;background-color:#dceffe;}
.tab-content-table .th .td {display:table-cell;border-right:1px solid #cecece;border-bottom:1px solid #cecece;}
.tab-content-table .tbody {display:table-row-group;}
.tab-content-table .tr {display:table-row;user-select:none;height:40px;line-height:40px;}
.tab-content-table .tr.active {background-color:#00a1d6;color:#fff;}
.tab-content-table .tbody .td {display:table-cell;border-bottom:1px solid #cecece;}
/* .tab-content-table .tbody .tr .td:first-child {color:#fff;} */

.schedule {position:absolute;width:1400px;height:100%;top:0;left:0;}
.title {width:100%;height:80px;line-height:80px;font-size:24px;font-weight:700;text-align:center;}
.calendar-header {width:1260px;margin:0 auto;border-collapse:collapse;}
.calendar-header .header {width:100%;background-color:#cecece;}
.calendar-header td {width:180px;height:24px;line-height:24px;text-align:center;border:1px solid #666;}
.calendar {width:1260px;margin:0 auto;border-collapse:collapse;}
.calendar td {width:180px;height:24px;line-height:24px;text-align:center;border:1px solid #666;border-top:0;}
.calendar td .enable-icon {position:absolute;width:16px;height:16px;top:4px;right:4px;cursor:pointer;}
.calendar td .enable-icon.enabled::after {content:'⊙';position:absolute;width:16px;height:16px;line-height:16px;top:0;left:0;color:rgb(91,137,254);font-size:16px;}
.calendar td .enable-icon.disabled::after {content:'⊗';position:absolute;width:16px;height:16px;line-height:12px;top:0;left:0;color:#666;font-size:12px;}
.calendar td .duty {width:100%;height:24px;text-align:left;padding:0 5px;border-top:1px solid #ccc;}
.calendar td .duty-name {display:inline-block;width:110px;}
.calendar td .duty-person {display:inline-block;user-select:none;width:56px;height:20px;line-height:20px;margin:2px auto;background:rgb(91,137,254);color:#fff;border-radius:4px;text-align:center;cursor:pointer;}
.duty-person-clone {position:absolute;width:56px;height:20px;line-height:20px;background:rgb(91,137,254);color:#fff;border-radius:4px;text-align:center;cursor:pointer;pointer-events:none;z-index:1;}

.stat {width:1260px;margin:40px auto;text-align:left;}