/* -------------------------------------------------------------------------------
 * Project: 安全生产咨询服务系统（SPCS）
 * 
 * Change Logs:
 * Date           Author       Notes
 * 2022-08-16     KnownChen    初始化
 * ------------------------------------------------------------------------------- */

body {font-size:1rem;}
h1 {font-size:1.5rem;font-weight:bold;padding:10px 0;}
#app {width:100%;height:100%;}
#blazor-error-ui {
    background: lightyellow;bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);display: none;left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;width: 100%;z-index: 1000;
}
#blazor-error-ui .dismiss {cursor:pointer;position:absolute;right:0.75rem;top:0.5rem;}
.app-loading {
    position:absolute;top:50%;left:50%;width:100px;height:100px;
    margin-top:-80px;margin-left:-50px;background:url(../icon-192.png) no-repeat center;background-size:contain;
}

/*common*/
.tab li {font-size:1.1rem;}
.caption {font-weight:bold;height:40px;line-height:40px;}

/*Login*/
.login {width:100%;height:100%;background-color:#1c66b9;}
.login-box {
    position:absolute;top:50%;left:50%;background-color:#fff;
    width:80%;height:360px;margin-left:-40%;margin-top:-180px;
    -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}
.login-form {margin:0;padding:0;width:100%;top:80px;}
.login-title {font-size:1.3rem;font-weight:bold;margin:20px 0;text-align:center;}
.login .form-input {margin-bottom:20px;}
.login .form-input .icon {
    z-index:900;left:10px;top:10px;right:unset;color:#d2d2d2;font-size:1.3rem;
    height:auto;line-height:normal;background-color:#fff;
}
.login .form-input .fa-lock {left:11px;top:9px;font-size:1.6rem;}
.login select, .login input {height:40px;padding-left:40px;background-color:#fff;}
.login .form-radio input {height:20px;line-height:20px;}
.login button {width:100%;height:40px;margin-left:0;}
.login-msg {color:#1c66b9;text-align:center;}

/*form*/
.form-enter td.inline2 .form-input {width:49%;}
.form-enter td.inline2 .form-input.readonly {width:auto;}
.form-enter td.inline2 .split {display:inline-block;width:2%;text-align:center;}
.contr-content label {width:150px;}

/*app*/
.app-mobile .back-title {display:inline-block;text-align:center;width:80%;}
.sys-title {font-weight:bold;font-size:1.5rem;padding:20px 10px 10px 10px;text-align:center;}

.enter {margin:10px;padding:5px 10px;background-color:#ddeff7;font-size:0.8rem;height:92px;overflow:hidden;}
.enter-item {padding:2px;}
.enter-item label {display:inline-block;width:90px;}
.enter .name {font-size:1.2rem;font-weight:bold;height:40px;line-height:40px;text-align:center;}
.enter .count {text-align:center;}
.enter .count span {padding:0 5px;}

.btnAdd, .btnAdds {
    position:absolute;left:20px;bottom:20px;z-index:9999;height:50px;
    -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;
}
.btnAdd {
    width:50px;font-size:2rem;text-align:center;background-color:#1c66b9;color:#fff;
    line-height:50px;z-index:10000;
}
.btnAdd.right {left:unset;right:20px;bottom:50px;}
.btnAdd.fa-camera {font-size:1.5rem;}
.btnAdds {padding-left:50px;border:1px solid #ccc;background-color:#fff;}
.btnAdds li {display:inline-block;padding:8px 10px;text-align:center;}
.btnAdds li i {font-size:1.2rem;display:block;}
.btnAdds li span {display:block;}

.enterPicker {z-index:10001;background-color:#fff;}

.trName {height:30px;line-height:30px;}
.trName .title {float:left;}
.trName .badge, .trName .valid {float:right;}
.trCount {color:#989ca1;padding-top:5px;}
.trCount span {padding-right:5px;}
.trName:after, .trCount:after {display:block;content:'';clear:both;}

.contr .caption {background-color:#b5d5f5;border-left:5px solid #0653bc;padding-left:5px;}
.contr .menu {padding:0;}
.contr .menu-item img {width:60px;height:60px;margin-top:15px;}
.contr .menu-item .name {display:block;}

.contrList.contrTab {position:absolute;top:0;left:0;right:0;bottom:0;}
.contrList.contrTab {top:50px;}
.contrList .trName .title {font-weight:bold;font-size:1.2rem;}
.contrList .trName .badge {padding:0 10px;}
.contrList .trCount .link, .contrList .trCount a {padding:5px 10px 0 0;float:left;}

.enterList, .contrList {overflow:hidden;}
.enterList .list, .contrList .list, .referList .list {top:50px;}

.list-item.add, .glist-item.add {text-align:center;margin:10px;border:1px dashed #ccc;color:#333;cursor:pointer;}

.dangerEnter {top:120px;}
.dangerEnter .list-item {padding:10px 30px 8px 15px;overflow:hidden;}
.dangerEnter .list-item.add {height:50px;line-height:50px;}
.dangerEnter .item {padding-left:20px;}
.dangerEnter .trName {font-weight:bold;font-size:1.2rem;}
.dangerEnter .trTime div {height:40px;line-height:40px;font-size:0.8rem;width:50%;}
.dangerEnter .trTime div.time {color:#989ca1;}
.dangerEnter .trTime i {margin-right:10px;font-size:1.2rem;}
.dangerEnter .trTime i.fa-clock-o {font-size:1.3rem;}
.dangerEnter .trTime:after {display:block;content:'';clear:both;}

.dangerPlace .enterName {background-color:#ffb3a0;height:40px;line-height:40px;padding-left:10px;}
.dangerPlace .glist {padding-top:0;}
.dangerPlace .glist-item.add {height:40px;line-height:40px;}
.dangerPlace .glist-item .name {display:inline-block;width:30%;}
.dangerPlace .glist-item .count {color:#989ca1;display:inline-block;width:26%;}

.enter .sname {font-weight:bold;font-size:1.1rem;text-align:center;}
.placeName {background-color:#15a143;color:#fff;height:40px;line-height:40px;text-align:center;}
.dangerList {top:90px;}
.dangerList.special {top:40px;}
.dangerList .list-item {padding:0;}
.dangerList .delete {
    position:absolute;top:0;left:40%;width:30px;height:30px;color:#d03838;cursor:pointer;
    z-index:9999;line-height:30px;text-align:center;font-size:1.5rem;
}
.dangerList .edit {
    position:absolute;top:5px;right:10px;width:30px;height:30px;cursor:pointer;
    z-index:9999;line-height:30px;text-align:center;font-size:1.5rem;
}
.dangerList .trName {height:40px;line-height:40px;background-color:#b5facc;padding:0 15px;}
.dangerList .trName .date {float:left;}
.dangerList .trName .name {float:right;}
.dangerList .trInfo {height:100px;overflow:hidden;position:relative;padding:15px 30px 15px 15px;}
.dangerList .trInfo .media {float:left;width:40%;height:100px;padding:0 10px;}
.dangerList .trInfo .desc {position:absolute;top:15px;left:150px;right:15px;bottom:15px;text-align:justify;}
.btnAdds li {position:relative;overflow:hidden;cursor:pointer;}
.btnAdds li .upload {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;outline:0;}

.dangerLibList .list {top:50px;}
.dangerLibList .list .refe {font-size:0.8rem;color:#ccc;padding-top:5px;}

.danger-desc textarea {height:150px;}
.danger-btn-search {position:absolute;right:0;bottom:0;width:30px;height:40px;line-height:40px;text-align:center;cursor:pointer;z-index:9999;}

.danger-status {
    font-size: 13px;
    line-height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    z-Index: 2;
    padding: 0 2em;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate(29.29%,-100%) rotate(45deg);
    -moz-transform: translate(29.29%,-100%) rotate(45deg);
    transform: translate(29.29%,-100%) rotate(45deg);
    text-indent: 0;
}

.referList .trName {overflow:hidden;}
.referTitle {font-weight:bold;padding:5px;}
.referText {padding:5px;}