/* general / global */
a
{
	cursor:pointer; 
}
.input-group
{
	margin-bottom: 15px;
	padding: 10px;
}
.ol-mouse-position
{
	background: rgba(255, 255, 255, 0.8);
	padding:5px;
	border-radius: 2.5px;
	border: 1px solid grey;

}
.ol-mouse-position
{
	/*display:none;*/
}

a.btn:visited
{
	color:#FFFFFF;
}

html {
  margin:		0;
  padding:		0;
}

body {
  font-family:		arial, sans-serif;
  font-size:		10pt;
  padding: 		0; /* 10px; */
  margin: 		0;
/*  color:		#005A9B;*/
  color:		#333;
/*  background-color:	#ffcccc !IMPORTANT; */
  padding-top:0px !IMPORTANT;
}

h1 {
  font-size:		125%;
  color:		#005B9A;
}

h2 {
  font-size:		120%;
  color:		#005B9A;
}

.livechart
{
	max-height:250px;

	height: 100%; 
	width: 100%;
}
.cenimg
{
	text-align:center;
}

a,
a:visited {
  text-decoration:	none;
  color:		#017AC9;
}

a
{
	text-decoration:	none !IMPORTANT;
}


a:hover {
  color:		#5B3F1A;
}

fieldset#search {  
  border: 		none;
  margin: 		0;
  padding: 		0;
}

.err, .error, .error3, .pwerror
{
  display:none;
}
.err, .error, .error22, .error3, .pwerror, .cat_err
{
  color: 		#a94442;
}


/* logo, header banner and LHS menu */

div#logo{  
  width:		200px;
float: left;
}

div#header {
  margin-left:		15px;  /* 200 + 15 */
  float: left;
}


div#logo img,
div#header img,
div#header a,
a img
 {
  border:		none;
}

div#menu {
  clear:		left;
  width:		200px;
  float:		left;
  background:		white url(/resources/images/07/fade_m.jpg) repeat-x top left;
}

div#menu a {
  font-size:		13px;
  line-height:		14px;
}

div#menu form {
  margin:		0;
  padding:		0 0 0 10px;
}

div#menu input {
  font-size:		13px;
  padding:		1px;
  margin:		0;
}

div#menu ul {
  list-style-type:	none;
  margin:		0 0 12px 0;
  padding:		0;
}

div#menu ul li {
  border:		1px solid white;
  font-size:		13px;
  height:		20px;
}


div#menu ul li a {
  display: block;
  width: 170px;
             /* = 200 - 20 - 10 - seems to prevent excess top margin in IE */
}


div#menu ul li.link a:hover,
div#menu ul li.link:hover {
  background:		white url(/resources/images/07/menu_sellink.jpg) repeat-x top left;
}

div#menu ul li.title {
  background:		white url(/resources/images/07/menu_title.jpg) repeat-x top left;
  padding-left:		9px;  
  font-weight:		bold;
  color:		#005B9A;
}

div#menu ul li.link {
  background:		white url(/resources/images/07/menu_link.jpg) repeat-x top left;
  padding-left:		19px;
  font-weight:		normal;  
}

div#menu ul li.sellink {
  background:		white url(/resources/images/07/menu_sellink.jpg) repeat-x top left;
  padding-left:		19px;
  font-weight:		normal;
}

div#menu ul li.sellink a {
  color:		#5B3F1A;
}

div#menu ul li.disable {
  color: 		#BBB;
}


/* main content */

div#content {
	margin-left:		215px;
   background:		#F4F8FB;
}

div#welcome {
  padding-top:		0px !IMPORTANT;

  margin-left:		0px !IMPORTANT;
}





/* fadey corner stuff */

.boxhead {
  /*background:		url(/resources/images/07/fade_r.jpg) no-repeat top right;*/
  background: linear-gradient(#57A7D8 , #F4F8FB );
  background: -webkit-linear-gradient(#57A7D8, #F4F8FB); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#57A7D8, #F4F8FB); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#57A7D8, #F4F8FB); /* For Firefox 3.6 to 15 */
}
.boxhead h1 {
  color:		white;
  font-size:		16px;
  font-weight:		normal;
  margin:		0px !IMPORTANT;
  padding:		8px 10px 20px 10px;
  text-transform:	uppercase;
}

.boxhead h2 {
  color:		white;
  font-size:		16px;
  line-height:		18px;
margin:		0px !IMPORTANT;
  padding:		0 10px 2px 10px;
}

.boxhead h3 {
  color:		#017AC9;
  font-size:		16px;
  line-height:		18px;
margin:		0px !IMPORTANT;
  padding:		0 10px 2px 10px;

}

.boxhead_noback h3 {
  color:		#017AC9;
  font-size:		16px;
  line-height:		18px;
 margin:		0px !IMPORTANT;
  padding:		0 10px 2px 10px;
}



.boxbody_map {
  padding:		2px 10px 5px 10px;
  background: #F4F8FB url(/resources/images/map/in_progress.gif) no-repeat center center;   

}




div#content div.boxbody {
  /*padding-right:	40px;*/
}

div#cm_menu {
  clear:		left;
  width:		300px;
  float:		left;
  background:		white url(/resources/images/07/fade_m.jpg) repeat-x top left;
}




/* Footer stuff */

#footer {
/*
  border-top:		1px solid #9ACFC9;
  background-color:	#B3DBD6;
*/
  height:			26px;
  font-size:		11px;
  clear:			both;
          }

#footer {
  color:		#aaa;
}

#footer a,
#footer a:visited {
  color:		#aaa;
  text-decoration:	none;
}

#footer a:hover {
  text-decoration:	underline;
}

#footer .linksep {
  border-right:		1px solid #333333;
  padding:			0 8px 0 0;
  margin:			0 8px 0 0;
  height:			10px;
}

#admin {
  float:			right;

  padding:			4px 2px 0 0;
}

/*
#admin a,
#admin a:visited {
  color:			#028777;
}
*/

#footer img {
  border:               none;
  vertical-align:       middle;
  padding-bottom:       4px;
}

#info {
  float:			left;
  padding:			4px 10px 0 2px;
}

/*
#info a,
#info a:visited {
  color:			#444444;
}
*/


