/* Minification failed. Returning unminified contents.
(1900,27): run-time error CSS1039: Token not allowed after unary operator: '-ggs'
(1941,29): run-time error CSS1046: Expect comma, found '0'
(1941,32): run-time error CSS1046: Expect comma, found '/'
(4854,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
 */
/*!
 * jQuery UI Bootstrap (0.5)
 * http://addyosmani.github.com/jquery-ui-bootstrap
 *
 * Copyright 2012 - 2013, Addy Osmani
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Portions copyright jQuery UI & Twitter Bootstrap
 */


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { 
  border: 0; clip: rect(0 0 0 0);
  height: 1px; 
  margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px; 
}
.ui-helper-reset { 
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  line-height: 1.3; 
  text-decoration: none; 
  font-size: 100%; 
  list-style: none; 
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}
.ui-helper-clearfix { 
  /*display: inline-block; */
  display:block;
  min-height: 0; /* support: IE7 */
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { 
  height:1%; 
}

/* end clearfix */
.ui-helper-zfix { 
  width: 100%; 
  height: 100%; 
  top: 0; 
  left: 0; 
  position: absolute; 
  opacity: 0; 
  filter:Alpha(Opacity=0); 
}
.ui-front {
  z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { 
  display: block; 
  text-indent: -99999px; 
  overflow: hidden; 
  background-repeat: no-repeat; 
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/*
 * jQuery UI Resizable 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/resizable/
 */

.ui-resizable { 
  position: relative;
}
.ui-resizable-handle { 
  position: absolute;
  font-size: 0.1px;
  z-index: 99999; 
  display: block; 
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { 
  display: none; 
}
.ui-resizable-n { 
  cursor: n-resize; 
  height: 7px; 
  width: 100%; 
  top: -5px; 
  left: 0; 
}
.ui-resizable-s { 
  cursor: s-resize; 
  height: 7px; 
  width: 100%; 
  bottom: -5px; 
  left: 0; 
}
.ui-resizable-e { 
  cursor: e-resize; 
  width: 7px; 
  right: -5px; 
  top: 0; 
  height: 100%; 
}
.ui-resizable-w { 
  cursor: w-resize; 
  width: 7px; 
  left: -5px; 
  top: 0; 
  height: 100%; 
}
.ui-resizable-se { 
  cursor: se-resize; 
  width: 12px; 
  height: 12px; 
  right: 1px; 
  bottom: 1px; 
}
.ui-resizable-sw { 
  cursor: sw-resize; 
  width: 9px; 
  height: 9px; 
  left: -5px; 
  bottom: -5px; 
}
.ui-resizable-nw { 
  cursor: nw-resize; 
  width: 9px; 
  height: 9px; 
  left: -5px; 
  top: -5px; 
}
.ui-resizable-ne { 
  cursor: ne-resize; 
  width: 9px; 
  height: 9px; 
  right: -5px; 
  top: -5px;
}

/*
 * jQuery UI Selectable 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/selectable/
 */
.ui-selectable-helper { 
  position: absolute; 
  z-index: 100; 
  border:1px dotted black; 
}

/*
 * jQuery UI CSS Framework 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * 
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/* Component containers
----------------------------------*/
.ui-widget {   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #404040; }
.ui-widget-content a { color: #404040; }
.ui-widget-header {
  font-weight:bold;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border:1px solid #666;

 }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear background-image;
  -moz-transition: 0.1s linear background-image;
  -ms-transition: 0.1s linear background-image;
  -o-transition: 0.1s linear background-image;
  transition: 0.1s linear background-image;
   overflow: visible;

 }


.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-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
 }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa;  font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

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


.ui-state-highlight p, .ui-state-error p, .ui-state-default p{
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin:7px 15px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {


  position: relative;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);


}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {


  position: relative;
  margin-bottom: 18px;
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
 background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);


}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none;  }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_f6cf3b_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, 
.ui-corner-top, 
.ui-corner-left, 
.ui-corner-tl { 
  -moz-border-radius-topleft: 4px; 
  -webkit-border-top-left-radius: 4px; 
  -khtml-border-top-left-radius: 4px; 
  border-top-left-radius: 4px; 
}
.ui-corner-all, 
.ui-corner-top, 
.ui-corner-right, 
.ui-corner-tr { 
  -moz-border-radius-topright: 4px; 
  -webkit-border-top-right-radius: 4px; 
  -khtml-border-top-right-radius: 4px; 
  border-top-right-radius: 4px; 
}
.ui-corner-all, 
.ui-corner-bottom, 
.ui-corner-left, 
.ui-corner-bl { 
  -moz-border-radius-bottomleft: 4px; 
  -webkit-border-bottom-left-radius: 4px; 
  -khtml-border-bottom-left-radius: 4px; 
  border-bottom-left-radius: 4px; 
}
.ui-corner-all, 
.ui-corner-bottom, 
.ui-corner-right, 
.ui-corner-br { 
  -moz-border-radius-bottomright: 4px; 
  -webkit-border-bottom-right-radius: 4px; 
  -khtml-border-bottom-right-radius: 4px; 
  border-bottom-right-radius: 4px; 
}


/* Overlays */

.ui-widget-overlay { 
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
  opacity: .30;
  filter:Alpha(Opacity=30); 
}

.ui-widget-shadow { 
  margin: -8px 0 0 -8px; 
  padding: 8px; 
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
  opacity: .30;filter:Alpha(Opacity=30); 
  -moz-border-radius: 8px; 
  -khtml-border-radius: 8px; 
  -webkit-border-radius: 8px; 
  border-radius: 8px; 
}

/*
 * jQuery UI Accordion 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/accordion/
 */

/* IE/Win - Fix animation bug - #4615 */

.ui-accordion { 
  width: 100%; 
}
.ui-accordion .ui-accordion-header { 
  cursor: pointer; 
  position: relative; 
  margin-top: 1px; 
  zoom: 1; 
  font-weight:bold; 
}
.ui-accordion .ui-accordion-li-fix { 
  display: inline; 
}
.ui-accordion .ui-accordion-header-active { 
  border-bottom: 0 !important; 
}
.ui-accordion .ui-accordion-header a { 
  display: block; 
  font-size: 1em; 
  padding: .5em .5em .5em 1.7em; 
}
.ui-accordion-icons .ui-accordion-header a { 
  padding-left: 2.2em; 
}
.ui-accordion .ui-accordion-header .ui-icon { 
  position: absolute; 
  left: .5em; 
  top: 50%; 
  margin-top: -8px; 
}
.ui-accordion .ui-accordion-content { 
  padding: 1em 2.2em; 
  border-top: 0; 
  margin-top: -2px; 
  position: relative; 
  top: 1px; 
  margin-bottom: 2px; 
  overflow: auto; 
  display: none; 
  zoom: 1; 
}
.ui-accordion .ui-accordion-content-active { 
  display: block; 
}

/*
 * jQuery UI Autocomplete 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/autocomplete/
 */

.ui-autocomplete { 
  position: absolute; 
  top: 0;
  left: 0;
  cursor: default; 
}

/*
 * jQuery UI Button 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */

.ui-button {

  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  margin: 0;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear background-image;
  -moz-transition: 0.1s linear background-image;
  -ms-transition: 0.1s linear background-image;
  -o-transition: 0.1s linear background-image;
  transition: 0.1s linear background-image;
   overflow: visible;
} /* the overflow property removes extra width in IE */

.ui-button-primary {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}


.ui-button-success{
  color:#ffffff;
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-error{
  color:#ffffff;
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */

.ui-button .ui-button-text { display: block;   }
.ui-button-text-only .ui-button-text {  }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; /*tempfix*/ display:none;}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
/* input.ui-button { padding: .4em 1em; } */

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { top: 50%; margin-top:-3px; margin-bottom:3px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/


.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-state-active {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.4em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */


/*
 * jQuery UI Menu 1.10.0
 *
* Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float:left; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1;float: left;clear: left; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { 
  font-weight: normal; 
  margin: 0; 
  color: #ffffff;
  background: #0064cd;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/* Fix problem with border in ui-state-active */
.ui-menu .ui-menu-item a.ui-state-active {
  padding: 1px .4em;
}

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }

.ui-menu { width: 200px; margin-bottom: 2em; }


/*
 * jQuery UI spinner 1.10.0
 *
* Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner{}
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position:-65px -16px;
}

/*
 * jQuery UI Dialog 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { 
  position: absolute; 
  top: 0; 
  left: 0; 
  padding: .2em; 
  width: 300px; 
  overflow: hidden; 
  outline: 0; 
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  /*left: 50%;
  margin-left: -280px;*/
  outline: medium none;
  position: fixed;
  /*top: 10%;
  width: 560px;*/
  z-index: 1050;
}
.ui-dialog .ui-dialog-titlebar { /*padding: .4em 1em;*/
  position: relative;
  padding:5px 15px;
  border:0px 0px 0px 1px solid;
  border-color: white;
  padding: 5px 15px;
  font-size: 18px;
  text-decoration:none;
  background:none;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -khtml-border-bottom-right-radius: 0px;

  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -khtml-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom:1px solid #ccc;
}
.ui-dialog .ui-dialog-title {
  float: left;
  color:#404040;
  font-weight:bold;
  margin-top:5px;
  margin-bottom:5px;
  padding:5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -20px 0 0 0;
  padding: 1px;
  height: 18px;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
  background:none;
  border-width: 0;
  border:none;
  box-shadow: none;
}

.ui-dialog .ui-dialog-titlebar-close span { 
  display: block; 
  margin: 1px;
  text-indent: 9999px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px;   filter: alpha(opacity=90);
  -khtml-opacity: 0.90;
  -moz-opacity: 0.90;
  opacity: 0.90;   
}

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  background-color: #f5f5f5;
  padding: 5px 15px 5px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  zoom: 1;
  margin-bottom: 0;

}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;

  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/*
 * jQuery UI Tabs 1.9.2
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tabs/
 */
 .ui-tabs .ui-tabs-nav{ background:none; border-color: #ddd;border-style: solid;border-width: 0 0 1px;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; border:0px;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */


.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover{
  background:whiteSmoke;
  border-bottom:1px solid #ddd;
  padding-bottom:0px;
   color:#00438A;
}

.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; border-bottom:1px solid #DDD; }
.ui-tabs .ui-tabs-nav li {  text-decoration: none; list-style: none; float: left; position: relative; top: 1px; padding: 0px 0px 1px 0px; white-space: nowrap; background:none; border:0px; }

.ui-tabs-nav .ui-state-default{
  -webkit-box-shadow: 0px 0px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 0px #ffffff; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  cursor: text;
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;


 }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0px; outline:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active , .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: #ffffff;
  cursor: default;
  color:gray;
  outline:none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{background-color: #ffffff;outline:none;border:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover{
  background:#ffffff;
  outline:none;
  margin-bottom:0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; color:#0069D6; background:none; font-weight:normal; margin-bottom:-1px;}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs-panel .ui-button{text-decoration:none;}
.ui-tabs .ui-tabs-hide { display: none !important; }


/* IE fix for background inheritance from ui-widget*/
.ui-tabs .ui-tabs-nav li{
  filter:none;
}

/*
 * jQuery UI Tooltip 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tooltip/
 */
.ui-tooltip {
    padding:8px;
    position:absolute;
    z-index:9999;
    max-width: 300px;
    -o-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    /*box-shadow: 0 2px 5px #ddd;*/
    box-shadow: inset 0 1px 0 #ffffff;
}

body .ui-tooltip { border-width:2px; }

/*
 * jQuery UI Datepicker 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border:0px; font-weight: bold; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: #808080; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }

.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }
.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}

.ui-datepicker th{
  font-weight: bold;
  color: gray;
}

.ui-datepicker-today a:hover{
  background-color: #808080;
  color: #ffffff;

}
.ui-datepicker-today a{
  background-color: #BFBFBF;
  cursor: pointer;
  padding: 0 4px;
  margin-bottom:0px;

}


.ui-datepicker td a{
  margin-bottom:0px;
  border:0px;
}

.ui-datepicker td:hover{
    color: #ffffff;
}

.ui-datepicker td .ui-state-default {
  border:0px;
  background:none;
  margin-bottom:0px;
  padding:5px;
  color:gray;
  text-align: center;
  filter:none;
}


.ui-datepicker td .ui-state-active{
  background:#BFBFBF;
  margin-bottom:0px;
  font-size:normal;
  text-shadow: 0px;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.ui-datepicker td .ui-state-hover {
    color: #ffffff;
    background: #0064cd;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%;

/*this can be removed if ui-widget-header is blue*/
    color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }



/*** Input field styling from Bootstrap **/
 input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}

input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
  display: inline-block;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}



/**Toolbar**/

.ui-toolbar{
  padding: 7px 14px;
  margin: 0 0 18px;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}


/***Dialog fixes**/

.ui-dialog-buttonset .ui-button:nth-child(2){
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
   overflow: visible;
}



/***Wijmo Theming**/

div.wijmo-wijmenu{
  padding:0 20px;
  background-color: #222;
  background-color: #222222;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.wijmo-wijmenu .ui-state-default{
  box-shadow: none;
  color:#BFBFBF;
}

.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text{    
  color:#BFBFBF;
}

.wijmo-wijmenu .ui-state-hover{
  background: #444;
  background: rgba(255, 255, 255, 0.05);
}

.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text{
  color:#ffffff;
}

div.wijmo-wijmenu .ui-widget-header h3{
  position: relative;
  margin-top:1px;
  padding:0;
}

.wijmo-wijmenu h3 a{
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  margin-left: -20px;
  margin-top:1px;
  padding: 8px 20px 12px;
}

.wijmo-wijmenu h3 a:hover{
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
  text-decoration: none;
}

.wijmo-wijmenu .ui-widget-header{
  border:0px;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child{
  padding: 0.3em 0;
}

div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child{
  background: #333;
  border:0;
  margin:0;
  padding: 6px 0;
  width:160px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

div.wijmo-wijmenu .wijmo-wijmenu-item{
  margin:0;
  border:0;
}

.wijmo-wijmenu a.wijmo-wijmenu-link{
  margin:0;
  line-height: 19px;
  padding: 10px 10px 11px;
  border:0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius:0;
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link{
  display:block;
  float:none;
  padding: 4px 15px;
  width:auto;
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text
{
  float:none;
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover {
  background: #191919;
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator{
  padding: 5px 0;
  background-image: none;
  background-color: #222;
  border-top: 1px solid #444;
  border-bottom:0;
  border-left:0;
  border-right:0;
}

.wijmo-wijmenu .wijmo-wijmenu-item input {
  -moz-transition: none 0s ease 0s;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #111111;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.75);
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1;
  margin: 5px 10px 0 10px;
  padding: 4px 9px;
  width:100px;
}

.wijmo-wijmenu .wijmo-wijmenu-item input:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
}

.wijmo-wijmenu .wijmo-wijmenu-item input:focus {
  background-color: #FFFFFF;
  border: 0 none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  color: #404040;
  outline: 0 none;
  padding: 5px 10px;
  text-shadow: 0 1px 0 #FFFFFF;
}


.wijmo-wijmenu .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  text-shadow:none;
}


.wijmo-wijmenu .ui-state-default{
  box-shadow: none;
  color:#BFBFBF;
  filter: none;
}



main {
    background-color: white;
}

body {
    background-color: white;
}
/*//////*/
.activeCl {
    /*background-color: #0081a2;
    color: #ffffff;
    border: 0px;
    border-radius: 0 0 0 0;
    font-weight: bold;*/
}
.custom-checkbox {
margin-right:25px;
}
.checkbox-container {
    display: flex;
    align-items: center;
}

    .checkbox-container .custom-checkbox input[type="checkbox"] {
        display: none;
    }

    .checkbox-container .custom-checkbox label {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 2px solid black;
        background-color: white;
        cursor: pointer;
        text-align: center;
        font-weight: bold;
        line-height: 20px;
    }

    .checkbox-container .custom-checkbox input[type="checkbox"]:checked + label::before {
        content: "X";
    }

.li-wd {
    width: 50%;
}

.drp-div {
  margin-bottom:10%;
}

div.goa-form div.goa-option {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: 28px;
    margin: 10px 0 0;
    vertical-align: middle;
}

div.goa-form [type='checkbox']:not(:checked),
div.goa-form [type='radio']:not(:checked),
div.goa-form [type='checkbox']:checked,
div.goa-form [type='radio']:checked {
    z-Index: 1;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    left: 2px;
    margin: 0;
}

    div.goa-form [type='checkbox']:not(:checked) + label,
    div.goa-form [type='radio']:not(:checked) + label,
    div.goa-form [type='checkbox']:checked + label,
    div.goa-form [type='radio']:checked + label {
        z-Index: 2;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0 0 0 51px;
        cursor: pointer;
    }

        div.goa-form [type='radio']:not(:checked) + label:before,
        div.goa-form [type='radio']:checked + label:before {
            z-Index: 10000;
            box-sizing: border-box;
            position: absolute;
            top: 0;
            left: 0;
            width: 24px;
            height: 24px;
            border: 1px solid #666;
            border-radius: 100%;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: center center;
            content: '';
        }

        div.goa-form [type='checkbox']:checked + label:after {
            z-Index: 10001;
            box-sizing: border-box;
            position: absolute;
            top: 1px;
            left: 1px;
            width: 22px;
            height: 22px;
            border: 1px solid #fff;
            content: '';
        }

        div.goa-form [type='radio']:checked + label:after {
            z-Index: 10001;
            box-sizing: border-box;
            position: absolute;
            top: 1px;
            left: 1px;
            width: 22px;
            height: 22px;
            border: 2px solid #fff;
            border-radius: 100%;
            content: '';
        }

html div.goa-form [type='radio']:checked + label:before {
    background-color: #004f84;
}

div.goa-form [type='radio']:not(:checked):hover + label:before,
div.goa-form [type='radio']:checked:hover + label:before {
    border-color: #004f84;
}

div.goa-form [type='radio']:not(:checked):focus + label:before,
div.goa-form [type='radio']:checked:focus + label:before {
    outline: 3px solid #feba35;
    outline-offset: 0;
}
/*//////*/
@media only screen and (min-width: 768px) {
    .drp-content-view-dash {
        width: 40%;
    }

    .map-content-view-dash {
        width: 60%;
    }
}
.multi-select-drp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clear-all-container {
    white-space: nowrap;
}
.sf-btn {
    font-size: 14px !important;
}
    
.clear-all-button, .save-filters-btn {
    box-sizing: border-box;
    text-transform: none;
    min-width: 70px;
    text-transform: none !important;
    outline: none !important;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    outline: none;
    background-color: #DCDCDC !important;
    color: black !important;
}
    .clear-all-button:hover {
        background-color: #FC1921 !important;
        color:white !important;
        border-color:transparent !important;
    }

.sf-btn :hover {
    background-color: #DCDCDC !important;
}

    .go-dashboard:hover {
        color: white !important;
        background-color: #004F84 !important;
        transition: none; /* Disable the transition on hover */
    }
.cab-dn {
    display: none;
}

input[type="radio"].dr-custom-radio {
    accent-color: black !important;
}

.alberta-theme .content-region .main-content h1 {
    margin-top: 0;
    padding-top: 0;
}

.alberta-theme .nav-tabs.nav li {
    transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

table#map-details-table a {
    font-weight: normal;
}


.region-list {
    list-style: none;
}

#breadcrumbs-share {
    width: 100%;
}

    #breadcrumbs-share::after {
        content: ' ';
        display: block;
        clear: both;
    }
/* 
    ARDSS landing page updates - START
*/
/*
    ARDSS Site Selector - START
    Pagging -START
*/
ul.pagination li a{
    cursor:pointer!important;
}
ul.pagination li.disabled a {
    cursor: not-allowed !important;
}
/*
    Pagging -END
    Address Search control -START
*/
#input_container {
    /* max-width: 420px; */
    display: inline-block;
    position: relative;
    /*height:40px;*/
    min-width: 250px;
}
#input_container > input{
    height: 36px;
    width:100%;
    border:none !important;
    padding-right:28px !important;
    box-shadow:none !important;
}
/*#input_container > input:focus{
    outline: none;
}*/
#gg_search {
    right: -7px;
    padding-top: 12px;
    padding-right: 8px;
    vertical-align: middle;
    position: absolute;
    z-index: 1;
    height: 80%;
    width: 25px;
}
.gg-search {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 16px;
    height: 16px;
    border: 2px solid;
    border-radius: 100%;
    margin-left: -4px;
    margin-top: -4px;
}
.gg-search::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 8px;
    background: currentColor;
    transform: rotate(-45deg);
    top: 10px;
    left: 12px;
}

