body{background:#f5f6f7;margin:0;padding:104px 0 0}*{box-sizing:border-box;outline:none}a{text-decoration:none;color:inherit}button{display:inline-block;border:none;height:34px;line-height:34px;font-size:15px;cursor:pointer;background:#d2d2d2;color:#5e5e5e;border-radius:3px;padding:0 10px}button:disabled{background:#d2d2d2!important;color:#5e5e5e!important;opacity:.5}button.ok{background:#3abd4b;color:#fff}button.natural{background:#f0ad4e;color:#fff}button.danger{background:#d9534f;color:#fff}button.full{display:block;width:100%}.modal-container{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:11}.modal-container .modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f5f6f7;border-radius:4px;padding:20px;border:1px solid #ccc;box-shadow:0 6px 22px 0 rgba(85,85,85,.34)}.modal-container .modal .modal-title{margin-bottom:20px;font-size:20px;font-family:worksans-semibold}.modal-container .modal .modal-detail-text{line-height:22px;font-size:16px;margin-bottom:20px}.modal-container .modal .modal-buttons{text-align:right}.modal-container .modal .modal-buttons button{margin-right:15px}.modal-container .modal .modal-buttons button:last-child{margin-right:0}textarea{display:block;width:100%;resize:vertical;border-radius:3px;border:1px solid #999;padding:10px}input[type=date],input[type=number],input[type=password],input[type=text]{height:30px;padding:0 6px;border:1px solid #999;border-radius:3px}input[type=date].full,input[type=number].full,input[type=password].full,input[type=text].full{display:block;width:100%}input[type=date].ng-invalid,input[type=number].ng-invalid,input[type=password].ng-invalid,input[type=text].ng-invalid{background:rgba(255,60,60,.2)}input[type=date].low,input[type=number].low,input[type=password].low,input[type=text].low{height:24px}input[type=date].lowborder,input[type=number].lowborder,input[type=password].lowborder,input[type=text].lowborder{border:1px solid #ccc}.bold{font-weight:700}input[type=date],select{width:100%}select{height:30px;display:block;padding:0 6px}.cp{cursor:pointer}.title{font-size:18px;margin-bottom:8px}.title.underline{padding-bottom:4px;border-bottom:1px solid #5e5e5e}.title.bold{font-weight:700}.center{text-align:center}.left{text-align:left}.right{text-align:right}.nowrap{white-space:nowrap}.ellipsis{text-overflow:ellipsis;overflow:hidden}.breakword{word-wrap:break-word}.ml-auto{margin-left:auto}.simple-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.simple-table.vcenter tbody tr td{vertical-align:middle!important}.simple-table.f12{font-size:12px}.simple-table.fixed{table-layout:fixed}.simple-table .pi{color:#000}.simple-table thead{background:#e1e1e1}.simple-table thead tr th{border:1px solid rgba(0,0,0,.4);padding:8px;font-weight:700;cursor:pointer;white-space:nowrap}.simple-table thead tr th .table-header-search{display:block;width:100%;height:30px;padding:0 6px}.simple-table tbody tr.grouping-row{background:rgba(248,195,195,.1);font-weight:700}.simple-table tbody tr td{border:1px solid rgba(0,0,0,.4);padding:8px;vertical-align:top}.simple-table tbody tr td .center{text-align:center}.simple-table tbody tr td .right{text-align:right}.simple-table tbody tr td i{cursor:pointer}.simple-table tbody tr td.lowpadding{padding:4px}#image-preview{position:fixed;width:300px;z-index:99999;border:1px solid #aaa;box-shadow:3px 3px 5px 0 rgba(85,85,85,.42);font-size:0}#image-preview img{width:100%}#popup-message{padding:10px;border-radius:6px;background:#3abd4b;position:fixed;right:15px;bottom:15px;width:320px;display:none}#popup-message.ok{display:block}#popup-message.error{display:block;background:#d9534f}#popup-message #popup-message-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:10px}#popup-message #popup-message-description{color:#fff;font-size:15px}.category-line{text-align:left}.category-line.cdk-drag-preview{opacity:0}.category-line.cdk-drag-placeholder{opacity:.5}.category-name-holder{display:flex;cursor:pointer;align-items:center;padding:0 10px;text-align:left;position:relative}.category-name-holder>img{position:absolute;right:3px;top:50%;transform:translateY(-50%)}.category-name-holder.cdk-drag-preview{opacity:0}.category-name-holder.cdk-drag-placeholder{opacity:.5}.category-name-holder.active{background:linear-gradient(180deg,#63a6ff 0,#3083ef)!important}.category-name-holder.level-0{padding-left:10px;background:linear-gradient(180deg,#f9c667 0,#f79621);border-bottom:1px solid #fff}.category-name-holder.level-1{padding-left:20px;background:linear-gradient(180deg,#f8dca7 0,#f8c382);border-bottom:1px solid #fff}.category-name-holder.level-2{padding-left:30px;background:#fff;border-bottom:1px solid #9c9c9c}.category-name-holder .category-name{height:35px;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.category-name-holder .category-name.inactive{opacity:.3}.category-name-holder .drag-handle{width:26px;height:20px;cursor:move;background:linear-gradient(180deg,#555,#555 20%,rgba(85,85,85,0) 0,rgba(85,85,85,0) 40%,#555 0,#555 60%,rgba(85,85,85,0) 0,rgba(85,85,85,0) 80%,#555 0)}.lock{line-height:40px;text-align:center;color:#fff;background:#d9534f;margin-bottom:20px;margin-top:-20px;font-weight:700}.tag{display:inline-block;padding:4px;background:#3abd4b;color:#fff;border-radius:4px}.tag.danger{background:#d9534f}.tags .tag{margin-right:5px}.tags .tag:last-child{margin-right:0}