*=========================*/
/*-- Waymark Portal --*/
/*=========================*/

.wmp-block-table {
	width: 100%;
}

.wmp-table{
	width: 100%;
}

.wmp-table th{
	width: 25%;
}

.wmp-table li{
    position: relative;
    padding-left: 15px;
  }
 
.wmp-table li:before {
    content: "";
    position: absolute;
    top: .4em;
    left: 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 10px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
  }

.wmp-table th,
.wmp-table td{
	vertical-align: middle;
}

.wmp-table td img {
	height: 120px;
	min-width:200px;
}

ul.wmp-list-1{
	list-style: none;
	counter-reset: item;
	padding-left:1em;
	margin:0;
}
ul.wmp-list-1 li {
	position:relative;
}

ul.wmp-list-1 li::before {
	counter-increment: item;
	content: "※ "  counter(item) " ";
	position: absolute;
	left: -2em;
	width: 2em;
	display: inline-block;
	text-align: right;
}

.wmp-anlys{
	padding: 0px 0 100px;
	justify-content: space-between;
}
.wmp-anlys-block{
	display:block;
	width:580px;
	height:580px;
	max-width: 48%;
	padding-top: 150px;
	margin-bottom: 50px;
	text-align: right;
}
.wmp-anlys-title{
	width: 100%;
	padding:10px;
	font-size: 1.8rem;
	line-height: 3.4rem;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #004077;
}
.wmp-anlys img{
	width: 100%;
	margin: 30px auto 10px;
}
.wmp-anlys-box{
	display: flex;
	width: 100%;
	height:80px;
	padding:0;
  	flex-direction: row;
 	 flex-wrap: wrap;
 	 justify-content: flex-end;
	align-items: flex-start;
}

.wmp-anlys-box div{
	min-width: 120px;
	font-size: 1.2rem;
	margin: 5px 10px;
	display: flex;
	align-items: center;
	font-feature-settings: "palt";
}
.wmp-anlys-box div span{
	width: 30px;
	height:16px;
	display: inline-block;
	margin-right: 5px;
}
.anlys-color-red{
	background-color: #FF5252;
}
.anlys-color-blue{
	background-color: #304FFE;
}
.anlys-color-green{
	background-color: #76FF03;
}
.anlys-color-white{
	background-color: #E1F5FE;
}
.anlys-color-black{
	background-color: #37474F;
}
.anlys-color-dblue{
	background-color: #0D47A1;
}
.anlys-color-sblue{
	background-color: #80DEEA;
}
.anlys-color-mblue{
	background-color: #4582c6;
}
.anlys-color-yellow{
	background-color: #FFEB3B;
}
.anlys-color-orange{
	background-color: #FFAB00;
}
.anlys-color-pink{
	background-color: #ec5be6;
}

@media (max-width: 1050px) {
	.wmp-anlys-block{
		height:auto;
		padding-top:80px;
		margin-bottom: 0px;
	}
	
	.wmp-report .wp-column {
		width: 50% !important;
	}
}

@media (max-width: 768px) {
	
.wmp-ws {
	margin-top: -50px;
}
.wmp-feature{
	margin-top: 15vh;
}
.wmp-block-table{
	overflow-x:auto;
	white-space:normal
}
.wmp-block-table tr{
	display: block;
	padding-bottom: 30px;
}
	
.wmp-block-table table th,.wmp-block-table table td{
	width:100%;
	border: none;
}
  .wmp-table tr {
	    display:block;
		margin-bottom: 10px;
  }
  .wmp-table th, .wmp-table td {
    	padding: 0.5em 1em;
        display: block;
		border:none;
  }
  .wmp-table th {
	  width:100%;
	  background:#f9f9f9
  }
  .wmp-table td {
        padding-bottom: 10px;
  }

.wmp-table td img {
	width:100%;
	height: auto;
}

.wmp-anlys-block{
	width: 100%;
	max-width: 100%;
	height:auto;
	padding-top: 80px;
	margin-bottom: 20px;
	margin: 0px 0;
}

.wmp-anlys-box div{
	min-width: 100px;
	font-size: 1.0rem;
	margin: 5px 10px;
}
	
}

.wmp-analyze {
	text-align: center;
}
.wmp-analyze table{
    border-collapse: collapse;
}
.wmp-analyze tbody tr:first-child {
	background-color: #004077;
	color: white;
	font-weight: bold;
}

.wmp-analyze  tr.link-row {
  cursor: pointer;
  transition: background-color 0.2s;
}

.wmp-analyze  tr.link-row.hovered td {
  background-color: #f0f8ff;
}

.wmp-analyze  td.rowspan-cell.hovered {
  background-color: #f0f8ff;
}

.wmp-analyze td{
	vertical-align: middle;
}
.wmp-analyze table td:first-child{
	width: 10%;
}
.wmp-analyze table td[colspan="2"]{
	width: 50%;
}
.wmp-analyze table td:last-child{
	width: 40%;
}