div.dropdown_content {
    display: none;
    min-width: 400px;
    max-height: 425px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    padding: 8px;
    margin-top: -5px;
    z-index: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
}
div.drop_item_site > div:hover {
    background-color: rgb(0 0 0/5%);
    cursor:pointer;
}
/*
    Address Search control -END
    Map control -START
*/
.mapboxgl-ctrl-group {
    position: relative;
    z-index: -1;
}

button.mapboxgl-ctrl-zoom span.reset-zoom {
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bootstrap-reboot' viewBox='0 0 16 16'%3E%3Cpath d='M1.161 8a6.84 6.84 0 1 0 6.842-6.84.58.58 0 1 1 0-1.16 8 8 0 1 1-6.556 3.412l-.663-.577a.58.58 0 0 1 .227-.997l2.52-.69a.58.58 0 0 1 .728.633l-.332 2.592a.58.58 0 0 1-.956.364l-.643-.56A6.812 6.812 0 0 0 1.16 8z'/%3E%3Cpath d='M6.641 11.671V8.843h1.57l1.498 2.828h1.314L9.377 8.665c.897-.3 1.427-1.106 1.427-2.1 0-1.37-.943-2.246-2.456-2.246H5.5v7.352h1.141zm0-3.75V5.277h1.57c.881 0 1.416.499 1.416 1.32 0 .84-.504 1.324-1.386 1.324h-1.6z'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16' height='16' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' viewBox='0 -66 74 67.45493' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='rgb(0,0,0)' stroke='rgb(0,0,0)' stroke-width='2.00000' stroke-linecap='butt' stroke-linejoin='round' d='M62.88796 -31.72794L62.88796 1.00006 44.88796 1.00006 44.88796 -21.90794 28.52496 -21.90794 28.52496 1.00006 10.52496 1.00006 10.52496 -31.72794'/%3E%3Cpath fill='rgb(0,0,0)' stroke='rgb(0,0,0)' stroke-width='2.00000' stroke-linecap='butt' stroke-linejoin='round' d='M0.70696 -28.45494L36.70696 -64.45494 72.70696 -28.45494'/%3E%3Cpath fill='rgb(0,0,0)' stroke='rgb(0,0,0)' stroke-width='2.00000' stroke-linecap='butt' stroke-linejoin='round' d='M21.97996 -56.27294L21.97996 -62.81894 13.79796 -62.81894 13.79796 -48.09094'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl-map {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333333%22%20viewBox%3D%22-10%20-10%2060%2060%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cg%3E%3Cpath%20d%3D%22m25%2031.640000000000004v-19.766666666666673l-10-3.511666666666663v19.766666666666666z%20m9.140000000000008-26.640000000000004q0.8599999999999923%200%200.8599999999999923%200.8600000000000003v25.156666666666666q0%200.625-0.625%200.783333333333335l-9.375%203.1999999999999993-10-3.5133333333333354-8.906666666666668%203.4383333333333326-0.2333333333333334%200.07833333333333314q-0.8616666666666664%200-0.8616666666666664-0.8599999999999994v-25.156666666666663q0-0.625%200.6233333333333331-0.7833333333333332l9.378333333333334-3.198333333333334%2010%203.5133333333333336%208.905000000000001-3.4383333333333344z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
.mapboxgl-ctrl-traffic {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333333%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%22-2%20-2%2022%2022%22%3E%0D%0A%3Cpath%20d%3D%22M13%2C4.1L12%2C3H6L5%2C4.1l-2%2C9.8L4%2C15h10l1-1.1L13%2C4.1z%20M10%2C13H8v-3h2V13z%20M10%2C8H8V5h2V8z%22%2F%3E%0D%0A%3C%2Fsvg%3E);
}
/*        
    Map control -END
    Map Layer Selection -START
*/
#map-section > .map-layer-select {
    display: block;
    justify-content: left;
    position: absolute;
    left: 40px;
    top: 540px;
    min-width: 74px;
    margin-bottom: 8px;
}
#map-section > .map-menu {
    display: block;
    justify-content: left;
    position: absolute;
    right: 10px;
    top: 0;
    min-width: 250px;
    margin-top: 8px;
}
.map-menu-item-group {
    margin-top: 5px;
    background-color: white !important;
}
.map-menu-item-group, .map-menu-header {
    width: 100%;
    display: block;
    justify-content: center;
    border-radius: unset !important;
    /*height: 25px;*/
}
.map-menu-header {
    font-weight: bold;
    /*background-color: rgba(0,0,0,0.05) !important;*/
}
.map-menu-header button, .layers_menu button{
    width: 100%!important;
    height: 22px;
    border-radius: unset !important;
}
label.mapLayerLable, input[name='radLayers'] {
    cursor: pointer;
    font-size: 12px;
}
.layers_menu button {
    text-align: left;
    margin: 0 0;
    padding-left: 10px !important;
}
.layers_menu button:hover {
    background-color: rgba(0,0,0,0.10);
}
.layers_menu {
    display: none;
    border-radius: unset !important;
}
.select-menu-button, .select-menu-button:hover {
    background-color: rgb(0, 174, 239) !important;
}
input[name="radLayers"] + label {
    color: black;
    border: 1px solid white;
}
input[name="radLayers"]:checked + label {
    color: blue;
    border: 1px solid blue;
}
    /*
    Map Layer Selection -END
*/
    .tile-item, .tile-item-popup {
    border: 1px solid #e5e5e5;
    margin: 2px 2px;
    width: 220px;
    max-width: 220px;
    height: 232px;
    cursor: pointer;
}
.tile-item:hover {
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.region-tile {
    height: 150px;
    width: inherit;
    padding: 8px 8px 8px 8px;
}
.row-lowpadding {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.site-tile-font {
    font-size: 14px;
}
a.no-border-focus:focus{
    border: none !important;
    outline:none !important;
}
/*
    ARDSS Site Selector -END
*/
.goa-banner-icons {
    display: flow-root;
    padding: 0 calc(50% - 588px);
    width: calc(100% - 24px);
}

.goa-banner-icon-container {
    align-items: center;
    display: flex;
    justify-content: left !important;
    margin-right: 10px;
    float: left;
}

.goa-banner-icon-container * span {
    margin-top: -5px;
    display:block;
    float:right;
}

.goa-banner-icon-container > a {
    color: #ffffff !important; 
    text-decoration: none;
}


.goa-icon {
    margin-right: 5px;
}

#breadcrumbs-share{
    height:unset!important;
}
#breadcrumbs-share * div.breadcrumb {
    margin: 0 0!important;
}
#breadcrumbs .ab-wrapper > ul {
    height: 53px !important;
}
#myEDAppDIV {
    background-color: #0081a2;
    margin-left: 15px;
    margin-top: -6px;
    border-top: none !important;
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}
#myEDAppDIV > ul {
    display: grid;
    height: unset !important;
    padding: 10px 30px !important;
    list-style-type: disc !important;
}
#myEDAppDIV > ul li {
    display: list-item !important;
    margin: unset !important;
    padding: unset !important;
    line-height: 30px!important;
}
#myEDAppDIV > ul li:after {
    content: unset!important;
}
#myEDAppLabelArrow[aria-expanded=false] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M11.29,15.7a1,1,0,0,0,1.41,0l6-6A1,1,0,1,0,17.29,8.3L12,13.58,6.71,8.3a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41Z'/%3E%3C/svg%3E") no-repeat center center;
}

