/* DEFAULTS
----------------------------------------------------------*/





/* HEADINGS   
----------------------------------------------------------*/





/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page{}

.WorkFlowLayoutTabs
{
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
}

.WorkFlowLayout
{
      border: 2px solid #CCCCCC;
      margin: 0 auto;
      padding:0px 0px 0px 0px !important;
      /*width: 50%;*/
}

.WorkFlowTableLayout
{
    /*border: 2px solid #CCCCCC;*/
    min-width:200px;
    max-width:300px;
    word-wrap:break-word;
    overflow-wrap:break-word;
    margin-left:auto;
    margin-right:auto;
    table-layout:fixed;
    
}

/*
.WorkFlowLayout tr
{
   border: 2px solid #CCCCCC;  
}
*/

.WorkFlowLayout td
{
    /*border: 2px solid #CCCCCC;*/
    padding: 5px 5px 5px 5px;
    word-wrap:break-word;
    /*width:100%*/
}

#overlay {
    z-index: 1100 ! important;
}

#lightbox {
    z-index: 1101 ! important;
}

/*table, td, th {
    border: 1px solid black;
}

td {
    padding: 15px;
}*/

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    /*background: #4b6c9e;*/
    background:#003567;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 34px;
    
    /*border-collapse: collapse;color: #FFFFFF;font-family: Helvetica;font-size: 34px;font-weight: normal;line-height: 100%;vertical-align: middle;*/
}

.subheader
{
    font-size: 16px;
    font-weight: 600;
    color: #f9f9f9;
    margin:1em 0px 1em 0px;
}



.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/



