/*::-webkit-scrollbar{width:5px;height:5px;}::-webkit-scrollbar-track-piece{background-color:#fff;}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(125,125,125,.2);}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(125,125,125,.2);}*/
.ribbon {
  position: absolute;top: -8px;right: -8px;width: 150px;height: 150px;overflow: hidden;
  /*&::before, &::after {content: "";position: absolute;}
  &::before { left: 8px; width: 40px; height: 8px; border-radius: 8px 8px 0px 0px; background-color: #0071b9; opacity: .6;}
  &::after { border-radius: 0px 8px 8px 0px; width: 8px; height: 40px; right: 0px; bottom: 8px; background-color: #0071b9; opacity: .6;}
  & > span {  position: absolute;  top: 20%;right: -40%;z-index: 2;width: 150%;height: 40px;overflow: hidden;transform: rotate(45deg);border: 1px dashed;box-shadow: 0 0 0 3px #0071b9, 0px 21px 5px -18px rgba(0, 0, 0, 0.6);background: #0071b9;display: flex;justify-content: center;align-items: center;color: white;}*/
}
.ribbon::before,.ribbon::after {content: "";position: absolute;}
.ribbon::before{ left: 8px; width: 40px; height: 8px; border-radius: 8px 8px 0px 0px; background-color: #0071b9; opacity: .6;}
.ribbon::after{ border-radius: 0px 8px 8px 0px; width: 8px; height: 40px; right: 0px; bottom: 8px; background-color: #0071b9; opacity: .6;}
.ribbon > span{  position: absolute;  top: 20%;right: -40%;z-index: 2;width: 150%;height: 40px;overflow: hidden;transform: rotate(45deg);border: 1px dashed;box-shadow: 0 0 0 3px #0071b9, 0px 21px 5px -18px rgba(0, 0, 0, 0.6);background: #0071b9;display: flex;justify-content: center;align-items: center;color: white;}
.btn-group {flex-wrap: wrap;}
/****circle圈圈图*****/
.circle{position: relative;background: #3F66FF;border-radius: 50%;}/*圆环填充部分颜色*/
.circle>div{border-radius: 50%;position: absolute;}
.circle .left,.circle .right{background: #F0F2F5;}/*圆环非填充部分颜色*/
.circle .mask{background: #fff;display: flex;justify-content: center;align-items: center;text-align: center;font-size: large;}

.fa-toggle-on{color:green;}
.mySelect,input[type=text],select:not(.unstyled){height: calc(1.5em + 0.75rem + 2px);border: 1px solid #ced4da;  border-radius: 0.25rem;vertical-align: middle;padding-left:15px;}
.mySelect{line-height: calc(1.5em + 0.75rem + 2px); display: inline-block; padding-left:5px;padding-right:5px;}
input[type=checkbox], input[type=radio] {height: unset;}
.even {background-color:#EEE;}/*datatable2偶数行*/
.even td{background-color:#EEE!important;}/*datatable2偶数行*/
.tilewrap{display: flex;text-align:center;flex-wrap: wrap;}
.tile{padding:15px;width:120px;color:#555;cursor: pointer; border: 1px solid #f4f4f4;}
.tile img,.tile i{max-height:50px;margin-bottom:15px;font-size:50px;}
/*.tile.active,td.active{background: #6c757d;color: #fff;}*/
@font-face {
  font-family: 'out_aeg_lcdregular';
  src: url('font/outaeg-webfont.woff2') format('woff2'),
  url('font/outaeg-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lcdNum';
  src: url('font/lcdNum.TTF')
}
p {
  margin-bottom: 5px;
}
.card-header {white-space: nowrap;}
.card-body {
  padding: 10px;
}
.adminMode td:first-child:after{
  content:"\0020\4fee\6539";/*修改*/
  font-size:10px;
  color:#007bff;
  font-style: italic;
}
.badge.active{background: #333!important;color:#fff!important;}
.c-addvalue{cursor: pointer;}
.c-addvalue:not(i){background: #eee;border-radius: 5px;}
.c-addvalue:hover{background: yellow;}
/*ampla table2模板*/
#template td {min-width:60px;min-height:30px; }
.js-showhide:hover{color:#34A853;}
iframe.ql-video {
  width: 100%;
  min-height: 400px;
}

.hide{display:none;}
.table td, .table th {
  padding: 5px;
  vertical-align: inherit;
  border:1px solid #eee;
}
.tableThin th, .tableThin td {
  padding: 0!important;
  word-break: break-all!important;
}
/*.table tr:first-child th,.table tr:first-child td {
  border-top: none;
}*/
a,.showmodal,.urlset,.js-setCookie,.js-showhide,.nav-link,label{cursor: pointer;}
.urlset.active:not(.btn):not(.unstyled),.js-showhide.active:not(.btn):not(.unstyled),.js-setCookie.active:not(.btn):not(.unstyled) {color: #34A853!important;font-weight: bold;background: unset !important;}
.urlset.active:not(.btn):not(tr):not(.unstyled)::before,.js-setCookie.active:not(.btn)::before {content:url("img/circle.svg");}
.js-divAdjust{cursor: move;}
.js-divAdjust.isresize {cursor: e-resize;}
/*********formSheet*********/

.formsheet h1,.formsheet h2{text-align:center;}
#formSheetmodal ul{padding: 0;}
#formSheetmodal li{list-style: none;padding: 5px 15px 5px 15px;border-radius: 5px;margin-bottom: 5px;border: 1px solid #ccc;position:relative;}
#formSheetmodal .formSheetmodalitem.active{color:#fff;background: #00aadc;}
.formsheet>div{margin-bottom: 15px;}
.formsheet>p{text-indent: 2em;}
.formsheet>p>span{text-indent: 0;}
.formsheet img{max-height:200px;}
.formsheet [data-type=sign] img{max-height:70px;/*min-width:300px!important;*/}/*签名*/

.formsheet span[contenteditable]{
  border-bottom: 2px solid #666;
  min-width: 60px;
  display: inline-block;/*有争议*/
}

.signtime{position: absolute;bottom: 0;font-size: 10px;color: #666;}
.stamp{position:relative;}
.stamp img{position:absolute;right: 10px;bottom: -20px;max-height: 200px!important;}
.formSheetmodalitem img{max-height:40px;}
/*****js-quillTableOption******/
.modal {z-index: 99;}
.modal-backdrop {z-index: 2;}
#js-quillTableOption i{
  background: lightgrey;
  display: inline-block;
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0px;
  margin: 1px;
}


/*.urlset:hover{font-weight: bold;  color: #007bff;}*/
/*流程图*/
.flowchart{width:100%;}
.flowchart img{width:12.5%;}
.flowchart div{width:10%;box-sizing:border-box;display:inline-block;text-align:center;font-size: 0.8rem;margin: 0 auto;padding: 0.1rem 0.2rem;vertical-align:middle;border-radius: 0.3rem;background:#20a53a;color:#fff;}

/*input[type=time],*/
input[type=date],input[type=month]{display:inline-block;width:120px;/*font-size:0.8em;*/padding-left: 5px;}
input[type="date"][placeholder],input[type="month"][placeholder]{color: transparent;}
input[type=month]{width:80px;}
input[type="date"][placeholder]::before,input[type="month"][placeholder]::before {content: attr(placeholder);word-break: keep-all;z-index:1;color:#000;}
input[type="date"]::-webkit-calendar-picker-indicator {margin:0;}

.margint{margin-top:15px;}
.marginl{margin-left:15px;}
.marginb{margin-bottom:15px;}
.margintb{margin-top:15px;margin-bottom:15px;}
.marginr{margin-right:15px;}
.gray{color: #aaa;}
.smallgray{color: #aaa;font-size: 0.8rem;font-family: auto;}

.border{border:1px solid #ccc;border-radius: 0.3rem;margin:0.2rem;padding:8px;display:inline-block;vertical-align: top;}
.border.active{color:#ccc;}
#loading{display:none;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:999;color:#fff;text-align:center;vertical-align:middle;font-size:2rem;padding-top:35%;width:100%;height:100%;}
#loading img{max-height: unset;}
#loading .left,#loading .right{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 45px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  background-color: rgba(0,0,0,0);
  filter: alpha(opacity=50);
  opacity: .5;
  display:flex;
}
#loading .left{background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);}
#loading .right{
  right: 0;
  left: auto;    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
}
#loading .left:hover ,#loading .right:hover {opacity: .9;}
#loading .left i,#loading .right i{margin:auto;}


form img{width:120px;}
/*#loading img{width:2rem;}*/

/*table相关*/
table:not(.unstyled) th,table:not(.unstyled) td{border:1px dotted #999;}
thead{position:sticky; top:0px;z-index:1;background-color:var(--colorRight);}
.normalBody table:not(.unstyled){background-color:var(--colorRight);}
.normalBody thead:not(.unstyled){background-color:var(--colorRight);}


/*带thead的表格首行固定
<style>.datatable2{background-color:var(--colorRight);}.datatable2 thead{position:sticky; top:60px;background-color:var(--colorRight);z-index:1;}.datatable2 thead tr>th:first-child,.datatable2 tbody tr>td:first-child{position:sticky; left: 0;background-color: var(--colorRight);white-space: nowrap;}</style>*/
.datatable2 thead tr>th:first-child,.datatable2 tbody tr>td:first-child{position:sticky; left: 0;white-space: nowrap;background-color:var(--colorRight);}

.modal-body { overflow: scroll;}
.modal-body table{width:100%;background:#fff;}
.modal-body td,.modal-body th{padding: 7px;vertical-align: top;}
.modal-body tr:nth-of-type(odd) {background-color: #f9f9f9;box-shadow: 5px 5px 5px #eee;}

.dataTable tfoot th {padding: 0!important;}
.datatable select{max-width:80px;border:none;}

/*img控制*/
.modal img{max-width: 100%;}
.modal table img,.sImg img{max-width: 120px;margin-right:8px;margin-bottom:8px;}
.ql-align-right img[src*=stamp]{max-width: 180px!important;
  position: relative;
  top: -100px;
  left: 50px;}
.ql-align-right {
  text-align: right;
}
td img{max-width: 100%;/*max-height:200px;*/}
.datatable img{max-height: 100px;}
/*riskRouting*/
.calendar th,.calendar td{text-align:center;position:relative;vertical-align: top;padding-left:5px;}
.js-setday{cursor: pointer;}
.cornertoprighttext{position:absolute;right:0;top:0;color:#fff;font-size: 6px;/*padding: 1px;background: red;*/}
.cornerbottomlefttext{position:absolute;left:0;bottom:0;color:#fff;font-size: 6px;/*padding: 1px;background: #ccc;*/}
.cornertopright{position:absolute;right:0;top:0;width:0;height: 0;border-top: 30px solid red;border-left: 30px solid transparent; }
.cornerbottomleft{position:absolute;left:0;bottom:0;width:0;height: 0;border-left: 30px solid #ccc;border-top: 30px solid transparent; }
.tdactive{border:3px solid #fb0 !important;}
.contentdate {background: #FFFFFF url(img/date.gif); float: left;width: 45px;height: 50px;margin: 0px;padding: 0px;}
.contentdate h3 {color: #FFFFFF;font-size: 10px;font-weight: normal;padding: 1px 0px 0px 10px;margin: 0px;text-transform: uppercase;}
.contentdate h4 {font-family: Times New Roman, Helvetica, Sans-Serif;color: #999999;font-size: 21px;font-weight: bold;padding: 5px 4px 0px 0px;margin: 0px;text-align: center;}

.riskRouting{text-align: center;border-radius: 5px;padding: 5px;box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);display:block;position:relative;}
.riskRouting hr{margin-top:5px;margin-bottom:5px;}

/*.stamp,*/.stampred,.stampgreen,.stampgray { right: 10px;top: 8px;padding: 3px 5px;border-radius: 5px;transform: rotate(10deg);position: absolute;text-align: center;}
table .stampred,table .stampgreen{transform: rotate(7deg);right: 5px;top: -5px;padding: 5px;border-radius: 5px;background: #ffffff8f;font-size: 1em;}
.stampred{color:red;border:2px solid red;}
.stampgreen{color:green;border:2px solid green;}
.stampgray{color:#aaa;border:2px solid #aaa;}
.riskRouting-arrow{text-align: center;margin: 5px 0;}

/*input[type=range] {display: inline-block;outline: none;-webkit-appearance: none;width: 50% !important;background: -webkit-linear-gradient(#61bd12, #61bd12) no-repeat, #ddd;height: 0.8rem;}*/


/*右下角moreMenu图标*/
.moreMenu span {
  position: absolute;
  width: 6px;
  height: 6px;
  line-height: 0;
  font-size: 0;
  background-color: #91DE87;
  border: 1px solid #91DE87;
  left: 9px;
  top: 9px;
}
.moreMenu li{
  margin-bottom: 15px;
  list-style: none;
}
.moreMenu li a{
  color:#fff;
}
/*百度地图logo*/
.BMap_cpyCtrl{display: none;}
.anchorBL{display: none;}
.bmaplabel input{
  border:initial;
  width: initial;
  margin: initial;
  font-size: 0.8rem;
  display:initial;
}
@media (max-width: 768px) {
  form .col-md-2[style*=text-align]{text-align: left!important;}
  /*.dataTables_filter,.dt-buttons{display: none;}*/
  .table-md th:nth-child(n+4),.table-md td:nth-child(n+4){display:none;}
  .table-md th:last-child,.table-md td:last-child{display:table-cell; }
  .mobHide{display:none;}
  /*table {
    display: block;
    overflow-x: auto;
  }*/
  /*td{word-break: break-all; min-width: 100px;}*/
}
/*****noPrint不打印*******/
@media print {
  @page {
    margin: 0;
  }
  body {
    border: 1px solid #999;
  }
  #header{
    display:none;
  }
}

/*动画*/
@keyframes cssOpacity {
  0% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes cssOpacity1 {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes cssColor {
  0% {background-color:#90b1f6;}
  50% {background-color:#c7acf8;}
  100% {background-color:#90b1f6;}
}

@keyframes cssStrokeDashoffset {
  0% {stroke-dashoffset:30px;}
  100% {stroke-dashoffset: 0px;}
}