#myEDAppLabelArrow[aria-expanded=true] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M12.71,8.3a1,1,0,0,0-1.41,0l-6,6A1,1,0,1,0,6.71,15.7L12,10.42l5.29,5.28a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.41Z'/%3E%3C/svg%3E") no-repeat center center;
}
*:focus {
    outline: none;
}
@media screen and (max-width: 1080px) {
    #myEDAppDIV > ul li:after {
        content: unset !important;
    }
    #myEDAppDIV > ul li:before {
        content: unset !important;
    }
    #myEDAppDIV > ul li a{
        margin: unset !important;
    }
    .goa-banner-icon-container {
        line-height: 35px;
    }
    .goa-banner-icon-container * svg, #myEDAppLabelArrow {
        margin-top: 8px!important;
    }
}
h1[role=banner] {
    padding-bottom: unset !important;
}
p#project-message.tab-message {
    margin: unset !important;
    color: white;
    font-size: 18px !important;
    line-height: 28px !important;
}
/* 
    ARDSS landing page updates - END
*/
/* specific style overrides to accomplish EDI color schemd for M. Parkatti*/
.alberta-theme header.site-header .local-nav-top {
    background-color: #a3a3a3;
}

    .alberta-theme .nav.nav-tabs li.active {
        border-top-color: #0081a2;
    }

    .alberta-theme main .page-title-box > a {
        font-size: 14px;
        margin-bottom: 12px;
        padding-bottom: 6px;
        border-bottom: 6px solid #0081a2;
        text-transform: uppercase;
        text-decoration: none;
        color: #58595b;
        font-weight: 700;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
        color: #333;
        background-color: #1d86a5;
        border-color: #23a2c8 !important;
    }

    .btn-primary {
        color: white;
        background-color: #0081a2;
        border-color: #23a2c8 !important;
    }

    .alberta-theme a.btn-primary i.fa {
        color: #333 !important;
    }

    .btn-default {
        color: #333;
        background-color: #eee;
        border-color: #d4d4d4 !important;
    }

        .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
            color: #000;
            background-color: #d4d4d4;
            border-color: #b6b6b6 !important;
        }

    .alberta-theme header.site-header .local-nav-top nav ul li a {
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px #333333;
    }

        .alberta-theme header.site-header .local-nav-top nav ul li a:hover, .alberta-theme header.site-header .local-nav-top nav ul li.active a:hover {
            color: #ffffff;
        }

    .alberta-theme header.site-header .local-nav-top nav ul li.active a {
        color: #fff;
    }


    .alberta-theme header.site-header .local-nav-top nav ul li a i {
        color: #fff;
    }

    #categoryTab {
        margin-bottom: 20px;
        /*display: inline-block;*/
    }

        #categoryTab a {
            text-decoration: none;
        }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: #0081a2;
        color: #ffffff;
        border: 0px;
        border-radius: 0 0 0 0;
    }


    .alberta-theme .nav.nav-tabs li.active {
        border-top-width: 7px;
        border-top-color: #ffffff;
    }

    .nav-tabs {
        border-bottom: 3px solid #0081a2;
    }

    .alberta-theme .nav.nav-tabs li {
        border-top-color: #ffffff;
    }


    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
    }

    /* search */
    #searchResults #Internal {
        border-left: 1px solid rgb(221, 221, 221);
        border-right: 1px solid rgb(221, 221, 221);
        border-bottom: 1px solid rgb(221, 221, 221);
        border-top: 0px;
        padding: 14px;
        margin-bottom: 10px;
    }

    #search-tabs {
        margin-bottom: 0px;
    }

    @media (min-width: 768px) {
        .alberta-theme #breadcrumbs-share {
            background-color: transparent;
        }
    }

    @media (max-width: 767px) {
        /* Landscape phone to portrait tablet */
        .alberta-theme #breadcrumbs-share {
            position: relative;
        }
    }

    .addthis-smartlayers, .at4-share-outer-right {
        display: none !important;
    }

    .breadcrumb {
        padding-top: 0;
        padding-bottom: 0;
    }

        .breadcrumb li a {
            text-decoration: underline;
        }

    .button a.small {
        font-size: medium;
    }

    .container-fluid {
        padding-right: 20px;
        padding-left: 20px;
    }

    .dropdown a {
        text-decoration: underline;
    }

    .footer ul li:first-child a {
        text-decoration: none;
    }


    .copyright a {
        text-decoration: underline;
    }

    .global ul * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
   
