@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

/* Use the following CSS code if you want to have a class per icon */

/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/

.icon-arrow-right,
.icon-calendar-alt-fill,
.icon-chrome,
.icon-picassa,
.icon-skype,
.icon-cloud,
.icon-cloudy,
.icon-dropbox,
.icon-instagram {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

.icon-arrow-right:before {
  content: "\e000"
}

.icon-calendar-alt-fill:before {
  content: "\e001"
}

.icon-chrome:before {
  content: "\e002"
}

.icon-picassa:before {
  content: "\e003"
}

.icon-skype:before {
  content: "\e004"
}

.icon-cloud:before {
  content: "\e005"
}

.icon-cloudy:before {
  content: "\e006"
}

.icon-dropbox:before {
  content: "\e007"
}

.icon-instagram:before {
  content: "\f16d"
}


html {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden
}

body 
{
   width: 100%;
  height: 100%;
  line-height: 1.5;
  font-family: 'Lato',arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  background-color: #eee;
  background: url(../images/1.png) left top no-repeat;
  background-size: 100% 100%  
}

.masterheader
{padding: 20px 0px; font-size: 24px; color: #fff;font-family: Arimo;text-align: center; font-weight: bold;}
.menu
{margin-top:20px;}
.menu a img{height:30px;}

@media (max-width:540px)
{
  .masterheader
{padding: 10px 0px; font-size: 16px; color: #fff;font-family: Arimo;text-align: center; font-weight: bold;}  
.menu
{margin-top:15px;text-align:center;}
.menu a img{height:25px;margin:15px 0px;}
    }

.PopUpBoxTitleBar
{
	background: #ecebeb;
	padding: 10px;
	font-weight: 600;
	font-size:20px;
	color: #2b2a2a;
	border-bottom: solid 1px #d7d4d4;
	cursor: move;
	font-family:Lato;
	overflow:hidden;
}
	/*background: #ecebeb;
	padding: 10px;
	font-weight: 600;
	font-size:20px;
	color: #2b2a2a;
	border-bottom: solid 1px #d7d4d4;
	cursor: move;
	font-family:Lato;
	overflow:hidden;
}

*/
.PopUpBoxTitleBar .closebutton
{
	height: 23px;
	width: 23px;
	background: url(../images/close.png) no-repeat center;
	float: right;
	cursor: pointer;
}
.PopUpBoxTitleBar .closebutton:HOVER
{
	height: 23px;
	width: 23px;
	background: url(../images/close.png) no-repeat center;
	float: right;
	cursor: pointer;
}

input[type="text"]
{
    padding:6px;border:solid 1px #9d9b9b;color:#6b6b6b;
    font:12px arial;
}

.txtbox
{
padding:5px;    
}

.btnsave
{
padding:7px 15px;background:#0296fe;color:#ffffff;border:solid 2px #0185e1;text-shadow:0px 1px 2px #0185e1;font:bold 16px Lato;transition:ease 0.7s;
}
.btnsave:hover
{
    background:#fd7c26;border:solid 2px #f46403;text-shadow:0px 1px 2px #f46403;;box-shadow:0px 0px 10px #fdb687;transition:ease 0.7s;
}
.backgroundclass
{
	background-color: rgba(36,26,26,0.6);
	
}
#overlay
{
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	background-color: #f8f8f8;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
}
#theprogress
{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	width: 400px;
	height: 150px;
	line-height: 30px;
	text-align: center;
	filter: Alpha(Opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
#modalprogress
{
	position: absolute;
	top: 40%;
	left: 50%;
	margin: -11px 0 0 -150px;
	color: #990000;
	font-weight: bold;
	font-size: 14px;
}
.errorwindow
{
	clear: both;
	padding: 10px;
	background: -moz-linear-gradient(top, #D6EBF6, #B2DBEF);
	background: -webkit-gradient(linear, left top, left bottom, from(#D6EBF6), to(#B2DBEF));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D6EBF6, endColorstr=#B2DBEF, GradientType=1)";
	filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr=            '#D6EBF6' , EndColorStr= '#B2DBEF' , GradientType=0); /* 	-moz-border-radius: 0px 0px 13px 13px; 	-webkit-border-radius: 0px 0px 13px 13px; 	border-radius: 0px 0px 13px 13px;*/ /*-moz-box-shadow: 1px 1px 1px #000000; 	-webkit-box-shadow: 1px 1px 1px #000000; 	box-shadow: 1px 1px 1px #000000;*/
	color: #3A87AD;
	border: solid 1px #85C5E5;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	display: block;

	color: #3A87AD;
	border: solid 1px #85C5E5;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.HighLightClass
{
	border: solid 1px #ff0000;
	background: pink;
}

#PopUpWindow
{
	border: solid 10px #fff;
	background: #f5f3f3;
	outline: solid 1px #ccc;
}
#PopUpWindowTitleBar
{
	background: #171717;
	padding: 10px;
	font-weight: 100;
	color: #fff;
	border-bottom: solid 5px #02c9fb;
}
#PopUpWindowTitleBar .closebutton
{
	height: 20px;
	width: 20px;
	background: url(../images/close_btn.png) no-repeat center;
	float: right;
	cursor: pointer;
}
#PopUpWindowTitleBar .closebutton:HOVER
{
	height: 20px;
	width: 20px;
	background: url(../images/close_btn_h.png) no-repeat center;
	float: right;
	cursor: pointer;
}
#PopUpWindowFooter
{
	background: #d1d4d4;
	padding: 10px;
}


.gvheader
{
    height: 50px;
	padding: 15px;text-indent:20px;
	font-size:16px;
	font-family:Lato;
	background:#eeeeee;
	border-bottom: solid 4px #999999;
    }
    
 /*   .gvRow
{
	
	font-size:16px;
	color: #2b2a2a;
	background:#fff;
	cursor: move;
	font-family:Lato;
    }
    
      .pager a
    {
            border: 1px solid #EDF5FF;
            color: #0067A5;
            text-decoration: underline;
            padding: 2px 5px;
    }
    .pager span
    {
            background-color: #babab9;
            border: 1px solid #DBEAFF;
            color: #FFFFFF;
            padding: 5px 9px;
    }


    .pager a:hover
    {
        color: #1E90FF;
    }*/
    
    .mGrid { width: 100%; background-color: #fff; margin:0px 0px 0px 0px; border: solid 1px #ccc; border-collapse:collapse; }
    .mGrid td { padding: 5px;color: #717171; }
    .mGrid th { padding: 5px 5px; color: #52677a; background: #eeeeee;font-size: 16px;font-weight:bold; }
	.mGrid .alt { background: #eeeeee; }
	.mGrid .pgr {background: #f2f2f2; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { padding: 2px 6px;color: #22ab03; line-height: 12px;background:#fff;text-shadow:0px 1px 2px #999998 }   
    .mGrid .pgr a { color: #fff; text-decoration: none;padding:3px 6px;background:#1ba1e2;text-shadow:0px 1px 2px #0375ac }
    .mGrid .pgr a:hover { color: #fff; text-decoration: none;background:#454444; }


/*tile Effect*/
.tile {
  height:128px; 
  display:table-cell;
  vertical-align:middle;
  text-align:center;
 }


.tile-1 {
  background-color: #01566b;
  color: white
}
.tile-1:hover {
  background-color: #024d60;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-1 p{
  font-size: 24px;
}

.tile-2 {
  background-color: #4b8c01;
  color: white
}

.tile-2:hover {
  background-color: #427c01;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-2 p{
  font-size: 24px;
}

.tile-3 {
  background-color: #f57c03;
  color: #fff
}
.tile-3 p{
  font-size: 24px;
}
.tile-3:hover {
  background-color: #e27201;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-4 {
  background-color: #7d4aac;
  color: #fff
}
.tile-4 p{
  font-size: 24px;
}
.tile-4:hover {
  background-color: #6b3b97;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-5 {
  background-color: #11528f;
  color: white
}
.tile-5 p{
  font-size: 24px;
}

.tile-5:hover {
  background-color: #0c4a84;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-6 {
  background-color: #d8005c;
  color: white
}
.tile-6 p {
  font-size: 24px;
}
.tile-6:hover {
  background-color: #c60356;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-7{
  background-color: #5b01b9;color: white;
}
.tile-7 p {
  font-size: 24px;
}
.tile-7:hover {
  background-color: #5502aa;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}
.tile-8 {
  background-color: #015b01;color: white;
}
.tile-8 p {
  font-size: 24px;
}
.tile-8:hover {
  background-color: #015401;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}


.tile-9 {
  background-color: #8f9b08;color: white;
}
.tile-9 p {
  font-size: 24px;
}
.tile-9:hover {
  background-color: #8f9b08;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-10 {
  background-color: #c82345;
  color: white
}
.tile-10 p {
  font-size: 24px;
}

.tile-10:hover {
  background-color: #b91537;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-10 div {
  text-align: left
}



.tile-11 {
  background-color: #01566b;
  color: white
}
.tile-11:hover {
  background-color: #024d60;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-11 p{
  font-size: 24px;
}

.tile-12 {
  background-color: #4b8c01;
  color: white
}

.tile-12:hover {
  background-color: #427c01;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-12 p{
  font-size: 24px;
}

.tile-13 {
  background-color: #f57c03;
  color: #fff
}
.tile-13 p{
  font-size: 24px;
}
.tile-13:hover {
  background-color: #e27201;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-14 {
  background-color: #7d4aac;
  color: #fff
}
.tile-14 p{
  font-size: 24px;
}
.tile-14:hover {
  background-color: #6b3b97;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-15 {
  background-color: #11528f;
  color: white
}
.tile-15 p{
  font-size: 24px;
}

.tile-15:hover {
  background-color: #0c4a84;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-16 {
  background-color: #d8005c;
  color: white
}
.tile-16 p {
  font-size: 24px;
}
.tile-16:hover {
  background-color: #c60356;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-17{
  background-color: #5b01b9;color: white;
}
.tile-17 p {
  font-size: 24px;
}
.tile-17:hover {
  background-color: #5502aa;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}
.tile-18 {
  background-color: #015b01;color: white;
}
.tile-18 p {
  font-size: 24px;
}
.tile-18:hover {
  background-color: #015401;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-19 {
  background-color: #8f9b08;
  color: white
}
.tile-19 p {
  font-size: 24px;
}

.tile-19:hover {
  background-color: #8f9b08;
  color: #fff;border:solid 1px rgba(234,234,234,1.0);box-shadow:0px 0px 15px rgba(234,234,234,0.7);
}

.tile-19 div {
  text-align: left
}