div.hideSkiplink
{
    /*background-color:#3a4f63;*/
    background-color:#005999;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    /*background-color: #465c71; */
    background-color:#004099;  /*This is the bacground color of the nav menu buttons*/
    border: 1px #4e667d solid;
    color: #dde4ec;
    /*color: red; This is the color of text on the nav menu buttons*/
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{    
    /*color: #465c71;*/
    color:Black;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 0 0 20px 0;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{

  text-align:center;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block; margin: 0 0 5px; font-weight:bold;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 100%;
    border: 1px solid #ccc;
	padding: 0.5em;
}



input.passwordEntry 
{
    width: 100%;
    border: 1px solid #ccc;
	padding: 0.5em;
}

div.accountInfo, #divOrganisation
{
    width: 60%;
    margin-left:auto;
    margin-right:auto;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}





.failureNotification
{
    font-size: 1.2em;
    color: Red;
    text-align:center;
}

.failureNotificationForImportLayer
{
    font-size: 1.2em;
    color: Red;
    display:table-cell;
}

.userCreatedNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}



/*Bootstrap*/
.top-buffer { margin-top:20px; }
.border-bottom { border-bottom: 1px solid #ccc; }
.border-top { border-top: 1px solid #ccc; }
.oAuto { overflow: auto; }
/*.collapsing {
    transition: height 1s;
}*/
.btn-spacing 
{
margin-right: 5px;
margin-bottom: 5px !important;
}
.fullWidth { width: 100%; }
.clearPadding { padding: 0; }
.paddingBottom { padding-bottom: 15px}
.formLabel
{
    font-weight:bold; 
     /*margin: 0 0 0.8em 0;*/
	 text-align: left;
	  font-family:Arial;
	 	 
}
.white-popup {
  background: #fff none repeat scroll 0 0;
	margin: 10px auto;
	max-width: 90%;
	padding: 20px 30px;
	position: relative;
	text-align: center;
	float: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.jqueryHeaderBack {
    background: #1E4964;
    color: #fff;
    border-radius: 4px;
}
.z1000 { z-index: 1000; }
.AlertStyle
{
  position: fixed !important;
  top : 10px !important;
  right: 0px !important;
    width: 80px;
    height: 80px;
  
}
/*select tab colour for tooltip*/ 
.selectedTab {
    background: white;
}
.unSelectedTab {
    background: #6caaba;
}
/*css for fancy checkbox buttons*/
/*.btn span.glyphicon {    			
	opacity: 0;				
}
.btn.active span.glyphicon {				
	opacity: 1;				
}*/
/*checkbox restyling configure Map*/
.checkbox .btn, .checkbox-inline .btn {
    padding-left: 2em;
    min-width: 8em;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.checkbox label, .checkbox-inline label {
    text-align: left;
    padding-left: 0.5em;
}
/*switch in tooltip*/
.pRight2 {
    padding-right: 2px !important;
}
.form-control-PRNone {
    padding: 6px 6px !important;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
/*input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;*
}*/

/*Replacing the previous so it doesn't affect feature info popup (AZI-2302)*/
.maxWidth280{max-width: 280px;}


/*Btns on AccountDetails Page*/
.BtnMaxWidth{
     max-width: 280px !important;
     min-width: 170px !important;
}

/* Padding */
.azi-p-08 {
    padding: 0.8em !important
}
.azi-p-1{
    padding: 1em !important
}
.azi-p-2 {
    padding: 2em !important
}

/* Padding Bottom */
.azi-pb-1 {
    padding-bottom: 1em !important
}
.azi-pb-2 {
    padding-bottom: 2em !important
}
.azi-pb-3 {
    padding-bottom: 3em !important
}
.azi-pb-4 {
    padding-bottom: 4em !important
}
.azi-pb-5 {
    padding-bottom: 5em !important
}
/* Vertical Offset Top */
.ver-top-12{
    margin-top: 12em !important;
}
.ver-top-11{
    margin-top: 11em !important;
}
.ver-top-10{
    margin-top: 10em !important;
}
.ver-top-9{
    margin-top: 9em !important;
}
.ver-top-8{
    margin-top: 8em !important;
}
.ver-top-7 {
    margin-top: 7em !important;
}
.ver-top-6{
    margin-top: 6em !important;
}
.ver-top-5{
    margin-top: 5em !important;
}
.ver-top-4{
    margin-top: 4em !important;
}
.ver-top-3{
    margin-top: 3em !important;   
}
.ver-top-2-5{
    margin-top: 2.5em !important;
}
.ver-top-2{
    margin-top: 2em !important;
}
.ver-top-1-5{
    margin-top: 1.5em !important;
}
.ver-top-1{
    margin-top: 1em !important;
}
.ver-top-0-5{
    margin-top: 0.5em !important;
}
.ver-top-0-3{
    margin-top: 0.3em !important;
}
.ver-top-0{
    margin-top: 0em !important;
}

/* Vertical Offset Bottom */
.ver-bottom-12{
    margin-bottom: 12em !important;
}
.ver-bottom-11{
    margin-bottom: 11em !important;
}
.ver-bottom-10{
    margin-bottom: 10em !important;
}
.ver-bottom-9{
    margin-bottom: 9em !important;
}
.ver-bottom-8{
    margin-bottom: 8em !important;
}
.ver-bottom-7{
    margin-bottom: 7em !important;
}
.ver-bottom-6{
    margin-bottom: 6em !important;
}
.ver-bottom-5{
    margin-bottom: 5em !important;
}
.ver-bottom-4{
    margin-bottom: 4em !important;
}
.ver-bottom-3{
    margin-bottom: 3em !important;
}
.ver-bottom-2{
    margin-bottom: 2em !important;
}
.ver-bottom-1{
    margin-bottom: 1em !important;
}
.ver-bottom-0-5{
    margin-bottom: 0.5em !important;
}
.ver-bottom-0-2{
    margin-bottom: 0.2em !important;
}

/* Hor offset left */
.hor-left-12{
    margin-left: 12em !important;
}
.hor-left-11{
    margin-left: 11em !important;
}
.hor-left-10{
    margin-left: 10em !important;
}
.hor-left-9{
    margin-left: 9em !important;
}
.hor-left-8{
    margin-left: 8em !important;
}
.hor-left-7 {
    margin-left: 7em !important;
}
.hor-left-6{
    margin-left: 6em !important;
}
.hor-left-5{
    margin-left: 5em !important;
}
.hor-left-4{
    margin-left: 4em !important;
}
.hor-left-3{
    margin-left: 3em !important;   
}
.hor-left-2{
    margin-left: 2em !important;
}
.hor-left-1{
    margin-left: 1em !important;
}
.hor-left-1-1 {
    margin-left: 1.1em !important;
}
.hor-left-0-5{
    margin-left: 0.5em !important;
}
.hor-left-0{
    margin-left: 0em !important;
}
/* Hor offset right */
.hor-right-12{
    margin-right: 12em !important;
}
.hor-right-11{
    margin-right: 11em !important;
}
.hor-right-10{
    margin-right: 10em !important;
}
.hor-right-9{
    margin-right: 9em !important;
}
.hor-right-8{
    margin-right: 8em !important;
}
.hor-right-7{
    margin-right: 7em !important;
}
.hor-right-6{
    margin-right: 6em !important;
}
.hor-right-5{
    margin-right: 5em !important;
}
.hor-right-4{
    margin-right: 4em !important;
}
.hor-right-3{
    margin-right: 3em !important;
}
.hor-right-2{
    margin-right: 2em !important;
}
.hor-right-1 {
    margin-right: 1em !important;
}
.hor-right-0-5{
    margin-right: 0.5em !important;
}
.hor-right-0{
    margin-right: 0em !important;
}

/*Added !important to override existing style when used*/
.center-block
{
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}


.boxedBorder
{
    border: 2px solid #e5e5e5;
    border-radius:20px;
}

.fontSize80Percent
{
    font-size:80%!important;
}

.paddingRight1Percent
{
    padding-right:1% !important;
}

.form-horizontal .control-label {
  text-align: left !important; /* !important added for priority in SO snippet. */
}

/**/
.RegistartionPage-StudentRadioBtns-MarginSpace label
{
    margin-right:20px;
}
    ui-helper-hidden-accessible
/*LIST VIEW ;
------------------------------------------------------------------------*/

.item
{
    background-color: #E0FFFF;
}
.alternatingItem
{
    background-color: #B0E0E6;
}

        
.itemTableHeader td
{
    color: Black;
    text-align:left;

    font-weight: bold;
    border: 1px solid #ddd;
    padding: 1em;
}
.itemTableData 
{
	background-color:  #f0f0f0;
background-color: white;
    border: 1px solid #ddd;
    padding: 1em;
}
        
.altItemTableData 
{

background-color: #F9F9F9;
    border: 1px solid #ddd;
    padding: 1em;
}

.itemTableDataPadding td {
    padding-left: 1em;
}
        
.insertItemTableData td{ 
border-right: 1px solid #DDDDDD;
    padding: 10px;
}



#example .altItemTableData:hover, #example .itemTableData:hover {
	background-color: #EAEFF4;
}

#ColumnDataTable .altItemTableData:hover, #ColumnDataTable .itemTableData:hover {
	background-color: #EAEFF4;
}

.itemSmall
{
    background-color: #E0FFFF;
}
.alternatingItemSmall
{

}

        
.itemTableHeaderSmall td{color: Black;  font-weight: bold;}
.itemTableDataSmall td
{

}
        
.altItemTableDataSmall td
{
    /*background-color: #B0E0E6;*/
    background-color:#008999;

}
        
.insertItemTableDataSmall td{ 
/*border-right: 1px solid #DDDDDD;*/
    padding-bottom: 10px;
}



/*ScaleBar CSS
---------------------------------------------------------------*/

.olControlScaleBar {
    bottom: 10px;
    left: 10px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}

/*RightContextMenuStyle
---------------------------------------------------------------*/
/* Right click menu */

#rightclickarea{padding:50px 0;width:620px;text-align:center;border:1px solid #ccc;margin-top:10px;}
.vmenu{
border:1px solid #aaa;
position:absolute;
background:#fff;
display:none;font-size:0.75em;}
.first_li{}
.first_li span{width:150px;display:block;padding:5px 10px;cursor:pointer}
.inner_li{display:none;margin-left:120px;position:absolute;border:1px solid #aaa;border-left:1px solid #ccc;margin-top:-28px;background:#fff;}
.sep_li{border-top: 1px ridge #aaa;margin:5px 0}
.fill_title{font-size:11px;font-weight:bold;height:15px;overflow:hidden;word-wrap:break-word;}


/*Slide Out DIVs
-----------------------------------------------------------*/





/*from style.css */

#tab {
	width:50px;
	height:150px;
	position:fixed;
	left:0px;
	top:100px;
	display:block;
	cursor:pointer;
}
#panel {
    position:fixed;
	left:100px;
	top:50px;
	background-color:#999999;
	height:500px;
	width:0;/*new line*/
}
#panel .content {
	width:290px;
	margin-left:70px;
}

   
.slide-out-div {
	padding: 40px;
	width: 750px;
	border: #29216d 1px solid;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
} 


/*Help Modal Popups
-----------------------------------------------------------*/

.CreateUserModal
{background-color: #FFFFFF;    padding: 20px;  width: 400px; position:relative;  z-index:9999999; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow: #666 0px 0px 10px  !important; -moz-box-shadow: #666 0px 0px 10px  !important; box-shadow: #666 0px 0px 10px  !important; behavior: url(/PIE.htc); }

.ModalPanel{background-color: #FFFFFF; height: 150px;  padding: 20px;  width: 400px; position:absolute;  z-index:9999999; -moz-border-radius:4px ; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow: #666 0px 0px 10px  !important; -moz-box-shadow: #666 0px 0px 10px  !important; box-shadow: #666 0px 0px 10px  !important; behavior: url(/PIE.htc); }

.topBanner 
{ 
	background: #036;
	color: #fff;
	text-align: center;
	font-size: 10px;
	height: 12px;
}
.modalBackground {background-color:#000; filter:alpha(opacity=27); opacity:0.27;  }
.ClosePopupCls {  background: url("/images/exit.png") no-repeat scroll right 0 transparent; cursor: pointer; display: block; font-size: 10px; height: 20px; position: absolute; right: 10px; text-indent: -9999px; top: 10px; width: 20px;}
.ClosePopupCls a:link  { color:White; text-decoration:none;  }
.ClosePopupCls a:visited { color:White; text-decoration:none; }
.ClosePopupCls a:hover  { color:White; text-decoration:none; }

.hiddenButton
{
	display:none;	
}

.homeDiv
{
    background-color:#FFFFFF; 
    text-align:center;
    border-spacing:10px 50px;
    
    border: 1px #4e667d solid;
}

/*Background Colour for workflow div
-----------------------------------------------------------*/
.backGroundColourPanel
{
    background-color: #F9F9F9 !important;
  /*  background-color: black !important;*/
}


/*Styling Draggable Divs on Map Page
-----------------------------------------------------------*/


.floaterDiv, .floaterDivForWorkFlow 
{
                /* top: 0px;
                left: 710px;*/
                
                top: 0%;
                left: 0%;  
                height: 4150px;  
                max-height: 20%;
                width: 800px; 
                border: solid 1px blue; 
                background-color:White;
                margin:100; 
                text-align:left; 
                outline-style: none;
                display:none;
                overflow:hidden;
                color: #1e4964;
                font-weight: bold;
                border-radius:  8px;
}

.floaterDivForEditData
{
                /* top: 0px;
                left: 710px;*/
                
                top: 0%;
                left: 0%;  
                height: 4150px;  
                max-height: 20%;
                /*width: 300px; 
                max-width: 300px;*/
                border: solid 1px blue; 
                background-color:White;
                margin:100; 
                text-align:left; 
                outline-style: none;
                display:none;
                overflow:hidden;
                color: #1e4964;
                font-weight: bold;
                border-radius:  8px;
}

.searchwidthheight
{
    height : auto;
    width: auto;
    /*max-height: 60%;
    max-width:  60%;
*/
}
    
    
    /*.floaterDiv input[type="text"]
{
    width: 100%;
    border: 1px solid #ccc;
	padding: 0.5em;
}*/


.floaterDiv p
{
    background: #F5F5F5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#F5F5F5));
    background: -webkit-linear-gradient(#fff, #F5F5F5);
    background: -moz-linear-gradient(#fff, #F5F5F5);
    background: -ms-linear-gradient(#fff, #F5F5F5);
    background: -o-linear-gradient(#fff, #F5F5F5);
    background: linear-gradient(#fff, #F5F5F5);
    -pie-background: linear-gradient(#fff, #F5F5F5);
    behavior: url(/PIE.htc);
    color: #005999;
    font-size: 34px;
    font-weight: 700;
    padding: 0 0 0 0;
    margin-bottom:20px;   
}

/*.floaterDivForWorkFlow input, .floaterDivForWorkFlow textarea
{
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:solid 1px black;
    padding:1px;
}*/

.floaterDivForWorkFlow p1
{
    font-style: italic;
    font-family: Tahoma;
    color:Red;
    text-align:center;
}

.floaterDivForWorkFlow span
{
    font-family: Tahoma;
}


.ActionBtns input[type="submit"], .ActionBtns input[type="button"]
{
    padding: 4px 13px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    behavior: url(./PIE.htc);
    cursor:pointer;
    position:relative;
    float:left;
    /*color:#fff;*/
    color:#333 !important;
    margin: 0 10px 10px 0;
    z-index:2;
    border: 1px solid #1A7132;
   /* background: #7FBE40;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7FBE40), to(#349341));
    background: -webkit-linear-gradient(#7FBE40, #349341);
    background: -moz-linear-gradient(#7FBE40, #349341);
    background: -ms-linear-gradient(#7FBE40, #349341);
    background: -o-linear-gradient(#7FBE40, #349341);
    background: linear-gradient(#7FBE40, #349341);
    -pie-background: linear-gradient(#7FBE40, #349341);*/
    border: 1px solid #ABB8BE;
	background: #F3F6F8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F3F6F8), to(#D6DDE1));
	background: -webkit-linear-gradient(#F3F6F8, #D6DDE1);
	background: -moz-linear-gradient(#F3F6F8, #D6DDE1);
	background: -ms-linear-gradient(#F3F6F8, #D6DDE1);
	background: -o-linear-gradient(#F3F6F8, #D6DDE1);
	background: linear-gradient(#F3F6F8, #D6DDE1);
	-pie-background: linear-gradient(#F3F6F8, #D6DDE1);
}

.CloseBtns input[type="button"]
{
    padding: 4px 13px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    behavior: url(./PIE.htc);
    cursor:pointer;
    position:relative;
    float:left;
    color:#fff;
    margin: 0 10px 10px 0;
    z-index:2;
    border: 1px solid #1A7132;
    background: #EC5D59;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EC5D59), to(#C03832));
    background: -webkit-linear-gradient(#EC5D59, #C03832);
    background: -moz-linear-gradient(#EC5D59, #C03832);
    background: -ms-linear-gradient(#EC5D59, #C03832);
    background: -o-linear-gradient(#EC5D59, #C03832);
    background: linear-gradient(#EC5D59, #C03832);
    -pie-background: linear-gradient(#EC5D59, #C03832);
}

.ui-dialog_legend { 
    bottom: 50px !important; 
    top: auto !important; 
    right: 10px; 
    left: auto !important; 
    opacity: 1.0 !important; 
    max-width: 250px; 
    background: white !important; 
    border-top-left-radius:5px !important; 
    border-top-right-radius: 0px !important; 
    border-bottom-right-radius: 0px !important; 
    border-bottom-left-radius: 0px !important; 
} 


.ui-dialog_browseAllFeatures {
	bottom: 0px !important;

	left: auto !important;
	top: auto !important;
	opacity: 1.0 !important;
	
	border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.ui-dialog_digitiseData {
	bottom: 0px !important;

	left: auto !important;
	top: auto !important;
	opacity: 1.0 !important;
	
	border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.ui-dialog_dataPanel {
    bottom: 0 !important;
    left: auto !important;
    top: auto !important;
    opacity: 1 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


#list ul {
    border-radius: 0;
    background: none;
    border: 0;
    border-bottom: 1px solid #cbcdcd;
}
#list ul li {
    border-radius: 0;
}
#list {
    border: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-color: white;
    background: #f2f2f2;
    color: #cbcbcb;
}
.ui-state-default {
    color: #e7e7e7;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border-color: #cbcdcd;
    background: #fff;
    color: #333333;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    border: 1px solid #cbcdcd;
}
.ui-state-selected ui-state-hover, #ui-state-active ui-state-hover {
    background: #fff;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #a9a9a9;
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #333333;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #333333;
}
#list li ul li {
    margin-left: 10px;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
}
#list li ul li a {
    padding: 4px 7px 4px 7px;
}
#list li ul {
    margin: 0;
}


#floater_Legend
{
    /*overflow: auto;*/
    /*padding-right: 30px;*/
}
    
#floater_AllFeaturesOnLayer
{
    overflow: auto;
}


#floater_DigitiseData
{
    overflow: auto;
}


.DataResult
{
    padding-top: 2px !important;
	padding-bottom: 2px !important;
    font-size: 11px !important;   
    cursor: pointer;
}

.LoadingDataMessage
{
    display:none; 
    left: 50%;
    top: 50%; 
    position: absolute;
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 25px;
}


/*table.dataTable tbody tr.selected {
  background-color: #CCFFFF !important;
}*/


.CloseBrowseFeatureBtn
{
    background-color: floralwhite;
    float:right;
    margin-left: 15px;
}

/* login page changes*/

#LoginPage input.textEntry, input.passwordEntry 
{
    width: 100%;
    border: 1px solid #ccc;
	padding: 1.2em;
	border-radius: 10px;
}

#LoginPage p 
{
    text-align:center;
}

#LoginPage .failureNotification
{
    font-size: 1.2em;
    color: Red;
    text-align:center;
    display: block;
}


#LoginPage div.accountInfo, #divOrganisation
{
   margin-left:auto;
   margin-right:auto;
    width: 70%;
}

#LoginPage fieldset
{
    margin: 0 0 20px 0;
    padding: 1em;
    border: none;
}


/* REgister page changes*/

#RegisterPage input.textEntry, input.passwordEntry 
{
    width: 100%;
    border: 1px solid #ccc;
	/*padding: 1.2em !important;*/
	border-radius: 10px !important;
}

#RegisterPage p 
{
    text-align:center;
}

#RegisterPage .failureNotification
{
    font-size: 1em;
    color: Red;
    text-align:center;
}

.failValidationEditAccountDetailsPage
{
    font-size: 1.2em !important;
    color: Red !important;
    text-align:center !important;
}

.validationFailText 
{
    color: red !important;
}


#RegisterPage div.accountInfo, #divOrganisation
{
   margin-left:auto;
   margin-right:auto;
    width: 70%;
}

#RegisterPage fieldset
{
    /*margin: 0 0 20px 0;*/
    padding: 1em;
    border: none;
}





/*-----------------*/
/*Change header colour of pop ups */
/*.ui-dialog-titlebar{
    background: none 1E4964;
}*/
.ui-draggable .ui-dialog-titlebar
{ background: #1E4964 !important;
}


/*center tick boxes in map (m) and layer (l) screen respectively*/ /* positioning checkboxes and edit button in tables*/
.editbuttonloc {
position: absolute;
margin: -15px 0px 0px 20px;
}

.checkmiddlem {
    margin-left: 45%;
}

.checkmiddlel {
    margin-left: 35%;
}
/*------------------------------------------------------*/
/* style changes for share window*/
.sharetagline {
	color:#1E4964; 
	text-align: left;
	font-family: "HelveticaNeue","Helvetica","Arial",sans-serif;
	font-weight: bolder;
}
/*--------------------------------------------------------*/

/*.popUpDivColour
{
     background-color:Black !important;
     color:Black !important;
}*/

.loadingImage
{
   z-index:999999 !important;
   visibility:visible;
}

.ui-dialog { z-index: 1002;}


/*.ui-dialog {
    top:100px;
    z-index:99999999999 !important;
}

.dialog{
    top:100px;
    z-index:99999999999 !important;
}*/

/*----------------------------/
Popup styling from site.css
/----------------------------*/

#popup_FrameDecorationDiv_0 img, #popup_FrameDecorationDiv_0, #popup_FrameDecorationDiv_1 img,
#popup_FrameDecorationDiv_2 img, #popup_FrameDecorationDiv_3 img,
#popup_FrameDecorationDiv_4 img{ display: none; }

.olPopupCloseBox  
{
        background: url("/images/gmap_ui.png") no-repeat !important; 
        background-position: 1px -332px !important; 
        cursor: pointer; 
        top: 10px !important; 
        right: 10px !important; 
}

.olPopUpMaxHeight
{
   max-height: 250px !important;
}

.olFramedCloudPopupContent 
{ padding: 10px !important; 
  overflow: hidden !important; 
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif !important; 
  font-size: 12px !important; 
  top: 5px !important; 
  right: 5px !important; 
  bottom: 20px !important; 
  left: 5px !important; 
  width: auto !important;
  height: auto !important;
  /*height: 265px !important;*/ 
  background: white !important; 
  border-radius: 5px !important; 
  border: 1px solid rgba(0, 0, 0, 0.298039) !important; 
  background-repeat: no-repeat !important; 
  background-position: bottom center !important; 
  box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.298039) !important; 
  line-height: 1.5em !important; 
}

.olFramedCloudPopupContent .title{ font-size: 14px; margin-top: 0; margin-bottom: 0; font-weight: bold; }
.olFramedCloudPopupContent .spacer{ margin-left: 40px; }
#popup_FrameDecorationDiv_2{ /*width: 100% !important;*/ width: 100% !important; background: url("/images/tail.png") no-repeat center center; z-index: 10; height: 21px !important; bottom: 0px !important; }

.popupbtns{ float: right; background-image: url("/images/ReportInformationSmaller.png"); background-repeat: no-repeat; margin-left: 3px; height:32px;width:32px;}
.popupbtnsPrint{ float: right; background-image: url("/images/PrintMap.png"); background-repeat: no-repeat; margin-left: 3px; height:32px;width:32px;}
.btnsPrint16 {
    float: right;
    background-image: url("/images/Print16.png");
    background-repeat: no-repeat;
    margin-left: 3px;
    height: 32px;
    width: 32px;
}
.popupbtns2{ float: right; background-image: url("/images/IdentifyFeatureSmaller.png"); background-repeat: no-repeat; background-size: 32px 32px; height:32px;width:32px;}
.extDocsBtn{ float: right; background-image: url("/images/ExtDocs.png"); background-repeat: no-repeat; height:32px;width:32px; background-size: 32px 32px;}
.popupbtnsBuffer { float:right; background-repeat: no-repeat; /*background-size: 32px 32px;*/
    background-image: url(/Images/ToolBarSpriteSheet.png);
    width: 32px !important;
    height: 32px !important;
    background-position: -800px 0px;
}
.popupbtnImage {
    float: right;
    background-repeat: no-repeat; /*background-size: 32px 32px;*/
    background-image: url(/Images/ToolBarSpriteSheet.png);
    width: 32px !important;
    height: 32px !important;
    background-position: -768px 0px;
}
.popupbtnsShareFeat {
    float: right;
    background-repeat: no-repeat; /*background-size: 32px 32px;*/
    background-image: url(/Images/ToolBarSpriteSheet.png);
    width: 32px !important;
    height: 32px !important;
    background-position: -960px 0px;
}
/*
.popupbtns:hover{ float: right; 
                  box-shadow: 1px 1px 0 0 #ccc;
                  border: 1px solid #ccc;
                  }
*/

.WorkFlowLayout_tab1 td
{
    border:2px solid #CCCCCC;
    padding:5px;
    word-wrap:break-word;
    width:100%;
    max-width:0px;
}

.WorkFlowLayout tr 
{
    /*
    border: 2px solid #CCCCCC;
    width:30%;
    min-width:50px;
*/
    border: rgba(0, 0, 0, 0);
    border-bottom: .01em lightgray;
    width: 30%;
    min-width: 50px;
}

.ui-widget-header
{
    background:#F0F0F0 !important;
    color:White !important;
}

.ui-widget-header2
{
    background:#1E4964 !important;
    color: white; 
    font-weight: bold; 
    line-height: 1.5; 
    font-size: 1em;
}

/*
.olFramedCloudPopupContent
{
    padding:0px 0px 0px 0px !important;
}
*/

/*Styler Help Icon*/
#iconhelp{
    cursor: pointer;
    float: right;
    margin-right:15px;
    margin-top: 1px;
    background-color: #1e4964;
    width: 18px;
    height: 20px;
    border-radius:4px;
}

.LayerPopUp
{
    font-weight:bold; 
    color:black
}

.ui-id-5
{
    color:White;
}

/*The following have been copied from jquery-ui.css so they can be edited.
This css is now called last so any changes made below will take effect instead of the original jquery classes.*/

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	/*margin: 1px .2em 0 0;*/
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	/*padding: .5em 1em;*/
	padding: .7em 1em;
	text-decoration: none;
}
/*.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -5px;
	padding-bottom: 1px;
}*/
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	/*border: 1px solid #a6c9e2;*/
	border: 1px solid lightgrey; /*DMCQ CHange for baselayer border*/
	background: #fcfdfd url("/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;	
	color: #222222;
}
/*.ui-widget-content a {
	color: #222222;
}*/
.ui-widget-headerb {
	/*border: 1px solid #aaaaaa;*/
	background: #f0f0f0;
	color: #000000;
	font-weight: bold;
}
.ui-widget-headerb a {
	color: #ff0000;
}

/* Interaction states
----------------------------------*/

.ui-widget-headerb .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #f0f0f0;
	font-weight: normal;
	color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-headerb .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-headerb .ui-state-focus {
	border: 1px solid #aaaaaa;
	background: #f0f0f0;
	font-weight: normal;
	color: #000000;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #000000;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-headerb .ui-state-active {
	/*border: 1px solid #aaaaaa;*/
	background: #ffffff;
	font-weight: normal;
	color: #000000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #000000;
	text-decoration: none;
}

.ui-widget-header .ui-state-default {
	border: 1px solid #aaaaaa;
	background: #dddddd;
	font-weight: normal;
	color: #ffffff;
}

.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    /*AZI3449 important added*/
    border: 1px solid white !important;
	background: #dddddd !important;
	font-weight: normal !important;
	color: #026890 !important;
}


.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-weight: normal;
	color: #026890;
}

/* Interaction Cues
----------------------------------*/

.ui-widget-headerb .ui-state-highlight {
	border: 1px solid #aaaaaa;
	background: #f0f0f0;
	color: #915608;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-headerb .ui-state-highlight a {
	color: #915608;
}

.ui-widget-headerb .ui-state-error {
	border: 1px solid #aaaaaa;
	background: #f0f0f0;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-headerb .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-headerb .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-headerb .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-headerb .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-headerb .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
	color: #1e4964;
	font-size: 90%;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
	font-size: 90%;
}

.treewindow{ 
    background-color: white !important; 
    /*background: #fcfdfd url("/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;*/ 
    border:  none !important; 
    /*background-image: none !important;*/ 
    border-radius: 5px !important; 
    /*changed from 9003 for lightbox*/ 
    z-index: 100 !important; 


} 


.treewindow .x-toolbar{
    background-color: white !important;
    background-image: none !important;
    border-color: none !important;
}



.treewindow .x-window-header{
    /*/border-top: 1px solid lightgrey !important;
    border-left: 1px solid lightgrey !important;
    border-right: 1px solid lightgrey !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;*/
    text-align: center;
    font-size: 5px;
    color:  #fff;
    border: 1px solid lightgrey;
    border-bottom: 0 !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: bold;
 }

.treewindow .x-panel-header{
    background-image: none !important;
    border:  none !important;
}


.treewindow .x-window-bbar{
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(211, 211, 211) !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.treewindow .x-window-bwrap{
    border-left: 1px solid lightgrey !important;
    border-right: 1px solid lightgrey !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;

}

.treewindow .x-panel-body{
    /*border-top: none;
    border-bottom: none;*/
    border:  none;
}

.treewindow .x-window-bbar .x-toolbar {
    border-top:  none;
}

.treewindow .x-tree-node-el {
    line-height:  25px !important
}


.treewindow .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
    height: 25px !important;
    width:  24px !important;
}

.treewindow .x-tree-node-cb {
    /*removed for pretty checkboxupgrade*/
    /*margin-left: 5px;
    margin-right: 5px;
    height: 25px;
    width:  15px;*/
    }

.treewindow .x-tree-node {
    font: normal 14px arial, verdana, sans-serif;
    color: #1e4964;    
}

.treewindow .x-tree-lines .x-tree-elbow {
    background-image:  none !important;
}

.treewindow .x-tree-lines .x-tree-elbow-line {
    background-image:  none !important;
}

.treewindow .x-tree-lines .x-tree-elbow-end {
    background-image:  none !important;
}


/*
.treewindow .x-tree-lines .x-tree-elbow-minus {
    background-image: url(/images/customext/treeo.png);
    width: 20px;
    height: 20px;
}

.treewindow .x-tree-lines .x-tree-elbow-plus {
    background-image: url(/images/customext/treec.png);
    width: 20px;
    height: 20px;
}

/*
.treewindow .x-tree-node-leaf .x-tree-node-icon {
    background-image: url(/images/customext/world.png);
    width: 20px;
    height: 22px;
}
*/

.treewindow .x-tool {
    width:  16px;
}



.treewindow {
    overflow:auto;
}

.rocketLoader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-image: url(/images/AzimapLogoGifNew.png),url(/images/Azimap5.gif);
    background-repeat: no-repeat;
    background-position: center 40%,center 48%;
    background-size: 300px,120px;
}


.containerdivNewLine { clear: both; float: left; display: block; position: relative; } 

.x-window-body #layerTreeViewPanel 
{
    overflow: auto;
}

a#GoogleHelpButton
{
    background: url("//images/HelpIcon2.png") no-repeat;
    color: rgba(0, 0, 0, 0);
}


/*Print window styling*/
.printwindow .x-window-body {
    background-color: #ffffff !important;
}

.printwindow .x-window-header {
    text-align: center;
    font-size: 20px;
    color: #1e4964;
    border: 1px solid lightgrey;
    border-bottom: 0 !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: bold;
    background-color: #ffffff !important;
    background: #fff !important;
    background-image: none !important;
}

.SpatialHeader
{
/*text-align: center;
    font-size: 20px;
    color: #1e4964;
    background: #fff;
    font-weight: bold;
    font-style:normal;
    background: #1E4964;
    color: white;
    padding: .4em 1em;
    position: relative;
    font-size: 17px; 
    font-weight: bold;
    height: 43px;*/
            
    background: #EEEEEE;
    color: #1E4964;
    padding: .4em 1em;
    position: relative;
    font-size: 17px;
    font-weight: bold;
    height: 43px;
    background-image: url(/ext-3.4.0/ext-3.4.0/resources//images/gray/toolbar/bg.gif);
    border-bottom: 1px solid #dfdfdf;
}


.SpatialHeader2
{
    font-weight: bold;
    color: #1e4964;
    font-size: 90%;
    font-size: 15px;
}

.SpatialEntry
{
   /* width: 76px; */
}

/*.CreateLayerPopup 
{
    width: 310px !important;
}*/

.x-menu-list 
{
    /*background-color: #fff !important;*/
}

/*Overwrite for feature details popup- unfinished*/
/*
.WorkFlowTableLayout
{
    margin-left: 0px;
    width: 205px;
}

#popup
{
    height: 170px !important;
    min-height:170px !important;
    max-height:239px !important;
    width: 250px !important;
}


#DivHolding2Tabs
{
    height: 135px !important;
    wideth: 93% !important;
}

#tabList
{
    width: 210px !important;
}

#featurePopUpTable
{
    width: 94% !important;
}
*/
/*For making external data popup static- may not be needed*/
/*
#ExternalData
{
    width:600px !important;
    min-height: 436px !important;
}
*/

/*
#SQLViewWizard
{
    min-width:400px;
}*/


.ui-autocomplete
{
    max-height:200px !important;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    z-index: 9999999999;
    /*width:30px;*/
}

/*Hide additional DIV holding country selected on registration page*/
.ui-helper-hidden-accessible
{
    display:none;
}

/*joyride tour*/
.toolbarplace .joyride-nub {
    left: 2px !important;
}

/*buttons green*/
.joyride-tip-guide .joyride-next-tip {
	float: right;
	background: #407d35 !important;
    border: solid #407d35 1px !important;
}

.joyride-next-tip:hover {
	background: #215617 !important;
    border: solid #215617 1px !important;
}

.restarttour .joyride-next-tip {
	display:none !important;
}

.hyperlinks {
/*a:link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}*/
/*a:visited {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}
a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}*/
}

.joyrideBlue {
font-family: Arial;
 color: #ffffff;
 font-size: 16px;
 /*background: #3E8ACC;*/
 background: #5A9AD3;
 border: solid #5A9AD3 1px;
 text-decoration: none;
 text-align: center;
}

.popUnderImage {
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.joyriderLogo {background-image: url('/images/logo_new.png');background-position: 0px 0px;width:173px;height:35px;}
.popUnderMapMan {background-image: url('/Images/ToolBarSpriteSheet.png');background-position: 0px 0px;width:98px;height:32px;background-color: #eee;}
.popUnderEditTools {background-image: url('/Images/ToolBarSpriteSheet.png');background-position: -254px 0px;width:224px;height:32px;background-color: #eee;}
.popUnderSpatial {background-image: url('/Images/spatialsprite.png');background-position: 0px 0px;width:60px;height:20px;background-color: #eee;}

.popUnderSpatialFun {background-image: url('/Images/spatialsprite.png');background-position: 0px 0px;width:20px;height:20px;background-color: #eee;}
.popUnderSpatialFun2 {background-image: url('/Images/spatialsprite.png');background-position: -20px 0px;width:20px;height:20px;background-color: #eee;}
.popUnderSpatialFun3 {background-image: url('/Images/spatialsprite.png');background-position: -35px -20px;width:20px;height:20px;background-color: #eee;}
.popUnderSpatialFun4 {background-image: url('/Images/spatialsprite.png');background-position: -35px -40px;width:20px;height:20px;background-color: #eee;}
.popUnderSpatialFun5 {background-image: url('/Images/spatialsprite.png');background-position: -35px -60px;width:20px;height:20px;background-color: #eee;}
.popUnderSpatialFun6 {background-image: url('/Images/spatialsprite.png');background-position: -35px -80px;width:20px;height:20px;background-color: #eee;}

.popunderSpatGeoSource {background-image: url('/Images/spatialsprite.png');background-position: 0px -90px;width: 35px;height: 35px;background-color: #eee;}
.popunderSpatGeoSource2 {background-image: url('/Images/spatialsprite.png');background-position: 0px -55px;width: 35px;height: 35px;background-color: #eee;}
.popunderSpatGeoSource3 {background-image: url('/Images/spatialsprite.png');background-position: 0px -20px;width: 35px;height: 35px;background-color: #eee;}

.popunderSpatAreaType {background-image: url('/Images/spatialsprite.png');background-position: 0px 35px;width:35px;height:35px;background-color: #eee;}
.popunderSpatAreaType2 {background-image: url('/Images/spatialsprite.png');background-position: 0px 70px;width:35px;height:35px;background-color: #eee;}

.popunderEditButton{background-image: url('/Images/btn_edit_blueButton.png');background-position: 0px 0px;width:32px;height:32px;background-color: #eee;}

.popunderPointButton{background-image: url('/Images/ThinkGeo/Large/DrawPoints.png');background-position: 0px 0px;width:32px;height:32px;background-color: #eee;}
.popunderLineButton{background-image: url('/Images/ThinkGeo/Large/DrawLine.png');background-position: 0px 0px;width:32px;height:32px;background-color: #eee;}
.popunderPolygonButton{background-image: url('/Images/ThinkGeo/Large/DrawPolygon.png');background-position: 0px 0px;width:32px;height:32px;background-color: #eee;}

.popunderFeatureType {background-image: url('/Images/ThinkGeo/Large/DrawPoints.png');background-position: 0px 0px;width:32px;height:32px;background-color: #eee;}
.popunderFeatureType2 {background-image: url('/Images/ThinkGeo/Large/DrawLine.png');background-position: 0px 0px;width:32px;height:32px;background-color: #eee;}
.popunderFeatureType3 {background-image: url('/Images/ThinkGeo/Large/DrawPolygon.png');background-position: 0px 0px;width:32px;height:32px;background-color: #eee;}

/*Style for feature info etc text entry*/
.mapScrnDataEntry
{
    border: 0.1em solid #eee;
    margin-top: 2px;
    border-radius: 4px;
}

.mapScrnDataEntry:Focus
{
    outline: -webkit-focus-ring-color auto 5px !important;
}

.mapScrnDataEntryLabel
{
    font-weight:bold;
    margin-top: 2px;
    border-radius: 4px;
}

.mapScrnDataEntryLabel2
{
    font-weight:bold;
    margin-top: 2px;
    border-radius: 4px;
    position: relative;
    top: 3px;
}

.searchwidthheight .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: white;
}

.searchwidthheight .ui-tabs .ui-tabs-nav li
{
    background: #6CAABA;
}


.joyride-modal-bg
{
    z-index: 2147483646 !important;
}

.joyride-tip-guide
{
    z-index: 2147483650 !important;
}

#divExternalWMSLayersTable
{
    overflow: auto;
}

#WMSLayerInfoDataTable
{
    overflow: auto;
}

#WMSLayerInfoDataTable td
{
    font-size: 12px;
    text-overflow: ellipsis; /* not supported in all browsers, but I accepted the tradeoff */
    white-space: nowrap;
}

.LayerWUCControls
{
    width: 270px;
}

#externalWMSSupportedSRSTable tbody tr td
{
    font-size: 12px;
}

/* styling form search panel */

.searchColumnLayerSelector {
    max-width: 130px;
    height: 21px;
    float: left;
    margin-left: 10px;
}


#SearchColumnsDiv .dataTables_filter
{
    float:left;
    /*margin-left: 5px;*/
    margin-top: 0px;
    /*margin-right: 50px;*/
}

#SearchColumnsDiv .dataTables_filter label
{
    display:flex;
}

#ctl00_MainContent_MapUserControl_SearchColumnsFeatureTable_filter
{
    width:100%;
    margin-left: 0px !important;
}

#SearchColumnsDiv .dataTables_filter label input
{
    width: 100% !important;
    margin-left: 0px !important;
}

#SearchColumnsDiv .dataTables_processing
{
    z-index: 999999;
    top: 100px;
}

#SearchColumnsDiv
{
    width: 100%;
}

#featurePopUpTable .PropertyName
{
    text-align: left;
    border: none;
    font-weight: bold;
}

#featurePopUpTable .Content
{
    text-align: left;
    border: none;
    padding-bottom: 5px;
}

.FeatureClickPropertyName 
{
        text-transform: uppercase;
    text-align: left;
    border: none;
    font-style: normal;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 5px;
    display: block;
    float: left;
    clear: both;
    /*width: 50%;
    max-width: 150px; */
    word-wrap: break-word;
}

.FeatureClickContent
{
    text-align: left;
    border: none;
    padding-bottom: 5px;
    font-weight: normal;
    font-style: normal;
    display: block;
    float: left;
	/*width:	100%;*/
	word-wrap: break-word;
    padding-right: 17px; /*padding so content is not hidden behind vertical scrollbar*/
}


/*#featureInfoClickPopupTable tr:nth-child(2n+2) {
    border-bottom: 1px solid #d2d1d1;
}*/

.featureInfoClickPopupTableHZ {
	border-bottom: 1px solid #d2d1d1;
	display: block;
    overflow: auto;
    overflow-y: hidden;
	/*max-width: 300px;*/
}

.featureInfoClickPopupTableVT:nth-child(2n+2) {
	border-bottom: 1px solid #d2d1d1;
	overflow: auto;
    clear: both;
    overflow-y: hidden;
	/*max-width: 300px;*/
}

/* fix for image view*/
.featureInfoClickPopup1 {
    margin-top: 25px;
    overflow-x: hidden; /*Hide horizontal scrollbar*/
}

.none {
	display: none;
}

.some {
	
}

.featureInfoClickPopupTableVT.some, .featureInfoClickPopupTableVT .FeatureClickContent {
    width: 100% !important;
    min-width: unset;
}

.floatLeft {
    float:left;
}

.displayNone
{
    display:none !important;
}

/*Make all text boxes match on the admin -> create new account panel*/
#divNewUser input.textEntry, input.passwordEntry {
    width: 100%;
    border: 1px solid #ccc;
    /*padding: 1.2em !important;*/
    border-radius: 10px !important;
}

/*Fixes size of dropdown buttons on print panel and zoom selector*/
.x-form-field-wrap .x-form-trigger {height: 18px !important;}
.x-toolbar-right-row .x-form-field-wrap .x-form-trigger {height: 19px !important;}

/*For changing admin user page's error messages to green where appropriate*/
.successNotification {font-size: 1.2em; color: #407d35 !important; text-align: center; display: block;}
.successNotification2 {color: #407d35 !important; font-size: large; font-style: italic; text-align:center;}
.failureNotification2 {color: Red !important; font-size: large; font-style: italic;}

/*Fix style issues unique to Firefox*/
@-moz-document url-prefix() {
    /*textarea {max-width: 201px !important;}*/ /*Removed for AZI-2303*/
    #tbPublishLink {max-width: 264px !important;}
    .layerDetailsEntryBox {max-width: 270px !important;}
    #ctl00_MainContent_MapUserControl_MapDefPage_tbMapDesc{max-width: 400px !important;}
    #ctl00_MainContent_MapDefPage_tbMapDesc{max-width: 400px !important;}
    /*#ctl00_MainContent_MapUserControl_reportComment{max-width: 239.5px !important; width: 239.5px !important;}*/
    #ctl00_MainContent_MapUserControl_reportComment{max-width: none !important;} /*(AZI-2216)*/
    /*#MapUserControl_reportComment{max-width: 239.5px !important; width: 239.5px !important;}*/
    #MapUserControl_reportComment{max-width: none !important;} /*(AZI-2237)*/
}

/**USER FEEDBACK, UPLOAD IMAGE CSS**/
#progressbar {
    background-color: black;
    background-repeat: repeat-x;
    border-radius: 13px;
    padding: 3px;
}

#progressbar > div {
    background-color: orange;
    width: 0 ;
    height: 20px;
    border-radius: 10px;
}

.UserFeedbackImageDiv
{
    display:inline-block;
    margin:5px 20px;
    padding:5px;
    position: relative;
    float: left;
}

.UserFeedbackImages
{
    width:50px; 
    height:50px; 
    margin: 0 auto;
}

.UserFeedBackUploadedImgsOuterDiv
{
   margin-left:20px;
   width: 100%; 
   height: 100%; 
   text-align:center
}

/* HOVER STYLES */
.arrow_box {
    display: none;
    position: absolute;
     background: white;
    color: #000000;
    z-index:   1000;
    margin: 15px 30px;
    min-width: 200px;
    max-width: 300px;
    background: #fff;
    border: 1px solid #ccc;

    min-height: 200px;
    max-height: 400px;
    padding: 20px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}

/* this CS forms the triangles */
.arrow_box:after,
.arrow_box:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}


/* this border color controls the color of the triangle (what looks like the fill of the triangle) */
.arrow_box:after {
    top: 10px;
    border-color: transparent transparent transparent #fff;
    border-width: 10px;
}

/* this border color controlls the outside, thin border */
.arrow_box:before {
    top: 9px;
    border-color: transparent transparent transparent #ccc;
    border-width: 11px;
}

.arrow_boxNew:before {
    display: none;
}

.legendPopInner {
    overflow: auto;
    max-height: 337px; /* max height of content accounts for 20+20 padding and header at 33*/
    max-width: 50vw;
}

.legendPopHeader {
    font-weight: bold;
    line-height: 1.1;
    font-size: 1.5em;
    color: #1e4964;
    margin-bottom: 10px;
}

.legendPopCls {
    width: 16px;
    height: 16px;
    top: -1px;
    position: absolute;
    right: 4px;
}

.legendPopClsBtn {
    width: 16px !important;
    height: 16px;
    border: none;
}

/*slight fixes for click popup colors*/
.popUpBackCol {
    background: white;
}

.popUpArrow_white::before, .popUpArrow_white::after  {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 20px;
    border-style: solid;
    border-width: 16px;
}
.popUpArrow_black::before, .popUpArrow_black::after  {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 20px;
    border-style: solid;
    border-width: 16px;
}

.popUpArrow_white::before {
    border-color: #ccc transparent transparent transparent;
    bottom: -32px;
}

.popUpArrow_white::after {
    border-color: #fff transparent transparent transparent;
    bottom: -31px;
}

.popUpArrow_white {
    overflow:visible;
}

.popUpArrow_black::before {
    border-color: #000 transparent transparent transparent;
    bottom: -32px;
}

.popUpArrow_black::after {
    border-color: black transparent transparent transparent;
    bottom: -31px;
}

.popUpArrow_black {
    overflow:visible;
}

/* New Mobile View */
#mobile-btnback {
	display: none;
    position: absolute;
    bottom: 3px;
    right: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 45px;
    height: 40px;
    z-index: 1000;
    background-image: url(/images/texture.png);
}

#mobile-btnNoHead {
    padding: 8px 12px 5px;
    cursor: pointer;
    position: relative;
}

#logoNav img {
	width: 120px;
	position: absolute;
	top: 0;
	left: 0;
}

#logoContainerstyle {
    float: left;
    margin: 3px 0 10px 0;
	display: none;
}

#mobile-nav-items {
	position: fixed; 
	top: 0px; 
	bottom: 0px; 
	width: 15.625em; 
	height: 100%; 
	transition: right 300ms ease; 
	right: 0px;
}

@media only screen and (max-width: 950px) {
    #divMobileLoginUser #UserLogonID {
        display: block;
        color: #fff;
        position: absolute;
        float: right;
        margin-right: 5%;
        top: 5px;
        right: 5px;
    }
}


/*map details class*/
/*.mapDetails {
    min-height: 75px;
}

.mapDetailsContents {
    width: 100%;
}

.mapDetailsTextBox {
    clear: both;
    max-width: 400px;
}

.mapDetailsColumns {
    float: left;
    width:   50%;
    padding-right: 10px;
    min-width: 250px;
}*/

.clearBoth {
    clear: both;
}


.mapToolsPointer label {
    cursor:pointer;
}

/*.MapToolsColumn
{
    margin: 0 0 15px 15px;
    float: left;
    min-height: 170px;
    min-width: 218px;
}

.MapToolsTopColumn {
    padding-bottom: 20px;
}*/

.inputareaPublic {
    border-bottom: 0 !important;   
}

.attribBox {
    min-width: 200px;
    max-width: 500px;
    height: 200px;
    width: 100%;
}

.attribDDown {
    margin-right: 15px;
}

/*register Page Mobile*/
.registerMobileTextInput {
    /*width: 90% !important;*/
    height: 20%;
    font-size: 45px;
}

.registerLogo {
    width: 50%;
}

.registerSubmit {
    font-size: 75px;
}

.ccReq {
    font-size: 40px;
}



#ExternalData .title {width: 270px;}

/*On the map screen the loading spinner can only appear along with the following overlay if it has this exact z-index*/
.ui-widget-overlay{background:rgb(0, 0, 0) !important;}
/*And making the related panels appear in front of the overlay
.CreateLayerPopup {
    z-index: 2147483647 !important;
}
div[aria-describedby="ImportLayer"]{z-index: 2147483647 !important;}
div[aria-describedby="Layer"]{z-index: 2147483647 !important;}
div[aria-describedby="ExternalData"]{z-index: 2147483647 !important;}
.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-draggable{z-index: 2147483647 !important;}
Further panels that appear on top of these
div[aria-describedby="addLayerAttributeDiv"]{z-index: 2147483648 !important;}
div[aria-describedby="layerHelpDiv"]{z-index: 2147483648 !important;}*/
/*Saved/success confirmation dialog*/
div[aria-describedby="saveDialogSingleFeature"]{z-index: 2147483647 !important;}

/*Prevent layer panel pushing itself to the left (AZI-2067)*/
div[aria-describedby="Layer"]{max-width:636px !important;}

/*Remove white space at the top of the layer config panel*/
#ctl00_MainContent_MapUserControl_MapDefPage_InsertItemRow {position: absolute; top: -40px !important;}
#ctl00_MainContent_MapDefPage_InsertItemRow {position: absolute; top: -40px !important;}

/*Position help button on Layer Config Panel*/
#LayerConfigHelp{top: -20px !important;}

/*Center config tooltip btn*/
/*#ctl00_MainContent_MapUserControl_MapDefPage_btnSelectConfigureTooltip{position: relative; left: 72px;}
#ctl00_MainContent_MapDefPage_btnSelectConfigureTooltip{position: relative; left: 67px;}*/


/*Remove white space from feature popup with no attributes*/
#featurePopup {min-height: 66px !important;}

.FeaturePopupThumbnails {
    /*max-height: 70px !important;
    max-width: 70px !important;*/
    text-align: center;
    margin: 0 auto;
}

.fullWidth{
    width:100% !important;
}

.fullMaxWidth{
    width:100% !important;
    max-width: 100% !important;
}

/*Checkboxes on the Config Tooltip panel*/
.checkboxSwitchOn { background-image: url('/images/conSwitchOn.png'); background-color: transparent; background-repeat: no-repeat; width: 21px; height: 13px; background-position: 0px 0px; }
.checkboxSwitchOff { background-image: url('/images/conSwitchOff.png'); background-color: transparent; background-repeat: no-repeat; width: 21px; height: 13px; background-position: 0px 0px; }

    /*Same again but for routing panel- Needed for darkstyle.css (AZI-3158)*/
    .returnRouteCheckboxSwitchOn {
    background-image: url('/images/conSwitchOn.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 21px;
    height: 13px;
    background-position: 0px 0px;
}
    .returnRouteCheckboxSwitchOff {
    background-image: url('/images/conSwitchOff.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 21px;
    height: 13px;
    background-position: 0px 0px;
}


.fixMapDefLayerText {
    float: none !important;
    font-weight: normal !important;
}

.cursorDefault{
        cursor: default !important;
}

/*New Home screen*/
.breakWrap {
    word-wrap: break-word;
}


/*magnific popup css overrides*/
.mfp-iframe-holder .mfp-content {
    max-width: 80% !important;
}

@media (max-width: 1200px) {
    .mfp-iframe-holder .mfp-content {
        max-width: 100% !important;
        height: 95%;
    }
}

/*ytv*/
.divYtPH,
.description{
	margin: 50px auto;
	width: 800px;
	height: 400px;
	}
	
.playlists .special{
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: 420px;
	}

.playlists .ytv-list-header > a{
	-webkit-animation: pulse 2s infinite;
	-moz-animation: pulse 2s infinite;
	-o-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	}
	.playlists .ytv-list-header.ytv-playlist-open > a{
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		animation: none;
		}

@-webkit-keyframes pulse {
  0%   { background: rgba(255,255,255,0); }
  50%  { background: rgba(255,255,255,0.1); }
  100% { background: rgba(255,255,255,0); }
}
@-moz-keyframes pulse {
  0%   { background: rgba(255,255,255,0); }
  50%  { background: rgba(255,255,255,0.1); }
  100% { background: rgba(255,255,255,0); }
}
@-o-keyframes pulse {
  0%   { background: rgba(255,255,255,0); }
  50%  { background: rgba(255,255,255,0.1); }
  100% { background: rgba(255,255,255,0); }
}
@keyframes pulse {
    0% {
        background: rgba(255,255,255,0);
    }

    50% {
        background: rgba(255,255,255,0.1);
    }

    100% {
        background: rgba(255,255,255,0);
    }
}
/*new General*/

.img-restriction {
    width: 80px;
    height: 40px;
}

.headerHeight {

}

.smallFont {
    font-size: 12px
}


/* allow no gutter in cols*/
.no-gutter {
    padding-right:0 !important;
    padding-left:0 !important;
}

.imgGrid {
    /*max-width:900px;
    margin:0 auto; /*center aligned*/
    /*padding:0;
    font-size:0;*/ /* Remember to change it back to normal font size if have captions */
    /*list-style:none;
    background-color:#000;*/
}
.imgGrid-li {
    /*display: inline-block;
    *display:inline;
    width:25%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;*/
}
        
/* The wrapper for each item */
.imgGrid-cell {
    /*margin:12px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);*/
    display:block;
    position: relative;
    overflow:hidden;
}
        
/* If have the image layer */
.imgGrid-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}

.imgGrid-li:hover .imgGrid-img {
    transform:scale(1.05);
}
        
/* If have the overlay layer */
.imgGrid-overlay {
    pointer-events: none;
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    /*background: #3DC0F1 url(img/link.png) no-repeat center 20%;*/
    background: #519F49 /*url(img/link.png)*/ no-repeat center 20%;
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
.myImgGrid-overlay {
    background: #276CB4 /*url(img/link.png)*/ no-repeat center 20%;
}

.myImgGrid-overlayS {
    background: transparent;
}

.imgGrid-li:hover .imgGrid-overlay {
    opacity:0.8;
}

/* If have captions */
.imgGrid-text {
    pointer-events: none;
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    /*text-transform:capitalize;*/
    font-size:16px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    left: 50%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
    -moz-transform: translateX(-50%) translateY(-50%) !important;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important;
}
.imgGrid-li:hover .imgGrid-text {
    transform:translateY(0px);
    opacity:0.9;
}
.myImgGrid-text {
    font-size:14px;
}

/*set default backgound image for broken images*/
.imgGrid-img {
    background-image:url('/images/Generating.png');
    min-height: 151px;
}

.GeneratingImage {
    /*background-image:url('/images/progressSmall.gif');
        background-repeat: no-repeat;*/
}

.ytImage { 
   position: relative;
    cursor: pointer;
   width: 100%; /* for IE 6 */
   background: url("/images/videoImage.png") no-repeat ;
}

#ytText { 
   position: absolute; 
   top: 50%; 
   left: 50%; 
   width: 100%; 
   transition: all .3s;
   
}

#ytText { 
   color: white; 
   font-size: 14px; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
}

.iconSize {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.goToBtn {
    max-width: 140px;
}

.bx-wrapper {
    margin-bottom: 5px !important;
}

#pagerDiv {
    cursor: pointer;
    padding: 0 10px 0 10px;
}

@media only screen and (max-width : 768px) {
    .myMapsBxSlider .myMapsGrid:nth-of-type(1n+5) {
        display: none;
    }
    
    .imgGrid-li .imgGrid-text {
    transform:translateY(0px);
    opacity:0.9;
    background: rgb(54, 25, 25); 
    background: rgba(54, 25, 25, .5);
    }
}

/*MapChooser*/
#DatPager1 {
    float: right;
}

.imgGrid-selected {
    border: 4px green solid
}

.cornBtn {
    position:absolute;
    bottom:1px;
    left:1px;
}

.imgGrid-li:hover .imgGrid-textS {
    transform:translateY(0px);
    opacity:0.9;
    background: rgb(54, 25, 25); 
    background: rgba(54, 25, 25, .5);
    font-size: 12px;
    padding: 0;
    margin: 0;
}

/* Image Popup*/
.imagePopup {
    position: absolute;
    z-index: 1;
    max-width: 300px;
    max-height: 200px;
}

/*popovers*/
.popOverGif {
    height:72px;
    width: 100px;
}

/* user gridview */
#gvUserlist th {
    padding: 5px;
    padding-right: 30px;
}

.reSelected {
    background-color: #55a5de;
}

.tbMaxWidth {
    max-width: 180px !important;
    display: inline;
}

.tbMinWidth280 {
    min-width: 190px !important;
}

.noPadding {
    padding: 0;
}

/* Ident for TOC */
.indentHead {
    font-weight: bold;
}

.indent {
    margin-left: 1em;
    
}

.extraIndent {
    margin-left: 2em;
}

@media (min-width: 768px) {
    .affix {
        position: fixed;
    }
}

mark {
  background: yellow;
}

mark.current {
  background: orange;
}

.searchMaxWidth {
    max-width: 219px;
}



/*SummerNote text area styling*/
.summerNoteFocus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.sumNoteTa {
    max-width: 280px;
    height: 200px !important; /*overide bootstrap form control*/
}

.sumNoteTa2 {
    height: 190px !important;
    overflow: auto; 
}

.borTop
{
    /*bottom: 0px;*/
    border-top: 1px solid #f5f4f4;
}

.borRight
{
    border-right: 1px solid #f5f4f4;
}

.borBottom
{
    border-bottom: 1px solid #f5f4f4;
}

.borLeft
{
    border-left: 1px solid #f5f4f4;
}


.textAlignLeft
{
    text-align: left;
}

.textAlignCenter
{
    text-align: center;
}

.floatRight
{
  float:right !important;
}

/*Place holder text not grey on IE following bootstrap update (AZI-1848)*/
:-ms-input-placeholder {color: #A9A9A9;}

/*Prevent view map button from appearing on map def panel (AZI-1850)*/
#ctl00_MainContent_MapUserControl_MapDefPage_btnViewMap {display:none;}

/*For img btns on report info panel (AZI-1933)*/
.reportInfoBtnDiv{width: 50%; float: left; margin-bottom: 1em;}
#reportDelete{text-align:left;} #selectAllReport{text-align:right;}
#MapUserControl_ReportSave{margin-bottom: 1em;} /*(AZI-2238)*/

/*Address srch route btn pos on iFrame (AZI-3122)*/
#btnCalcRouteIframeImg {
    position: relative;
    right: 8px;
    top: -2px;
}

.ResponsiveTable body {
  color: #333 !important;
  padding: 1.5em !important;
}
.ResponsiveTable table {
  border-collapse: collapse !important;
  width: 100% !important;
}
.ResponsiveTable th {
  /*background-color: #eee !important;*/
  font-weight: bold !important;
}
.ResponsiveTable th,
.ResponsiveTable td {
  /*border: 0.125em solid #333 !important;*/
  line-height: 1.5 !important;
  padding: 0.75em !important;
  text-align: left !important;
}
/* Stack rows vertically on small screens */
@media (max-width: 30em) {
  /* Hide column labels */
	 .ResponsiveTable thead tr {
		position: absolute !important;
		top: -9999em !important;
		left: -9999em !important;
	}
	 .ResponsiveTable tr {
    border: 1px solid #CCC !important; 
    /*border-bottom: 0 !important;*/
  }
	/* Leave a space between table rows */
   .ResponsiveTable tr + tr {
    margin-top: 1.5em !important;
  }
  /* Get table cells to act like rows */
     .ResponsiveTable tr,
     .ResponsiveTable td {
		display: block !important;
	}
     .ResponsiveTable td {
		border: none !important;
		/*border-bottom: 0.125em solid #333 !important;*/
	/* Leave a space for data labels */
		padding-left: 50% !important;
	}
	/* Add data labels */
   .ResponsiveTable td:before {
    content: attr(data-label) !important;
    display: inline-block !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    margin-left: -100% !important;
    width: 100% !important;
  }
}
/* Stack labels vertically on smaller screens */
@media (max-width: 20em) {
   .ResponsiveTable td {
    padding-left: 0.75em !important;
  }
   .ResponsiveTable td:before {
    display: block !important;
    margin-bottom: 0.75em !important;
    margin-left: 0 !important;
  }
}


.ResponsiveTable input {
    position: initial !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
}

.no-paddingLR {
    padding-left:0;
    padding-right:0;
}

/*Confirm Account Details page*/
.showXBtnOnPaymentPopUp
{
    cursor: pointer;
    height:25px;
}

.positionReleaxPaymentDivForLargeScreen {
    left: 45% !important;
}

.positionReleaxPaymentDivForExtraSmallScreen {
    left: 63% !important;
}

.positionReleaxPaymentDivForSmallToMediumScreen {
    left: 48% !important;
}

.centreDiv {
    top: 30%;
    /*left: 45%;*/
    left: 45%;
    /*width:610px;
    height:610px;*/
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    /*background-color: #f3f3f3;*/
    background-color: white;
    position: fixed;
}

.dimScreen {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background:rgba(255,255,255,0.5);*/
    /*background-color:red;*/
    background: rgba(0,0,0,0.5);
    z-index: 3;
}

.scroll {
    overflow: scroll; /* Scrollbar are always visible */
    overflow: auto; /* Scrollbar is displayed as it's needed */
}

.greyBorder{
    border: 2px solid;
    border-color: lightgrey;
    border-radius: 4px;
}

.bottomGreyBorder
{
    border-bottom: lightgrey solid 2px;
}

.normalFontWeight{
    font-weight:normal !important;
}

.backgroundNone
{
    background:none !important;
}

/*Dave's hack fix for missing X buttons - tweeked (AZI-3296)*/
div[aria-describedby="CreateMapDiv"] .ui-state-default .ui-icon, 
div[aria-describedby="floater_Place_SearchRadius_Panel_popup"] .ui-state-default .ui-icon,
div[aria-describedby="floater_Place_Radius_Panel_popup"] .ui-state-default .ui-icon,
.CreateLayerPopup .ui-state-default .ui-icon,
div[aria-describedby="CreateLayerOption"] .ui-state-default .ui-icon,
div[aria-describedby="Layer"] .ui-state-default .ui-icon,
div[aria-describedby="ImportLayer"] .ui-state-default .ui-icon,
div[aria-describedby="ExternalData"] .ui-state-default .ui-icon,
div[aria-describedby="ExportLayer"] .ui-state-default .ui-icon,
div[aria-describedby="confirm_DeleteMaps_Dialog"] .ui-state-default .ui-icon,
div[aria-describedby="floater_Map_Definition_Panel_popup"] .ui-state-default .ui-icon,
div[aria-describedby="floater_Measuring_Output_Panel_popup"] .ui-state-default .ui-icon,
div[aria-describedby="floater_ExportDiv"] .ui-state-default .ui-icon,
div[aria-describedby="floater_ExportJoinDiv"] .ui-state-default .ui-icon,
div[aria-describedby="floater_exportCSV"] .ui-state-default .ui-icon,
div[aria-describedby="AdminEmailForUserFeedBackDiv"] .ui-state-default .ui-icon,
div[aria-describedby="coordsHolder"] .ui-state-default .ui-icon,
div[aria-describedby="floater_AddLayerDisplayNames_Panel_popup"] .ui-state-default .ui-icon,
div[aria-describedby="floater_Autorefresh_Timer_Panel_popup"] .ui-state-default .ui-icon
{
    background-image: url(/JavascriptLibraries/jquery-ui-1.11.4.custom/css/start/images/ui-icons_056b93_256x240.png) !important;
}
div[aria-describedby="AreYouSureDowngradeDiv"] .ui-dialog-titlebar-close
{
    background-image: url(/JavascriptLibraries/jquery-ui-1.11.4.custom/css/start/images/ui-icons_056b93_256x240.png) !important;
    background-position: -94px 114px !important;
}


/* checkbox styling in editfeature*/
/* The switch - the box around the slider */
.cbBoxSpan {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

/* Hide default HTML checkbox */
.cbBoxSpan input {display:none;}

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

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

input:checked + .slider {
  background-color: #2474b3;
}

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

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

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

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


/*displayInline Flex*/
.inlineFlex {
    display: inline-flex;
}

.flex {
    display: flex;
}

.smallText {
    font-size: 12px;
    color: #ccc;
}
/*used in import dialog*/
.smallLink {
    font-size: 10px;
    color: #337ab7 !important;
}

.smallLink:hover smallLink:focus {
    color: #23527c !important;
    text-decoration: underline !important;
}

.noMargin {
    margin: 0 !important;
}
/* set ddl max width to same as input*/
.ddlMaxWidth {
    max-width: 280px;
}

.inputAreaPadding {
    padding: .8em;
}

/* padding on radio buttons */
#rbFeatureType td {padding-right: 0.8em;}
#ctl00_MainContent_MapUserControl_MapDefPage_ExternalDBControl_rbFeatureType td {padding-right: 0.8em;}


/* Routing */
.timeDist {
    font-size: 14px;
    font-weight: normal;
    /*text-align: right;*/
    color: Black
}

.routeClass  {
    font-size: 14px;
    font-weight: normal;
    border-top: #dedbdb 1px solid;
    padding: 10px 0 10px 0;
    /*margin-right: 15px;
    margin-left: 15px;*/
}

.rotate-45-left:before {
    display: block;
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rotate-45-right:before {
    display: block;
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.directionArrow {
    font-size: 24px;
}

.wrap {
    position: relative;
}

.slideRevealBG {
    /*background-color: rgba(255, 255, 255, 0.5);*/
    background-color: white !important;
}

.addBuffer {
    margin: 0 15px 1em 15px;
}

/*Prevent carousel increasing size of report info panel (AZI-2235)*/
div[aria-describedby="floater_ReportData_Panel_popup"]{max-width: 436px;}

/*Prevent w3w panel cutting off generated words (AZI-2266)*/
div[aria-describedby="floater_Get_What3Word"]{height: auto !important;}

/*Additional for cookie popup (AZI-2195)*/
#impliedsubmit{padding: 1px 6px !important;}



.handle {
    position: absolute;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    top: 43%;
    transform: translateY(-43%);
    background-color: white;
    /*background-image: url(/images/texture.png);*/
    color: blue;
    left: -30px;
    padding: 10px;
    width: 30px;
    cursor: pointer;
    /* margin-top: -20px; */
}



/* Note for leaflet routing icon licence
Copyright (c) 2014, Per Liedman (per@liedman.net) Turn instruction icons Copyright (c) 2014, Mapbox (mapbox.com)
Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.*/
/*.leaflet-routing-icon {
    background-image: url('/images/osrm.directions.icons.color.svg');
    -webkit-background-size: 455px 20px;
    background-size: 455px 20px;
    background-repeat: no-repeat;
    margin: 0;
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
}

.leaflet-routing-icon.lanes.invalid {
    filter: invert(50%);
}

.leaflet-routing-alt-minimized .leaflet-routing-icon {
    background-image: url('/images/osrm.directions.icons.color.svg');
}*/

.leaflet-routing-icon {
    /*object-fit: none;*/
    width: 32px;
    height: 32px;
    position: relative;
    left: -16px;
}


/*.leaflet-routing-icon-continue         { background-position: 2px 0px; }
.leaflet-routing-icon-sharp-right      { background-position: -24px 0px; }
.leaflet-routing-icon-turn-right       { background-position: -50px 0px; }
.leaflet-routing-icon-bear-right       { background-position: -74px 0px; }
.leaflet-routing-icon-u-turn           { background-position: -101px 0px; }

.leaflet-routing-icon-sharp-left       { background-position: -127px 0px; }

.leaflet-routing-icon-turn-left        { background-position: -150px 0px; }
.leaflet-routing-icon-bear-left        { background-position: -175px 0px; }
.leaflet-routing-icon-depart           { background-position: -200px 0px; }

.leaflet-routing-icon-enter-roundabout { background-position: -227px 0px; }
.leaflet-routing-icon-arrive           { background-position: -251px 0px; }
.leaflet-routing-icon-via              { background-position: -278px 0px; }

.leaflet-routing-icon-fork             { background-position: -305px 0px; }
.leaflet-routing-icon-ramp-right       { background-position: -331px 0px; }
.leaflet-routing-icon-ramp-left        { background-position: -352px 0px; }
.leaflet-routing-icon-merge-left       { background-position: -376px 0px; }
.leaflet-routing-icon-merge-right      { background-position: -403px 0px; }
.leaflet-routing-icon-end              { background-position: -429px 0px; }*/

/* OL swipe control */
/* http://www.patternify.com/ */
.olControlSwipe {
    background:url(/images/swipe/line.png) repeat;
    display: none;
}

.olControlSwipeHover {
    cursor: w-resize;
}

.olControlSwipeLayerView {
    background-color: white;
    height: 16px;
    width: 220px;
    margin-top: 23px;
    margin-left: -230px;
    display: block;
    font-size: 11px;
    font-family: Tahoma, Arial;
    font-weight: 700;
    padding-top: 2px;
    /* background-image: url(/images/swipe/arrow_left.png); */
    background-repeat: no-repeat;
    position: absolute;
}


.olControlSwipeLayerSpan {
    visibility: hidden;
    font-size: 11px;
    font-family: Tahoma, Arial;
    font-weight: 700;
    white-space: pre;
    position: absolute;
}

.olControlSwipeLayerHide {
    display: none;
}

.olControlArrowLeft {
    width: 16px;
    height: 32px;
    margin-left: -1px;
    background-image: url(/images/swipe/bigarrow_left.png);
    background-repeat: no-repeat;
    position: absolute;
}
.olControlArrowRight {
    width: 16px;
    height: 32px;
    margin-left: 19px;
    background-image: url(/images/swipe/bigarrow_right.png);
    background-repeat: no-repeat;
    position: absolute;
}

/*Legend Div Slider*/
.legDivSlider {
    position: relative;
    left: 50%;
    transform: translateX(-25%);
}

.formLabelOverride {
    text-align: center !important;
}

/*Publish Results*/
.PublishResults {
    word-wrap: break-word;
    font-weight: normal;
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #f9f9f9;
    border-radius: 4px;
}

.PublishResults-mw-300 {
    max-width: 300px;

}

#first {
  background-color: #4B4D65;
}
#second {
  background-color: #FF8A66;
}
.PublishRadios {
  padding-left: 50px;
}

.PublishRadios input[type="radio"],
.PublishRadios input[type="checkbox"]{
  display: none;
}


.checkCont label {
  position: relative;
}

.checkCont span::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #ccc;
}
.checkCont span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #2474b3;
}

.checkCont span.radio:hover {
  cursor: pointer;
}
.checkCont span.radio::before {
  left: -52px;
  width: 45px;
  height: 25px;
  /*background-color: white;*/
  border-radius: 50px;
}
.checkCont span.radio::after {
  left: -49px;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  background-color: white;
  transition: left .25s, background-color .25s;
}
input[type="radio"]:checked + label span.radio::after {
  left: -27px;
  background-color: #2474b3;
}

/* Double Radio Slider - See Buffer popup*/
.radioDouble {
  margin-left: 2.4em;
}





/* restyle image uploader */
.VOmain {
    margin: 0.5em 0px 0.5em 0;
    color: #1e4964;
}

.ajax__fileupload_dropzone 
{
    border: dotted 1px #9fa1a2 !important;
    color: #8c8b8b !important;
    border-radius: 4px;
}

.ajax__fileupload_selectFileButton {
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    padding: 0px 10px !important;
    font-size: 12px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.ajax_fileupload_cancelbutton,
.removeButton{
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    padding: 0px 4px !important;
    font-size: 12px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.ajax__fileupload_uploadbutton {
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    padding: 0px 4px !important;
    font-size: 12px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #286090 !important;
    border-color: #204d74 !important;
}

.filename,
.filetype,
.filesize,
.uploadstatus {
    color: #9fa1a2;
    font-size: 12px;
    font-family: sans-serif;
}

/* Whats3words Css */
.aziCol {
    color: #1E4964;
}

.tbMinWidth {
    min-width: 100%;
}

.tbLineHeight {
    height: 30px;
}

.btnSize {
    font-size: 4em;
    color: #1E4964;
}

.offOverlay {
    color: rgba(100, 85, 85, 0.33);
    
}

/*.Date Picker*/
.ui-datepicker .ui-datepicker-header {
    background: url("/images/textureH.PNG") repeat !important; 
}

#ui-datepicker-div a.ui-state-default{
    background: rgba(236, 235, 235, 0.44) !important;
    color: #b9b9b9 !important;
}

#ui-datepicker-div a.ui-state-default.ui-state-highlight {
    background: url("/images/textureH.PNG") repeat !important; 
    color: white;
}

.borderGray {
    border: 1px solid #ccc;
    padding: 5px;
}

/* Add New Layer Popup */
.player-width {
        width:265px;
        margin: 0 auto;
}

.player-height {
        height: 150px;
}

@media only screen and (max-width : 768px) {
    .player-width {
        width:213px;
        margin: 0 auto;
    }

    .player-height {
        height: 120px;
    }
}

.gearsButton {
    background: url(/images/Gears.png) no-repeat !important;
    padding-right: 16px;
}

.newButton {
    background-image: url(/images/switchersprite.png)!important;
    background-position: 0% 37%;
    padding-right: 18px;
    background-size: 16px;
}

.addButton {
    background-image: url(/images/switchersprite.png)!important;
    background-position: 0% 53%;
    padding-right: 17px;
    background-size: 16px;
}


/* geocoder routing */

.textBut {
    /*width: 200px;
    height: 20px;*/
    padding-right: 26px !important;
    padding-left: 20px !important;
    display: inline !important;
}

.butText {
    margin-left: -80px;
    /*height: 20px;*/
    width: 80px;
}

.minHeightRoute {
    height: 400px;
}

.textSpan:after {
    position: absolute;
    display: block;
    width: 15px;
    /*height: 1px;*/
    z-index: 1;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    font-weight: bold;
    content: "\00d7";
    text-align: center;
    cursor: pointer;
    color: rgba(37,72,127, 0.6);
    /*padding-bottom: 16px;
    margin-top: -10px;*/
    margin-left: -20px;
    /*line-height: 1;*/
}

.right-addon i {
    right: 12px;
}

.left-addon span {
    left: 10px;
}

.inner-addon span {
    position: absolute;
    top: auto;
    padding: 5px 10px 0px 0px;
    cursor: move;
    z-index: 1;
    font-size: 14px;
    opacity: 0.8;
}

.inner-addon i {
    position: absolute;
    top: auto;
    padding: 6px 10px 0px 0px;
    cursor: pointer;
    z-index: 1;
    font-size: 22px;
    
}

.inner-addon-x i {
    padding: 23px 3px 0px 0px;
}

.easy-autocomplete{
    display:inline;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  /*padding: 10px 16px;*/
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  /*padding: 10px 16px;*/
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.importState_Successful,
table.dataTable tbody tr.importState_Successful,
table.dataTable tbody td.importState_Successful
{
    background-color: rgba(95, 212, 79, 0.25) !important;
}

.importState_Importing,
table.dataTable tbody tr.importState_Importing,
table.dataTable tbody td.importState_Importing
{
    background-color: rgba(251, 246, 139, 0.43) !important
}
.importState_Failed,
table.dataTable tbody tr.importState_Failed,
table.dataTable tbody td.importState_Failed
{
    background-color: rgba(196, 104, 104, 0.34) !important;
}

.importState_Queued,
table.dataTable tbody tr.importState_Queued,
table.dataTable tbody td.importState_Queued
{
    background-color: rgba(245, 196, 121, 0.39) !important;
}

/*For browsefeatures button placement (AZI-2627)*/

#closeBrowseAllFeatures{
    margin-top: 3px;
}

.browseFeaturesButtons{
    margin-top: 3px;
}

/*For displaying hand pointer on hover (AZI-2627)*/
.cursorHandPointer{cursor: pointer;}

/*Stop header text turning blue on hover (AZI-2561)*/
#btn-maps, #btn-data, #btn-admin, #btn-help, #Helpdesk, #superadmin, #HeadLoginStatus, #A3, #A4, .headerStayWhite {color: white !important;}

.floatRight{float:right;}

/*For search side panel (AZI-2896)*/
.width60perc{width:60% !important;}
.width75perc{width:75% !important;}
.hideHorScrollbars{overflow-x: hidden;}

/*Save & export search results panels (AZI-2908)*/
div[aria-describedby="floater_ExportDiv"] .ui-dialog-titlebar{border: white !important; background: white !important;}
div[aria-describedby="floater_ExportDiv"] .ui-dialog-title {color: rgb(30, 73, 100) !important;}
div[aria-describedby="floater_exportCSV"] .ui-dialog-titlebar{border: white !important; background: white !important;}
div[aria-describedby="floater_exportCSV"] .ui-dialog-title {color: rgb(30, 73, 100) !important;}
/*div[aria-describedby="floater_ExportJoinDiv"] .ui-dialog-titlebar{border: white !important; background: white !important;}
div[aria-describedby="floater_ExportJoinDiv"] .ui-dialog-title {color: rgb(30, 73, 100) !important;}*/

/*Fix WMS baselayer icons (AZI-3179)*/
.wmsBaselayerIcon{top:-2px}

.cursorCross {
    cursor: crosshair;
}

/** fancy radio css */
.label_radio    { background: url(/images/radio-off.png) no-repeat; height:20px; }
.label_check    { background: url(/images/check-off.png) no-repeat; height:20px; }
.c_on      { background: url(/images/check-on.png) no-repeat; height:20px; }
.r_on      { background: url(/images/radio-on.png) no-repeat; height:20px; }
.label_check span,
.label_radio span  { margin-left: 30px; }

/*For some attribute search btns when they get pushed below other items on small screens (AZI-3039)*/
@media (max-width: 400px)
{
    .mobileAttributeSearchBtn05{margin-top: 0.5em;}
    .mobileAttributeSearchBtn1{margin-top: 1em;}
}

/*Azi Message toast*/
#toastMsg, #saveEditConfirm {
    display: none; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: rgba(51, 51, 51, 0.62); /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 50px; /* 30px from the bottom */
}

#saveEditConfirm {
   
    background-color: rgba(255, 255, 255, 0.85); /* Black background color */
    color: black; /* White text color */
  
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
    #toastMsg.show, #saveEditConfirm.show {
        display: block; /* Show the snackbar */
        /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
However, delay the fade out process for 2.5 seconds */
        -webkit-animation: fadein 0.5s, /*fadeout 0.5s 2.5s*/;
        animation: fadein 0.5s, /*fadeout 0.5s 2.5s*/;
    }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 50px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 50px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 50px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 50px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

.dtCol{
    min-height: 38px !important;
    color: #1e4964 !important;
}

.noGutter {
    padding-left: 0px;
    padding-right: 0px;
}

.noGutterL {
    padding-left: 0px;
}

.noGutterR {
    padding-right: 0px;
}

.width-7 {
    width: 58.33333% !important;
}

.palette-color-picker-bubble {
    z-index: 1 !important;
}

.pointerDrag {
    cursor: grab;
}

.youtube-player {
        position: relative;
        /* padding-bottom: 75%; */
        /* Use 75% for 4:3 videos */
        height: 150px;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        margin: 5px;
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 150px;
        width: 265px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("//i.imgur.com/TxzC70f.png") no-repeat;
        cursor: pointer;
    }

.droppableAddLayersHighlight {
    border: solid 2px blue !important;
}

.droppableAddLayers {
    border: solid 2px yellow !important;
}

.wwBreak {
    word-wrap: break-word !important;
}

.dragAddLayersDiv {
    background-color: green;

}

.overVisible {
    overflow: visible !important;
}

overflowX-hid {
    overflow-x: hidden !important;
}

.bg-gray {
    background-color:#f1f1f1 !important;
}

.sketchShareLink {
    height:120px;
    word-wrap:break-word;
    padding:5px;
}


.sketchShareLink {
    height:120px;
    word-wrap:break-word;
    padding:5px;
}


.swal2-container{
    z-index: 90000 !important;
}


.x-tree-ec-icon.x-tree-elbow-end{
    height: 28px !important;
    width: 16px !important;
}

.cblCls td input[type="checkbox"] {
    width: 30px !important;
}

/*Fill image to container with overflow hidden*/
.fillImgCont {
    height: 100%;
    overflow: hidden;
}

.fillImg {
    /*min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
}

.accessConfigHead {
	padding-left: 15px;
	font-weight:bold;
}

.accessConfigItems {
	padding-left:15px;
}

.eac-header {
    font-weight: bold;
    cursor: pointer;
    text-transform: capitalize;
}

.borAddressTop {
    border-top : 1px solid #ccc !important;
}

.borAddressBottom{
    border-bottom : 1px solid #ccc !important;
}

.border-selected {
    border: 2px solid green !important;
}

.border-unselected {
    border: 2px solid red !important;
}

.mapDef-Title {
    border-bottom: 1px solid #DDDDDD;
    padding: .6em;
    width: 100%;
    margin: 0;
}

.mapDef-Heading {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #333;
    line-height: 1.1;
}
.text-initial {
    font-size: initial;
}

.text-large {
    font-size: large;
}

.text-larger {
    font-size: larger;
}

.tbMaxWidth-22 {
    max-width: 22em;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#What3WordsInputZoomToLocation .select2-container--focus {
    border-color: #66afe9 !important;
}

.site-footer {
    background-color: #0073ad;
    padding: 45px 0 20px;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
}

    .site-footer hr {
        border-top-color: #bbb;
        opacity: 0.5
    }

        .site-footer hr.small {
            margin: 20px 0
        }

    .site-footer h6 {
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        margin-top: 5px;
        letter-spacing: 2px
    }

    .site-footer a {
        color: #fff;
    }

        .site-footer a:hover {
            color: #eaeaea;
            text-decoration: none;
        }

.footer-links {
    padding-left: 0;
    list-style: none
}

    .footer-links li {
        display: block
    }

    .footer-links a {
        color: #fff
    }

        .footer-links a:active, .footer-links a:focus, .footer-links a:hover {
            color: #c8c8c8;
            text-decoration: none;
        }

    .footer-links.inline li {
        display: inline-block
    }

.site-footer .social-icons {
    text-align: right
}

    .site-footer .social-icons a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-left: 6px;
        margin-right: 0;
        border-radius: 100%;
        background-color: #004364;
    }

.copyright-text {
    margin: 0
}

@media (max-width:991px) {
    .site-footer [class^=col-] {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .site-footer {
        padding-bottom: 0
    }

        .site-footer .copyright-text, .site-footer .social-icons {
            text-align: center
        }
}

.social-icons {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .social-icons li {
        display: inline-block;
        margin-bottom: 4px
    }

        .social-icons li.title {
            margin-right: 15px;
            text-transform: uppercase;
            color: #96a2b2;
            font-weight: 700;
            font-size: 13px
        }

    .social-icons a {
        background-color: #598dab;
        color: #fff;
        font-size: 16px;
        display: inline-block;
        line-height: 44px;
        width: 44px;
        height: 44px;
        text-align: center;
        margin-right: 8px;
        border-radius: 100%;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }

        .social-icons a:active, .social-icons a:focus, .social-icons a:hover {
            color: #fff;
            background-color: #29aafe
        }

    .social-icons.size-sm a {
        line-height: 34px;
        height: 34px;
        width: 34px;
        font-size: 14px
    }

    .social-icons a.facebook:hover {
        background-color: #3b5998
    }

    .social-icons a.twitter:hover {
        background-color: #00aced
    }

    .social-icons a.linkedin:hover {
        background-color: #007bb6
    }

    .social-icons a.youtube:hover {
        background-color: #ff0000
    }

@media (max-width:767px) {
    .social-icons li.title {
        display: block;
        margin-right: 0;
        font-weight: 600
    }
}

.minHeight100px {
    min-height: 100px;
}

.boxShadow:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2);
}

/*pretty checkbox multiline labels*/
.prettyMultiLine {
    white-space: inherit;
    width: 25em;
}

.prettyMultiLine .state label {
    text-indent: 0;
    padding-left: 2em;
}

.prettyMultiLine .state label:after,
.prettyMultiLine .state label:before {
    top: 0;
}

/*match grid img heights replace posres where needed*/
.matchedHeightImgContainer {
    position: relative;
    padding-bottom: 70%;
    overflow: hidden;
    width: 100%;
}

.matchedHeightImgContainer img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chkbox {
    text-align: center;
}