@media(max-width: 768px) {
    .container-fluid {
            padding: 0;
        }
    
   }

    @media only screen and (min-width: 1150px) {
        .global span.hidden {
            display: inline !important;
            visibility: visible !important;
        }
    }


    textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, .form-group-lg .form-control, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn, .form-group-lg .form-control {
        height: auto;
    }

    .leaflet-popup-content h1 {
        margin-bottom: 12px;
        color: #000;
        font-weight: 700;
    }


    /*Remove filter form IE*/
    #map-table .header {
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }

    .leaflet-popup-content {
        min-width: 280px;
    }

    #map-message {
        padding-bottom: 15px;
    }

    #map-pills i {
        padding-right: 0.5em;
    }


    #LoadingArea {
        display: none;
        position: fixed;
        z-index: 3000;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: black;
        background: rgba(0, 0, 0, .8);
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

        #LoadingArea div {
            text-align: center;
            font-size: 50px;
            margin-left: -25px;
            margin-top: -25px;
            z-index: 1001;
            position: fixed;
            top: 50%;
            left: 50%;
            color: white !important;
        }

    body.loading {
        overflow: hidden !important;
    }

        body.loading #LoadingArea {
            display: block;
        }

    @media(max-width: 768px) {
        #map-table .header {
            overflow: hidden !important;
        }

        .main-content {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    .leaflet-popup-pane h1 {
        text-decoration: underline;
    }


    #map-pills a {
        color: #555555;
    }


    #map-table.tablesorter .header {
        font-weight: normal;
    }

        #map-table.tablesorter .header.headerSortUp, #map-table.tablesorter .header.headerSortDown {
            font-weight: bolder;
        }

    #modal-footer {
        padding-top: 10px;
    }

        #modal-footer a:visited {
            color: #333 !important;
        }

    #modal-body {
        margin-left: 15px;
        margin-right: 15px;
    }

    @media only screen and (min-device-width: 480px) and (max-device-width: 768px) {
        div#map-section {
            margin-right: 1.4rem;
        }
    }

    @media only screen and (min-device-width: 480px) and (max-device-width: 768px) {
        div#map-region-section {
            margin-right: 1.4rem;
        }
    }

    /* Landscape phones and down */
    @media (max-width: 480px) {
        .alberta-theme #breadcrumbs-share {
            position: relative;
        }

            .alberta-theme #breadcrumbs-share .addthis_toolbox:before {
                content: 'Share';
            }
    }


    @media (max-width: 430px) {
        #view-maps, #view-marker {
            width: 100%;
            margin-bottom: 10px;
        }
    }

    @media (max-width: 768px) {
        #map-description {
            padding-top: 1.4rem;
        }
    }

    .legend-text {
        white-space: normal;
        height: auto;
    }

    /* MODAL popup*/

    .modal-body {
        padding: 0px !important;
    }

    #modal-project-details h4 {
        font-size: 1.5em !important;
    }

    .map-popup-label {
        /*font-size: 0.8em !important; */
        padding-left: 15px !important;
    }

    .modal-header {
        border-bottom: 0px;
    }

    .modal-footer {
        border-top: 0px;
        padding-top: 0px;
    }

    #modal-project-details table {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #modal-project-details img {
        display: none;
    }

    #modal-project-details .btn {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #modal-project-details .modal-dialog {
        width: 350px; /* your width */
    }


    .modal-open {
        overflow: hidden;
    }

        body.modal-open,
        .modal-open .navbar-fixed-top,
        .modal-open .navbar-fixed-bottom {
            margin-right: 15px;
        }

    .modal {
        display: none;
        overflow: auto;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1009;
    }

        .modal.fade .modal-dialog {
            -webkit-transform: translate(0, -25%);
            -ms-transform: translate(0, -25%);
            transform: translate(0, -25%);
            -webkit-transition: -webkit-transform 0.3s ease-out;
            -moz-transition: -moz-transform 0.3s ease-out;
            -o-transition: -o-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
        }

        .modal.in .modal-dialog {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }

    .modal-dialog {
        margin-left: auto;
        margin-right: auto;
        width: auto;
        padding: 10px;
        z-index: 1011;
        position: relative;
    }

    .modal-content {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        outline: 0 none;
        position: relative;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1010;
        background-color: #000000;
    }

        .modal-backdrop.fade {
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .modal-backdrop.in {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
        min-height: 16.42857143px;
    }

        .modal-header .close {
            margin-top: -2px;
        }

    .modal-title {
        margin: 0;
        line-height: 1.42857143;
    }

    .modal-body {
        position: relative;
        padding: 20px;
    }

    .modal-footer {
        margin-top: 15px;
        padding: 19px 20px 20px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }

        .modal-footer:before,
        .modal-footer:after {
            content: " ";
            /* 1 */
            display: table;
            /* 2 */
        }

        .modal-footer:after {
            clear: both;
        }

        .modal-footer:before,
        .modal-footer:after {
            content: " ";
            /* 1 */
            display: table;
            /* 2 */
        }

        .modal-footer:after {
            clear: both;
        }

        .modal-footer .btn + .btn {
            margin-left: 5px;
            margin-bottom: 0;
        }

        .modal-footer .btn-group .btn + .btn {
            margin-left: -1px;
        }

        .modal-footer .btn-block + .btn-block {
            margin-left: 0;
        }

    .close {
        float: right;
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

        .close:hover,
        .close:focus {
            color: #000000;
            text-decoration: none;
            cursor: pointer;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    /* end MODAL popup*/

    #modal-project-details [class*="fa-"] {
        padding-left: 0.25em;
        padding-right: 0.25em;
    }

    .feature-image img {
        width: 100%;
        margin-bottom: 15px !important;
    }

    #content-details {
        margin-bottom: 30px !important;
    }

    #MapArea.leaflet-container.leaflet-clickable, #MapArea .leaflet-container.map-clickable, #MapArea .leaflet-marker-icon, #MapArea .leaflet-overlay-pane path {
        cursor: default !important;
    }

    #description-text pre {
        font-family: "Lato", "Helvetica", Arial, sans-serif;
        box-sizing: border-box;
        background-color: transparent;
        color: #333;
        font-weight: 400;
        font-size: 1.1em;
        margin: 0;
        border: none;
        padding: 0;
        white-space: pre-wrap;
    }


    #map-table-section, #map-section, #map-region-section {
        background-color: white;
        margin-bottom: 10px;
    }

    /* IE9 bug where map z-index goes over the footer */
    .page-footer {
        z-index: 1001; /* Map is Z-index 2, the leaflet logo is 1000 */
    }

    .leaflet-control-location.leaflet-bar.leaflet-control a {
        font-size: 18px;
        text-align: center;
        line-height: 27px;
    }

    .map {
        height: 500px;
        width: 100%;
        border: solid 1px #dddddd;
    }

    .map-detail {
        height: 400px;
    }

    .map-region {
        height: 375px;
        width: 100%;
        border: solid 1px #dddddd;
    }

    #content img {
        outline: none !important;
        outline-offset: 0 !important;
    }

    /* Fix for Template */
    .nav {
        margin-bottom: 1em;
    }

        .nav.nav-tabs li {
            padding-bottom: 0;
        }

    .nav-tabs > li > a {
        margin-right: 0;
    }
    /* End Template fixes */

    /* custom styling for tabs */
    .nav.nav-tabs li {
        padding-top: 5px;
    }

        .nav.nav-tabs li.active {
            padding-top: 0;
            border-top: solid 5px #0562A5;
        }

    .tab-message {
        margin-bottom: 0.3em;
    }

    table.table {
        border: solid 1px #dddddd;
    }

        table.table.table-sortable thead th {
            position: relative;
            color: white;
            background-color: #0081a2;
            text-decoration: none;
            vertical-align: top !important;
            padding: 12px;
            padding-right: 18px !important;
            cursor: pointer;
            background: #0081a2;
            height: 2em;
            border: 1px;
        }

    table.table-sortable thead th::after {
        font-weight: normal;
        position: relative;
        left: 6px;
        font-family: FontAwesome;
        content: "\f0dc";
    }

    table th.headerSortUp,
    table th.headerSortDown {
        text-decoration: none;
    }

    table.table thead th {
        /*position: relative;*/
        /*background-image: none !important;*/
    }

        table.table thead th::after,
        table thead th.headerSortUp::after,
        table thead th.headerSortDown::after {
            position: relative;
            left: 6px;
            font-family: FontAwesome;
        }

        table.table thead th.header::after {
            content: "\f0dc" !important;
            color: #fff;
            font-size: 1em;
            padding-top: 6px;
        }

    table thead th.headerSortDown::after, a.mobile-sort.headerSortDown::after {
        content: "\f0de" !important;
    }

    table thead th.headerSortUp::after, a.mobile-sort.headerSortUp::after {
        content: "\f0dd" !important;
    }

    table.table thead th span {
        color: white;
    }

    table.table thead th, table.table tfoot th, table.table tbody td {
        padding: 8px;
        font-size: 16px;
        white-space: normal !important;
        text-overflow: clip !important;
        overflow: auto !important;
        max-width: none !important;
    }

    table.table-responsive .fa {
        padding: 0;
    }

    .mobile-sort-section {
        display: block;
        color: white;
        background-color: #0562A5;
        padding: 10px;
    }

    a.mobile-sort::after {
        font-family: FontAwesome;
        color: white;
        content: "\f0dc";
        padding-left: 5px;
    }

    #project-search {
        width: 100%;
        margin-bottom: 8px;
    }

    button.view-button {
        margin-top: 8px;
        background-color: #eee;
    }

    .nav-tabs > li.active > a {
        font-weight: bold;
    }

    .item-count {
        font-size: 1.2em;
        color: #00aeef;
    }

        .item-count.sub {
            font-size: 1.1em;
        }
    /*make icons go away for projects*/
    #project-map i.fa {
        color: transparent;
        font-size: 0px;
    }

    /* legend */
    .map-legend {
        margin-top: 10px;
    }

        .map-legend .legend-item {
            vertical-align: middle;
            margin-bottom: 4px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .map-legend .legend-item-color {
            width: 25px;
            display: inline-block;
            border: solid 1px #ddd;
            margin-right: 7px;
            font-weight: bold !important;
            background-color: red;
        }



    /* pop up content header*/
    .leaflet-popup-content a h1 {
        margin-top: 0;
    }

    /* end custom styling */

    .offscreen {
        position: absolute !important;
        /*top:-90000px;*/
        /*left:-5000px;*/
        /*display:none;*/
        z-index: -200;
    }

    #map-section.offscreen .map {
        position: absolute;
        top: -2000px;
    }

    #map-region-section.offscreen .map-region {
        position: absolute;
        top: -2000px;
    }

    /* popup styling */

    .leaflet-popup-close-button {
        border-bottom: 0px;
    }

    .leaflet-popup-content img {
        width: 100% !important;
    }

    .leaflet-marker-icon {
        outline: none !important;
    }

    .map img, .map-region img {
        outline: none !important;
    }

    .map-popup-label {
        font-weight: bold !important;
        padding-right: 5px;
    }

    .ard_popup .leaflet-popup-content-wrapper {
        border: solid 1px #ddd;
        border-radius: 0;
    }

    .ard_popup .leaflet-popup-tip {
        margin-top: -1px;
    }
    /* end popup styling */


    /* IMAP Colours */
    /*
Agriculture and Related #000000
Biofuels #FF6600
Chemicals and Petrochemicals #FFCC00
Commercial / Retail #FFFF00
Commercial / Retail and Residential  #99FF00
Forestry and Related  #00FFCC
Infrastructure #9C9E00
Institutional #008000
Manufacturing #99CCFF
Mining #CC99FF
Oil and Gas #00CCFF
Oil Sands #808080
Other Industrial #FFFFFF
Pipelines #0066FF
Power #7900CC
Residential #0000FF
Telecommunications #FF43E7
Tourism / Recreation #FF0000
*/
    /* End IMAP Colours */

    .map-detail-label {
        font-weight: bold !important;
        padding-right: 10px;
        width: 200px;
    }

    .map-detail-label2 {
        font-weight: bold !important;
        padding-right: 0px;
        font-size: 1.12em;
    }

    [class*="icon-"] {
        padding-right: 0px !important;
    }

    .map-marker {
        padding-left: 0em;
        padding-right: 0em;
    }

    .details-button {
        padding-top: 10px;
        padding-bottom: 10px;
    }


    .tooltip {
        position: absolute;
        z-index: 1030;
        display: block;
        font-size: 1.2em;
        line-height: 1.4;
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: visible;
    }

        .tooltip.in {
            opacity: 0.9;
            filter: alpha(opacity=90);
        }

        .tooltip.top {
            padding: 5px 0;
            margin-top: -3px;
        }

        .tooltip.right {
            padding: 0 5px;
            margin-left: 3px;
        }

        .tooltip.bottom {
            padding: 5px 0;
            margin-top: 3px;
        }

        .tooltip.left {
            padding: 0 5px;
            margin-left: -3px;
        }

    .tooltip-inner {
        max-width: 300px;
        padding: 3px 8px;
        color: #000000;
        text-align: center;
        text-decoration: none;
        background-color: #eeeeee;
        border-radius: 4px;
        border: 1px solid black;
        font-size:12px;
        text-align: left;
    }

    .tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-top-color: #000000;
        border-width: 5px 5px 0;
    }

    .tooltip.top-left .tooltip-arrow {
        bottom: 0;
        left: 5px;
        border-top-color: #000000;
        border-width: 5px 5px 0;
    }

    .tooltip.top-right .tooltip-arrow {
        right: 5px;
        bottom: 0;
        border-top-color: #000000;
        border-width: 5px 5px 0;
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-right-color: #000000;
        border-width: 5px 5px 5px 0;
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-left-color: #000000;
        border-width: 5px 0 5px 5px;
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-bottom-color: #000000;
        border-width: 0 5px 5px;
    }

    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        left: 5px;
        border-bottom-color: #000000;
        border-width: 0 5px 5px;
    }

    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        right: 5px;
        border-bottom-color: #000000;
        border-width: 0 5px 5px;
    }


    .marker-cluster-small {
        background-color: rgb(0, 174, 239) !important;
    }

        .marker-cluster-small div {
            background-color: rgb(220, 220, 220) !important;
        }

    .marker-cluster-medium {
        background-color: rgb(0, 174, 239) !important;
    }

        .marker-cluster-medium div {
            background-color: rgb(220, 220, 220) !important;
        }

    .marker-cluster-large {
        background-color: rgb(0, 174, 239) !important;
    }

        .marker-cluster-large div {
            background-color: rgba(220, 220, 220, 1) !important;
        }


    .modal-body {
        padding: 0px !important;
    }

    #modal-project-details h4 {
        font-size: 1.5em !important;
    }

    .map-popup-label {
        /*font-size: 0.8em !important;*/
        padding-left: 15px !important;
    }

    .modal-header {
        border-bottom: 0px;
    }

    .modal-footer {
        border-top: 0px;
        padding-top: 0px;
    }

    .whiteContent {
        width: 100%;
        margin-bottom: 5px;
    }

    #modal-project-details table {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #modal-project-details img {
        display: none;
    }

    #modal-project-details .btn {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #modal-project-details .modal-dialog {
        max-width: 350px; /* your width */
    }

    .side-item {
        padding-bottom: 10px;
    }

    #twitter-timeline-div {
    }

    #project-budget-slider-control.ui-widget-content {
        background-image: none;
        background-color: white;
    }

    #project-budget-slider-control .ui-widget-header {
        background-image: none;
        background-color: #0562A5;
    }


    #topic-filter {
        width: 435px;
    }

    #export-div {
        padding-bottom: 10px;
    }

    #export-data-this-view, #export-data-full {
        float: right;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }

    #export-data-this-view {
        border-right: 1px solid #333;
    }

    .download-data {
        margin-right: 5px;
    }

    /* Large desktop */
    @media (min-width: 1200px) {
    }

    /* medium desktop */
    @media (min-width: 992px) and (max-width: 1199px) {
        table.table tbody td {
            padding-left: 5px !important;
            padding-right: 5px !important;
            /*color: orange !important;*/
        }

        table.table thead th {
            padding-left: 5px !important;
        }

        table.table thead th, table.table tbody td {
            font-size: 15px;
        }

        #topic-filter {
            width: 100%;
        }

        .whiteContent {
            width: 100%;
            margin-bottom: 5px;
        }

        /*table.table-sortable.table thead th {
        padding: 6px;
    }*/
    }

    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 991px) {
        table.table tbody td {
            padding-left: 5px !important;
            padding-right: 5px !important;
            /*		color:green !important;*/
        }

        table.table thead th {
            padding-left: 5px !important;
        }

        #topic-filter {
            width: 100%;
        }

        .whiteContent {
            width: 100%;
            margin-bottom: 5px;
        }
    }

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
        table.table tbody td {
            padding-left: 5px !important;
            padding-right: 5px !important;
            /*		color:red !important;*/
        }

        table.table thead th.header::after {
            font-size: 0.8em !important;
            padding-top: 6px !important;
        }

        table.table thead th {
            padding-right: 16px !important;
        }

        table.table thead th {
            padding-left: 5px !important;
        }

        button.view-button i.fa {
            font-size: 1.5em;
        }

        .map-legend .legend-item {
            margin-bottom: 8px;
        }

        .popup-image {
            display: none;
        }

        #topic-filter {
            width: 100%;
        }

        .whiteContent {
            width: 100%;
            margin-bottom: 5px;
        }
        .site-tile-font {
            font-size: 13px;
        }
    }

    /* Landscape phones and down */
    @media (max-width: 480px) {
        .leaflet-popup-content-wrapper td {
            line-height: 1em !important;
        }

        .leaflet-popup-content-wrapper h1, .leaflet-popup-content-wrapper.h1 {
            font-size: 1.25em !important;
        }

        button.view-button i.fa {
            font-size: 2em;
        }

        .map-legend .legend-item {
            margin-bottom: 15px;
        }
    }

    .info {
        padding: 6px 8px;
        font: 14px/16px Arial, Helvetica, sans-serif;
        background: white;
        background: rgb(236,236,237);
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
        border-radius: 5px;
    }

        .info h4 {
            margin: 0 0 5px;
            color: #777;
        }

    .heatMapIndicator {
        background: transparent;
        width: 100%;
        height: 48px;
        font-size: 18px;
        border: 1px solid #000;
        display: inline-block;
    }


    /* EDI Header Styles */

    .edi-subnav {
        background-color: #000;
        padding: 5px 0 5px;
    }

        .edi-subnav > div {
            width: 800px;
            margin: 0 auto 0 auto;
        }

        .edi-subnav ul {
            margin: 0 auto 0 auto;
        }

            .edi-subnav ul::after {
                display: block;
                content: '';
                clear: both;
            }

            .edi-subnav ul li {
                list-style: none;
                float: left;
                padding-right: 30px;
            }

                .edi-subnav ul li a {
                    color: #fff;
                }


    .additional-regions {
        padding: 0 10px 25px 10px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        margin: 15px 0 15px;
    }

    .include-regions {
        margin-top: 7px;
    }

        .include-regions > a {
            padding: 0 15px 0;
        }

    .custom-filter span.range-distance {
        font-weight: bold;
    }

    .custom-filter div.range-slider-container {
        margin-top: 5px;
        margin-left: -20px;
    }

        .custom-filter div.range-slider-container p {
            font-size: 14px;
            padding-bottom: 10px;
        }

        .custom-filter div.range-slider-container > div:first-child {
            margin-bottom: 5px;
        }

        .custom-filter div.range-slider-container .ui-slider .ui-slider-handle {
            width: 1.8em;
            height: 1.8em;
            top: -0.65em;
        }


    .fancy-filter-links a {
        text-transform: capitalize;
        font-weight: bold;
        border-bottom: 2px solid #2e6da4;
    }

        .fancy-filter-links a:hover, .fancy-filter-links a:active, .fancy-filter-links a:visited {
            text-decoration: none;
        }

        .fancy-filter-links a:after {
            font: normal normal normal 12px/1 FontAwesome;
            content: "\f0d8";
            color: #2e6da4;
            position: relative;
            top: 5px;
        }

    .map-toggles input {
        display: none;
    }

    .map-toggles label {
        margin-right: 10px;
        border-bottom: none;
        padding: 10px;
        width: 80px;
    }


    .zoom-scale > span:last-child::after {
        content: '';
    }

    .view-region-button {
        padding: 10px 0 5px;
    }


    .jq-dropdown ul li {
        font-size: 14px;
    }

    #btnAddFilter i {
        color: #fff;
        margin-right: 5px;
        font-size: inherit;
        padding: 0;
        background-color: transparent;
        height: auto;
        /*position: initial;*/
    }

    #searchFilters > div {
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        padding: 10px 15px 25px 15px;
    }

        #searchFilters > div > div {
            text-align: center;
        }

            #searchFilters > div > div:first-child {
                text-align: center;
            }

        #searchFilters > div:only-child .btn-danger {
            display: none;
        }

    @-webkit-keyframes blinkField {
        0% {
            left: 0;
        }

        25% {
            left: 5px;
        }

        50% {
            left: 0;
        }

        75% {
            left: -5px;
        }

        100% {
            left: 0;
        }
    }

    @keyframes blinkField {
        0% {
            left: 0;
        }

        25% {
            left: 5px;
        }

        50% {
            left: 0;
        }

        75% {
            left: -5px;
        }

        100% {
            left: 0;
        }
    }

    @-webkit-keyframes slideDown {
        from {
            top: -25px;
            opacity: 0.5;
        }

        to {
            top: 0;
            opacity: 1;
        }
    }

    @keyframes slideDown {
        from {
            top: -25px;
            opacity: 0.5;
        }

        to {
            top: 0;
            opacity: 1;
        }
    }

    @-webkit-keyframes slideRight {
        from {
            left: 0;
            opacity: 1;
        }

        to {
            left: 25px;
            opacity: 0;
        }
    }

    @keyframes slideRight {
        from {
            left: 0;
            opacity: 1;
        }

        to {
            left: 25px;
            opacity: 0;
        }
    }

    #searchFilters > div {
        animation: slideDown 200ms ease-out forwards;
        -webkit-animation: slideDown 200ms ease-out forwards;
        position: relative;
        background-color: #fff;
    }

    #searchFilters div.destroy {
        animation: slideRight 200ms ease-in forwards;
        -webkit-animation: slideRight 200ms ease-in forwards;
    }


    #searchFilters > div .btn-danger {
        margin-bottom: 10px;
        text-align: right;
    }

        #searchFilters > div .btn-danger i {
            color: #fff;
        }

    #searchFilters > div a:first-child:not([data-value]) {
        /*
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 5px;
    font-weight: bold;*/
        position: relative;
        animation: blinkField 200ms linear forwards 200ms;
        -webkit-animation: blinkField 200ms linear forwards 200ms;
    }

        #searchFilters > div a:first-child:not([data-value]) span {
            color: #337ab7;
        }

    #searchFilters > div:last-child::after {
        display: none;
    }

    .form-group-lg div.ms-ctn {
        height: auto;
    }


    #filter-actions {
        text-align: right;
        margin-top: 15px;
        margin-bottom: 15px;
    }

        #filter-actions button:first-child {
            margin-right: 10px;
        }

        #filter-actions button i.fa {
            color: #fff;
            margin-right: 5px;
        }

    .filter-searching::before {
        content: url('/Content/img/301.GIF');
        position: relative;
        top: 7px;
        left: -10px;
    }

    .filter-searching {
        text-align: center;
    }

    .map-overlay-loader {
        width: 555px;
        background-color: #fff;
        position: absolute;
        height: 500px;
        -moz-transition: opacity ease-in 250ms;
        -o-transition: opacity ease-in 250ms;
        -webkit-transition: opacity ease-in 250ms;
        transition: opacity ease-in 250ms;
        opacity: 0;
        z-index: -9999;
    }

    .map-overlay-loader-active {
        opacity: 0.50;
        z-index: 9999;
    }

    .map-overlay-loading {
        background-color: #fff;
        position: absolute;
        transition: opacity ease-in 250ms, transform ease-in 250ms;
        border: 1px solid #cecece;
        padding: 10px;
        left: -150%;
        top: 45%;
        -webkit-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.30);
        -moz-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.30);
        box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.30);
        opacity: 0;
        transform: rotateX(30deg) translateZ(40px);
        transform-origin: 50% 50%;
        z-index: -9999;
    }

    .map-overlay-loading-active {
        transform: rotateX(0deg) translateZ(0px);
        opacity: 1;
        z-index: 9999;
        left: 50%;
    }

    .map-overlay-loading::before {
        content: "\f013";
        font: normal normal normal 42px/1 FontAwesome;
        animation: fa-spin 2s infinite linear;
        position: relative;
        float: left;
    }

    .loading-spinner::before {
        content: "\f013";
        font: normal normal normal 42px/1 FontAwesome;
        animation: fa-spin 2s infinite linear;
        position: relative;
        top: 10px;
    }

    .loading-spinner span {
        padding-left: 10px;
    }

    .regions-found {
        text-align: right;
        padding: 5px;
        border-top: 1px solid #cecece;
        font-weight: bold;
    }

    #map-content {
        perspective: 1000px;
        transform-style: preserve-3d;
        z-index: 999;
        float: right; /*change map position to float right instead of left*/
    }