/* htdig search engine styles */

.htdig_meta {
  color:			#aaa;
  text-align:			right;
  margin-bottom:		15px;
}


/* map link page */

.click_box {
/*  border: 1px solid gray;*/
  line-height: 65px;
  display: block;
  width: 477px;
  height: 72px;
  background:		url(/resources/images/07/maplink.jpg) no-repeat top left;

}

table#cataloguelinks a:link {
font-size: 1em;
font-weight: bold;
margin: 15px;

}


table#cataloguelinks {
margin-left: auto;
margin-right: auto;
margin-top: 15px;

}

table#cataloguelinks td {
padding: 5px;
}

#mapbutton span{
margin-left: auto;
margin-right: auto;
}
/* real time tables */

table.with_borders,
table.real_time_sites {
  border-collapse: collapse;

}

table.with_borders td,
table.real_time_sites td {
  border:       1px solid #AAA;
  padding:      5px;
}

table.with_borders_centered {
  border-collapse: collapse;
}
table.with_borders_centered td {
  border:       1px solid #AAA;
  padding:      5px;
  text-align: center;
}


.nav_tab_off {
         text-align: center;
         border-left: 1px double #888888;
	 border-bottom:1px double #888888;
         border-top:1px double #888888;}

.nav_tab_on {
         text-align: center;
         border-left: 1px double #888888;
         border-top:1px double #888888;}

.nav_sp {
	 border-left:1px double #888888;
	 border-bottom:1px double #888888;
	 background: #F4F8FB;}

.nav_tb {
	 border-left:1px double #888888;
	 border-bottom:1px double #888888;
	 border-right:1px double #888888;}

table.full_width {
  width: 	98%;
}

.border {
  border: 	1px solid #AAA;
}

tr.header
{
  background-color: #CCCCCC;
  text-align: center;
}

/* various bits */

table.partners {
  border-collapse: 	collapse;
}

table.partners td {
  border: 	1px solid #AAA;
  padding:	10px 20px;
}

#staticimg {
position: absolute;
overflow: visible;
margin-top: 20px;
}

#wavetable {
margin-top: 350px;
}


caption {
/*  text-align: left*/
  font-style: 		italic;
  margin-bottom:	10px;
}


.copyright {
  text-align: right;
  color:		#aaa;

}


/* formatting rss news */

dl.news dt {
  font-weight:		bold;
}

dl.news dd {
  margin: 		5px 40px 20px 20px;
}











#filtered {
    left: 10px;
    position:relative;
}
#unfiltered {
    left: 10px;
    position:relative;
}
#profiles {
    left: 10px;
    position:relative;
}
#contours {
    left: 10px;
    position:relative;
}

#ortho-rectified {
    left: 10px;
    position:relative;
}

#non-rectified {
    left: 10px;
    position:relative;
}

#FCIR {
   /* left: 10px;*/
    position:relative;
}
#baseline {
    left: 10px;
    position:relative;
}
#interim_profiles {
    left: 10px;
    position:relative;
}

#post-storm_profiles {
    left: 10px;
    position:relative;
}







.left-element {
  position: absolute;
  left: 0;
  width: 50%;
}

.right-element {
  position: absolute;
  right: 0;
  width: 50%;
  text-align: right;   
}

div.box_menu {
  clear: left;
  width: 20em;
  float: left;
  background: #F4F8FB url(/resources/images/07/fade_m.jpg) repeat-x top left;
  margin-bottom: 1em;
}

div.box_menu_layers {
  position:relative;
  clear: left;
  width: 20em;
  float: left;
  background: #F4F8FB url(/resources/images/07/fade_m.jpg) repeat-x top left;
  margin-bottom: 1em;
}

                     
div.content { 
  background: #F4F8FB url(/resources/images/07/fade_m.jpg) repeat-x top left;
  margin-left: 21em;
  margin-bottom: 1em;
}


#zoom_to_region {
	vertical-align: top;
}

#result_extent {
  text-align: center;
  margin-left: -1px;
}

#manunits {
	margin-right: 1em;
}

#basket {
	vertical-align: middle;
    margin-right: 0.3em;
	border: 0;
}

#login {
	margin: 1em;
}

#login input {
	margin-bottom: 0.5em;
    margin-right: 0.5em;
	vertical-align: middle;
}

ol.menu_list {
	padding: 0;
    margin: 0 0 0.3em 1.5em;
	list-style-type: decimal;
}

div.search_steps { 
   margin-top: 1em;
   margin-bottom: 0.5em;
   position: absolute; 
   z-index: 10;
}

img.step {
	border: none;
	vertical-align: middle;
    margin-right: 0.3em;
}

.search_step {
    font-size: 120%;
	padding-right: 0.3em;
}

legend, th {
	color: #015B97;
    font-weight: bold;
}

th {
	vertical-align: top;
}

table.data {
	width: 99%;
}

table.data td {
	font-size: 90%;
    border-bottom: solid 1px #9E9E9E;
	padding-left: 2px;
    padding-top: 2px;
	padding-bottom: 2px;
}

table.results th {
	border-top: solid 0.5em #D9EAF2;
	background-color: #9E9E9E;
    color: white;
}

table.summary th {
	font-size: 90%;
	background-color: #9E9E9E;
    color: white;
	padding-top: 2px;
    padding-bottom: 0;
	padding-left: 2px;
}

td.name {
    vertical-align: text-top;	
	border-right: solid 1px #9E9E9E;
    background-color: #E6EEF2;
}

td.value {
	background-color: #CEE6F2;
}

td.result_row {
	padding-right: 1em;
}

tfoot {
	font-weight: bold;
}

span.disabled {
	color: #999999;
}

span.head_top {
	font-weight: normal;
    color: black;
}

fieldset {
	margin-bottom: 1em;
    padding: 0.5em;
}

div.result_legend {
	text-align: left;
    margin-left: 0.5em;
	margin-bottom: 0.3em;
}

.ordering {
	white-space: nowrap;
}

img.order {
	border: 0;
    vertical-align: middle;
}

.mx {
	margin-right: 0.3em;
	max-width:150px;
	display:inline-block !IMPORTANT;
}


.cal {
	border: 0;
    margin-right: 0.5em;
}

