/**
 * 
 * 
 * 
 * ? 1. Globals
 * ? 2. Frame structure
 * ? 3. Header
 * ? 4. Sidebar
 * ? 5. Content
 * ? 6. Footer
 * ? 7. Components
 * ? 	- 7.1 Slider
 * ? 	- 7.2 Checkbox
 * ? 	- 7.3 Radiobutton
 * ? 	- 7.4 Slider
 * ? 	- 7.5 Graphics - MORRIS
 * ? 	- 7.6 Datatables
 * ? 8. Google Maps
 * ? 9. Wizard
 * ? 10. Weather Widget
 * ? 11. Mediaqueries (Responsive design)
 * 
 */

/* =============================================================
 * RESET
 * ============================================================= */
input, button, textarea { -webkit-appearance:none; -moz-appearance:none; }
a { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; }
/* =============================================================
 * 1. GLOBALS
 * ============================================================= */
#maincontent div[class*='col-'] { margin-bottom:10px; padding-top:10px; padding-bottom:10px; }
#maincontent div[class*='col-'].clean { 
	background-color:transparent; margin-bottom:10px; padding-top:0; padding-bottom:0; 
	-webkit-box-shadow:none; box-shadow:none; border-bottom:none; 
}
#maincontent div[class*='col-'].DL-kalender-schemas.DL-kalender-schemas-weekschemas { margin-bottom:0px; }
#maincontent div[class*='col-'] .block { background-color:#FFF; margin:-5px -10px; padding:20px; }
#maincontent div[class*='col-'] .block > h1:first-child,
#maincontent div[class*='col-'] .block > h2:first-child,
#maincontent div[class*='col-'] .block > h3:first-child,
#maincontent div[class*='col-'] .block > h4:first-child { margin-top:5px; }
#maincontent div[class*='col-'] .block + .block { margin-top:15px; }

#maincontent .block { -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.25); box-shadow:0 0 0 0 rgba(0,0,0,0.25); border-bottom:1px solid #CCC; display:block; }
#maincontent .block header { background:#F5F5F5; display:block; margin:-20px -20px 20px -20px; padding:15px; border-bottom:1px solid #C7C7C7; }
#maincontent .block header h1,
#maincontent .block header h2,
#maincontent .block header h3,
#maincontent .block header h4 { margin:0; }
#maincontent .block header strong { font-size:14px; font-family:'Avenir-Medium', 'Avenir Medium', 'AvenirLTStd-Medium', 'Avenir'; }

#maincontent .block.collapsible { display:block; overflow:hidden; }
#maincontent .block.collapsible header { cursor:pointer; text-indent:15px; }
#maincontent .block.collapsible header:before { font-family:FontAwesome; content:"-"; content:"\f0d7"; position:absolute; left:2px; }
#maincontent .block.collapsible.collapsed { height:51px; }
#maincontent .block.collapsible.collapsed header:before { content:"\f0da"; left:4px; }