.regionSummary {
    font-size: 16px;
    margin-top: 0px !important;
    text-align: justify-all;
    display:block;
}
.regionDesc {
    display: block;
    padding: 5px 0px 5px 0px;
}
.wikiSummary .wikitext p {
    font-size: 16px;
    margin-top: 0px !important;
    text-align: justify;
   
}

    .wikiSummary .wikiSource {
        text-align: right;
        font-size: 12px;
    }

    .alberta-theme .comparison-table {
        margin-top: 20px;
    }

        .alberta-theme .comparison-table thead tr th {
            padding: 15px;
        }

            .alberta-theme .comparison-table thead tr th span {
                color: #fff;
            }

            .alberta-theme .comparison-table thead tr th i {
                color: #fff;
                margin-left: 10px;
                margin-top: 3px;
                float: right;
            }

                .alberta-theme .comparison-table thead tr th i:hover {
                    cursor: pointer;
                }

            .alberta-theme .comparison-table thead tr th:first-child {
                text-transform: uppercase;
                font-weight: bold;
                padding-left: 15px;
                padding-right: 15px;
            }

        .alberta-theme .comparison-table thead tr th {
            max-width: none;
        }

        .alberta-theme .comparison-table tbody tr td {
            max-width: none;
        }

        .alberta-theme .comparison-table tbody tr.comparison-table-stat {
            transition: background-color 200ms ease-in-out;
        }

        .alberta-theme .comparison-table tbody .comparison-table-period {
            font-size: 12px;
            color: #ADADAD;
        }

            .alberta-theme .comparison-table tbody .comparison-table-period::before {
                content: '[';
            }

            .alberta-theme .comparison-table tbody .comparison-table-period::after {
                content: ']';
            }

        .alberta-theme .comparison-table tbody tr.comparison-table-stat:hover {
            background-color: #EBEBEB;
        }

        .alberta-theme .comparison-table tr.comparison-table-stat-row td i {
            padding-right: 10px;
        }

        .alberta-theme .comparison-table tr.comparison-table-stat-row td {
            font-size: 16px;
            background-color: #d3d3d3;
        }

        .alberta-theme .comparison-table tr.comparison-table-stat-row {
            border-bottom: 1px solid #eeeeee;
        }

        .alberta-theme .comparison-table tr.comparison-table-stat td:first-child {
            text-align: right;
            font-weight: normal;
        }

        .alberta-theme .comparison-table tr.comparison-table-stat td {
            text-align: right;
        }

            .alberta-theme .comparison-table tr.comparison-table-stat td .indicator-year {
                color: #A7A7A7;
                font-size: 12px;
            }

            .alberta-theme .comparison-table tr.comparison-table-stat td:first-child span {
                font-weight: bold;
            }

        .alberta-theme .comparison-table tr.comparison-table-stat-row:hover {
            cursor: pointer;
        }

        .alberta-theme .comparison-table tbody.collapsed .comparison-table-stat {
            display: none;
        }

        .alberta-theme .comparison-table tbody.collapsed .comparison-table-stat-row i.fa-plus {
            display: inline;
        }

        .alberta-theme .comparison-table tbody.collapsed .comparison-table-stat-row i.fa-minus {
            display: none;
        }

        .alberta-theme .comparison-table tbody.expanded .comparison-table-stat-row i.fa-plus {
            display: none;
        }

        .alberta-theme .comparison-table tbody.expanded .comparison-table-stat-row i.fa-minus {
            display: inline;
        }

    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
        display: none !important;
    }

    .heatmap-options {
        text-align: right;
        padding-bottom: 5px;
    }


    .FeatureNav {
        margin: 10px 0 25px;
        display: inline-block;
    }

        .FeatureNav ul {
            border-top: 1px solid #cecece;
            background-color: #F5F5F5;
            padding: 0;
            border-bottom: 3px solid #0562A5;
        }

            .FeatureNav ul li {
                list-style: none;
                float: left;
                padding: 10px 30px 10px 30px;
                transition: background-color linear 250ms;
                border-right: 1px solid #cecece;
            }

                .FeatureNav ul li:last-child {
                    border-right: none;
                }

                .FeatureNav ul li.selected {
                    background-color: #0562A5;
                }

                    .FeatureNav ul li.selected:hover {
                        background-color: #0562A5;
                    }

                    .FeatureNav ul li.selected a {
                        color: #fff;
                        text-shadow: 4px 4px 2px rgba(150, 150, 150, 0.25);
                    }

                .FeatureNav ul li:hover {
                    /*border-bottom: 3px solid #0562A5;*/
                    background-color: rgba(150, 150, 150, 0.25);
                }


                .FeatureNav ul li a {
                    color: #333;
                }

                    .FeatureNav ul li a:hover {
                        text-decoration: none;
                    }

            .FeatureNav ul::after {
                content: ' ';
                display: block;
                clear: both;
            }



    .alberta-theme main .topinfo h3 {
        margin: 0 0 10px;
    }

    .alberta-theme main .topinfo p {
        font-size: 16px;
        margin-bottom: 15px;
        font-family: sans-serif !important;
    }


    .alberta-theme main .criteriaPopup h4 {
        margin: 0 0 5px;
        font-size: 16px;
    }

    .alberta-theme main .criteriaPopup strong {
        margin-right: 5px;
    }

    .explorerIndicatorSections > div {
        margin-bottom: 20px;
    }


    .bottom-map-features {
        padding-bottom: 10px;
        border: 1px solid #cecece;
        border-top: none;
    }

    .heatmap-legend .heatmap-bar-background {
        background-color: #eeeeee;
    }


    .heatmap-legend .heatmap-bar {
        border: 1px solid #cececc;
        margin-top: 10px;
        height: 30px;
        /* FF3.6+ */
        background: -moz-linear-gradient(left, #ffffff,#f7f8de,#ecf1c3,#e0eaab,#d3e398,#c5dc89,#b6d67f,#a6cf79,#95c878,#82c17b,#6bba81,#4db38c,#00ac9a,#0ba49d,#109c9e,#13929d,#13889b,#137d97,#117291,#0f668a,#0d5981,#094c76,#063e6b,#03305d,#00224f);
        /* Chrome,Safari4+ */
        background: -webkit-gradient(linear, left top, right top, #ffffff,#f7f8de,#ecf1c3,#e0eaab,#d3e398,#c5dc89,#b6d67f,#a6cf79,#95c878,#82c17b,#6bba81,#4db38c,#00ac9a,#0ba49d,#109c9e,#13929d,#13889b,#137d97,#117291,#0f668a,#0d5981,#094c76,#063e6b,#03305d,#00224f);
        /* Chrome10+,Safari5.1+ */
        background: -webkit-linear-gradient(left, #ffffff,#f7f8de,#ecf1c3,#e0eaab,#d3e398,#c5dc89,#b6d67f,#a6cf79,#95c878,#82c17b,#6bba81,#4db38c,#00ac9a,#0ba49d,#109c9e,#13929d,#13889b,#137d97,#117291,#0f668a,#0d5981,#094c76,#063e6b,#03305d,#00224f);
        /* Opera 11.10+ */
        background: -o-linear-gradient(left, #ffffff,#f7f8de,#ecf1c3,#e0eaab,#d3e398,#c5dc89,#b6d67f,#a6cf79,#95c878,#82c17b,#6bba81,#4db38c,#00ac9a,#0ba49d,#109c9e,#13929d,#13889b,#137d97,#117291,#0f668a,#0d5981,#094c76,#063e6b,#03305d,#00224f);
        /* IE10+ */
        background: -ms-linear-gradient(left, #ffffff,#f7f8de,#ecf1c3,#e0eaab,#d3e398,#c5dc89,#b6d67f,#a6cf79,#95c878,#82c17b,#6bba81,#4db38c,#00ac9a,#0ba49d,#109c9e,#13929d,#13889b,#137d97,#117291,#0f668a,#0d5981,#094c76,#063e6b,#03305d,#00224f);
        /* W3C */
        background: linear-gradient(to right, #ffffff,#f7f8de,#ecf1c3,#e0eaab,#d3e398,#c5dc89,#b6d67f,#a6cf79,#95c878,#82c17b,#6bba81,#4db38c,#00ac9a,#0ba49d,#109c9e,#13929d,#13889b,#137d97,#117291,#0f668a,#0d5981,#094c76,#063e6b,#03305d,#00224f);
        /* IE6-9 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#114e5f',GradientType=1 );
    }

        .heatmap-legend .heatmap-bar::after {
            content: ' ';
            width: 100%;
            display: block;
            margin-top: -19px;
            background-color: transparent;
            background-image: linear-gradient(90deg, transparent 24%, #fff 25%, #fff 26%, transparent 27%, transparent 74%, #fff 75%, #fff 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, #fff 25%, #fff 26%, transparent 27%, transparent 74%, #fff 75%, #fff 76%, transparent 77%, transparent);
            height: 30px;
            background-size: 60px 60px;
            margin-left: 1px;
        }

    .heatmap-legend .heatmap-color-bar {
        height: 2px;
        background-color: #002060;
        margin-right: 1px;
        transition: opacity 300ms ease-in;
    }

    .heatmap-legend .secondary-marker-container {
        position: static;
        height: 7px;
    }

        .heatmap-legend .secondary-marker-container > .heatmap-marker-secondary {
            position: absolute;
            top: auto;
            transition: margin-left 300ms ease-in;
        }

            .heatmap-legend .secondary-marker-container > .heatmap-marker-secondary::before {
                font: normal normal normal 21px/1 FontAwesome;
                content: "\f0d7";
                opacity: 0.25;
                z-index: 1;
                transition: color 300ms ease-in;
            }

            .heatmap-legend .secondary-marker-container > .heatmap-marker-secondary.selected::before {
                opacity: 1;
                color: #ff7800;
                z-index: 999;
                position: relative;
            }

    /* when you hover over the heatmap legend, it shows marker of the municipality */
    .heatmap-legend .heatmap-marker {
        position: relative;
        top: -5px;
        transition: left 300ms ease-in;
        margin-left: -5px;
    }

        .heatmap-legend .heatmap-marker::before {
            font: normal normal normal 21px/1 FontAwesome;
            content: "\f0d8";
        }

        .heatmap-legend .heatmap-marker > span {
            border: 1px solid #cecece;
            margin-left: -25px;
            top: 16px;
            position: relative;
            padding: 5px;
            left: -25px;
            box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.35);
            z-index: 99;
            background-color: #fff;
        }

    .heatmap-legend {
        padding: 0 20px 0 20px;
        height: 75px;
    }
    /*end*/

    .stat-summary table {
        width: 100%;
    }

        .stat-summary table tr td span {
            float: right;
        }

        .stat-summary table tr td {
            width: 33%;
            transition: background-color 300ms ease-in;
        }

            .stat-summary table tr td:nth-child(1):hover, .stat-summary table tr td:nth-child(3):hover {
                background-color: rgba(255, 120, 0, 0.50);
            }

    #view-container {
        margin-bottom: 5px;
    }

    .explorer-indicator-table tr > td:last-child {
        text-align: right;
    }

    .explorer-indicator-table tr > th i {
        color: #fff;
        font-size: 14px;
    }

    .view-data-for {
        margin-top: 20px;
        margin-left: 5px;
    }

    .zoom-range {
        font-weight: bold;
        font-size: .9em;
        float: left;
    }

    .zoom-scale {
        font-size: .8em;
        float: right;
        cursor: default;
        text-decoration: none;
        color: #000;
        width: 170px;
    }

        .zoom-scale span {
            color: #355fa8;
            cursor: pointer;
            padding: 0 5px;
            border-left: 0;
        }

            .zoom-scale span:hover {
                text-decoration: underline;
            }


            .zoom-scale span.selected {
                color: #fff;
                background-color: #0081a2;
            }

    div.zoom-scale span.disabled {
        color: grey;
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }

    .jq-dropdown-menu ul {
        padding: 0;
        margin: 0;
    }

    #indicator-dropdown.jq-dropdown .jq-dropdown-menu li > a {
        padding-left: 20px;
    }

    .box_all .limited-regions {
        background-color: #363636;
        text-align: center;
        padding: 10px 0 10px;
        position: relative;
    }

    .ribbon.top-left {
        top: 0;
        /*left: 16px;*/
    }

    .ribbon {
        position: absolute;
        z-index: 100;
        width: 100px;
        height: 100px;
        overflow: hidden;
    }

        .ribbon.top-left.ribbon-danger > small {
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD9534F', endColorstr='#FFB52B27');
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background-size: 100%;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9534f), color-stop(100%, #b52b27));
            background-image: -moz-linear-gradient(top, #d9534f 0%, #b52b27 100%);
            background-image: -webkit-linear-gradient(top, #d9534f 0%, #b52b27 100%);
            background-image: linear-gradient(to bottom, #d9534f 0%, #b52b27 100%);
            position: absolute;
            display: block;
            width: 100%;
            padding: 8px 16px;
            text-align: center;
            text-transform: uppercase;
            text-shadow: 0 2px 0 #b52b27;
            font-weight: bold;
            font-size: 65%;
            color: #fff;
            background-color: #d9534f;
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -moz-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            top: 16px;
            left: -27px;
        }

        .ribbon.top-left.ribbon-default > small {
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4F4F4', endColorstr='#FFDDDDDD');
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background-size: 100%;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #dddddd));
            background-image: -moz-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
            background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
            background-image: linear-gradient(to bottom, #f4f4f4 0%, #dddddd 100%);
            position: absolute;
            display: block;
            width: 100%;
            padding: 8px 16px;
            text-align: center;
            text-transform: uppercase;
            text-shadow: 0 2px 0 #cecece;
            font-weight: bold;
            font-size: 65%;
            color: #000;
            background-color: #f4f4f4;
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -moz-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            top: 16px;
            left: -27px;
        }

        .ribbon.top-left.ribbon-warning > small {
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0AD4E', endColorstr='#FFDF8A13');
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background-size: 100%;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0ad4e), color-stop(100%, #df8a13));
            background-image: -moz-linear-gradient(top, #f0ad4e 0%, #df8a13 100%);
            background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #df8a13 100%);
            background-image: linear-gradient(to bottom, #f0ad4e 0%, #df8a13 100%);
            position: absolute;
            display: block;
            width: 100%;
            padding: 8px 16px;
            text-align: center;
            text-transform: uppercase;
            text-shadow: 0 2px 0 #df8a13;
            font-weight: bold;
            font-size: 65%;
            color: #fff;
            background-color: #f0ad4e;
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -moz-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            top: 16px;
            left: -27px;
        }

        .ribbon.top-left.ribbon-default > small {
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4F4F4', endColorstr='#FFDDDDDD');
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background-size: 100%;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #dddddd));
            background-image: -moz-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
            background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
            background-image: linear-gradient(to bottom, #f4f4f4 0%, #dddddd 100%);
            position: absolute;
            display: block;
            width: 100%;
            padding: 8px 16px;
            text-align: center;
            text-transform: uppercase;
            text-shadow: 0 2px 0 #cecece;
            font-weight: bold;
            font-size: 65%;
            color: #000;
            background-color: #f4f4f4;
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -moz-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
            top: 16px;
            left: -27px;
        }


    .explorer-indicator-top-regions {
        overflow: hidden;
        margin-bottom: 15px;
    }

        .explorer-indicator-top-regions table {
            margin-bottom: 0;
            width: auto;
        }

        .explorer-indicator-top-regions .nano {
            width: 100%;
            height: 275px;
        }

#fixedHeaderTableSmall, #sc-compare-table {
    height: 275px;
}

    .fixedHeaderTable tfoot th {
        position: relative;
        color: white;
        background-color: #0081a2;
        vertical-align: top !important;
        padding: 12px;
        padding-right: 18px !important;
        cursor: pointer;
        background: #0081a2;
        height: 2em;
        font-size: 16px;
    }

    table.table-sortable tr {
        width: 100%;
    }

    .explorerIndicatorSections table thead th:first-child::after {
        content: " ";
    }

    #minVal, #maxVal {
        margin-top: 8px;
        margin-bottom: 8px;
        border: 0;
        background-color: transparent;
        color: #0081a2;
        outline: none;
        outline-offset: 0;
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        padding-left: -1px;
        font-weight: bold;
        height: 20px;
        border-bottom: 1px dotted #000;
    }

    .ard-slider-input-container {
        text-transform: lowercase;
        margin-left: -1px;
    }

    .smallerHeader {
        font-size: 12px;
        color: white;
    }

    .ui-slider .ui-slider-range {
        background-color: #0081a2;
        background-image: none;
    }

    .ard-slider {
        margin-top: 3px;
        background-color: none;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: #f6f6f6;
    }

    .range-slider-container #indicator-name {
        margin-left: -20px;
    }

    .range-slider-container #dropdown {
        color: #0081a2;
    }

    .ms-res-ctn .ms-res-group {
        background: none !important;
        border-bottom: none !important;
        border-top: none !important;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        /* display: none; <- Crashes Chrome on hover */
        -webkit-appearance: none;
        margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    }

    .fancy-filter-links a {
        font-weight: bold;
        border-bottom: 1px dotted #000;
        text-decoration: none !important;
    }

    .download-data {
        margin-top: -5px;
        margin-bottom: 5px;
        float: right;
    }

    #chartEmploymentDiv {
        max-width: 1200px;
        max-height: 400px;
        display: flex;
    }

    .open-data-portal {
        margin-top: 20px;
    }

        .open-data-portal a:hover {
            text-decoration: underline !important;
            color: #0080a4;
        }

        .open-data-portal a {
            color: #0080a4;
        }

            .open-data-portal a[href^=https]:after {
                content: "\f14c";
                display: inline-block;
                margin: 0 0 0 6px;
                font-family: FontAwesome;
            }

    .pie-chart-button {
        background: url('img\\pie_chart.png') center no-repeat;
        height: 25px;
        width: 40px;
        margin-left: 8px;
        float: right;
    }

    .bar-chart-button {
        background: url('img\\bar_graph.png') center no-repeat;
        height: 25px;
        width: 40px;
        margin-left: 8px;
        float: right;
    }

    .tree-map-button {
        background: url('img\\treemap.png') center no-repeat;
        height: 25px;
        width: 40px;
        margin-left: 8px;
        float: right;
    }

    .websiteLink {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 15px;
    }

    .region_Size {
        font-size: 16px;
        text-transform: uppercase;
    }

    .disclaimer {
        padding-top: 12px !important;
        font-size: 14px !important;
    }

    table tr td.source {
        font-size: 12px;
        background-color: #dfddd6;
        text-align: center;
        white-space: normal;
    }

    /*Fix survey*/

    .info-slide {
        border-radius: 4px;
        border-width: 1px;
        border-color: gray;
        background-color: #cae8ca;
        border-style: solid;
        position: fixed;
        bottom: 0;
        right: 0;
        float: right;
        width: 100%;
        /*height: 60px;*/
        cursor: pointer;
        overflow: hidden;
        max-width: 450px;
        z-index: 999;
        transition: height .4s ease-in-out;
        -webkit-transition: height .4s ease-in-out;
        -moz-transition: height .4s ease-in-out;
    }

    .info-slide-header {
        padding: 10px;
        background-color: #0081a2;
    }

    .info-slide-content {
        display: none;
    }

        .info-slide-content:hover {
            display: block;
        }
    /*.info-slide:hover >.info-slide-content{
    
        display: block;
    
}*/
    .info-slide-header:active + .info-slide-content {
        display: block;
    }

    .info-slide-header:hover + .info-slide-content {
        display: block;
    }

    .itembox {
        position: relative;
        float: right;
        font-size: 25px;
        right: 0px;
        top: -15px;
        width: 10px;
        height: 10px;
        font-weight: bold;
    }

    /*.itembox .RemoveMediaNotif 
{
  
    position: absolute;
   
    text-decoration:underline; 
    cursor: pointer; 
}*/

    /*Fix survey end*/

    /*Custom Dashboard Buttons*/
    div#filters {
        margin: 0 10px 10px 0;
    }

    .regions {
        max-height: 9em;
    }

    #buttons-div {
        text-align: right;
    }

table#sc-compare-table tfoot {
    display: contents !important;
}

.scactive {
    background: #0070c4 !important;
}

.scactive.active {
        background: #0070c4 !important;
}
.star-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 32px; /* Larger font size */
}

.favorite-star polygon {
    fill: white; /* White fill */
    stroke: white; /* White outline */
    stroke-width: 1px; /* Outline width */
}

.default-star polygon {
    fill: rgba(0, 0, 0, 0.5); /* Semi-transparent black fill */
    stroke: white; /* White outline */
    stroke-width: 1px; /* Outline width */
}

/*.star-icon svg:hover polygon {
    fill: black;*/ /* Black fill on hover */
    /*stroke: white;*/ /* White outline */
    /*stroke-width: 1px;*/ /* Outline width */
/*}*/

.view-favourites {
    border-color: transparent !important;
    background-color: #0070C4 !important;
    width: 100%;
}
/* Style the popup */
#favouritesResultsPopup {
    display: none;
    background-color: white;
    /*position: fixed;
    left: 50%;
    top: 120%;
    transform: translate(-50%, -50%);
    border: 1px solid #888;
    width: 300px;
    
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    z-index: 1000;
    padding: 20px;
}
/* Style the close button */
.close-btn {
    color: dimgray;
    border: none;
    cursor: pointer;
    float: right;
    background:white;
    font-size:large;
    font-weight:200;
}
/* Style the popup content */
.popup-content {
    text-align: center;
    margin-top: 20px;
}
/* Dim the background when the popup is open */
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it's above other content */
}

.loading-content {
    text-align: center;
    color: white;
}

.loading-icon {
    width: 50px; /* Adjust size as needed */
    height: 50px;
    margin-bottom: 10px;
}
.highlight {
  border-color: yellow !important;
  border: 2px solid yellow !important;
}

.loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px; /* Adjust as needed */
    font-size: 16px;
    color: #555;
}