.off {
	color: #007AC5;
}

.on {
	color: #800000;
}

.basket_colour1 {
    background-color: #F2B5B5;
}

.basket_colour2 {
    background-color: #F29D9D;
}

.search_step a:link {
  color: #007AC5;
  text-decoration: none;
}
.search_step a:visited {
  color: #007AC5;
  text-decoration: none;
}
.search_step a:hover {
  color: #007AC5;
  text-decoration: underline;
}
.search_step a:active {
  color: red;
  text-decoration: underline;
}

.help_icon {
  border: none; 
  float: right;
  margin-top: 1px;
  margin-right: 1px;
}

.icon_left {
  float:left; 
  margin-right: 0.3em;
}

.menu_item {
  color: white;
  margin-top: -2px;
}

.menu_item a:link {
  color: white;
  text-decoration: none;
}
.menu_item a:visited {
  color: white;
  text-decoration: none;
}
.menu_item a:hover {
  color: #FF7504;
  text-decoration: none;
}
.menu_item a:active {
  color: red;
  text-decoration: none;
}

.result_colour {
  color: #FFEC40;
}

.icon {
  border: none;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
}

ul.spaced li {
  margin-bottom: 0.8em;
}



#legend2_holder{
width: 200px;top: 150px;right:50px;position:absolute;display:none;
/*position:absolute; right: 50px; top: 150px; float: right;display:none;*/
}

.collapsibleContainer{
}

.collapsibleContainerTitle
{
    cursor:pointer;
}

.collapsibleContainerTitle div
{
    padding-top:5px;
    padding-left:10px;
}

.collapsibleContainerContent
{
    padding: 10px; background-color:rgba(255,255,255,0.7); opacity: 0.7;  color:#000000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);  
    max-height: 300px;overflow:auto;
}

    .black_overlay{
        display: none;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.7;
        opacity:.70;
        filter: alpha(opacity=70);
    }
    .white_content {
        display: none;
        position: absolute;
        padding: 12px;
           border-radius: 1em;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }



/*SAM ADDITION*/
#m1
{
float:left;
width:183px;
height:60px;
background-image: url("/resources/images/08/realtime_off.jpg");
}
#m1:hover, #m1.active
{
float:left;
width:183px;
height:60px;
background-image: url("/resources/images/08/realtime_on.jpg");
}
#m2
{
float:left;
width:180px;
height:60px;
background-image: url("/resources/images/08/mapviewer_off.jpg");
}
#m2:hover, #m2.active
{
float:left;
width:180px;
height:60px;
background-image: url("/resources/images/08/mapviewer_on.jpg");
}
#m3
{
float:left;
width:157px;
height:60px;
background-image: url("/resources/images/08/storm_off.jpg");
}
#m3:hover, #m3.active
{
float:left;
width:157px;
height:60px;
background-image: url("/resources/images/08/storm_on.jpg");
}
#m4
{
float:left;
width:129px;
height:60px;
background-image: url("/resources/images/08/reports_off.jpg");
}
#m4:hover, #m4.active
{
float:left;
width:129px;
height:60px;
background-image: url("/resources/images/08/reports_on.jpg");
}
#m5
{
float:left;
width:130px;
height:60px;
background-image: url("/resources/images/08/gallery_off.jpg");
}
#m5:hover, #m5.active
{
float:left;
width:130px;
height:60px;
background-image: url("/resources/images/08/gallery_on.jpg");
}

/* ***************SAMS CSS ********************** */

#feedbackbutton /*, #iCOASSTbutton*/
{
font-weight: bold ;
float:right;
  border:2px solid #d8eaf6;
  border-radius:5px;
  padding:4px 5px;
  cursor:pointer;
  text-decoration: none;
  margin-left:2px;
}
#feedbackbutton
{
color:#a22310;
margin-right:20px;
}
#iCOASSTbutton
{
color: #007ac5 ;
}


#feedbackbutton:hover /*, #iCOASSTbutton:hover*/
{
background-color:#d8eaf6;
color: #9e8c78     ;
}

#shadow
{
position:absolute;
top:0;
bottom: 0;
left:0;
right: 0;
z-index:20;
background-color: #000000;
opacity:0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50); /* For IE8 and earlier */
display:none;
}

#feedbackdiv
{
position:absolute;
background-color: #FFFFFF;
z-index:21;
display:none;
border-radius:1em;
width:50%;
top:100px;
}


#ajaxlogindiv
{
position:absolute;
background-color: #FFFFFF;
z-index:21;
display:none;
border-radius:1em;
width:60%;
padding:15px;
}
#pleasewait
{
padding:20px;
position:absolute;
background-color: #FFFFFF;
z-index:21;
display:none;
border-radius:1em;
}

#closebut
{
float:right;
margin-top:10px;
margin-right:10px;
}




#errormsg
{
color:red;
display:none;
}

/* MAIN MENU CSS */
.mobmenu
{
	display:none !IMPORTANT;
}
#secmenu
{
	display:none !IMPORTANT;
}

#secnav
{
	display:none;
}
@media screen and (max-width: 1050px) {
    #header 
	{
        display:none;
    }
	.mobmenu
	{
		display:block !IMPORTANT;
	}
	.largemenu
	{
        display:none;
    }
	#secmenu
	{
		display:block !IMPORTANT;
	}
	#secnav
	{
		display:block !IMPORTANT;
	}
	#feedbackdiv
	{
		Width:100% !IMPORTANT;
	}
	#workstationmain
	{
		display:none;
	}
	#stuffbutton
	{
		display:none !IMPORTANT;
	}
}
.mainmenulogo
{
	height:100%;
	max-height:120px;

}
.mainmenulogolink
{
	min-height:30px;
	top:5px;
	position:relative;
	padding-right:10px;
}
#menubutton
{
	background-color:white;
}
#secnav2
{
	padding-left:0px !IMPORTANT;
}
#nopadd2
{
	padding-left:0px !IMPORTANT;
}
#myNavbar li a
{
	padding-top:5px !IMPORTANT;
	padding-bottom:5px !IMPORTANT;
}
.test2
{
	margin:0px !IMPORTANT;
}
#workstationmain
{
	margin-bottom:0px !IMPORTANT;
	    
}
#secnav
{
	min-height: 0px !IMPORTANT;
	margin-bottom:0px !IMPORTANT;
	/*background: linear-gradient(to bottom, rgb(87,167,216) 10%, rgb(255,255,255));*/
	background-color:#008ac6       !IMPORTANT;
}
#mapnav
{
	min-height: 0px !IMPORTANT;
	margin-bottom:0px !IMPORTANT;
	/*background: linear-gradient(to bottom, rgb(87,167,216) 10%, rgb(255,255,255));*/
	background-color:#008ac6       !IMPORTANT;
}
#samsdiv
{
	background-color:rgba(87,167,216,1) !IMPORTANT;
	
	min-height:65px;
	color:#ffffff;
}
#samsdiv a
{
	color:#ffffff;
}


