/***************************************************************************
#
# Copyright:    Azotel Technologies Ltd 2009
#
# NAME:
#       style.css
#
# SYNOPSIS:
#       This script is used to define the global look and feel
#       for the web pages
#
# AUTHOR:
#       David TRAN
#
# REVISION HISTORY:
#       21/Apr/2004  trand   Initial Version 001
#       17/Jan/2006  gawl    added table styles
#       16/Aug/2007  gawl    hover info on <a> links
#       06/Apr/2009  gawl    div.warning
#       07/Apr/2009  gawl    table.info, td.info
#       26/May/2009  gawl    input.big_bgblue3
#       11/Sep/2009  julz    map style
#       30/Oct/2009  julz    antoher map styles
#       02/Dec/2009  arisk   custwarning style
#       06/Jan/2010  julz    improved map style
#       21/Jan/2010  pawel   removed underline from links
#       28/Jan/2010  gawl    CSS Change as per Andrew risk email
#	28/Jan/2010  pawel   removed text-decoration styles from general links
#	09/Feb/2010  pawel   added 'no monitor' style
# 	21/Apr/2010  keith   added borders to bggrey1 and bggrey2
#	17/May/2010  pawel   added green table background
#	03/Oct/2010  lee     added css for recently viewed customers widget
#       04/Oct/2010  keith   added underscore hack to filter alpha opacity
#       26/Oct/2010  mateusz added id transparentLayer, popUpDivForm for note, class: table.note
#       31/Dec/2010  julz    updated map style	
#	28/Feb/2012  pawel   added div info		
#	02/Mar/2012  pawel   added a.ordinary to overwrite some default behaviour     
# 	09/Jul/2012  pawel   high quality buttons   
# 	11/Jul/2012  pawel   high quality left hand menu
# 	12/Jul/2012  pawel   high quality menus
# 	20/Jul/2012  pawel   submenu implementation
#	15/Feb/2013  gawl    red/green/orange notification table css
#	22/Apr/2013  pawel   update font sizes
#	18/Jul/2014  gawl    nice_smaller class for input fields
#	20/Oct/2014  pawel   fix issue with firefox 33
#	11/Dec/2014  pawel   fading div
#	16/Mar/2015  gawl    button_big
#	25/Apr/2016  kamil   added different colour on diabled fields
#   27/Feb/2025  pawel   added style for previewFile div
#
#
# PARAMETERS:
#
# DESCRIPTION:
#
# SETUP:
#
#***************************************************************************/


input.nice {
    display: inline-block;
    zoom: 1; /* ie7 hack for display:inline-block */
    *display: inline;
    border: 1px solid #bcbfc4; /* Border color */
    padding: 6px 6px 6px 8px;
    
    border-radius: 4px; /* Border radius */
    
    background: #ffffff; /* Background color */
    width: 202px;
    outline: none;
    color: #4d4d4d; /* Font color */
    
    /* Removed box-shadow */
}

input.nice_smaller {
    display: inline-block;
    zoom: 1; /* ie7 hack for display:inline-block */
    *display: inline;
    font-size: 10px;
    
    border-radius: 4px; /* Border radius */
    
    background: #ffffff; /* Background color */
    padding: 2px 2px 2px 4px;
    width: 202px;
    height: 20px;
    border: 1px solid #bcbfc4; /* Border color */
    outline: none;
    color: #4d4d4d; /* Font color */
    
    /* Removed box-shadow */
}

/* Focus effect with direct color */
input.nice:focus, input.nice_smaller:focus {
    box-shadow: 0 0 5px #5897fb; /* Focus color */
    border: 1px solid #5897fb; /* Focus border color */
}

input[type="text"]:disabled {
    background: #F0F0F0;
    border: solid 1px #bcbbbb;
}





select.nice {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	font-size:13px;

	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	background: #F0F0F0;
	
	
	width: 80%;
	border: solid 1px #bcbbbb;
	outline: none;
	padding: 6px 6px 6px 8px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	height:32px;
}

select.nice_smaller {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	font-size:10px;

	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	background: #F0F0F0;
	
	
	width: 80%;
	border: solid 1px #bcbbbb;
	outline: none;
	padding: 2px 6px 2px 2px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	height:20px;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       select.nice {
		width: 80%;
		height:25px;
		border: solid 1px #bcbbbb;
		background: #F0F0F0;
		border-radius: 0;
	}
 }



td.logout {
	width: 80%;
}

table.rules {
	border-top: 1px solid black;
	border-collapse:separate;
	border-spacing:0px;
	border-left: 1px solid black;
}

table.rules tr td {
	border-collapse:separate;
	border-bottom: 1px solid black;
}

table.noborder {
	border:0;
}

table.noborder tr td {
	border:0;
}
td {
	font-size:13px;
}

ul {
 	list-style-type: none;
	
  /*width: 100%; /* for Opera */
  
}


table.menutab {
	width: 100%;
	border:0;
	border-collapse:collapse;
}

.menu {
  /*border-bottom: solid 2px black;
  padding-bottom: 20px;*/
  margin: 0;
  padding: 0;
}


.menu li {
  	float: left;
}


