/***********************LB tool.css*********************/
/*ITEM*/
/*Zoom Image*/
/*RELATED TOOLS*/


/*ITEM*/

.item_link {
background-color:#F9F9F9;
padding:0.7em;
font-size:1em;
text-align:justify;
white-space: nowrap; /* for mobile */
overflow: hidden; /* for mobile */
}

.item_link a {
color:#4B8ABF;
text-decoration:underline;}

.tool-image { /*used in profile*/
float:left;
position:relative; /*for unavailable*/ 
margin-right:10px;
margin-top:0px;
margin-bottom:10px;
}

.tool-description {
font-size: 0.8em;
margin-top: 5px;
margin-bottom:20px;
text-align:justify;
display:table;
}

.tool-description a {
color:#4B8ABF;
text-decoration:underline;}

.tool-video {
margin-top:10px;
margin-bottom:20px;
}

.tool_vs {
text-align:left;
margin-bottom:20px;
margin-top:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#999999;
}

.tool_vs a{
color:#999999;
}

.tool_unavailable {
line-height:1.2em;
font-size:0.8em;
display:block;
position:absolute;
left:2px;
bottom:1px;
width:99%;
text-align:left;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
color:#fff;
padding:0.2em;
background-color:rgba(0,0,0,.5);
text-align:center;
}

/*Zoom Image*/

.modal {
display: none; /* hidden by default */
position: fixed; /* modal window fixes on screen */
z-index: 200; /* show on top of everything */
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.7); /* black-transparent background */
}

.modal-content {
margin: auto;
display: block;
max-width: 90%;
max-height: 90vh; /* fit image height to screen */
}

.close {
position: absolute;
top: 20px;
right: 35px;
color: #fff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
}

/*RELATED TOOLS*/

.related_tool {
clear:both;
margin-top:0.5em;
}

.related_tool_image {
float:left;
margin-right:0.7em;
width:3.8em;
background-color:#F5F5F6;
height:2.4em; /*For CLS*/
text-align:center;
border:1px solid #DDDDDD;
line-height:0; /*Removes line under image*/
}

.related_tool_image img {
width:3.8em;
height:2.4em;
}

.related_tool_title {
font-weight:500;
}

.related_tool_title a {
color: #4B8ABF;
}

.related_tool_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
white-space:nowrap;
overflow: hidden;
text-overflow: ellipsis; /* ... */
}

.related_tool_stat {
box-sizing: border-box; /*div will include padding and border*/
width:100%;
border:1px solid #CCCCCC;
padding:0.5em;
text-align:left;
position:relative; /*for legend*/ 
}