.tml
{
	top:-12px;
	position:relative;
}
#ic
{
	/*padding-left:0px;*/
}
#fb
{
	/*padding-right:0px;*/
}
.haj
{

	position:relative;
	top:9px;
}
.rght
{
	height:65px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.navbar
{
	font-weight: bold;
	background-color:rgba(87,167,216,1) !IMPORTANT;
	/*background-color:#70db70 !IMPORTANT;*/
	border:none!IMPORTANT;
	border-radius: 0px !IMPORTANT;
}
.toppad
{
padding:10px !IMPORTANT
}

.navbar li>a 
{
	color:white !IMPORTANT;

}
.navbar li:hover
{
	background-color:#006E9E !IMPORTANT;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
	background-color:#006E9E !IMPORTANT;
}




.dropdown-menu li>a 
{
	color:rgba(87,167,216,1) !IMPORTANT;
}

@media screen and (max-width: 1050px) {
	.dropdown-menu li>a 
	{
		/*color:white !IMPORTANT;*/
	}
	#secnav
	{
	
	background-color:rgba(87,167,216,1)   !IMPORTANT;
	}
	#litlogo
	{
		display:block;
	}

}
@media screen and (max-width: 768px) {
	.dropdown-menu li>a 
	{
		color:white !IMPORTANT;
	}
}
.navbar-nav>.open>a
{
	background-color:#005A9B !IMPORTANT;
}
.first
{
	border-top-left-radius:5px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:5px;
}
.last
{
	border-top-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:0px;
}




.dropdown-menu li>a 
{
	background:none;
}
/* MAIN MENU MARGIN */

#content
{
margin-left:0px !IMPORTANT;
}
.selected a
{
	border:1px solid red !IMPORTANT;
}




/*SAMS FOR PORTLET MOVING*/
 
  .column {
    width: 170px;
    float: left;
    padding-bottom: 100px;
  }
  .portlet {
    margin: 0 1em 1em 0;
    padding: 0.3em;
  }
  .portlet-header {
    padding: 0.2em 0.3em;
    margin-bottom: 0.5em;
    position: relative;
  }
  .portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
  }
  .portlet-content {
    padding: 0.4em;
  }
  .portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 75px;
  }
.sp
{
min-width:75px !IMPORTANT;
min-height:75px !IMPORTANT;
border:1px solid black;
}

/* MAIN WELCOME PAGE MOBILE CSS */
	.workstation
	{
		display:block !IMPORTANT;
	}
	.mobile
	{
		display:none !IMPORTANT;
	}
	.mobmen
	{
		display:none !IMPORTANT;
	}

@media screen and (max-width: 822px) {
    .workstation
	{
		display:none !IMPORTANT;
	}
	.mobile
	{
		display:block !IMPORTANT;
	}
	#stuffbutton
	{
		display:none !IMPORTANT;
	}

}

@media screen and (max-width: 1050px) {
	.mobmen
	{
		display:block !IMPORTANT;
	}

}	


/* REGIONAL PAGE CSS */

.deptlogo
{
	margin-top:20px;
	max-width:100%;
}
.deptlogo2
{
	margin-top:20px;
	max-width:200px;
	max-height:200px;
}

.regimg 
{
margin-top: 20px;
max-width:100%;
}
.agenlogo
{
text-align:center;	
}

#neproback
{
	max-width:100%;
}

.septable td
{
	padding: 5px;
}

.seensurveyimg
{
	width:100%;
}
#warning
{
	display:none;
	color:#a94442 !IMPORTANT;
}
#warning2
{
	display:none;
	color:#a94442 !IMPORTANT;
}
.bask_warning
{
	display:none;
	color:#a94442 !IMPORTANT;
}

#tabs a:hover
{
/* THIS is controlling all hovers in tabs */
background-color:#007ac5;
color:#ffffff;
}

#tabs ul {
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	padding-top: 4px;
}
#tabs li {
	margin-left: 5px;
	display:inline;  
}

#tab-1 ul li, #tab-2 ul li, #tab-3 ul li, #tab-4 ul li, #tab-5 ul li, #tab-6 ul li
{
display:block; 
list-style: none;
}

#tabs ul li.active {
	background: #007ac5;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#tabs ul li.active a {
	color: #ffffff;
	background: #007ac5;
}

#tabs ul li a {
	text-decoration: none;
	padding: 8px;
	color: #007ac5;
	font-weight: bold;
	background-color:#eaeaea;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#tabs h1
{
color: #007ac5;
margin-top:30px;
}

.link:hover
{
background-color: transparent !IMPORTANT; 
text-decoration: none !IMPORTANT;
color: #017AC9 !IMPORTANT;
}
#logobrand
{
	padding: 0px !IMPORTANT;
}
.editicon
{
	position:relative;
	top:-20px;
}
.fonttest
{
	font-size:13px;
}

.mapviewer .row
{
	margin:10px;
	text-align:	center;
}
.nav-tabs>.active>a, .nav-tabs.nav-justified>.active>a:focus
{
	background-color: #008ac6 !IMPORTANT;
	color: #ffffff !IMPORTANT;
	/*border-bottom:none !IMPORTANT;*/
}
.nav-tabs>li>a
{
	background-color: #ffffff !IMPORTANT;
	border: 1px solid #ddd !IMPORTANT;
}
.nav-tabs>li>a:hover
{
	background-color: #e6e6e6 !IMPORTANT;
	border: 1px solid #ddd !IMPORTANT;
}
.noempty
{
	color:orange;
}
.nav li  a
{
	/*color:#ffffff;*/
}
#basket
{
	min-height:20px;
	padding:5px;
	color:#ffffff;
}
.stoff
{
	color:red;
}
.ston
{
	color:green;
}

