.iso-wrapper.htable-wrapper {
    float: right;
    overflow: hidden;
    width: 100%;
}
.htable-wrapper .htable .htipLink i {
    font-size: 40px;
    padding: 7px;
}
.htable .tooltiptext{display:none;}
.htable-wrapper .legend{background:none;width:240px;}
.htable-wrapper .legend ul{}
.htable-wrapper .legend ul li{width:100%;}
.htable-wrapper .htable table{padding: 5px;
    width: 100%;}
.htable{padding: 10px;
    width: 70%;}
.htable-wrapper .improve i{}
.htable-wrapper .motalaba i{}
.htable-wrapper .king i{}
.htable-wrapper .mostahaqat i{}
.htable-wrapper .return i{}
.htable i.improve,
.htable-wrapper .legend ul li.improve i{color:#0033cc;}
.htable i.senate,
.htable-wrapper .legend ul li.senate i{color:#008080;}
.htable i.motalaba,
.htable-wrapper .legend ul li.motalaba i{color:#cc0000;}
.htable i.king,
.htable-wrapper .legend ul li.king i{color:#EF4036;}
.htable i.mostahaqat,
.htable-wrapper .legend ul li.mostahaqat i{color:#009933;}
.htable i.return,
.htable-wrapper .legend ul li.return i{color:#333e4e;}
.htable i.awaiting-king,
.htable-wrapper .legend ul li.awaiting-king i{color:#554eff;}
.body-container .left-column .htable-wrapper .legend ul li{cursor:pointer;direction:rtl;text-align:right;}
.body-container .left-column .htable-wrapper .legend ul li.is-checked{font-weight:bold;}
.htable i{cursor:pointer;opacity:0.30;}
.improve i.improve{opacity:1;}
.motalaba i.motalaba{opacity:1;}
.king i.king{opacity:1;}
.mostahaqat i.mostahaqat{opacity:1;}
.return i.return{opacity:1;}
.senate i.senate{opacity:1;}
.awaiting-king i.awaiting-king{opacity:1;}

@media (min-width: 620px) and (max-width: 1100px) {
	.iso-wrapper .htable {
	    width: 61%;
	}
}

@media screen and (max-width: 620px) {
	.htable,.htable table{width:100%;}
	.htable .htipLink i{font-size:25px;}
	.htable-wrapper .htable .htipLink i {
	    font-size: 32px;
	    padding: 4px;
	}
}