.loading-icon i {
    font-size: 24px; /* Smaller size for the spinning gear */
    margin-right: 8px;
    color: black; /* Set color to black */
    animation: spin 2s linear infinite; /* Optional: Customize the spin speed */
}

/* Custom spinning animation */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
html {
    scroll-padding-top: 90px; /* height of sticky header */
}

.loader {
    
    margin-top: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50%;
    font-size: 20px !important;
    /*position: absolute !important;*/
}
#loading-image {
   height:45px;
   width: 45px;
} 

#loadingDiv {
    position: absolute !important;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    background-color: rgba(255,255,255,0.5);
    z-index: 100;
}


.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler-icon {
    display: inline-block;
    width: 2em;
    height: 2em;
    vertical-align: middle;
    content: "";
    background-size: 100% 100%;
}

.nav-toggle-tabs {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E);
}

.nav-toggle-tabs {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

.navbar-toggler {
    display: inline-block;
}

.navbar-sub {
    height: 30px;
    padding: 2px 0 2px 0;
    margin-bottom: 5px;
}

.full-tabs {
    display: inline-block;
}

    .full-tabs nav ul li {
        padding-left: 10px; /* Adjust the value as needed */
        padding-right: 10px; /* Adjust the value as needed */
    }

        .full-tabs nav ul li.active {
            font-weight: bolder;
        }

.menu-tabs {
    display: none;
}

    .menu-tabs nav ul li {
        display: block;
    }

.menubackground {
    background-color: #f1f1f1;
    padding-top: 8px;
    padding-bottom: 0px;
}

.content-margin {
    margin-top: 25px;
}

.property-container {
    width: 100%;
    height: 500px;
}

.property-container-img {
    width: 100%;
    height: 500px !important;
    object-fit: contain;
}

.no-images {
    margin-top: 15px;
    line-height: 40px;
    font-size: large;
}

.highlights-img {
    height: 90px;
    width: 75px
}

.siteselector-container {
    margin-left: 100px;
    margin-right: 100px;
}

.siteselector-dropdowns {
    width: 100%;
}

.siteselector-view-list {
    /*width: 30%;*/
    max-width: 500px;
    min-width: min-content;
}

.siteselector-view-map {
    /*width: 70%;*/
    max-width: 1200px;
}

.siteselector-carousel-bg {
    background-color: darkgray !important;
}
.siteselector-site-list {
    margin-left: 5px !important;
    margin-right: auto !important;
}
ard-dashboard h3 {
    font-size: 16px;
}

ard-dashboard a:hover {
    text-decoration-line: none;
}

.contact-section {
    display: grid;
   
}

.contact-section.col-md-8 {
    font-size: 16px;
}

.contact-section label {
    font-size: 16px;
    font-weight: bold;
}

.contact-section span {
    font-size: 16px;
    font-weight: normal;
}
.site-description {
    font-size:16px !important;
}
.site-description p {
    font-size: 16px;
}
    .site-description span {
        font-size: 16px;
    }
.ss-property-info-stack {
    display: grid;
    padding-bottom: 30px;
}

.ss-property-info-stack label:first-child {
    font-size: 16px;
    font-weight: normal
}

.ss-property-info-stack label:last-child {
    font-size: 16px;
    font-weight: bold;
}

.ss-otp label {
    font-size: 16px;
    font-weight: bold;
}

svg.icon-button {
    fill: #fff;
    padding-left: 8px
}

ul.page-nav {
    padding-left: 0;
}

    ul.page-nav li {
        list-style: none;
        padding: 0;
    }

li.page-nav a {
    display: inline;
}

.page-nav a:link, .contact-section a:link {
    color: #0070c4;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.page-nav a:not(:last-child):after {
    content: " |";
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

hr.ss-separator {
    width: 100%;
    border: 1px solid #D2D2D2;
    margin: 10px 0;
}

.thumbnail {
    border: none;
    padding: 0;
}

.section-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.section-subtitle {
    font-size: 16px;
    font-weight:bold;
    margin-bottom: 20px;
}

.thumbnail-small {
    height: 75px;
    width: 75px;
}

.line-breaks {
    white-space: pre-line;
}

.static-list {
    font-size: 16px;
    font-weight: bold;
}
.static-list-detail {
    font-weight: normal;
}
.static-space {
    margin-top: 15px;
    margin-bottom: 15px;
}
.static-space-section-space {
    padding-top: 25px;
}
.static-section-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.static-description {
    font-size: 16px !important;
    margin: 2px 10px !important;
}
.spacelist-row {
    margin-right: auto !important;
    margin-left: auto !important;
    display: block !important;
    /*text-align: center !important;*/
    width:100%;
}
.spacelist-attr {
    font-size: 9px !important;
}
.spacelist-logo {
    width:210px;
    height:40px;
}
.spacelist-table {
    border:none !important;
    margin: auto;
}
    .spacelist-table tr td {
        white-space: normal !important;
        text-overflow: initial !important;
        overflow: initial !important;
        border-right: none !important;
        line-height: 1em;
        max-width: 1500px !important;
    }
.spacelist-section-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}
.link-em {
    text-decoration: underline !important;
    color: blue;
}
.check-mark {
    display: inline-block;
    width: 24px; /* Set the width and height to match the icon size */
    height: 24px;
    background: url('~/Content/img/check-solid.svg') no-repeat center center; /* Set the SVG icon as the background */
    background-size: contain; /* Ensure the icon fits within the span */
}

#infra-section li {
    font-size: 16px;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS devices */
}
.modal {
    margin-top: 60px !important;
    width:75% !important;
    margin-left: auto;
    margin-right: auto;
}
.modal-title-pointer {
    cursor: pointer;
}
.toggle-icon{
    width:3px;
    height:3px;
    margin: 1px 3px 1px 3px;
    padding-right: 20px;
}
    @media screen and (max-width: 767px) {
        .full-tabs {
            display: none;
        }

        .menu-tabs {
            display: inline-block;
        }

        .menubackground {
            padding-top: 1px;
            padding-bottom: 1px;
        }

        .property-container {
            height: 400px;
        }

        .property-container-img {
            height: 300px !important;
        }

        .siteselector-container {
            margin-left: 0px;
            margin-right: 0px;
        }

        .siteselector-view-list {
            width: 100%;
            max-width: fit-content;
        }

        .siteselector-view-map {
            width: 100%;
        }
    }

    @media screen and (min-width: 768px) {
        .full-tabs {
            display: block;
        }

        .menu-tabs {
            display: none;
        }
    }
    /* Styles for mobile button */
    .page-url-mobile {
    margin-bottom: 25px;
    font-size: 13px;
    margin-top: -20px;
}