.header_text
{
	color:#017AC9 !IMPORTANT;
}

.gly
{
	
}
.designpan
{
	border:none !IMPORTANT;
}


#editor
{
	width:200px !IMPORTANT;
	height:200px !IMPORTANT;
}

.imgtest
{
	width:100%;
}


/* NEW CHATS CSS - Sam */

.icosastinline input
{
	display:inline !IMPORTANT;
	max-width:64px;
}
.charts_header
{
	font-size:95% !IMPORTANT;
	text-align: center !IMPORTANT;
	
}
table td
{
	text-align: center !IMPORTANT;
}
.charts_header tr, .charts_header th
{
	color:#ffffff !IMPORTANT;
	text-align: left !IMPORTANT;
	
}
.chartsdisplay  .row
{
	text-align: center;
}

.graphcol
{
	text-align:center !IMPORTANT;

}

.graphcol img
{

	/*max-width:900px !IMPORTANT;*/
}

#warning {
    display: none;
    color: red;
}

.panel-heading .collapse-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
	position:relative;
	top:-18px;
}
.panel-heading .collapse-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.designpan
{
	border:none !IMPORTANT;
	background-color:#f4f8fb !IMPORTANT;
}

input[type=checkbox] {
	position:relative;
	top:3px !IMPORTANT;
	margin-left:5px !IMPORTANT;
	margin-right:5px !IMPORTANT;
}

.list-holder>li>span>img

{
	padding:0px !IMPORTANT;
	Margin-right:3px;
	position:relative;
	top:-1px !IMPORTANT;
}

#agreediv
{
	max-width:430px;
}
#checkboxsqr

{
	position:relative !IMPORTANT;
	

}

#agreecross
{
	top:-4px;
	right:-4px;
}
.icopic
{
		max-width:100%;
		margin-bottom:10px;
		cursor:pointer;	
		background: #FFFFFF;
}
.icopic:hover 

{
box-shadow: 0px 0px 20px #337ab7;



}
.copic
{
		cursor:pointer;
		max-width:100%;
		max-height:100%;
		margin-bottom:10px;
		background-color: #FFFFFF;
}
.imgtxt

{
	color:rgba(87,167,216,1);

	text-align:center;
	margin-bottom:10px;

}
.nicebox

{
	border: 1px #57A7D8 solid;
	padding:10px;
	border-radius:10px;
	margin-left:10px;
	margin-bottom:5px;

}


#shadow2

{
cursor:pointer;
display:none;
background-color: #000000;
position:absolute;
top:0;
bottom: 0;
left:0;
right: 0;
z-index:32; 
opacity:0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50); /* For IE8 and earlier */


}

#shadowover

{
	color:white;
	display:none;
	position:absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	z-index:35;
	text-align:center !IMPORTANT;
	font-size:30px;
}




/* NEW CHATS CSS - Sam */

.boxbody {
  padding:		2px 10px 5px 10px;
  /*max-width:1145px;*/

  margin-left:25px;
  margin-right:25px;
}



.icosastinline 
{
	display:inline !IMPORTANT;
	max-width:20px;

}


#contactwarning , #icoasstwarning{
    display: none;
    color: #a94442;
}

.clkexp
{
	font-size:10px;
	display:inline;
	font-style:italic;
}