td.centered {
	margin-left:50%;
	
}
.menu a {
	border: 1px solid #015b93;
	border-left: none;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
  	font: normal 13px arial, sans-serif;
	font-weight: bold;
	color: white;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0;
	text-align: center;
	text-decoration: none;
	outline: none;
	-webkit-box-shadow: #015b93 0px 1px 2px;
	-moz-box-shadow: #015b93 0px 1px 2px;
	box-shadow: #015b93 0px 1px 2px;
	background: #0169AB; /* fallback solid color */
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0169AB), to(#0169AB));
	background: -webkit-linear-gradient(#0169AB, #0169AB);
	background: -moz-linear-gradient(#0169AB, #0169AB);
	background: -ms-linear-gradient(#0169AB, #0169AB);
	background: -o-linear-gradient(#0169AB, #0169AB);
	background: linear-gradient(#0169AB, #0169AB);
	-pie-background: linear-gradient(#0169AB, #0169AB);
	behavior: url('/Common/css/PIE.htc');
	/*float: left;*/
}

.menu a.left {
	border-right: 1px solid #015b93;
	border-left: 1px solid #015b93;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topright: 0px;
	border-radius: 6px 0 0 6px;
	behavior: url('/Common/css/PIE.htc');
}

.menu a#selected {
	background: #014F7E; /* fallback solid color for hover/selected */
	behavior: url('/Common/css/PIE.htc');
}

.menu a:hover {
	background: #0280D1; /* fallback solid color for hover/selected */
	behavior: url('/Common/css/PIE.htc');
}

.menu a.right {
	border-left: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	border-radius: 0 6px 6px 0;
	behavior: url('/Common/css/PIE.htc');

}

.menu a:focus {
    	outline:none;

}

.menu a:link {color:white;}
.menu a:visited {color:white;}


a.activetab {
  border: 1px solid #000;
  border-bottom:solid 1px white;
  background: #FFFFFF;
}

a.activetab:hover {
  border: 1px solid #000;
  border-bottom:solid 1px white;
  background: #FFFFFF;
}


a.general {
	display: inline-block;
	padding: 6px 19.5px;
	color: #333;
	text-align: center;
	width: auto;
	text-decoration: none;
	border-radius: 4px;
	font: normal 13px Arial, sans-serif;
	border: 1px solid #bcbfc4;
	background-color: #f7faff;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }


a.general:link,
a.general:visited {
    text-decoration: none;
    color: #4d4d4d;
}

a.general:hover {
    background-color: #f7f7f7;
    border-color: #5897fb;
    box-shadow: 0 0 5px #5897fb;
    color: #4d4d4d;
    text-decoration: none;
}

a.general:active {
    background-color: #f0f0f0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    outline: none;
    color: #4d4d4d;
}




div.test {
	border:2px solid;
	border-radius:12px;
}

a.last5:link {
	text-decoration: none;
	color: black; 
}
a.last5:visited {
	text-decoration: none;
	color: black;
}

a.last5:hover {
	color: blue;
	text-decoration: none;
}

a.last5:hover font {
	color: blue;
	text-decoration: none;
}

select.general {
	width:80%;
	padding: 1px;
	background-color: #DDDDDD;
}

td.general, table.general {
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 5px; 
	padding-right: 3px; 
	border-radius:5px 5px 5px 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

td.no_rounded {
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 3px; 
	padding-right: 3px; 
}
table.left-top-sharp {
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 3px; 
	padding-right: 3px; 
	border-radius:0px 5px 5px 5px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

a.header-link:link {
	text-decoration: none;
	color: black; 
}
a.header-link:visited {
	text-decoration: none;
	color: black;
}

a.header-link:hover {
	color: blue;
	text-decoration: none;
}

a.header-link:hover font {
	color: blue;
	text-decoration: none;
}


a:link {color:#666666;}
a:visited {color:#000066;}
a:hover {color:#ff0000;}
a:active {color:#666666;}

a.still:link {color:#666666;text-align:center;}
a.still:visited {color:#666666;text-align:center;}
a.still:hover {color:#ff0000;text-align:center;}

a.still2:link {color:#333333;text-align:center;}
a.still2:visited {color:#333333;text-align:center;}
a.still2:hover {color:#ff0000;text-align:center;}

a.button:link {
  text-decoration:none;
  color:black;
  text-align:center;
  font-weight:bold;
}
a.button:visited {
  text-decoration:none;
  color:black;
  text-align:center;
  font-weight:bold;
}
a.button:hover {
  text-decoration:none;
  color:black;
  text-align:center;
  font-weight:bold;
}

a.button2:link {
  text-decoration:none;
  color:#0000ff;
  text-align:center;
  font-weight:bold;
}
a.button2:visited {
  text-decoration:none;
  color:#0000ff;
  text-align:center;
  font-weight:bold;
}
a.button2:hover {
  text-decoration:none;
  color:#ff0000;
  text-align:center;
  font-weight:bold;
}

body {
  background-color:#FFFFFF;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#333333;
}

tr {
  vertical-align:top;
}

td.bggrey1, tr.bggrey1, table.bggrey1 {
  background: transparent;
  border: 1px solid #666666;
  overflow-y:auto;
  border-radius:10px 10px 10px 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	
}

td.bggrey2, tr.bggrey2, table.bggrey2 {
  background-color:#E0E0E0;
  border: 1px solid grey;
}

tr.bgblue1, table.bgblue1, td.bgblue1 {
  background-color:#DDDDFF;

}

td.bggrey3 {
  background-color:#E0E0E0;
}

tr.bgblue2, table.bgblue2 {
  background-color:#D0D0F0;
}

tr.bgblue3, table.bgblue3 {
  background-color:#C5C5E5;
}

td.bgred1, tr.bgred1, table.bgred1 {
  background-color:#FFDDDD;
}

td.bgred2, tr.bgred2, table.bgred2 {
  background-color:#FFCCCC;
}

td.bggreen, tr.bggreen, table.bggreen {
  background-color:#66FF99;
}
td {
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13;
  color:#333333;
}

table.bgblue1_bordered {
	
	/*background: transparent url('/Common/Images/grey_gradient_1.png') repeat-x;*/
	background: linear-gradient(to bottom, #f2f2f2, #dad8d8);
	

	background-size:100% 100%;
    	-webkit-background-size:100% 100%;        /*  Safari  */
    	-khtml-background-size:100% 100%;         /*  Konqueror  */
    	-moz-background-size:100% 100%;           /*  Firefox  */
	
	
	border-radius:10px 10px 10px 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

 
table.bgblue1_bordered td {
	border: none;
	
}
.dashboardgraph_label {
    width: auto;
    text-decoration: none;
    border-radius: 6px;
    box-shadow: #222 0px 1px 2px;
    background: linear-gradient(#015b93, #015b93);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: #222 0px 1px 2px;
    -moz-box-shadow: #222 0px 1px 2px;
    -pie-background: linear-gradient(#015b93, #015b93);
    behavior: url('/Common/css/PIE.htc');

    padding: 3px 3px 4px 10px;
    font: bold 17px Arial, sans-serif;  /* ← Already bold here */
    color: white;
    margin-bottom: 10px;
}
.customHeaderSalesMetric {
	writing-mode: vertical-lr;
	text-orientation: mixed;
	background: linear-gradient(#0169AB, #0169AB);
	color: #FFFFFF;
	padding: 6px 8px;
	font-weight: bold;
	border-bottom: 0px solid #ffffff;
}


table.dashboardgraph_back {
	
	/*background: transparent url('/Common/Images/grey_gradient_1.png') repeat-x;*/
	background: linear-gradient(to bottom, #ffffff, #ffffff);
	margin-top:10px;

	background-size:100% 100%;
    	-webkit-background-size:100% 100%;        /*  Safari  */
    	-khtml-background-size:100% 100%;         /*  Konqueror  */
    	-moz-background-size:100% 100%;           /*  Firefox  */
	
	
	border-radius:10px 10px 10px 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	padding:10px;
}
.cssHeaderRow {
	/* Optional fallback background */
	background-color: #0169AB;
  }
  
  .cssHeaderCell {
	background: linear-gradient(#0169AB, #0169AB);
	color: #FFFFFF;
	padding: 6px 8px;
	font-weight: bold;
	border-bottom: 0px solid #ffffff;
  }
  
  
  .cssTableRow {
	background-color: #ffffff;
  }
  
  .cssOddTableRow {
	background-color: #f5f7fa;
  }
  
  .cssHoverTableRow:hover {
	background-color: #e8eef3;
  }
  
  .cssSelectedTableRow {
	background-color: #e8f4fb;
	font-weight: bold;
  }
  
  .cssTableCell {
	padding: 6px 8px;
	color: #333;
	border-top: 1px solid #eee;
  }
  
  .cssRowNumberCell {
	text-align: center;
  }
  
  
table.dashboard_bordered {
	
	/*background: transparent url('/Common/Images/grey_gradient_1.png') repeat-x;*/
	background: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
	

	background-size:100% 100%;
    	-webkit-background-size:100% 100%;        /*  Safari  */
    	-khtml-background-size:100% 100%;         /*  Konqueror  */
    	-moz-background-size:100% 100%;           /*  Firefox  */
	
	
	border-radius:10px 10px 10px 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

 
table.dashboard_bordered td {
	border: none;
	
}

input.noborder {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13;
  color:#666666;
  text-decoration:underline;
  border:0;
  background-color:#FFFFFF;
}

input.noborder:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13;
  color:#0000ff;
  text-decoration:underline;
  border:0;
  background-color:#FFFFFF;
}

input.big_bgblue3 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:20;
  font-weight:bold;
  color:#666666;
  text-decoration:underline;
  border:0;
  background-color:#C5C5E5;
}

input.big_bgblue3:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:20;
  font-weight:bold;
  color:#0000ff;
  text-decoration:underline;
  border:0;
  background-color:#C5C5E5;
}

input.red {
  color:#ff0000;
  background-color:#dddddd;
}

input.green {
  color:#00aa00;
}

input.grey {
  background-color:#eeeeee;
}

input.text {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13;
  color:#333333;
  border:0;
  background-color:transparent;
}

input.textblue {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13;
  color:#0000ff;
  border:0;
}

textarea.small {
  font-size:11;
}

textarea.red {
  color:#ff0000;
  background-color:#dddddd;
}

textarea.grey {
  background-color:#eeeeee;
}

option.red {
  color:#ff0000;
}

font {
  font-family:Arial, Helvetica, sans-serif;
}

font.title1 {
  font-size:13;
  font-weight:bold;
  color:#666666;
}
font.title2 {
  font-size:15;
  font-weight:bold;
  color:#0169AB;
}
font.title3 {
  font-size:10;
  color:#666666;
}
font.title4 {
  font-size:18;
  font-weight:bold;
  color:#0169AB;
}
a.info{
    	position:relative; /*this is the key*/
    	z-index:24;
    	color:#000;
    	text-decoration:none;
	padding:5px;
}
    
a.info:hover{
    	z-index:25;
    	background-color:#6699CC;
	padding:5px;
}

a.info span{
    display: none;
    }

a.info:hover span{
    display:block;
    position:absolute;
    top:2em;
    left:-10em;
    width:25em;
    border:1px solid #6699CC;
    background-color:#EEEEEE;
    color:#000;
    text-align:justify;
    font-size:11px;
    font-weight:normal;
    padding:6px;
    line-height:15px;
    }
a.info:hover b{
    white-space:nowrap;
    display:inline;
    }
a.info:hover img{
    float:none;
    margin:5px;
    vertical-align:middle;
    border-style:none;
    border-width:0;
    }

div.warning {
    display: none;
    border:1px solid #6699CC;
    background-color:#EEEEEE;
    color:#000;
    text-align:justify;
    font-size:10px;
    font-weight:normal;
    }

div.custwarning {
	display: none;
	border:1px solid #6699CC;
	background-color:#EEEEEE;
	color:#000;
	text-align:justify;
	font-size:10px;
	font-weight:normal;
	position:absolute;
	left:600px;
	width:398px;
	}		    

table.info {
    border:1px solid #6699CC;
    background-color:#EEEEEE;
    color:#000;
    }

td.info {
  padding:0;
  font-family: courier new;
  font-size:10px;
}
div.viewbar 
{
	padding-bottom:10px;
	border: 1px solid black;
	background-image:url("/Common/Images/pxwhite.png");
	background-repeat:repeat;
	text-align: left;
	float:left;
}
div.viewbar p
{
	cursor: pointer;
  	color: #555555;
}
div.viewbar p.group
{	
  	margin: 5px;
	font-size:  18px;	
	font-weight: bold;
  	color: #555555;
}
div.viewbar p.subgroup
{	
	font-size:  12px;	
	font-weight: bold;
	margin:0px 0px 0px 17px;
  	color: #555555;
}
div.viewbar p.group2
{	
	margin:0px 0px 0px 17px;
	font-size:  14px;	
	font-weight: bold;
  	color: #555555;
}
div.viewbar p.subgroup2
{	
	font-size:  12px;	
	font-weight: bold;
	margin:0px 0px 0px 27px;
  	color: #555555;
}
div.viewbar p:hover
{
 	color: #000000;	
}
div.map
{
	margin:auto;
	width:1000px;
	height:600px;
}
.infocloud td.failing
{
  	color: #FF0000;
}
.infocloud td.OK
{
  	color: #00CC00;
}
.infocloud td.warning
{
  	color: #FF9900;
}
.infocloud td.recovered
{
  	color: #FF9900;
}
.infocloud td.nomon
{
  	color: #990099;
}
.equiptab
{
border:1px solid black;
border-collapse:collapse;
font-weight:bold;
margin:auto;
}
.equiptab td
{
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
}
.equiptab tr.failing
{
  	background-color: #FFCCCC;
}
.equiptab tr.OK
{
  	background-color: #99FFCC;
}
.equiptab tr.warning
{
  	background-color: #FFFFCC;
}
.equiptab tr.recovered
{
  	background-color: #E0E0E0 ;
}

.bgblue1 a:link, .bgblue1 a:visited, .bgblue2 a:link, .bgblue2 a:visited, .bgblue3 a:link, .bgblue3 a:visited {
     text-decoration:none;
}

.fixedBox {
    font: normal 12px/1.2 arial, sans-serif;
    width: 490px;
    margin-left: 50%;
    left: -230px;
    display: block;
    position: absolute;
    top: 55px;
    border: 1px solid #ddd;
    padding: 12px;
    background-color: #fff;
    z-index: 999999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
    cursor: pointer;
}

.fixedBox:hover {
    background-color: #f9f9f9;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    
}

.h_fixedBox {
    font: normal 12px/1.2 arial, sans-serif;
    width: 270px;
    margin-left: 50%;
    left: -120px;
    overflow: hidden;
    height: 15px;
    position: absolute;
    top: 55px;
    border: 1px solid #ddd;
    padding: 4px 12px;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
    cursor: pointer;
}

.h_fixedBox.favfiles {
    top: 82px;
}

.fixedBox.favfiles {
    top: 82px;
}

.h_fixedBox:hover {
    background-color: #f9f9f9;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   
}




table.note {
	cellspacing : 3px;
	border-style: none;
	border-collapse:collapse;
	background-color: #EDF1F7;
	width: 100%;
}
table.note td {
	padding: 3px;
	border-style: none;
	background-color: #EDF1F7;
}
table.note td.header {
	border-style: none;
	cellspacing : 0;
	background-color: #CDD1D7;
}
a.maintab {
	color:#000000;
	font-size:13;
	text-decoration: none;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	font-weight: bold;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

a.maintab:hover {
	background-color: #DDDDFF;
}

a.maintab:focus {
    	outline:1px solid #DDDDFF;
	-moz-outline-radius: 6px;

}

a.maintab:active {
    	color:grey;	
}

table.maintab {
	border-style:none;
	width:100%;
}

td.maintab {
	border-width:1px;
	border-style:solid;
	border-top:none;
	border-bottom:none;
	border-left:none;
}

#transparentLayer {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 101;
top:0px;
left:0px;
width:100%;
}

#popUpDivForm  {
position:absolute;
background-color:#EDF1F7;
width:300px;
height:250px;
z-index: 102;
}

#console  {
position:absolute;
overflow:auto;
width:300px;
height:200px;
z-index: 99999;

   


}

#addForm {
position:absolute;
background-color:#EDF1F7;
width:300px;
height:250px;
z-index: 102;
}

.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 20px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2ab934;
}

.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 20px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9e9e9e;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 9px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00A300;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

.on
{
  display: none;
}

.on
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 40%;
  font-size: 12px;
  font-family: Verdana, sans-serif;
}

.off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 60%;
  font-size: 12px;
  font-family: Verdana, sans-serif;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}


.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;}


  


  button.button_general, button.button_general_green {
	border: 1px solid #bcbfc4;
	padding: 6px 20px;
	text-align: center;
	width: auto;
	text-decoration: none;
	border-radius: 4px;
	font: normal 13px Arial, sans-serif;
	background-color: #f7faff;/* Softer gray for a button look */
	color: #333;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Outer shadow instead of inner */
  }

button.button_general_green {
    background-color: #00A300;
	border: 1px solid #037203;
    color: white;
	
}

/* Hover effects */
button.button_general:hover {
    background-color: #f7f7f7;
    border-color: #5897fb;
    box-shadow: 0 0 5px #5897fb;
    color: #4d4d4d;
}

button.button_general_green:hover {
    background-color: #007A00;
    color: white;
}

/* Active state */
button.button_general:active {
    background-color: #f0f0f0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    outline: none;
}

button.button_general_green:active {
    background-color: #006600;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
    outline: none;
}

/* Disabled state */
button.button_general:disabled, button.button_general_green:disabled {
    background-color: #F0F0F0;
    border-color: #bcbbbb;
    color: #999999;
    cursor: not-allowed;
    box-shadow: none;
}



button.button_big  {
	
	border: 0px;
	padding: 1px 20px 1px 20px;
	color: black;
	text-align: center; width: auto;
	text-decoration:none;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font: normal 28px arial, sans-serif;
	-webkit-box-shadow: #666 0px 1px 2px;
	-moz-box-shadow: #666 0px 1px 2px;
	box-shadow: #666 0px 1px 2px;
	background: #FAFAFA;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FAFAFA), to(#D8D8D8));
	background: -webkit-linear-gradient(#FAFAFA, #D8D8D8);
	background: -moz-linear-gradient(#FAFAFA, #D8D8D8);
	background: -ms-linear-gradient(#FAFAFA, #D8D8D8);
	background: -o-linear-gradient(#FAFAFA, #D8D8D8);
	background: linear-gradient(#FAFAFA, #D8D8D8);
	-pie-background: linear-gradient(#FAFAFA, #D8D8D8);
	behavior: url('/Common/css/PIE.htc');
}

button.button_big:active  { 
    color: black;
    outline: none; /* hide dotted outline in Firefox */
}


button.button_big:link  {
	text-decoration: none;
	color: black; 
}
button.button_big:visited  {
	text-decoration: none;
	color: black;
}

button.button_big:hover  {
	padding: 1px 20px 1px 20px;
	text-align: center; width: auto;
	font: normal 28px arial, sans-serif;
	text-decoration:none;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	color: black;
	cursor:pointer;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #666666;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#B8B8B8));
	background: -webkit-linear-gradient(#666666, #B8B8B8);
	background: -moz-linear-gradient(#666666, #B8B8B8);
	background: -ms-linear-gradient(#666666, #B8B8B8);
	background: -o-linear-gradient(#666666, #B8B8B8);
	background: linear-gradient(#666666, #B8B8B8);
	-pie-background: linear-gradient(#666666, #B8B8B8);
	behavior: url('/Common/css/PIE.htc');
}


input.text_general:focus {
	border-color: #666666;
}


/* TO REMOVE */

.nav {
	float: left;
	width:100%;
	
}
.nav-wrapper {
	clear: both;
	float: left;
	width:100%;
}

.nav ul {
	/*width: 648px;*/
	/*-height: 38px;*/
	float: left;
	margin: 0;
	list-style: none;
	padding: 0 0px 0px;
	width:100%;
}
.nav li {
	float: left;
	/*padding: 0 7px;*/
	position: relative;
	width:100%;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	background: url("/Common/Images/div_on1.jpg") repeat-x;
	z-index:2;
}
.nav li a {
	display: block;
	
	overflow: hidden;
	float: left;

}

.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a ,
.nav li.hover a,
.nav li:hover a {
	color: #09548B;
	
}
.nav li a:visited
{
	color:#333333;
}


/*------------- sub menu --------------*/

.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	color: #FFFFFF;
	display: none;
	position: absolute;
	top: 18px;
	left:100px;
	
	width: 186px;
	padding-top: 9px;
}


.nav li ul {
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 0px 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 0px 0 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFCFCF;
	background-color: #EEEEEE;	
}
.nav li:hover li a,
.nav li.active li a {
	color: black;	
	text-decoration: none;	
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: black;
	background-color: #F6F6F6;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background-color: #F6F6F6;
	text-decoration: none;
	line-height: normal;
}

.menu_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	/*background-image: url("/Common/Images/div.jpg");*/
	
	display: block;
	cursor:default;
	text-transform: capitalize;
	text-decoration: none;
	float: left;
	padding-top: 6px;
	padding-right: 34px;
	padding-left: 5px;
	padding-bottom:6px;
	
}
/*TO REMOVE*/


.left-menu a {
	
  	display: block;
  	text-align: left;
  	text-decoration: none;
	padding-left:10px;
	padding-top:6px;
	padding-bottom:9px;
	color:white;
	width:195px;
	font: normal 15px arial, sans-serif;
	
	/*background:  url('/Common/Images/globalnav_sub_left_m.png') no-repeat 0% 0px;*/

	
	/*float: left;*/
}

.left-menu {
	position:relative;
	margin:0;
	padding-left:5px;
	
}
.left-menu a.left {
	display: block;
	text-align: left;
  	text-decoration: none;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:white;
	width:149px;
	/*background:  url('/Common/Images/globalnav_sub.png') no-repeat 0% 1px;*/
}

.left-menu a.right {
	display: block;
  	text-align: left;
  	text-decoration: none;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:white;
	width:149px;
	/*background:  url('/Common/Images/globalnav_nosearch_sub.png') no-repeat 51% 1px;*/
}

.left-menu a:focus {
    	outline:none;

}

.left-menu a:link {color:white;}
.left-menu a:visited {color:white;}
.left-menu a:hover {
	width: 95%;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: #222 0px 1px 2px;
	-moz-box-shadow: #222 0px 1px 2px;
	box-shadow: #222 0px 1px 2px;

	background: #0280D1;
	behavior: url('/Common/css/PIE.htc');

	font: normal 15px arial, sans-serif;
	color: white;
}


.left-menu a.left:hover {
	color:white;
	background: url('/Common/Images/globalnav_sub.png') no-repeat 0% -49px;
	
}

.left-menu a.right:hover {
	color:white;
	background: url('/Common/Images/globalnav_nosearch_sub.png') no-repeat 51% -49px;
	
}
.left-menu a:active {
	width: 95%;
	text-decoration:none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #666 1px 0px 0px;
	-moz-box-shadow: #666 1px 0px 0px;
	box-shadow: #666 1px 0px 0px;
	background: #424242;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#424242), to(#343434));
	background: -webkit-linear-gradient(#424242, #343434);
	background: -moz-linear-gradient(#424242, #343434);
	background: -ms-linear-gradient(#424242, #343434);
	background: -o-linear-gradient(#424242, #343434);
	background: linear-gradient(#424242, #343434);
	-pie-background: linear-gradient(#424242, #343434);
	behavior: url('/Common/css/PIE.htc');
	font: normal 15px arial, sans-serif;
	color:white;
}

.left-menu a.left:active {color:white;background: url('/Common/Images/globalnav_sub.png') no-repeat 0% -75px;}
.left-menu a.right:active {color:white;background: url('/Common/Images/globalnav_nosearch_sub.png') no-repeat 51% -75px;}

table.lefthandmenu {
	padding:5px;
	border:1px;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:#0169AB;
	
}

table.lefthandmenu td {
	padding-bottom: 4px;
	padding-top: 3px;
	padding-left: 10px; 
	padding-right: 3px;
}

table.lefthandmenu td.menulabel {

	width: auto;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: #222 0px 1px 2px;
	-moz-box-shadow: #222 0px 1px 2px;
	box-shadow: #222 0px 1px 2px;

	background: #015b93;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#015b93), to(#015b93));
	background: -webkit-linear-gradient(#015b93, #015b93);
	background: -moz-linear-gradient(#015b93, #015b93);
	background: -ms-linear-gradient(#015b93, #015b93);
	background: -o-linear-gradient(#015b93, #015b93);
	background: linear-gradient(#015b93, #015b93);
	-pie-background: linear-gradient(#015b93, #015b93);
	behavior: url('/Common/css/PIE.htc');

	padding-bottom: 4px;
	padding-top: 3px;
	padding-left: 10px; 
	padding-right: 3px;

	font: normal 17px arial, sans-serif;
	color: white;
}



.greyed {
	border:0;
	border-radius:10px;
	-moz-border-radius:10px;
	/*background: transparent url('/Common/Images/grey_gradient_1.png') no-repeat 0%;*/
	background: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
	background-size:100% 100%;
    	-webkit-background-size:100% 100%;        /*  Safari  */
    	-khtml-background-size:100% 100%;         /*  Konqueror  */
    	-moz-background-size:100% 100%;           /*  Firefox  */
	
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

.greyed_rotated {
	border:0;
	border-radius:10px;
	-moz-border-radius:10px;
	/*background: transparent url('/Common/Images/grey_gradient_2.png') no-repeat 0%;*/
	background: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
	background-size:100% 100%;
    	-webkit-background-size:100% 100%;        /*  Safari  */
    	-khtml-background-size:100% 100%;         /*  Konqueror  */
    	-moz-background-size:100% 100%;           /*  Firefox  */
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}


/* main navigation bar */

/* GLOBALHEADER */
#globalheader { position:relative; display:block; width:100%; height:30px; margin:18px auto; text-align:left; z-index:9998; background:url(/Common/Images/globalheader.png) repeat-x;
	-khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	-khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
	font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

@media only screen and (max-device-width:768px) {
	#globalheader { z-index:1; }
}
#globalheader #globalnav { position:relative; display:block; margin:0; padding:0; zoom:1; z-index:3; }
#globalheader #globalnav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#globalheader #globalnav li { display:inline; }
#globalheader #globalnav li a {  text-align:center; text-decoration:none; float:left; width:90px; height:30px; overflow:hidden;  background:url(/Common/Images/globalnav.png) no-repeat; cursor:pointer; }
#globalheader #globalnav li a.documentation {  text-align:center; text-decoration:none; float:left; width:120px; height:30px; overflow:hidden;  background:url(/Common/Images/globalnav_shifted.png) no-repeat; cursor:pointer; }


/* VML FOR IE */
v\:roundrect,
v\:fill { behavior:url(#default#VML); }
#globalheader-roundrect,
#globalheader-fill { display:block; position:absolute; width:100%; height:30px; top:0; left:0; z-index:2; }
#globalheader-shadow {  display:block; position:absolute; width:100%; height:30px; top:-1px; left:-2px; z-index:1; -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelRadius=2)"; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=2); }

/* VARIANTS */
#globalheader #globalnav.tabs6-nosearch li a { width:163px; background-image:url(/Common/Images/globalnav_tabs6-nosearch.png); }
#globalheader #globalnav.tabs6-nosearch li#stats a { width:165px; }
#globalheader #globalnav.tabs7-nosearch li a { width:140px; background-image:url(/Common/Images/globalnav_tabs7-nosearch.png); }
#globalheader #globalnav.tabs7-nosearch li#stats a { width:140px; }
#globalheader #globalnav.nosearch       li a { width:122px; background-image:url(/Common/Images/globalnav_nosearch.png); }
#globalheader #globalnav.nosearch       li#stats a { width:126px; }
#globalheader #globalnav.tabs7          li a { width:117px; background-image:url(/Common/Images/globalnav_tabs7.png); }
#globalheader #globalnav.tabs7          li#stats a { width:114px; }

/* ACTION STATES */
#globalheader #globalnav li a { background-position:100% 0; outline:none; }
#globalheader #globalnav li a.before { background-position:100% -30px; }
#globalheader #globalnav li a:hover,
#globalheader #globalnav li a:focus  { background-position:100% -60px; }
#globalheader #globalnav li a:active { background-position:100% -90px; }

#globalheader #globalnav li#stats a { background-position:0 0; }
#globalheader #globalnav li#stats a.before { background-position:0 -30px; }
#globalheader #globalnav li#stats a:hover,
#globalheader #globalnav li#stats a:focus  { background-position:0 -60px; }
#globalheader #globalnav li#stats a:active { background-position:0 -90px; }

#globalheader #globalnav li#stats a.selected { background-position:0 -60px; }
#globalheader #globalnav li a.selected { background-position:100% -60px; outline:none; }

#globalheader #globalnav li a.documentation { background-position:100% 0; outline:none; }
#globalheader #globalnav li a.before { background-position:100% -30px; }
#globalheader #globalnav li a.documentation:hover,
#globalheader #globalnav li a.documentation:focus  { background-position:100% -60px; }
#globalheader #globalnav li a.documentation:active { background-position:100% -90px; }
/* VARIANT ACTION STATES */
#globalheader #globalnav.tabs6-nosearch li.gn-last a { background-position:-165px 0; }
#globalheader #globalnav.tabs6-nosearch li.gn-last a:hover,
#globalheader #globalnav.tabs6-nosearch li.gn-last a:focus { background-position:-165px -60px; }
#globalheader #globalnav.tabs6-nosearch li.gn-last a:active { background-position:-165px -90px; }

#globalheader #globalnav.tabs7-nosearch li.gn-last a { background-position:-140px 0; }
#globalheader #globalnav.tabs7-nosearch li.gn-last a:hover,
#globalheader #globalnav.tabs7-nosearch li.gn-last a:focus { background-position:-140px -60px; }
#globalheader #globalnav.tabs7-nosearch li.gn-last a:active { background-position:-140px -90px; }

#globalheader #globalnav.nosearch       li.gn-last a { background-position:-126px 0; }
#globalheader #globalnav.nosearch       li.gn-last a:hover,
#globalheader #globalnav.nosearch       li.gn-last a:focus { background-position:-126px -60px; }
#globalheader #globalnav.nosearch       li.gn-last a:active { background-position:-126px -90px; }



/* TEXT */
#globalheader            #globalnav li            a span { display:block; width:100%; height:30px; margin:5px auto; color:white; }

/* GLOBAL SEARCH */
#globalsearch { position:absolute; top:0; right:0; width:140px; padding:4px 12px; z-index:5; background:url(/Common/Images/globalsearch_bg.png) no-repeat 100% 0; }
#g-search { display:block; position:relative; }




#g-search label { display:block; margin-top:0px; }
#g-search .sp-label { margin-bottom:-2px; }
#g-search .sp-label label { display:none; margin:0; }

.globalheader-js #g-search {  height:20px;  width:100%; border:0 none; padding-left: 20px; color:#fff; background:url(/Common/Images/globalsearch_field.png) 0 100% no-repeat; }

.searchmode      #g-search { background-position:0 100%; }

#globalsearch .reset { position:absolute; width:11px; height:11px; overflow:hidden; z-index:6; top:5px; right:6px; background:url(/Common/Images/globalsearch_reset.gif); }
#globalsearch .reset,
.searchmode #globalsearch .empty .reset { display:none; }
.searchmode #globalsearch .reset { display:block; cursor:pointer; }
@media only screen and (max-device-width:768px) {
	#globalsearch .reset { display:none !important; }
}

#globalsearch .spinner { position:absolute; display:none; width:11px; height:11px; overflow:hidden; z-index:7; top:5px; right:6px; background:url(/Common/Images/globalsearch_spinner.gif); }
.searchmode #globalsearch .spinner { display:block; }
.searchmode #globalsearch .spinner.hide { display:none; }

/* SEARCH SHORTCUTS */
#sp-results { position:absolute; top:32px; right:0; width:290px; line-height:0; z-index:9999; }
#sp-results div { position:relative; background:#fff; background:rgba(255,255,255,0.97);
	-khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -ms-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -o-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 10px; box-shadow:rgba(0,0,0,0.5) 0 0 10px;
}
#sp-results #sp-roundrect { position:absolute; width:100%; }
#sp-results #sp-roundrect div { background:none; }
#sp-results .sp-shadow { position:absolute; display:none; top:-10px; left:-10px; width:100%; background:#333;
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelRadius=10)"; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=10);
}

#sp-results h3 { margin:0; padding:8px 10px 2px; color:#999; font-size:12px; line-height:1.3; }

#sp-results ul { padding-bottom:4px; }
#sp-results #sp-roundrect ul { margin-left:1px; margin-right:-2px; width:291px; }
#sp-results ul li { clear:left; margin:0; padding:0; font-size:11px; line-height:1.3; }
#sp-results ul li a { display:block; padding:6px 10px 6px 66px; text-decoration:none; outline:none; zoom:1; }
#sp-results ul li a:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#sp-results ul li a h4 { margin:0; padding:0; color:#000; font-weight:bold; font-size:11px; line-height:1.3; }
#sp-results ul li a p { margin:0; padding:0; color:#333; font-size:11px; line-height:1.3; }
#sp-results ul li a img { float:left; width:46px; height:46px; margin:0 10px 0 -56px; behavior:none; }

#sp-results ul.noresults { padding-top:4px; }
#sp-results ul.noresults li a { padding-left:10px; text-align:center; }

#sp-results ul li a:hover,
#sp-results ul li a:focus,
#sp-results ul li.focus a { background:#367af8;
	background:-moz-linear-gradient(top, #648ffa 0, #0d67f7 100%);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#648ffa), to(#0d67f7));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF648FFA,endColorstr=#FF0D67F7)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF648FFA,endColorstr=#FF0D67F7);
}
#sp-results ul li a:hover h4,
#sp-results ul li a:focus h4,
#sp-results ul li.focus a h4,
#sp-results ul li a:hover p,
#sp-results ul li a:focus p,
#sp-results ul li.focus a p { color:#fff; }

table.whitebordered {
	background: transparent;
 	border: 1px solid #666666;
  	overflow-y:auto;
  	border-radius:10px 10px 10px 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	padding-left: 8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}

.searchfix {
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       .searchfix {
		padding-bottom:13px;
	}
 }

#the_iframe {
 border:1px white solid; 
 min-height:150px;

}

#coverageBox {
	border: solid #0169AB 2px;
	width:300px;
	background:white;
}

div.info{
    	position:relative; /*this is the key*/
    	z-index:24;
    	color:#000;
    	text-decoration:none;
	padding:5px;
}
    
div.info:hover{
    	z-index:25;
    	background-color:#6699CC;
	padding:5px;
}

div.info span{
    display: none;
    }

div.info:hover span{
    display:block;
    position:absolute;
    top:2em;
    left:-10em;
    width:25em;
    border:1px solid #6699CC;
    background-color:#EEEEEE;
    color:#000;
    text-align:justify;
    font-size:11px;
    font-weight:normal;
    padding:6px;
    line-height:15px;
    }
div.info:hover b{
    white-space:nowrap;
    display:inline;
    font-size:small;
    }
div.info:hover img{
    float:none;
    margin:5px;
    vertical-align:middle;
    border-style:none;
    border-width:0;
    }

a.ordinary-right {
	
	
  	display: block;
  	text-align: right;
  	text-decoration: none;
	width:60px;
	color:white;
	font-size:10px;
	padding-right:2px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	background:none;
	font-family:Arial,Helvetica,sans-serif;
	/*background:  url('/Common/Images/globalnav_sub_left_m.png') no-repeat 0% 0px;*/

	
	/*float: left;*/
}

input.ordinary-right {
	
	border:none;
  	display: block;
  	text-align: right;
  	text-decoration: none;
	width:60px;
	color:white;
	font-size:10px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	background:none;
	font-family:Arial,Helvetica,sans-serif;
	outline:none;
	font-weight:bold;
	/*background:  url('/Common/Images/globalnav_sub_left_m.png') no-repeat 0% 0px;*/

	
	/*float: left;*/
}

a.ordinary-right:active,input.ordinary-right:active {color:white;background: none;}
a.ordinary-right:focus,input.ordinary-right:focus  {
    	outline:none;

}

a.ordinary-right:link,input.ordinary-right:link  {color:white;}
a.ordinary-right:visited,input.ordinary-right:visited  {color:white;}
a.ordinary-right:hover,input.ordinary-right:hover  {
	color:white;
	background: none;
	text-decoration: underline;
}

a.ordinary-left {
  	display: block;
  	text-align: left;
  	text-decoration: none;
	width:160px;
	color:white;
	font-size:10px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:3px;
	background:none;
	font-family:Arial,Helvetica,sans-serif;
	
}

input.ordinary-left {
	
	border:none;
  	display: block;
  	text-align: left;
  	text-decoration: none;
	width:160px;
	color:white;
	font-size:10px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	background:none;
	font-family:Arial,Helvetica,sans-serif;
	outline:none;
	/*background:  url('/Common/Images/globalnav_sub_left_m.png') no-repeat 0% 0px;*/

	
	/*float: left;*/
}

a.ordinary-left:active,input.ordinary-left:active {color:white;background: none;}
a.ordinary-left:focus,input.ordinary-left:focus {
    	outline:none;

}

a.ordinary-left:link,input.ordinary-left:link {color:white;}
a.ordinary-left:visited,input.ordinary-left:visited {color:white;}
a.ordinary-left:hover,input.ordinary-left:hover {
	color:white;
	background: none;
	text-decoration: underline;
}
.main_menu.simple, .main_menu_red.simple {
    display: block;
    text-align: center;
    white-space: nowrap;
    width: 1250px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
    font-size: 0;
    background: none;
    border: none;
}
.main_menu, .main_menu_red {
	display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 1250px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
    font-size: 0; /* optional */
}

/*body, body * {
	font-family: 'Roboto', sans-serif !important;
  }*/
@keyframes flashRed {
    0%   { color: red; }
    50%  { color: rgb(255, 255, 255); }
    100% { color: red; }
}

.flash-red {
    animation: flashRed 1s infinite;
    font-weight: bold; /* Optional: makes the text stand out */
    padding: 0; /* Remove padding */
    border-radius: 0; /* Remove border */
    background: none; /* Ensure no background */
}


.main_menu a, .main_menu_red a {
	border: 1px solid #015b93;
	border-left: none;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
  	font: normal 12px arial, sans-serif;
	font-weight: bold;
	color:white;
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0;
	text-align: center;
	text-decoration: none;
	outline:none;
	width:84px;
	-webkit-box-shadow: #015b93 0px 1px 2px;
	-moz-box-shadow: #015b93 0px 1px 2px;
	box-shadow: #015b93 0px 1px 2px;
	background: #015b93;
	behavior: url('/Common/css/PIE.htc');
	transform: 0;
	z-index:1000;
}

.main_menu a {
	box-sizing: border-box;
	background: #0169AB; /* fallback solid color */
	background: linear-gradient(to bottom, #0169AB, #0169AB); /* modern syntax */
}

.azotel_header_back_topnav{
	border: 1px solid #015b93;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	
	padding-top:3px;
    padding-left:32px;
	padding-right:10px;
	border-radius: 6px 6px 0px 0px;background: linear-gradient(to bottom, #f2f2f2, #dad8d8);
    
    background: #0169AB;
	height:30px;


}

.azotel_header_back_topnav a{
	font: normal 12px arial, sans-serif;
}

.azotel_header_back_topnav tr{

	float:right;
}


.azotel_header_back_topnav tr a {
    color: white !important;
    font-weight: bold !important;
    text-decoration: none;
    position: relative;
    padding-left: 12px;
	padding-right: 3px;
}

.azotel_header_back_topnav tr a:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 1px;
    background: white;
}

input[type="checkbox"], input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 14px;   /* smaller, closer to browser default */
    height: 14px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    
    border: 1px solid #bcbfc4;
    border-radius: 3px; /* subtle rounding */
    background-color: #fff;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    position: relative;
}

/* Focus */
input[type="checkbox"]:focus, input[type="radio"]:focus {
    box-shadow: 0 0 3px #5897fb;
    border-color: #5897fb;
    outline: none;
}

/* Checkbox checked */
input[type="checkbox"]:checked {
    background-color: #0169AB;
    border-color: #0169AB;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00004 10.2L3.80004 8L2.8667 8.93333L6.00004 12.0667L14 4.06667L13.0667 3.13333L6.00004 10.2Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px; /* smaller checkmark */
}

/* Radio button specific */
input[type="radio"] {
    border-radius: 50%; /* circle */
}

input[type="radio"]:checked {
    background-color: #0169AB;
    border-color: #0169AB;
    box-shadow: inset 0 0 0 3px white; /* smaller dot */
}

/* Disabled state */
input[type="checkbox"]:disabled, input[type="radio"]:disabled {
    background: #F0F0F0;
    border: 1px solid #bcbbbb;
    cursor: not-allowed;
    box-shadow: none;
}

#simpler_logo_main {
    content: url('/Common/Images/SIMPLer_transperent_2025.png');
}

#azotel_main_logo {
    content: url('/Common/Images/Azotel_transperent_2025.png');
}

html.darkmode #simpler_logo_main {
    content: url('/Common/Images/SIMPLer_transperent_2025_dark.png');
}

html.darkmode #azotel_main_logo {
    content: url('/Common/Images/Azotel_transperent_2025_dark.png');
}

.azotel_header_back {
	
	
    padding-left:32px;
	padding-right:32px;
	
    background-image: linear-gradient(rgb(242, 242, 242), rgb(218, 216, 216));
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;margin-left:auto; margin-right:auto;

}
.main_menu_red a {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A90707), to(#3E0E0E));
	background: -webkit-linear-gradient(#A90707, #3E0E0E);
	background: -moz-linear-gradient(#A90707, #3E0E0E);
	background: -ms-linear-gradient(#A90707, #3E0E0E);
	background: -o-linear-gradient(#A90707, #3E0E0E);
	background: linear-gradient(#A90707, #3E0E0E);
	-pie-background: linear-gradient(#A90707, #3E0E0E);
}

.main_menu a#left, .main_menu_red a#left {
	border-right: 1px solid #015b93;
	border-left: 1px solid #015b93;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topright: 0px;
	border-radius: 0px 0 0 6px;
	behavior: url('/Common/css/PIE.htc');
}

.main_menu a#right, .main_menu_red a#right {
	border-left: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	border-radius: 0 0px 6px 0;
	behavior: url('/Common/css/PIE.htc');
	width:158px;
	flex: 0 0 158px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
}

.main_menu a#standalone, .main_menu_red a#standalone {
	border-right: 1px solid #015b93;
	border-left: 1px solid #015b93;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	border-radius: 6px 6px 6px 6px;
	behavior: url('/Common/css/PIE.htc');
	border-left: none;
	width:158px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
}

.main_menu a#empty, .main_menu_red a#empty {
	border-right:none;
	border-left:none;
	width:90px;
}

.main_menu a.selected {
	background: #014F7E;

}

 .main_menu a:hover {
	background: #0280D1;

}

.main_menu a#empty:hover, .main_menu a#right:hover {
	background: #0169AB;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0169AB), to(#0169AB));
	background: -webkit-linear-gradient(#0169AB, #0169AB);
	background: -moz-linear-gradient(#0169AB, #0169AB);
	background: -ms-linear-gradient(#0169AB, #0169AB);
	background: -o-linear-gradient(#0169AB, #0169AB);
	background: linear-gradient(#0169AB, #0169AB);
	-pie-background: linear-gradient(#0169AB, #0169AB);
	behavior: url('/Common/css/PIE.htc');
}

.main_menu_red a.selected, .main_menu_red a:hover {
	background: #555454;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#550404), to(#290808));
	background: -webkit-linear-gradient(#550404, #290808);
	background: -moz-linear-gradient(#550404, #290808);
	background: -ms-linear-gradient(#550404, #290808);
	background: -o-linear-gradient(#550404, #290808);
	background: linear-gradient(#550404, #290808);
	-pie-background: linear-gradient(#550404, #290808);
	behavior: url('/Common/css/PIE.htc');
}

.main_menu_red a#empty:hover, .main_menu_red a#right:hover {
	background: #A9A7A7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A90707), to(#3E0E0E));
	background: -webkit-linear-gradient(#A90707, #3E0E0E);
	background: -moz-linear-gradient(#A90707, #3E0E0E);
	background: -ms-linear-gradient(#A90707, #3E0E0E);
	background: -o-linear-gradient(#A90707, #3E0E0E);
	background: linear-gradient(#A90707, #3E0E0E);
	-pie-background: linear-gradient(#A90707, #3E0E0E);
	behavior: url('/Common/css/PIE.htc');
}

.main_menu .searchfield, .main_menu_red .searchfield {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	background: #fff;
	
	border: solid 0px #bcbbbb;
	outline: none;
	position:absolute;
	border-radius: 4px;
	width: 120px;
	z-index: 5;
	left: 12px; top: 6px;
	font-family: Arial, Helvetica, sans-serif;
  	font: normal 13px arial, sans-serif;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='gray' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
	background-position: 1px left; 
	background-size: 12px 12px;
	background-origin: content-box;
	text-indent: 24px;

	
	background-repeat: no-repeat; 
	background-size: contain;

	
}

.main_menu span ul, .main_menu_red span ul {
	margin: 0;
	padding:0;
	position:absolute;
	display:none;
	background:none;
	z-index:1000;
}

/* the little line next to each nav expandded item */
.main_menu span:hover ul, .main_menu_red span:hover ul  {
	display: inline;	
	margin: 0;
	padding: 0;
	background: #F99E21; 
	border:0;
	margin-top:30px; 
	z-index:1000;
}

.main_menu span:hover ul li {
	z-index:1000;
	border:0;
}

.main_menu ul li a, .main_menu_red ul li a {
	background: #0169AB;
	width:150px;
	border:1px solid #333;
	border-left: none;
	border-top:none;
	left:5px;
	font-family: Arial, Helvetica, sans-serif;
  	font: normal 12px arial, sans-serif;
	outline:none;
	text-align:left;
	padding-left:10px;
	z-index:1000;
}

.main_menu hover ul li a:hover, .main_menu_red hover ul li a:hover {
	background: #333;
	z-index:1000;
}




.menu_like {
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
  	font: normal 21px arial, sans-serif;
	font-weight: bold;
	color: white;
	position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #666 0px 1px 2px;
	-moz-box-shadow: #666 0px 1px 2px;
	box-shadow: #666 0px 1px 2px;
	background: #0169AB; /* Fallback solid color */
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0169AB), to(#0169AB));
	background: -webkit-linear-gradient(#0169AB, #0169AB);
	background: -moz-linear-gradient(#0169AB, #0169AB);
	background: -ms-linear-gradient(#0169AB, #0169AB);
	background: -o-linear-gradient(#0169AB, #0169AB);
	background: linear-gradient(#0169AB, #0169AB);
	-pie-background: linear-gradient(#0169AB, #0169AB);
	behavior: url('/Common/css/PIE.htc');
}

.menu_like td.left_side {
	font: normal 21px arial, sans-serif;
	font-weight: bold;
	color: white;
}

.menu_like td.right_side {
	font: normal 21px arial, sans-serif;
	font-weight: bold;
	color: white;
	padding-top: 3px;
}

.menu_like .searchfield {
	display: inline-block;
	zoom: 1; /* IE7 hack for display:inline-block */
	*display: inline;
  
	background: #fff;
	
	border: solid 0px #bcbbbb;
	outline: none;
	position: relative;
	border-radius: 2em;
	width: 130px;
	font: normal 13px Arial, Helvetica, sans-serif;
  
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='gray' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 12px 12px;
	background-origin: content-box;
	text-indent: 24px;
	border-radius: 4px;
  }
  


table.notificationred {
	padding:1px;
	border:1px;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:#DD4747;
	color:white;
	margin-bottom: 4px; 
}

table.notificationred td, table.notificationred td a {
	font: normal 12px arial, sans-serif;
	color:white;
}

table.notificationgreen {
	padding:1px;
	border:1px;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:#47BB47;
	color:white;
	margin-bottom: 4px; 
}

table.notificationgreen td, table.notificationgreen td a {
	font: normal 12px arial, sans-serif;
	color:white;
}

table.notificationorange {
	padding:1px;
	border:1px;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:#FFA500;
	color:white;
	margin-bottom: 4px; 
}

table.notificationorange td, table.notificationorange a {
	font: normal 12px arial, sans-serif;
	color:white;
}

div.fading_div {
	display:none; 
	padding-top:5px; 
	position:absolute; 
	z-index:1000; 
	border: solid black 2px; 
	border-radius: 3px; 
	width:120px; 
	height:115px; 
	top: 50%; 
	left: 50%; 
	background-color: #555;
}

.box_rotate {
     -moz-transform: rotate(270deg);  /* FF3.5+ */
       -o-transform: rotate(270deg);  /* Opera 10.5 */
  -webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2.988);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2.988)"; /* IE8 */
}


table.notificationflash {
	padding:1px;
	padding-top:11px;
	padding-bottom:11px;
	border:1px;
	border-radius:10px;
	border-color: coral;
	-moz-border-radius:10px;
	background-color: #DD4747;
	color:white;
	margin-bottom: 4px; 
	/* -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
  /* -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
  /* -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
  /* animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}

table.notificationflash td, table.notificationflash a {
	font: normal 13px arial, sans-serif;
	color:white;
	width: 40;
}

/*@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: #ff471a;
    border: 3px solid #ff471a;
  }
  50%, 100% {
    background-color: #cc0000;
    border: 3px solid #cc0000;
  }
}*/


table.smallfontnoborder {
	border: 0px solid black;
	border-spacing:0px;
	font-size: 10px;
	width: 100%;
}

table.smallfontnoborder tr td {
	font-size: 10px;
	border:0;
	white-space: nowrap;
}

.searchsubscriptionfield {
	display: inline-block;
	zoom: 1; /* IE7 hack for display:inline-block */
	*display: inline;
  
	background: #fff;
	
	border: solid 1px #bcbbbb;
	outline: none;
	position: relative;
	border-radius: 2em;
	width: 130px;
	font: normal 13px Arial, Helvetica, sans-serif;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='gray' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 12px 12px;
	background-origin: content-box;
	text-indent: 24px;
	border-radius: 4px;
}

.previewFile {
	display: none;
    z-index: 10;
    position: absolute;
    border: 1px solid black;
    background-color: white;
    padding: 3px;
    height: auto;
    width: auto;
    justify-content: center;
}