.ss-map {
    margin-left: -5%;
    margin-right: -5%;
}

@media screen and (max-width: 768px) {
    .ss-map {
        margin-left: 0;
        margin-right: auto;
    }
}

@media screen and (min-width: 1370px) {
    .siteselector-view-list {
        /* margin-left: 60px;*/
    }
}

@media screen and (min-width: 769px) {
    /* Your desktop styles go here */
    .page-url-mobile {
        display: none; /* initially hidden on desktop */
    }
}

.filter-button {
    display: none; /* initially hidden on desktop */
}

/* Styles for mobile filters modal */
.filter-modal {
    display: none; /* initially hidden */
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
}

.filter-modal-content {
    background-color: #fefefe;
    margin: 150px auto;
    padding: 20px;
    z-index: 9999;
    border: 1px solid #888;
    width: 80%;
}

/* Styles for closing button in modal */
.filter-modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .filter-modal-close:hover,
    .filter-modal-close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

/* Media query for showing/hiding button on mobile */
@media screen and (max-width: 768px) {
    .filter-button {
        display: block;
        color: #fff !important;
        background-color: #007bff !important;
        border: none;
        border-radius: 2px;
        padding: 5px 0;
        margin-top: -20px;
        margin-bottom: 8px;
        width: 100%;
        z-index: 999;
        left: 0;
        position: sticky;
        top: 66px !important;
    }

    #SSFilters {
        display: none; /* hide filters content on desktop */
    }

    .mobile-clear-all {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 4px;
    }
}