#icmenu
{
	position:fixed;
	z-index:77;
	max-Width:200px;
	top:100px;
	background:#FFFFFF;
	text-align:left !IMPORTANT;

	opacity: 0.0;
}
#menbut
{
	position:fixed;
	z-index:77;
	top:200px;
	-webkit-transform: rotate(90deg);

	/* Firefox */
	-moz-transform: rotate(90deg);

	/* IE */
	-ms-transform: rotate(90deg);

	/* Opera */
	-o-transform: rotate(-0deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	padding:4px 8px 4px 8px!IMPORTANT;
	
	
}

#icmenu tr td
{

	text-align:left !IMPORTANT;
}

.hd
{
	background-color:#ddd;
}
.hd>tr:hover {
    background-color: #f5f5f5;
	background-color:#ddd;
}

.deletebut
{
	position:absolute;
	right: 10px;
    top: 0;
	color:#cc3300;
	cursor:pointer;
}
.editbut
{
	position:absolute;
	left: 10px;
    bottom: 0;
	cursor:pointer;
}

.lock, .unlock
{
	position:absolute;
	left: 10px;
    top: 0;
	cursor:pointer;
	/*color:#a0a0a0;*/
}

.star
{
	cursor:pointer;
	color:#707070;
}
.star:hover
{
	color:#ffd633;
}
.star-on
{
	color:#ffd633;
}
.greystar
{
	cursor:pointer;
	color:#707070;
	font-size:25px !IMPORTANT;
}
.greystar:hover
{
	color:#d9d9d9;
}

.lateststar
{
	position:relative;
	font-size:25px !IMPORTANT;
}
.latesttidestar
{
	position:relative;
	font-size:25px !IMPORTANT;
}
.latestmetstar
{
	position:relative;
	font-size:25px !IMPORTANT;
}
.tablestar
{
	position:relative;
	font-size:25px !IMPORTANT;
}
.tablespecstar
{
	position:relative;
	font-size:25px !IMPORTANT;
}
.chartstar
{
	position:relative;
	font-size:25px !IMPORTANT;
	float:right;
	top:-3px;
}
.seastar
{
	position:relative;
	font-size:25px !IMPORTANT;
	top:30px;
	left:-30px;
}
.htzstar
{
	position:relative;
	font-size:25px !IMPORTANT;
	float:right;
	top:-3px;
}
.htztablestar
{
	position:relative;
	font-size:25px !IMPORTANT;
}			  
#stuffbutton
{
	float:right !IMPORTANT;
}


#ajaxlogindiv
{
	display:none;
}
.new
{
	margin:0px !IMPORTANT;
} 

.serform
{
	top:4px;
	position:relative !IMPORTANT;
	margin:0px !IMPORTANT;
}
.serbut
{
	padding:0px !IMPORTANT;
	max-height:22px !IMPORTANT;
}
.searchinput
{
	max-height:22px !IMPORTANT;
	padding:0px !IMPORTANT;
}
.nextcol
{
   text-align:right;
}
.prevcol
{
	text-align:left;
}
.cencol
{
	text-align:center;
}



.ds1
{
width:100%;
height:100%;

}

.ds1:hover
{
box-shadow: 0px 0px 20px #337ab7;


}

.daselimg
{
max-width:100%;
padding:15px;
}
.daselimg2
{
	padding:10px;
	padding-left:0px;
	padding-bottom:0px;
	float:left !IMPORTANT;
}
.daseltxt
{
	float:left !IMPORTANT;
}
.datalink
{
color:#000000;

}
.datalink:hover
{
color:#000000;
}
.datalink:visited
{
color:#000000;
}
#hom
{
opacity:0.8;
}
.clktovi
{
	color: #0072bc;
}
.one
{
	float:left;
	width:30%;
}
.two
{
	float:right;
	width:70%;
}

.two2
{
	padding-top:25px;
	float:left;
	width:34%;
}
.three
{
	float:right;
	width:34%;
}
#vidbtn
{
	float:right;
}

@media screen and (max-width: 768px) 
{
    .two
	{
        display:none;
    }
	.one
	{
		width:100%;
	}
}
@media screen and (max-width: 1200px) 
{
    .ds1:hover
	{
	box-shadow: none;
	}
}



.panel-clr:hover
{
    background-color:#8DC3E4 !IMPORTANT;
}  
.panel-clr.exp 
{
    background-color:#008AC6 !IMPORTANT;
}

.panel-clr.exp
{
	color:#ffffff !IMPORTANT;
}
#charts_map
{
	border: 1px solid grey;
}
.accordian_charts_map_header
{
	background-color: #57a7d8 !IMPORTANT;
}
.accordian_charts_map_header a h4
{
	
    font-weight: bold !IMPORTANT;
    color: #ffffff !IMPORTANT;
}
#real_time_legend3 ul:first-of-type 
{
	/*padding-right:30px;
	padding-left:30px;*/
}
#legend_holder
{
	width: 220px; 
	position: absolute;
	/*height:100%;*/
	/*top: 0px;*/
	padding:10px;
	float:right;
	/*text-align:center; */
	right: 25px;
	
	z-index: 500;
	background-color: lightblue;
}
.specnewsdiv > #doclib > .doclibcategory > .categoryheader > a:nth-child(2)
{
	font-size:30px;
	color:#444;
	font-weight:normal;
}

.specnewsdiv #doclib > ul > li:nth-child(1) > a:nth-child(1), .specnewsdiv #doclib > ul > li:nth-child(2) > a:nth-child(1)
{
	display:none;
}

.specnewsdiv > #doclib > .doclibcategory > .categoryheader > div
{
	display:block !IMPORTANT;
}
.specnewsdiv > #doclib > .doclibloginbanner
{
	display:none;
}

.charts_header 
{
    background-color: #57a7d8 !IMPORTANT;			
}


.playicon
{
	top: 48%;
left: 50%;
position: absolute;
margin-left: -25px;
margin-top: -30px;
opacity:0.5;
}
.anim
{
	border:1px dashed grey;
	max-width:100%;
	max-height:100%;
}
/*
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .row
{
	border: 1px dashed grey !IMPORTANT;
}*/

#popup_content
{
	text-align:center;
}
/*
.ol-popup
{
	border: 0px;
}
*/
#poptable tr td
{
	text-align:center !IMPORTANT;
}

.valrow
{
	font-size:12px;
}
.popover-content
{
	padding:8px !IMPORTANT;
	padding-top:2px !IMPORTANT;
	padding-bottom:5px !IMPORTANT;
	
}
.popover-title
{
	/*border: 0px !IMPORTANT;
	background-color: #ffffff !IMPORTANT;*/
}

.lgoimg
{
	max-width:200px;
}
.imgcen
{
	text-align:center;	
}
.imgcen2
{
	text-align:center;
	margin-bottom:10px;
}
.imgcen2 img
{
	max-height:75px;
}

table tr td {
    text-align: left !IMPORTANT;
}
.center
{
	text-align: center !IMPORTANT;
}
.centable tr td
{
	vertical-align:inherit  !IMPORTANT;
}

.not
{
	color:red;
}
.found
{
	color:green;
}
.pwwarning
{
	display:none;
	color:orange;
}
.war, .warning
{
	color:orange;
}

.mli
{
	display:none;
}

.favstr
{
	color:yellow;
}

.favstr, .favstr2
{
	position:relative;
	top:8px;
}
.popover
{
	border: rgba(255,255,255,0) solid 6px !IMPORTANT;
	border-left-color: #fff !IMPORTANT;
}
#selall_opt, #selallraw_opt
{
	height:160px;
}
#api_h4
{
	border: 2px solid grey;
	padding:10px;
	font-size:16px !IMPORTANT;
}
.slidecontainer 
{
    width: 100%;
	margin-left:20px;
	margin-right:20px;
}

#myRange, #myRange2
{
	width: 90%;
	top:8px;
	position:relative;
}
#play, #pause, #play2, #pause2
{
	float:left;
	margin-right:10px;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px !IMPORTANT;
    border-radius: 5px;
    background: grey !IMPORTANT;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #337ab7;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #337ab7;
    cursor: pointer;
}
.dot
{
	cursor:pointer;
}
.rect
{
	fill:rgba(255, 204, 204,0);
	cursor:pointer;
}
/*
.cardiv
{
	height:300px;
}
.carimg
{
	position:relative !IMPORTANT;
	top:-100px !IMPORTANT;
	left:0px !IMPORTANT;
}
*/
.stormthumbf, .stormthumbt
{
	width:100px;
	cursor:pointer;
}
.stormfullf
{
	width:60%;
}
.stormfullt
{
	width:80%;
}

#sweepmap
{ 
	height: 625px;
	/*max-width: 900px; */
}
#sweepmap2
{
	height: 625px !IMPORTANT
}
.leaflet-popup-close-button, .leaflet-control-attribution
{
	display:none;
}
.leaflet-popup-content
{
	text-align:center;
}
.leaflet-control
{
	padding:10px;
	background-color:#FFFFFF;
	border-radius:5px;
}
.purpdot
{
	height:10px;
	width:10px;
	border-radius:5px;
	background-color:#a800ea;
	border: 1px black solid;
	display:inline-block;
}
.orgdot
{
	height:10px;
	width:10px;
	border-radius:5px;
	background-color:#ff7800;
	border: 1px black solid;
	display:inline-block;
}
#genModalBody
{
	text-align:center;
}
.messagemodal
{
	text-align:center;
}
.manmodal
{
	text-align:left;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/

	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		max-width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

#resmodal .modal-dialog
{
	width:80% !IMPORTANT;
}

.bsk
{
	color: #a94442;
}    
.in_basket
{
	background-color: #ffc2b3 !IMPORTANT;
}

.aoi {
top: 65px;
left: .5em;
}
.ol-touch .aoi {
top: 80px;
}

.aoi_del {
top: 95px;
left: .5em;
}
.ol-touch .aoi_del {
top: 100px;
}
.aoi_res {
top: 125px;
left: .5em;
}
.ol-touch .aoi_res {
top: 120px;
}

#results_pill, #basket_pill, #summary_pill, #download_pill
{
	opacity:0.5;
}

#results-body, #basket-body, #summary-body, #download-body
{
	opacity:0.5;
}	
#resultsbut
{
	position:relative;
	top:-60px;
	left:-60px;
	background-color: rgba(0,60,136,.5) !IMPORTANT;
	border-color: rgba(250,250,250,.5) !IMPORTANT;
}	
.curr_results_sort, .curr_basket_sort
{
	color:rgb(0, 178, 8);
}	

	  
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th 
{
	vertical-align: baseline !IMPORTANT;
}

.ol-control
{
	background-color:transparent !IMPORTANT;
	outline-color:transparent !IMPORTANT;
	/*height:42px !IMPORTANT; 
	width:42px !IMPORTANT;*/
}
.ol-control i
{ 
	font-size: 42px !IMPORTANT;
}
.ol-control:hover
{
	color:rgba(0, 42, 255,.5) !IMPORTANT;
	
}
.ol-control._on
{
	color:rgba(0, 42, 255,1) !IMPORTANT;
}
.ol-control._on:hover
{
	color:rgba(0, 42, 255,.5) !IMPORTANT;
}

#aoi_control_icon
{
	top:120px;
	left:15px;
	z-index:99;
}
#aoi_del_icon
{
	top:175px;
	left:15px;
}
#aoi_res_icon
{
	top:225px;
	left:15px;
}
#aoi_layers_icon
{
	top:275px;
	left:15px;
}
#aoi_res_icon2
{
	top:180px;
	left:15px;
}
#aoi_layers_icon2
{
	top:120px;
	left:15px;
}
#aoi_ruler_icon
{
	top:325px;
	left:12px;
}
#aoi_q_icon
{
	top:375px;
	left:16px;
}
#aoi_pri_icon
{
	top:425px;
	left:15px;
}
#aoi_help_icon
{
	top:475px;
	left:15px;
}
@media only screen and (max-width: 360px) 
{
	#backing
	{
		position:relative;
		height:35px !IMPORTANT;
		width:260px!IMPORTANT;
		top:55px !IMPORTANT;
		margin:0px !IMPORTANT;
		
	}
}
@media only screen and (max-width: 1100px) 
{
	.ol-zoom 
	{
		font-size:20px !IMPORTANT;
	}
	.ol-control button
	{
		width:24px !IMPORTANT;
		height:24px !IMPORTANT;
		display:inline !IMPORTANT;
	}
	.ol-zoom-in
	{
		top:5px;
		left:0px;
	}
	.ol-zoom-out
	{
		top:5px;
		left:25px;
	}
	#backing
	{
		position:relative;
		height:35px !IMPORTANT;
		width:260px!IMPORTANT;
		top:38px;
		margin:0px !IMPORTANT;
		
	}
	#layers_div
	{
		background-color:#ffffff !IMPORTANT;
	}
	#aoi_control_icon
	{
		top:14px;
		font-size:20px;
		left:55px;
	}
	#aoi_del_icon
	{
		top:14px;
		font-size:20px;
		left:80px;
	}
	#aoi_res_icon
	{
		top:14px;
		font-size:20px;
		left:105px;
	}
	#aoi_res_icon2
	{
		top:14px;
		font-size:20px;
		left:90px;
	}
	#aoi_layers_icon2
	{
		top:14px;
		font-size:20px;
		left:60px;
	}
	#aoi_layers_icon
	{
		top:14px;
		font-size:20px;
		left:130px;
	}
	
	#aoi_ruler_icon
	{
		top:14px;
		font-size:20px;
		left:155px;
	}
	#aoi_q_icon
	{
		top:14px;
		font-size:20px;
		left:185px;
	}
	#aoi_pri_icon
	{
		top:14px;
		font-size:20px;
		left:210px;
	}
	#aoi_help_icon
	{
		top:14px;
		font-size:20px;
		left:235px;
	}
}

/*#start
{
	position:absolute;
	top:522px;
	left:66px;
	z-index:9999 !important
}
#start i:hover
{
	color:rgba(0,60,136,.5) !IMPORTANT;
}*/
.ol-zoom
{
	color:rgba(0,0,0,1) !IMPORTANT;
	font-size: 30px;
	left:2px !IMPORTANT;
}
.ol-control>button
{
    color:rgba(0,0,0,1) !IMPORTANT;
	background-color:transparent !IMPORTANT;
	outline-color:transparent !IMPORTANT;
}
.ol-control>button:hover
{
    color:rgba(0,60,136,.5) !IMPORTANT;
}

#layers_div
{
	background-color:rgba(250,250,250,0.8) !IMPORTANT;
	padding:15px;
	display:none;
	border:1px solid grey;
	border-radius:5px;
	max-height:670px;
	overflow: auto;
	position:absolute;
	top:60px;
	left:120px;

	/*position:relative;
	float:left;
	top:-350px;*/
	height:70% !IMPORTANT;
}
#layers_div2
{
	background-color:rgba(250,250,250,0.8) !IMPORTANT;
	padding:15px;
	display:none;
	border:1px solid grey;
	border-radius:5px;
	overflow: auto;
	max-height:670px;
	max-width:300px;
	position:absolute;
	top:60px;
	right:60px;
	height:70% !IMPORTANT;
}
#layers_div3
{
	background-color:rgba(250,250,250,0.8) !IMPORTANT;
	padding:15px;
	display:none;
	border:1px solid grey;
	border-radius:5px;
	overflow: auto;
	width:300px;
	position:absolute;
	top:60px;
	right:370px;
}
#layers_div4
{
	background-color:rgba(250,250,250,0.8) !IMPORTANT;
	padding:15px;
	display:none;
	border:1px solid grey;
	border-radius:5px;
	overflow: auto;
	width:300px;
	position:absolute;
	top:200px;
	right:370px;
}
.legend_title
{
	width:100%;
	background-color:rgb(200, 200, 200);
	padding:5px;
}
#data_layers_h4, #data_layers_h42, #data_layers_h43
{
	border-bottom:1px solid grey;
}
#data_layers_h42
{
	border-bottom:1px solid grey;
}
.fa-spin .sr-only
{
	color:rgb(119, 119, 119) !IMPORTANT;
}
#myModal>.modal-dialog
{
	 width: 80% !IMPORTANT;
}
#layers_close
{
	position:relative;
	top:-50px !IMPORTANT;
	left:5px;
}
#layers_close2, #layers_close3
{
	position:relative;
	top:-10px !IMPORTANT;
	left:5px;
}
#backing
{
	background-color: rgba(255,255,255,0.5);
	position:absolute;
	height:500px;
	width:50px;
	z-index:20;
	margin-top:15px;
	margin-left:5px;
}
.ol-zoom
{
	margin-left:1px;
}

.ol-control
{
	z-index:21;
}
      .ol-popup {
        position: absolute;
        background-color: white;
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 280px;
      }
      .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
      }
      .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
      }
      .ol-popup-closer {
        text-decoration: none;
        position: absolute;
        top: 2px;
        right: 8px;
      }
      .ol-popup-closer:after {
        content: "✖";
      }
	  
