div.container-border {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #8D8D8D;
}

div.container-border-head {
    border-top: 3px solid #1c94c4;
}

div.container-border-top {
    border-top: 1px solid #8D8D8D;
}

div.container-border-bottom {
    border-bottom: 1px solid #8D8D8D;
}

div.container-header {
    padding: 8px 10px 3px 10px;
}

div.container-header label {
    color: grey;
    font-size: 1.2em;
}

div.container-footer {
    padding: 4px 35px 3px 35px;
}

form.form-label label,
div.container-footer label {
    color: grey !important;
    font-size: 1em !important;
}

form.form-label label {
    padding-right: 5px;
}

div.container-area-list {
    /*margin: 0 0 0 0;*/
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 10px 0 10px;
}

div.container-area-item {
    font-size: 1.0em;
    padding-top: 8px;
}

div.container-area-item span {
    cursor: pointer;
}

div.area_selected {
    background-color: darkgray;
}

div.area_selected div:last-child {
    visibility: visible !important;
}

div.area_selected span {
    color: #fff;
}

div.list_mouseover {
    background-color: lightgray;
}

div.list_mouseover span {
    color: #fff;
}

div.container-machine-list {
    padding: 10px 20px 10px 20px;
    height: 475px;
    overflow-y: scroll;
    overflow-x: hidden;
}

div.optmachine_mouseover {
    background-color: grey;
}

div.optmachine_mouseover div:last-child {
    visibility: visible !important;
}

div.optmachine_mouseover span {
    color: #fff;
}

div.areamachine_mouseover {
    background-color: #3691b0;
}

div.areamachine_mouseover div:last-child {
    visibility: visible !important;
}

div.areamachine_mouseover span {
    color: #fff;
}

li.li-active {
    background-color: #8D8D8D;
}

td.focus {
    background-color: red;
}

form.ng-invalid span[ng-show] {
    color: red;
}

.apply {
    height: 20px;
    background-color: green;
    color: #fff;
    text-align: center;
}

.apply-undo {
    height: 20px;
    background-color: lightgray;
    color: #ffffff;
    text-align: center;
}

.grid-cell {
    text-align: center;
}

div.container-tree {
    padding: 10px 20px 10px 20px;
    height: 330px;
    overflow-y: scroll;
    overflow-x: hidden;
}

p.tree-head {
    color: #1c94c4;
    font-size: 1.2em;
    font-weight: bold;
}

.ui-grid-danger {
    color: #FF0000;
}

div.select-item {
    float: left;
    text-align: center;
    font-size: 0.9em;
    background-color: #1c94c4;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(90, 154, 196);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #1c88b7;
    color: white;
    cursor: pointer
}

div.week-item {
    width: 45px;
    height: 35px;
    padding: 8px 5px;
}

div.week-item-sm {
    width: 36px;
    height: 28px;
    padding: 6px 3px;
}

div.day-item {
    width: 40px;
    height: 30px;
    padding: 6px 3px;
}

div.select-item-mouseover {
    color: black;
}

div.select-item-selected {
    background-color: #1b6d85;
    color: red;
}

div.list-even {
    background-color: rgb(240, 241, 242);
}

div.list-odd {
    background-color: rgb(250, 250, 250);
}

div.echart {
    border: 1px solid lightgray;
    margin-bottom: 10px;
}

div.echart-header {
    border: 1px solid lightgray;
    background-color: #d3d3d0;
    height: 45px;
    text-align: center;
    padding: 10px 0 10px 0;
    font-size: 1.2em;
    font-weight: bold;
}

form.device-bind {
    border: dotted #D3D3D3 1px;
    margin-bottom: 10px;
    box-shadow: 2px 5px 1px #D4D4D9;
}

.setting-item {
    border: solid #D3D3D3 1px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px #D4D4D9;
    padding: 5px 0;
}

/*bind wx*/
.wxbind {
    text-align: center;
}

p.wxbind-title {
    font-size: 30px;
    color: rgb(9,187,7);
}

p.wxbind-subtitle {
    font-size: 12px;
    color: grey;
}

.wxbind .qrcode {
    margin: 15px auto;
    border: grey solid 1px;
    background: lightgrey;
    width: 280px;
    height: 280px;
}
.qrcode img{
    height: 278px;
}
.qrcode .sweepmsg{
    display: block;
    margin-top: -15px;
    text-align: center;
    color: limegreen;
}
.qrcode .sweepmsg-error {
    color: red;
}