header {position: sticky; top:0; z-index: 1000; background: linear-gradient(45deg,#eee,#fff); margin-top: 0; border-bottom: 2px solid #888;}
header table{width: 100%;}
header table td{vertical-align: top;}
h1{margin-top: 0; margin-bottom: 0; color: #066486; letter-spacing: 1px;}
.imgz{ height:60px; border:0; margin-right:5px;}
.i-header i{color: #066486;}
main{padding: 5px; overflow: auto;}
.span_cp{cursor: pointer; color: #004080; display:inline-block; vertical-align:top; margin:5px; font-size: 16px;}
.span_cp img{border-radius:5px; object-fit: cover;  border: 1px solid #888; float: left;}
.span_cp i{float: left;}
.span_cp div{display:none;}
.span_cp:hover div{display: block; padding:5px; color:#000; position:absolute; background:#fff; border-radius:5px; box-shadow:0 0 2px inset rgba(0,0,0,.5); margin-top:2px;}

.back_fff{background: #fff;}
.back_fff:hover{color: #fff; background: #004080;}
.back_fff:hover svg{fill:#fff;}

.table_mb{width:100%; border-spacing: 10px; border-collapse: collapse;}
.table_mb th{padding:5px; vertical-align:top; border: 1px solid #000; background: linear-gradient(45deg,#004080,#0961b3);; color: #fff; font-weight: normal; font-size: 15px;}
.table_mb td{padding:5px; vertical-align:top;  border: 1px solid #000;}
/*.table_mb tr:nth-child(odd) { background-color: #EAF2D3;}*/
.vdivgr{display: none; overflow: auto;}

.li_img{margin: 5px;}
.li_img img, .li_img svg{float: left; margin-right: 5px; margin-top: 5px;}
.li_img span{display: table-cell;}
.li16{font-size: 16px;}
.ul-pl li{display: inline-block; vertical-align: top; width: 200px; margin: 5px;}

.img_svo{width:150px; height: 200px; object-fit: cover; border-radius: 5px;}