.intro_tooltip
{
	min-width:500px !IMPORTANT;
	max-width:1000px !IMPORTANT;
}

/*
*****************************
VIDEOS PAGE CSS
*****************************
*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*
*****************************
Form Errors
*****************************
*/
.war_star
{
	color: #a94442;
	font-size:20px;
	/*position:relative;
	top:15px;*/
}
.war_req
{
	color: #a94442;
}
.form-group
{
	padding:10px;
}
.has-error
{
	background-color:rgb(252, 232, 230);
	border-radius:5px;
}
.be_aware
{
	border-radius:5px;
	font-weight:bold;
	background-color:rgb(252, 190, 103);
	padding:10px;
}

/*
*****************************
DWR Page
*****************************
*/
.tbl_war
{
	background-color: rgb(252, 232, 230);
}
.tbl_ok
{
	background-color: rgb(164, 242, 187);
}
.hand
{
	cursor:pointer;
}
.hand tr:hover
{
	background-color: rgba(201, 201, 201, 0.5) !IMPORTANT;
}
.b_notes
{
	margin-bottom:20px;
	background-color:#ffffff;
	padding:15px;
	border: 1px solid grey;
}
.buy_pos
{
	width:100%;
}
.csvOut
{
	background-color:#F4F8FB;
	padding:10px;
}