/* =============================================================
 * 2. FRAME STRUCTURE
 * ============================================================= */
 @font-face {
	font-family: 'AvenirLTStd-Light';
	src: url('../../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/AvenirLTStd-Light.otf')  format('opentype'),
	     url('../../fonts/AvenirLTStd-Light.woff') format('woff'), 
	     url('../../fonts/AvenirLTStd-Light.ttf')  format('truetype'), 
	     url('../../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

body { }
html, body { height:100%; background:#DCDEE0; overflow-x:hidden; }
body.dark { background:#22272D; color:#A6AAA9; }
h1, h2, h3, h4, h5 { font-family:'Avenir-Medium', 'Avenir Medium', 'AvenirLTStd-Medium', 'Avenir'; color:#000; }
h1 { font-size:32px; margin-top:5px; margin-bottom:10px; }
h2 { font-size:28px; margin-top:5px; margin-bottom:10px; }
h3 { font-size:22px; margin-top:5px; margin-bottom:10px; }
h4 { font-size:18px; margin-top:5px; margin-bottom:10px; }
h5 { font-size:14px; margin-top:5px; margin-bottom:10px; }
h1.pagetitle, h2.pagetitle, h3.pagetitle { margin:5px 0 15px 0; }
#wrapper { min-height:100%; height:auto !important; height:100%; margin:0; position:relative; }
#header { width:100%; max-width:100% !important; height:75px; background-color:#515151; position:fixed; z-index:8; }
#header.highlight { /*background-color:#27787F; color:#FFF;*/ }
#maincontent { position:fixed; width:auto; height:100% !important; overflow:auto; -webkit-overflow-scrolling:touch; width:100%; padding:90px 15px 15px; z-index:2; }
#maincontent.noheader { padding:0; }
#maincontent .container-fluid { margin-left:0; margin-right:0; max-width:1350px;}
#footer { color:#9D9D9D; }

.navbar.alerts { background:#11787f; color:#FFF; }
.navbar.alerts .alerts-head { height:75px; padding-top:35px; padding-bottom:30px; padding-left:230px; max-width:1350px; }
.navbar.alerts .alerts-head h4 { margin:0; }
.navbar.alerts .alerts-head .btn-group { margin-top:-8px; }
.navbar.alerts .alerts-head .btn-group .btn { background:transparent; border-color:#FFF; color:#FFF; }

/* =============================================================
 * 3. HEADER
 * ============================================================= */
#header #logo { display:block; width:220px; height:75px; background:#359CA5 url('../../img/logo-shopcontroller.png') no-repeat center center; position:absolute; z-index:10; }
@media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5/1), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	#header #logo { display:block; background-size:210px 75px; background-image:url('../../img/logo-shopcontroller@2x.png'); }
}

#header .navbar .global { display:block; height:75px; color:#FFF; font-size:18px; background-color:#333; margin-right:-15px; padding:13px 15px 10px 20px; position:static; }
#header .navbar .global .shop_select { 
	display:inline-block; position:absolute; right:15px; top:23px; border:none; background:#FFF; 
	font-size:12px; color:#333; padding:4px 12px; margin-top:-1px; width:230px;
	-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; outline:0; z-index:11;
}
#header .navbar .global .shop_select:after {
	content:"-"; content:"\f002"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit;
	color:#FF0000; font-size:18px; padding-right:0.5em; position:absolute; top:10px; right:10px; 
}
#header .navbar .global em { display:block; color:#999999; font-size:14px; font-style:normal; }
#header .navbar .global .btn.dropdown-toggle { background:none; border:none; padding:0; font-size:inherit; }
#header .navbar .global .btn.dropdown-toggle:hover,
#header .navbar .global .open .btn.dropdown-toggle { color:#FFF; }

#header .navbar { }
#header .navbar ul.nav { height:75px; width:100%; padding-left:220px; position:absolute; top:0; left:0; background:#333; }
#header .navbar ul.nav > li { border-left:1px solid #333333; }
#header .navbar ul.nav > li:first-child { border-left:none; }
#header .navbar ul.nav > li > a { white-space:nowrap; color:#FFF; background:#515151; padding:24px 20px 25px; min-width:100px; font-size:15px; line-height:15px; text-align:center; /*font-weight:bold;*/ }
#header .navbar ul.nav > li > a .fa { display:inline-block; text-align:center; margin-right:3px; font-size:26px; }
#header .navbar ul.nav > li > a span { display:block; width:0px; font-size:0px; line-height:0px; text-indent:-9999px; }
#header .navbar ul.nav > li > a:hover{ background:#333333; color:#FFF; }
#header .navbar ul.nav > li > a.active .fa { color:#72D1D3; }

#header .navbar ul.nav li a.action.highlight { padding:0; background:none; }
#header .navbar ul.nav li .DL-ribbon a { padding:0; background:none; }

#header .navbar ul.nav > li > ul { margin:0; padding:0; list-style:none; }
#header .navbar ul.nav > li > ul > li { border:none; }
#header .navbar ul.nav > li > ul > li a { min-width:100px; font-weight:normal; font-size:inherit; }
#header .navbar ul.nav > li > ul > li a:hover { padding:0; }

#header .navbar ul.nav > li.dropdown { }
#header .navbar ul.nav > li.dropdown:hover ul > li > ul { list-style:none; margin-top:-4px; padding:0 0 12px; }
#header .navbar ul.nav > li.dropdown:hover ul > li > ul > li { border:none; }
#header .navbar ul.nav > li.dropdown:hover ul > li > ul > li a { padding:0; padding-left:45px; min-width:115px; }
#header .navbar ul.nav > li.dropdown:hover ul > li > ul > li a:hover { padding-right:0; text-decoration:none; }

#header .navbar ul.nav > li.dropdown { min-width:100px; }
#header .navbar ul.nav > li.dropdown:hover a { background-color:#333333; box-shadow:none; }
#header .navbar ul.nav > li.dropdown:hover .dropdown-menu { display:block; background-color:#333333; }
#header .navbar ul.nav > li.dropdown > ul.dropdown-menu { margin-top:-1px; left:-1px; box-shadow:none; border-top:1px solid #666666; }
#header .navbar ul.nav > li.dropdown > ul.dropdown-menu > li { border:none; border-bottom:1px solid #666666; }
#header .navbar ul.nav > li.dropdown > ul.dropdown-menu > li a { text-align:left; padding:15px 25px; color:#BCBCBC; }
#header .navbar ul.nav > li.dropdown > ul.dropdown-menu > li a:hover { color:#FFF; color:#FFF; }

#header .navbar-toggle { z-index:10; position:absolute; float:right; padding:9px 10px; margin-top:18px; margin-left:15px; margin-bottom:8px; background-color:#22272D; background-image:none; border:1px solid transparent; border-radius:4px; }
#header .navbar-toggle:focus { outline:0; }
#header .navbar-toggle .icon-bar { display:block; width:22px; height:2px; border-radius:1px; background:#FFF; }
#header .navbar-toggle .icon-bar + .icon-bar { margin-top:4px; }

/* =============================================================
 * 4. SIDEBAR
 * ============================================================= */
#sidebar { 
	display:block; position:fixed; right:-600px; opacity:0; filter:alpha(opacity=0); top:0px; background:#282828; overflow:auto; width:100%; max-width:600px !important; min-height:100%; height:100% !important; color:#D9DBDD; z-index:5; 
	-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease; transition:all .3s ease-in-out;
}
#sidebar.open { right:-300px; opacity:1; filter:alpha(opacity=100); }
#sidebar .inner { min-height:100%; position:relative; padding-top:75px; padding-bottom:35px; height:auto; overflow:auto; -webkit-overflow-scrolling:touch; }
#sidebar .scroll { width:300px; }
#sidebar .scroll.col-left, 
#sidebar .scroll.col-right { position:absolute; top:153px; }
#sidebar .scroll.col-left { left:0; }
#sidebar .scroll.col-right { right:0; border-left:1px solid #434343; }
#sidebar .scroll.col-right a.sub:before { content:""; display:none; }
#sidebar .scroll.scrollgroup { position:relative; }
#sidebar table { background:transparent; font-size:12px; width:300px; }
#sidebar a { display:block; color:#B0BCBC; text-align:left; font-size:12px; padding:10px; text-indent:22px; }
#sidebar a .badge { text-indent:0; margin-top:1px; padding:2px 4px; color:#B0BCBC; background:#E36C70; font-size:10px; }
#sidebar a.top { color:#B0BCBC; border:0; text-transform:uppercase; font-weight:600; text-indent:10px; border-top:1px solid #434343; border-bottom:1px solid #434343; }
#sidebar a.sub:before { font-family:FontAwesome; content:"-"; content:"\f0d7"; position:relative; left:-12px; display:inline-block; width:15px; }
#sidebar a.sub.collapsed:before { content:"\f0da"; left:-10px; }
#sidebar a.sub { width:100%; min-width:210px; color:#B0BCBC; border:0; text-transform:uppercase; font-weight:600; text-indent:7px; border-bottom:1px solid #434343; } 
#sidebar a.active, 
#sidebar a:hover { text-decoration:none; color:#FFF; }
#sidebar a.active .badge,
#sidebar a:hover .badge { color:#FFF; }
#sidebar a.edit { float:right; margin-top:-40px; }
#sidebar a.tree:before { content:""; display:none; }
#sidebar a.tree { border-bottom:1px solid #434343; text-indent:10px; }
#sidebar .tree_drop { background:#434343; position:absolute; width:100%; z-index:9999; }
#sidebar .tree_drop a { text-transform:uppercase; border-bottom:1px solid #282828; text-indent:10px; }
#sidebar .controls { display:block; position:absolute; right:5px; width:60px; margin-top:-40px; }
#sidebar .controls a { float:right; display:inline-block; text-indent:0; }
#sidebar .controls a.edit { float:none; margin:0; }

#sidebar .nav-bottom { position:absolute; bottom:0; width:50%; text-align:center; }
#sidebar .nav-bottom .btn { display:inline-block; text-indent:0; background:#34969F; color:#FFF; text-transform:uppercase; border-radius:20px; padding:4px 15px; margin-bottom:10px; }
#sidebar .nav-bottom .btn-save,
#sidebar .nav-bottom .btn-cancel { display:none; }

#sidebar.wide { right:0; }
#sidebar.wide .scroll { }
#sidebar.wide .nav-bottom { width:100%; }
#sidebar.wide .nav-bottom .btn-expand { display:none; }
#sidebar.wide .nav-bottom .btn-save { display:inline-block; }
#sidebar.wide .nav-bottom .btn-cancel { display:inline-block; position:absolute; right:10px; }
/* =============================================================
 * 5. CONTENT
 * ============================================================= */
label { font-weight:normal; }

/* =============================================================
 * 6. FOOTER
 * ============================================================= */
#footer a { color:#9D9D9D; }
#footer a:hover {  }

/* =============================================================
 * 7. COMPONENTS
 * ============================================================= */
/* 7.1 Slider */
.slider { display:block; vertical-align:middle; position:relative; }
.slider.slider-horizontal { width:100%; height:40px; }
.slider.slider-horizontal .slider-track { height:10px; width:100%; margin-top:-5px; top:50%; left:0; }
.slider.slider-horizontal .slider-selection { height:100%; top:0; bottom:0; }
.slider.slider-horizontal .slider-handle { margin-left:-15px; margin-top:-10px; }
.slider.slider-horizontal .slider-handle.triangle { border-width:0 10px 10px 10px; width:0; height:0; border-bottom-color:#0480be; margin-top:0; }
.slider.slider-vertical { height:210px; width:20px; }
.slider.slider-vertical .slider-track { width:10px; height:100%; margin-left:-5px; left:50%; top:0; }
.slider.slider-vertical .slider-selection { width:100%; left:0; top:0; bottom:0; }
.slider.slider-vertical .slider-handle { margin-left:-5px; margin-top:-10px; }
.slider.slider-vertical .slider-handle.triangle { border-width:10px 0 10px 10px; width:1px; height:1px; border-left-color:#0480be; margin-left:0; }
.slider input { display:none; }
.slider .tooltip-inner { white-space:nowrap; }
.slider-track { position:absolute; cursor:pointer; background-color:#FFF; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:1px solid #CCC; }
.slider-selection { position:absolute; background-color:#359CA5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.slider-handle { position:absolute; width:30px; height:30px; background-color:#FFF; border:2px solid #359CA5; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

/* 7.2 Checkbox */
.form-inline div.checkbox + div.checkbox { margin-left:15px; }
input.checkbox { background-color:#FFF; border:1px solid #A6AAA9; width:20px; height:20px; top:-4px; border-radius:3px; display:inline-block; position:relative; cursor:pointer; margin-right:5px; }
input.checkbox + label { font-weight:normal; }
input.checkbox:checked { background-color:#169CA5; border:1px solid #169CA5; color:#FFF; }
input.checkbox:checked ~ label { color:#169CA5; font-weight:bold; }
input.checkbox:checked:after { font-family:FontAwesome; content:'\f00c'; font-size:16px; position:absolute; top:1px; left:1px; color:#FFF; }

/* 7.3 Radiobutton */
.form-inline div.radio + div.radio { margin-left:15px; }
input.radio { background-color:#FFF; width:20px; height:20px; border:1px solid #A6AAA9; padding:9px; top:-4px; border-radius:50px; display:inline-block; position:relative; cursor:pointer; margin-right:10px; }
input.radio + label { font-weight:normal; }
input.radio:checked { background-color:#FFF; color:#99a1a7; border:1px solid #169CA5; }
input.radio:checked + label { color:#169CA5; font-weight:bold; }
input.radio:checked:after { content:' '; width:12px; height:12px; border-radius:50px; position:absolute; left:3px; top:3px; background:#169CA5; font-size:32px; }

/* 7.4 Slider */
.multi-btn > .btn, .multi-btn > .btn-group { margin-top:5px; margin-bottom:5px; }

.dagdelen { position:relative; padding:10px 0 50px 0; }
.ddSlider { height:30px; margin:0 0 15px 0; border:none; position:relative; border-radius:3px; background:transparent; z-index:0; }
.ddSlider.labeled { margin-top:45px; }
.ddSlider.ui-state-disabled { opacity:1; filter:Alpha(opacity=100); background-image:none; }
.ddSlider label { position:absolute; width:100%; margin-top:-30px; font-weight:bold; }

.ddSlider .ui-slider-handle { height:40px; top:-10%; width:2px; margin-left:0px; background:#999; border:none; outline:none; -ms-touch-action:none; touch-action:none; cursor:pointer; z-index:10; }
.ddSlider .ui-slider-handle:after { display:block; position:absolute; bottom:-19px; left:-9px; border:2px solid #999; content:" "; width:20px; height:20px; border-radius:20px; }
.ddSlider .ui-slider-handle { point-events:none; }
.ddSlider .ui-slider-handle:after { pointer-events:auto; }
.ddSlider .ui-slider-handle:last-of-type { cursor:default; }
.ddSlider .ui-slider-handle:last-of-type:after { display:none; }

.ddSlider .ui-dd-slider-info { position:absolute; top:0px; height:30px; width:20px; margin-left:0px; color:#FFF; text-align:center; font-size:15px; line-height:15px; background:#333333; z-index:2; cursor:pointer; }
.ddSlider .ui-dd-slider-info:hover { background:#000; color:#FFF; border-color:#0E1013; }
.ddSlider .ui-dd-slider-info span { display:inline-block; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 0 #666; font-size:11px; margin-top:6px; }
/* .ddSlider .ui-dd-slider-info:after { font-family:FontAwesome; content:"\f040"; font-weight:bold; position:absolute; left:4px; top:1px; font-size:10px; }*/

/*.ui-dd-slider-part-info { background:#F5F500; padding:0; height:504px; border:2px solid #CCC; margin-top:30px; margin-bottom:5px; }*/
.ui-dd-slider-part-info { background:#F5F500; padding:0; max-height:504px; border:2px solid #CCC; margin-top:30px; margin-bottom:5px; }
/*.ui-dd-slider-part-info iframe { width:100%; height:100%; min-height:500px; border:none; }*/
.ui-dd-slider-part-info .iframe { width:100%; height:100%; min-height:50px; border:none; }

.ddSlider .currTime { background:#535353; color:#FFF; font-size:10px; font-weight:bold; display:inline-block; padding:1px 4px; position:absolute; top:-20px; left:0; margin-left:-18px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; border-radius:3px; }

.ddSlider .tooltip { z-index:12; display:none; position:absolute; top:-17px; margin-left:-80px; width:150px; background:#333; padding:10px 10px 44px 10px; opacity:1; filter:alpha(opacity=100); }
.ddSlider .tooltip select { width:100%; }
.ddSlider .tooltip .remove-handle,
.ddSlider .tooltip .edit-handle,
.ddSlider .tooltip .add-handle { display:none; background:#535353; position:absolute; bottom:0px; text-align:center; width:33.333333%; height:34px; line-height:15px; text-decoration:none; color:#EEE; cursor:pointer; color:#FFF; text-indent:-9999px; }
.ddSlider .tooltip .remove-handle:hover,
.ddSlider .tooltip .edit-handle:hover,
.ddSlider .tooltip .add-handle:hover { background:#333; }
.ddSlider .tooltip .remove-handle.disabled,
.ddSlider .tooltip .edit-handle.disabled,
.ddSlider .tooltip .add-handle.disabled { opacity:0.3; filter:alpha(opacity=30); }
.ddSlider .tooltip .remove-handle:after,
.ddSlider .tooltip .edit-handle:after,
.ddSlider .tooltip .add-handle:after { font-family:FontAwesome; font-size:16px; position:absolute; color:#EEE; text-indent:0px; }
.ddSlider .tooltip .remove-handle { right:0px; border-left:1px solid #333; }
.ddSlider .tooltip .remove-handle:after { content:'\f1f8'; top:8px; left:18px; }
.ddSlider .tooltip .remove-handle:hover:after { color:#DDD; }
.ddSlider .tooltip .edit-handle { left:33.33333%; border-left:1px solid #333; }
.ddSlider .tooltip .edit-handle:after { content:'\f040'; top:8px; left:18px; }
.ddSlider .tooltip .edit-handle:hover:after { color:#DDD; }
.ddSlider .tooltip .add-handle { left:0px; }
.ddSlider .tooltip .add-handle:after { content:'\f067'; top:9px; left:18px; }
.ddSlider .tooltip .add-handle:hover:after { color:#DDD; }

.ddSlider .tooltip .remove-handle.fullwidth,
.ddSlider .tooltip .add-handle.fullwidth { width:100%; left:0; }
.ddSlider .tooltip .remove-handle.fullwidth:after,
.ddSlider .tooltip .add-handle.fullwidth:after { left:70px; }

.ddSlider .tooltip .bootstrap-select.btn-group:not(.input-group-btn), 
.ddSlider .tooltip .bootstrap-select.btn-group[class*="span"] { margin-bottom:0; }

.ddSlider .steps { display:block; position:relative; max-width:100%; top:-6px; height:46px; z-index:-1; opacity:0.6; filter:alpha(opacity=60); }
.ddSlider .steps .tick { content:" "; font-size:9px; height:42px; color:#999; position:absolute; padding-top:36px; line-height:30px; text-align:left; point-events:none; text-indent:-4px; }
.ddSlider .steps .tick:before { display:block; position:absolute; content:" "; width:1px; height:100%; margin-top:-36px; border-left:1px solid #999; }
.ddSlider .steps .tick.small { height:0px; margin-top:3px; }

.ddSlider.ddKlok { height:15px; }
.ddSlider.ddKlok .ui-slider-handle { height:20px; }
.ddSlider.ddKlok .ui-dd-slider-info { top:0px; height:15px; }
.ddSlider.ddKlok .ui-dd-slider-info span { margin-top:-2px; font-size:10px; line-height:10px; }
.ddSlider.ddKlok .tooltip { top:-22px; }
.ddSlider.ddKlok .steps { height:15px; top:-4px;}
.ddSlider.ddKlok .steps .tick { height:15px; padding-top:20px; line-height:26px; }
.ddSlider.ddKlok .steps .tick:before { margin-top:-20px; }
.ddSlider.ddKlok .steps .tick.small { margin-top:2px; height:0px; }

.ddSlider.astro { position:relative; height:8px; background:#CCCCCC; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; border-radius:4px; }
.ddSlider.astro.min {
	background: #359CA5;
	background: -moz-linear-gradient(left, #359CA5 0%, #359CA5 50%, #CCCCCC 50%, #CCCCCC 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #359CA5), color-stop(50%, #359CA5), color-stop(50%, #CCCCCC), color-stop(100%, #CCCCCC));
	background: -webkit-linear-gradient(left, #359CA5 0%, #359CA5 50%, #CCCCCC 50%, #CCCCCC 100%);
	background: -o-linear-gradient(left, #359CA5 0%, #359CA5 50%, #CCCCCC 50%, #CCCCCC 100%);
	background: -ms-linear-gradient(left, #359CA5 0%, #359CA5 50%, #CCCCCC 50%, #CCCCCC 100%);
	background: linear-gradient(to right, #359CA5 0%, #359CA5 50%, #CCCCCC 50%, #CCCCCC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359CA5', endColorstr='#CCCCCC', GradientType=1 );
}
.ddSlider.astro.max {
	background: #CCCCCC;
	background: -moz-linear-gradient(left, #CCCCCC 0%, #CCCCCC 50%, #359CA5 50%, #359CA5 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #CCCCCC), color-stop(50%, #CCCCCC), color-stop(50%, #359CA5), color-stop(100%, #359CA5));
	background: -webkit-linear-gradient(left, #CCCCCC 0%, #CCCCCC 50%, #359CA5 50%, #359CA5 100%);
	background: -o-linear-gradient(left, #CCCCCC 0%, #CCCCCC 50%, #359CA5 50%, #359CA5 100%);
	background: -ms-linear-gradient(left, #CCCCCC 0%, #CCCCCC 50%, #359CA5 50%, #359CA5 100%);
	background: linear-gradient(to right, #CCCCCC 0%, #CCCCCC 50%, #359CA5 50%, #359CA5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#359CA5', GradientType=1 );
}
.ddSlider.astro .ui-slider-range { background:#CCCCCC; border-radius:0;}

.ddSlider.astro .ui-slider-handle { height:15px; width:2px; margin-left:-1px; }
.ddSlider.astro .ui-slider-handle:after { display:block; position:absolute; bottom:-19px; left:-9px; border:2px solid #999; content:" "; width:20px; height:20px; border-radius:20px; }

.ddSlider.astro .steps { height:15px; top:-3px; z-index:20; }
.ddSlider.astro.ui-slider:before { 
	display:block; width:24px; height:24px; background:#FFF; border:2px solid #359CA5; position:absolute; left:50%; z-index:25; margin:-8px 0 0 -12px; 
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; 
	content:"\f185"; font-family:FontAwesome; font-size:14px; position:absolute; color:#359CA5; text-align:center; 
}
.ddSlider.astro .steps .tick { height:15px; padding-top:10px; line-height:30px; width:10px; margin-left:-0.2%; text-align:center; text-indent:-4px; }
.ddSlider.astro .steps .tick:before { margin-top:-10px; border-left:1px solid #999; }
.ddSlider.astro .steps .tick.small { margin-top:2px; height:0px; }

.ddSlider.ui-state-disabled.labeled { margin-top:45px; }
.ddSlider.ui-state-disabled .ui-slider-handle:after { display:none; }

#live-dash { position:relative; display:block; margin-top:80px; }
#live-dash .timenow { position:absolute; width:2px; height:100%; background:#FF0000; z-index:10; margin-top:-30px; }
#live-dash .timenow:before { 
	font-family:FontAwesome; color:#FF0000; font-style:normal; font-weight:normal; font-size:19px; padding-left:5px;
	content:"\f017"; position:absolute; width:30px; height:30px; border:2px solid #FF0000; background:#FFF; 
	margin-left:-14px; margin-top:-30px; 
	-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; 
}
#live-dash .timenow:after { 
	content:" "; position:absolute; width:2px; height:50px; background:#FF0000; z-index:10; bottom:-50px;
}

#live-dash .ddSlider .ui-dd-slider-info { color:#FFF; background:none; border:none; }
#live-dash .ddSlider .ui-dd-slider-info:hover { color:#FFF; }
#live-dash .ddSlider .ui-dd-slider-info:after { }
#live-dash .ddSlider .tooltip { top:-14px; }


/* 7.5 Graphics - MORRIS */
.morris-hover { position:absolute; z-index:1000; }
.morris-hover.morris-default-style { border-radius:10px; padding:6px; color:#666; background:rgba(255,255,255,0.8); border:solid 2px rgba(230,230,230,0.8); font-family:sans-serif; font-size:12px; text-align:center; }
.morris-hover.morris-default-style .morris-hover-row-label { font-weight:bold; margin:0.25em 0; }
.morris-hover.morris-default-style .morris-hover-point { white-space:nowrap; margin:0.1em 0; }

/* 7.6 Datatables */
div.dataTables_length label { font-weight:normal; text-align:left; white-space:nowrap; }
div.dataTables_length select { width:75px; display:inline-block; }
div.dataTables_filter { text-align:right; }
div.dataTables_filter label { font-weight:normal; white-space:nowrap; text-align:left; }
div.dataTables_filter input { margin-left:0.5em; display:inline-block; }
div.dataTables_info { padding-top:8px; white-space:nowrap; }
div.dataTables_paginate { margin:0; white-space:nowrap; text-align:right; }
div.dataTables_paginate ul.pagination { margin:2px 0; white-space:nowrap; }
@media screen and (max-width:767px) { div.dataTables_length,
	div.dataTables_filter, div.dataTables_info, div.dataTables_paginate { text-align:center; }
}
table.dataTable td, table.dataTable th { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
table.dataTable { clear:both; margin-top:6px !important; margin-bottom:6px !important; max-width:none !important; }
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled { cursor:pointer; }
table.dataTable thead .sorting { background:url('../../img/sort_both.png') no-repeat center right; }
table.dataTable thead .sorting_asc { background:url('../../img/sort_asc.png') no-repeat center right; }
table.dataTable thead .sorting_desc { background:url('../../img/sort_desc.png') no-repeat center right; }
table.dataTable thead .sorting_asc_disabled { background:url('../../img/sort_asc_disabled.png') no-repeat center right; }
table.dataTable thead .sorting_desc_disabled { background:url('../../img/sort_desc_disabled.png') no-repeat center right; }
table.dataTable thead > tr > th { padding-left:18px; padding-right:18px; }
table.dataTable th:active { outline:none; }

div.dataTables_scrollHead table { margin-bottom:0 !important; border-bottom-left-radius:0; border-bottom-right-radius:0; }
div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child { border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }
div.dataTables_scrollBody table { border-top:none; margin-top:0 !important; margin-bottom:0 !important; }
div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td { border-top:none; }
div.dataTables_scrollFoot table { margin-top:0 !important; border-top:none; }

table.table-bordered.dataTable { border-collapse:separate !important; }
table.table-bordered thead th, table.table-bordered thead td { border-left-width:0; border-top-width:0; }
table.table-bordered tbody th, table.table-bordered tbody td { border-left-width:0; border-bottom-width:0; }
table.table-bordered th:last-child, table.table-bordered td:last-child { border-right-width:0; }
div.dataTables_scrollHead table.table-bordered { border-bottom-width:0; }

.table.dataTable tbody tr.active td, .table.dataTable tbody tr.active th { background-color:#08C; color:white; }
.table.dataTable tbody tr.active:hover td, .table.dataTable tbody tr.active:hover th { background-color:#0075b0 !important; }
.table.dataTable tbody tr.active th > a, .table.dataTable tbody tr.active td > a { color:white; }
.table-striped.dataTable tbody tr.active:nth-child(odd) td, .table-striped.dataTable tbody tr.active:nth-child(odd) th { background-color:#017ebc; }

table.DTTT_selectable tbody tr { cursor:pointer; }
div.DTTT .btn:hover { text-decoration:none !important; }
ul.DTTT_dropdown.dropdown-menu { z-index:2003; }
ul.DTTT_dropdown.dropdown-menu a { color:#333 !important; /* needed only when demo_page.css is included */}
ul.DTTT_dropdown.dropdown-menu li { position:relative; }
ul.DTTT_dropdown.dropdown-menu li:hover a { background-color:#0088cc; color:white !important; }
div.DTTT_collection_background { z-index:2002; }

div.DTTT_print_info { position:fixed; top:50%; left:50%; width:400px; height:150px; margin-left:-200px; margin-top:-75px; text-align:center; color:#333; padding:10px 30px; opacity:0.95; background-color:white; border:1px solid rgba(0,0,0,0.2); border-radius:6px; -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.5); box-shadow:0 3px 7px rgba(0,0,0,0.5); }
div.DTTT_print_info h6 { font-weight:normal; font-size:28px; line-height:28px; margin:1em; }
div.DTTT_print_info p { font-size:14px; line-height:20px; }
div.dataTables_processing { position:absolute; top:50%; left:50%; width:100%; height:60px; margin-left:-50%; margin-top:-25px; padding-top:20px; padding-bottom:20px; text-align:center; font-size:1.2em; background-color:white; background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,0.9)),color-stop(75%,rgba(255,255,255,0.9)),color-stop(100%,rgba(255,255,255,0))); background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.9) 75%,rgba(255,255,255,0) 100%); background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.9) 75%,rgba(255,255,255,0) 100%); background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.9) 75%,rgba(255,255,255,0) 100%); background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.9) 75%,rgba(255,255,255,0) 100%); background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.9) 75%,rgba(255,255,255,0) 100%); }

div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, div.DTFC_RightHeadWrapper table, div.DTFC_RightFootWrapper table, table.DTFC_Cloned tr.even { background-color:white; margin-bottom:0; }
div.DTFC_RightHeadWrapper table, div.DTFC_LeftHeadWrapper table { border-bottom:none !important; margin-bottom:0 !important; border-top-right-radius:0 !important; border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }
div.DTFC_RightBodyWrapper table, div.DTFC_LeftBodyWrapper table { border-top:none; margin:0 !important; }
div.DTFC_RightBodyWrapper tbody tr:first-child th, div.DTFC_RightBodyWrapper tbody tr:first-child td, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top:none; }
div.DTFC_RightFootWrapper table, div.DTFC_LeftFootWrapper table { border-top:none; margin-top:0 !important; }

div.FixedHeader_Cloned table { margin:0 !important; }

#maincontent .dataTables_wrapper { margin-top:20px; }
#maincontent .dataTables_wrapper .row,
#maincontent .dataTables_wrapper .row div[class*='col-'] { padding:0; margin:0; }
#maincontent .dataTables_wrapper table.dataTable { clear:both; margin-bottom:20px !important; }
#maincontent .dataTables_wrapper .dataTables_filter { text-align:right; }
#maincontent .dataTables_wrapper .dataTables_filter input { margin-left:10px; }
#maincontent .dataTables_wrapper .dataTables_paginate { text-align:right; }
#maincontent .dataTables_wrapper .dataTables_paginate .pagination { margin:-7px 0 0; }

/* 7.7 Blocklist */
.block-list { margin-bottom:0; }
.block-list a { display:block; background:#D7D7D7; color:#FFF; text-align:center; padding:8px 15px; margin-top:10px; text-transform:uppercase; font-weight:bold; border:none; }
.block-list a:hover { background:inherit; background:#D7D7D7; opacity:0.8; filter:alpha(opacity=80); }
.block-list.aleft a { text-align:left; text-transform:none; }

/* Temperature Widget */
.FL_widget_temperature { width:90px; height:120px; text-align:center; position:relative; }
.FL_widget_temperature .controls { }
.FL_widget_temperature .controls a.control { display:block; height:30px; font-size:36px; line-height:36px; position:absolute; left:0; right:0; width:100%; }
.FL_widget_temperature .controls a.control.disabled, 
.FL_widget_temperature .controls a.control:hover { text-decoration:none; opacity:0.5; filter:alpha(opacity=50); }
.FL_widget_temperature .controls a.control span { margin-left:5px; color:#333; font-size:12px; color:#666; position:absolute; margin-top:2px; }
.FL_widget_temperature .controls a.control:before { font-family:FontAwesome; position:absolute; top:2px; left:20px; font-size:20px; text-indent:0px; }
.FL_widget_temperature .controls .plus { color:#CC0033; top:0px; }
.FL_widget_temperature .controls .plus:before { content:"\f067"; }
.FL_widget_temperature .controls .min { color:#0099CC; bottom:5px; }
.FL_widget_temperature .controls .min:before { content:"\f068"; }
.FL_widget_temperature .controls .curr_val { font-size:30px; position:absolute; top:40px; left:0; right:0; width:100%; }

/* =============================================================
 * 8. GOOGLE MAPS
 * ============================================================= */
#map-canvas { min-height:800px; margin:-10px -20px -20px -20px; }
#map-canvas .gmnoprint .gm-style-cc,
#map-canvas .gmnoprint.gm-style-cc { display:none; text-indent:-9999px; }

/* =============================================================
 * 9. WIZARD
 * ============================================================= */
/* Common  */
.wizard, .tabcontrol { display:block; width:100%; overflow:hidden; }
.wizard a, .tabcontrol a { outline:0; }
.wizard ul, .tabcontrol ul { list-style:none !important; padding:0; margin:0; }
.wizard ul > li, .tabcontrol ul > li { display:block; padding:0; }

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info { position:absolute; left:-999em; }
.wizard > .content > .title,
.tabcontrol > .content > .title { position:absolute; left:-999em; }

/* Wizard */
.wizard > .steps { position:relative; display:block; width:100%; }
.wizard.vertical > .steps { display:inline; float:left; width:30%; }
.wizard > .steps .number { position:absolute; display:block; z-index:1; background:#FFF000; width:40px; height:40px; top:0; left:50%; margin-left:-20px; padding-top:5px; font-size:20px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; }
.wizard > .steps > ul > li { }
.wizard > .steps > ul > li, .wizard > .actions > ul > li { position:relative; display:inline-block; float:left; margin:0 0.5em; }
.wizard.vertical > .steps > ul > li { float:none; width:100%; }
.wizard > .steps a, .wizard > .steps a:hover { color:#666; font-size:10px; display:block; width:auto; text-align:center; margin:50px 0 0; padding:0; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.wizard > .steps a:before { content:" "; position:absolute; width:50%; height:5px; background:#11787F; z-index:0; top:18px; }
.wizard > .steps a:after { content:" "; position:absolute; width:50%; height:5px; background:#11787F; z-index:0; top:18px; right:0; }
.wizard > .steps .disabled a .number, .wizard > .steps .disabled a:hover .number { background:#eee; color:#aaa; cursor:default; }
.wizard > .steps .current a .number, .wizard > .steps .current a:hover .number { background:#11787F; /*#2184BE*/ color:#fff; cursor:default; font-weight:bold; }
.wizard > .steps .done a .number, .wizard > .steps .done a:hover .number { background:#169CA5; /*#9DC8E2*/ color:#fff; }
.wizard > .steps .error a .number, .wizard > .steps .error a:hover .number { background:#FF3111; color:#fff; }

.wizard > .content { background:#eee; display:block; margin:0.5em; min-height:35em; overflow:hidden; position:relative; width:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.wizard.vertical > .content { display:inline; float:left; margin:0 2.5% 0.5em 2.5%; width:65%; }
.wizard > .content > .body { float:left; position:absolute; width:95%; height:95%; padding:2.5%; }
.wizard > .content > .body ul { list-style:disc !important; }
.wizard > .content > .body ul > li { display:list-item; }
.wizard > .content > .body > iframe { border:0 none; width:100%; height:100%; }
.wizard > .content > .body input { display:block; border:1px solid #ccc; }
.wizard > .content > .body input[type="checkbox"] { display:inline-block; }
.wizard > .content > .body input.error { background:rgb(251,227,228); border:1px solid #FBC2C4; color:#8A1F11; }
.wizard > .content > .body label { display:inline-block; margin-bottom:0.5em; }
.wizard > .content > .body label.error { color:#8a1f11; display:inline-block; margin-left:1.5em; }

.wizard > .actions { position:relative; display:block; text-align:right; width:100%; }
.wizard.vertical > .actions { display:inline; float:right; margin:0 2.5%; width:95%; }
.wizard > .actions > ul { display:inline-block; text-align:right; }
.wizard > .actions > ul > li { margin:0 0.5em; }
.wizard.vertical > .actions > ul > li { margin:0 0 0 1em; }
.wizard > .actions a, .wizard > .actions a:hover { background:#11787F; /*#2184BE*/ color:#fff; display:block; padding:0.5em 1em; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover { background:#eee; color:#aaa; }

.wizard > .loading { }
.wizard > .loading .spinner { }

/* Tabcontrol */
.tabcontrol > .steps { position:relative; display:block; width:100%; }
.tabcontrol > .steps > ul { position:relative; margin:6px 0 0 0; top:1px; z-index:1; }
.tabcontrol > .steps > ul > li { float:left; margin:5px 2px 0 0; padding:1px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; }
.tabcontrol > .steps > ul > li:hover { background:#edecec; border:1px solid #bbb; padding:0; }
.tabcontrol > .steps > ul > li.current { background:#fff; border:1px solid #bbb; border-bottom:0 none; padding:0 0 1px 0; margin-top:0; }
.tabcontrol > .steps > ul > li > a { color:#5f5f5f; display:inline-block; border:0 none; margin:0; padding:10px 30px; text-decoration:none; }
.tabcontrol > .steps > ul > li > a:hover { text-decoration:none; }
.tabcontrol > .steps > ul > li.current > a { padding:15px 30px 10px 30px; }
.tabcontrol > .content { position:relative; display:inline-block; width:100%; height:35em; overflow:hidden; border-top:1px solid #bbb; padding-top:20px; }
.tabcontrol > .content > .body { float:left; position:absolute; width:95%; height:95%; padding:2.5%; }
.tabcontrol > .content > .body ul { list-style:disc !important; }
.tabcontrol > .content > .body ul > li { display:list-item; }

/* Tiles */
.tilesbox { position:relative; }
.tilesbox .tile { }
.tilesbox .tile .dummy { margin-top:100%; }
.tilesbox .tile span { 
	display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-bottom:3px solid #00C7AD; 
	background:#F5F5F5; position:absolute; top:10px; bottom:10px; left:15px; right:15px; padding:10px 15px; }
/*.tilesbox .tile:hover span:before, */
.tilesbox .tile.active span:before { position:absolute; right:0; bottom:-3px; content:" "; border-style:solid; border-width:0 0 35px 35px; border-color:transparent transparent #00C7AD transparent; }
/*.tilesbox .tile:hover span:after, */
.tilesbox .tile.active span:after { position:absolute; right:0; bottom:0px; content:" "; border-style:solid; border-width:32px 32px 0 0; border-color:#DDD transparent transparent transparent; }
.tilesbox .tile span em { font-size:36px; font-style:normal; }
.tilesbox .tile span strong { font-size:16px; display:block; margin-bottom:25%; font-weight:normal; }

/* =============================================================
 * 10. WEATHER WIDGET
 * ============================================================= */
@font-face {
    font-family: 'weather';
    src: url('../../fonts/artill_clean_icons-webfont.eot');
    src: url('../../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('../../fonts/artill_clean_icons-webfont.otf') format('truetype'),
         url('../../fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.weather { max-width:500px; margin:0px auto; text-align:center; text-transform:uppercase; font-size:14px; }
.weather i { color:#666; font-family:weather; font-size:110px; font-weight:normal; font-style:normal; line-height:60px; }
.weather h2 {margin:0 0 8px; color:#666; font-size:60px; font-weight:500; text-align:center; text-shadow:0px 1px 3px rgba(0, 0, 0, 0.15); }
.weather ul { margin:0; padding:0; text-align:center; }
.weather ul > li { padding:10px; display:inline-block; }
.weather .loading { margin:65px 0 0; }
.weather .currently { margin:0 20px; }
.weather .updated { opacity:0.45; }

.weather .icon-0:before { content: ":"; }
.weather .icon-1:before { content: "p"; }
.weather .icon-2:before { content: "S"; }
.weather .icon-3:before { content: "Q"; }
.weather .icon-4:before { content: "S"; }
.weather .icon-5:before { content: "W"; }
.weather .icon-6:before { content: "W"; }
.weather .icon-7:before { content: "W"; }
.weather .icon-8:before { content: "W"; }
.weather .icon-9:before { content: "I"; }
.weather .icon-10:before { content: "W"; }
.weather .icon-11:before { content: "I"; }
.weather .icon-12:before { content: "I"; }
.weather .icon-13:before { content: "I"; }
.weather .icon-14:before { content: "I"; }
.weather .icon-15:before { content: "W"; }
.weather .icon-16:before { content: "I"; }
.weather .icon-17:before { content: "W"; }
.weather .icon-18:before { content: "U"; }
.weather .icon-19:before { content: "Z"; }
.weather .icon-20:before { content: "Z"; }
.weather .icon-21:before { content: "Z"; }
.weather .icon-22:before { content: "Z"; }
.weather .icon-23:before { content: "Z"; }
.weather .icon-24:before { content: "E"; }
.weather .icon-25:before { content: "E"; }
.weather .icon-26:before { content: "3"; }
.weather .icon-27:before { content: "a"; }
.weather .icon-28:before { content: "A"; }
.weather .icon-29:before { content: "a"; }
.weather .icon-30:before { content: "A"; }
.weather .icon-31:before { content: "6"; }
.weather .icon-32:before { content: "1"; }
.weather .icon-33:before { content: "6"; }
.weather .icon-34:before { content: "1"; }
.weather .icon-35:before { content: "W"; }
.weather .icon-36:before { content: "1"; }
.weather .icon-37:before { content: "S"; }
.weather .icon-38:before { content: "S"; }
.weather .icon-39:before { content: "S"; }
.weather .icon-40:before { content: "M"; }
.weather .icon-41:before { content: "W"; }
.weather .icon-42:before { content: "I"; }
.weather .icon-43:before { content: "W"; }
.weather .icon-44:before { content: "a"; }
.weather .icon-45:before { content: "S"; }
.weather .icon-46:before { content: "U"; }
.weather .icon-47:before { content: "S"; }

/* =============================================================
 * 11. MEDIAQUERIES (Responsive design)
 * ============================================================= */
@media(max-width:767px) {
	body.sidebar-open { height:100%; overflow:hidden; }
	body.sidebar-closed { overflow-y:auto; }
	
	#header { background:#359CA5; }
	#header #logo { display:block; width:100%; position:static; }
	.navbar.alerts { background:#359CA5; }
	
	#header .navbar-collapse { max-height:none; }
	
	#header .navbar .global {  }
	#header .navbar .global { margin-right:0px; position:relative; }
	#header .navbar .global .shop_select { display:block; position:static; width:100%; margin-top:12px; }
	#header .navbar ul.nav { margin:0; padding:0; position:static; height:auto !important; background-color:#515151; }
	#header .navbar ul.nav li a { display:block; width:100%; padding:10px; text-align:left; }
	#header .navbar ul.nav li a .fa { display:inline-block; font-size:16px; margin-right:10px; }
	#header .navbar ul.nav li a span { display:inline-block; width:auto; font-size:inherit; line-height:inherit; text-indent:0px; }

	.weather ul > li { display:block; padding:5px; }
}

@media(min-width:768px) {
	#header .navbar-toggle { display:none; }
}

@media(min-width:992px) {
	
}

@media(min-width:1200px) {
	
}