.cl-site-select {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.app-filt {
    background-color: #0081a2 !important;
    color: white !important;
}


#nav-bar-menu .nav-item:hover a {
    background-color: white !important;
}
.navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}
button:active {
    transform: scale(0.95);
    background-color: #ddd;
}

/*
 * jQuery Dropdown: A simple dropdown plugin
 *
 * Contribute: https://github.com/claviska/jquery-dropdown
 *
 * @license: MIT license: http://opensource.org/licenses/MIT
 *
 */
.jq-dropdown {
  position: absolute;
  z-index: 1039;
  display: none;
}
.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
  min-width: 160px;
  max-width: 360px;
  list-style: none;
  background: white;
  border: solid 1px #dddddd;
  border-radius: 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  overflow: visible;
  padding: 4px 0;
  margin: 0;
}
.jq-dropdown .jq-dropdown-panel {
  padding: 10px;
}
.jq-dropdown.jq-dropdown-tip {
  margin-top: 8px;
}
.jq-dropdown.jq-dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #dddddd;
  display: inline-block;
}
.jq-dropdown.jq-dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  display: inline-block;
}
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before {
  left: auto;
  right: 9px;
}
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after {
  left: auto;
  right: 10px;
}
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu,
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel {
  max-height: 180px;
  overflow: auto;
}
.jq-dropdown .jq-dropdown-menu li {
  list-style: none;
  padding: 0 0;
  margin: 0;
  line-height: 18px;
}
.jq-dropdown .jq-dropdown-menu li > a,
.jq-dropdown .jq-dropdown-menu label {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 18px;
  padding: 3px 15px;
  margin: 0;
  white-space: nowrap;
}
.jq-dropdown .jq-dropdown-menu li > a:hover,
.jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #f2f2f2;
  color: inherit;
  cursor: pointer;
}
.jq-dropdown .jq-dropdown-menu .jq-dropdown-divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0;
}

.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}
.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  -webkit-transform: none !important;
     -moz-transform: none !important;
      -ms-transform: none !important;
       -o-transform: none !important;
          transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
      -ms-box-sizing: content-box;
       -o-box-sizing: content-box;
          box-sizing: content-box;
}

.introjs-helperNumberLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
  background:    -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
  background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; /* IE6-9 */
  filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid transparent;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-bottom-color:white;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color:white;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color:white;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color:white;
}
.introjs-arrow.right-bottom {
  bottom:10px;
  right: -10px;
  border-left-color:white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
}
.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color:white;
}
.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color:white;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color:white;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom:10px;
  border-right-color:white;
}

.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  -webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #0081a2;
  border-color: #0081a2 !important;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover  {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
  outline: thin dotted !important;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
  outline: thin dotted !important;
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  box-sizing: content-box;
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-nextbutton.introjs-fullbutton {
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}



.introjs-hidden {
     display: none;
}

.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1
}
.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
    border: 0;
    outline: 0;
}
.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}
.introjs-hint-dot {
  box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  -moz-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@-moz-keyframes introjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes introjspulse {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    25% {
        transform: scale(0);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 0.0;
    }
}


/*theme*/

.introjs-button{
    color: #ffffff;
    text-transform: uppercase;
	text-decoration: none;
	background-color: #0081a2;
    border-color: #23a2c8 !important;
	text-shadow: none;
	text-decoration: none !important;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}