/*
*****************************
Chirol Page
*****************************
*/
.logo_img
{
	width:100%;
	max-width:500px;
}
.page_img
{
	width:100%;
}

.carousel-control
{
		height:80%;
}

/*
*****************************
map Page
*****************************
*/
#map
{
	min-height:400px !IMPORTANT;
	max-height:800px !IMPORTANT;
}
/*
*****************************
dashbaord Page
*****************************
*/
.full_scr
{
	display:none;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right:20px;
	opacity:0.7;
	z-index:90000;
}
.add_item
{
	display:none;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right:80px;
	opacity:0.7;
	z-index:90000;
}
.full_scr:hover, .add_item:hover
{
	color:#005B9A;
}
.add_image
{
	border:4px solid transparent;
	max-width:150px;
}
.add_image:hover
{
	border:4px solid #005B9A;
}
.add_image.active
{
	border:4px solid #337ab7;
}
.grid-stack-item-content 
{
	text-align: center;
	/*overflow: auto;*/

   /* white-space: pre;*/
 /* position:relative !IMPORTANT;*/



}
.to_load, .htm 
{
	/*text-align:center !IMPORTANT;*/
  position: absolute !IMPORTANT;
  top: 50% !IMPORTANT;
  left: 50% !IMPORTANT;
  transform: translate(-50%, -50%) !IMPORTANT;

}

.text_val_preview_div, .text_val_preview_div2, .text_preview_div
{
	text-align:center;
	width: 540px;
    max-width: 540px;
	padding:5px;
	/*white-space: pre;*/
}

label.for-input {
    display: initial;;
    padding: 0;
    clear: initial;
    font-weight: normal;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^=col-], .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

a.back-to-start-lnk {
    margin: 12px 12px 12px 2px;
    color: #fff;
    font-weight: bold;
    display: block;
}

div.menu-info-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}

div.menu-info-wrapper-value {
    font-weight: bold;
    word-break: break-all;
}
.cursor-pointer {
    cursor: pointer;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}


.delete_selection
{
	float:right;
	position:relative;
	
}
.delete_selection:hover
{
	color:red;
}

.get_div 
{ 
	color:#3ac902 !IMPORTANT;
	border:2px solid #3ac902 !IMPORTANT;
	border-radius:5px !IMPORTANT;
	padding:5px !IMPORTANT;
}
.get_div2
{ 
	color:#c90000 !IMPORTANT;
	border:2px solid #c90000 !IMPORTANT;
	border-radius:5px !IMPORTANT;
	padding:5px !IMPORTANT;
}