/*-----------------------------------------------------------------------------------
	Theme Name: VQS iGenCommand Centre
	Description: VQS iGen Command Centre.
	Author URI: http://www.wisemenit.com/
	Author: WISEMEN IT SOLUTIONS
	Version: 2.2.0.1
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
-----------------------------------------------------------------------------------*/
/* =================================================
					command centre icons
================================================= */
.urlImg
 { width: 15%; height:15%; display:block; background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/admin_normal.png');background-repeat: no-repeat;
   position:absolute; top: 82%; left: 4%;  }
 .urlImg:hover { background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/admin_click.png'); }
.urlImg1
 { width: 15%; height:15%; display:block; background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/quote_normal.png');background-repeat: no-repeat;
   position:absolute; top: 67%; left: 6.5%;  }
 .urlImg1:hover { background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/quote_click.png'); }
.urlImg2
 { width: 15%; height:15%; display:block; background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/utility_normal.png');background-repeat: no-repeat; 
   position:absolute; top: 53%; left: 11%;}
 .urlImg2:hover { background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/utility_click.png'); }
.urlImg3
 { width: 15%; height:15%; display:block; background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/loancar_normal.png');background-repeat: no-repeat;
    position:absolute; top: 40%; left: 17%; z-index: 1; }
 .urlImg3:hover { background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/loancar_click.png'); }

.urlImg4
 { width: 15%; height:15%; display:block; background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/11/towing_normal.png');background-repeat: no-repeat;
   position:absolute; top: 29%; left: 25%; z-index: 1; }
 .urlImg4:hover { background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/11/towing_click.png');}

.urlImg5
 { width: 15%; height:15%; display:block; background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/11/bms_normal.png');background-repeat: no-repeat;
   position:absolute; top: 20%; left: 35%; z-index: 1; }
 .urlImg5:hover { background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/11/bms_click.png'); }

.urlImg6
 { width: 15%; height:15%; display:block; background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/reports_normal.png');background-repeat: no-repeat;
   position:absolute; top: 14%; left: 46%; z-index: 1;}
 .urlImg6:hover { background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/reports_click.png'); }

.urlImg7
 { width: 15%; height:15%; display:block; background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/accounts_normal.png');background-repeat: no-repeat;
   position:absolute; top: 10%; left: 58%; z-index: 1; }
 .urlImg7:hover { background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/accounts_click.png'); }

.urlImg8
 { width: 15%; height:15%; display:block; background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/edoc_normal.png');background-repeat: no-repeat;
   position:absolute; top: 8%; left: 70%; z-index: 1; }
 .urlImg8:hover { background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/edoc_click.png'); }

.urlImg9
 { width: 15%; height:15%; display:block; background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/crm_normal.png');background-repeat: no-repeat;
   position:absolute; top: 8%; left: 82%; z-index: 1; }
 .urlImg9:hover { background-image: url('http://websites.webhop.biz/easy-docs/wp-content/uploads/2015/10/crm_click.png'); }


/* =================================================
					command centre inner box
================================================= */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

#reponsive
{
 width:100%;
 max-width:100%;
 height:auto;
}
 .text
{ 
 width:50%;
 height:50%;  
 opacity:0;
 display:block;
 } 
 .pic:hover .text
 { 
 position:absolute; 
 opacity:1.5;  
 }
.pic1:hover .text
 { 
 position:absolute; 
 opacity:1.5;  
 }
.hover1
{
 position:absolute;
 top: 39.00%;
 left: 41.30%; 
 height:auto;
}
.mainimg
{
display: block;
margin-left: auto;
margin-right: auto;
}