@import url(http://fonts.googleapis.com/css?family=Open+Sans:100,300,400,600);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400);
a {color:#007AC2;}
.olControlZoomOut, .olControlZoomIn {background:#007AC2 !important;color:#fff !important;}

/*
.tooltip .tooltip-inner {background-color: #fff;color:#000;box-shadow: 0 1px 4px rgba(0,0,0,0.05);}
.tooltip .tooltip-arrow {border-color: #fff !important; box-shadow: 0 1px 4px rgba(0,0,0,0.05);}
*/

.gui-panel .gui-panel-tab-content .h2 {margin:0 !important;padding:0 !important;font-size:20px !important;}
#gui-map-search-results h3 {margin-top:0 !important;}
#gui-top {
	position:fixed;
	width:100%;
	background:#ffffff;
	margin-bottom:0px;
	z-index:8999;
	padding:7px 10px;
	margin:0px auto;
	height: auto;
	color: #4d4d4d;
	border-bottom: 1px solid #ededed;
	box-shadow: 0 1px 6px rgba(0,0,0,0.25);
	
}

#gui-bottom {position:fixed;width:100%;z-index:9001;border-top:1px solid #ededed;background:#ffffff;padding:5px 0;bottom:0;left:0;height:30px;box-shadow: 0 1px 6px rgba(0,0,0,0.25);}
#gui-bottom p {margin:0;padding:0 10px;}

.btn-group .btn {font-weight:600;}
.btn-clean {background:#fff;border:none;text-shadow:none;box-shadow:none;}
.btn-clean:hover {background-color:#e3e3e3;}
.btn-blue {background:#007AC2;color:#fff;border:none;text-shadow:none;box-shadow:none;}
.btn-blue:hover {color:#007AC2;background:#fff;}

#gui-cursor-actions .btn.active {background:#99c9e6;border-radius:5px;}
#gui-top .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {border-right:1px solid #cdcdcd;}

#gui-top .btn {/*font-weight:600;*/font-size:12px;line-height:25px;background:none;border:none;text-shadow:none;box-shadow:none;border-radius:0;}

#gui-top .btn:not(.active):hover {background-color:#e3e3e3;border-radius:5px;border-right:0;}
#gui-top .btn.active {background-color:#007AC2;color:#fff;text-shadow:none;border-radius:5px;}
#gui-dialog-menu .btn img {margin-right:5px;}
#gui-dialog-menu .gui-menu button.btn { font-size:13px;}

.gui-top-item {float:left;}
#gui-top .gui-top-item:not(.pull-right):not(:last-child) { margin-right:10px;}
#gui-top .gui-top-item.pull-right:not(:last-child) { margin-left:10px;}

#gui-logo-container {position:relative;margin:0px 20px 0 10px;}
#gui-logo {display:block;float:left;margin-right:5px;height:37px;width:auto;}
#gui-logo-title {display:block;float:left;font-size:18px;line-height:37px !important;font-weight:300 !important;font-family:'Open Sans', Arial, sans-serif;margin:0 !important;padding:0 !important;}
#gui-logo-subtitle {position:absolute;bottom:0px;left:40px;margin:0 !important;padding:0 !important;line-height:11px !important;font-size:11px;float:right;}
#hitta_se_logo {position:absolute;bottom:35px;right:10px;z-index:9999;}

.bootstrap-tagsinput {padding:0 6px !important;margin-bottom:0px !important;}
.bootstrap-tagsinput .tag {padding:5px 5px !important;font-size:12px;background-color:#007AC2;}
.bootstrap-tagsinput input {padding:6px 6px !important;}
#gui-map-search {padding:6px 6px;height:auto !important;line-height:22px !important;font-weight:400;font-size:12px;}
#gui-map-search-container {position:relative;}
#gui-map-search-container .right-inner-addon i {position: absolute;right: 0px;padding: 12px 12px;pointer-events: none;}
#gui-map-search-container .right-inner-addon-sm i {padding:8px 8px !important;}

#gui-map-search-results {list-style:none;position:absolute;left:0px;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);box-shadow: 0 6px 12px rgba(0,0,0,.175);min-width:250px;} 

.search-results {padding-left: 0;margin-bottom: 20px;list-style:none;}
.search-results > li {list-style:none;}
.search-results-item {position: relative;display: block;padding: 5px 15px;margin-bottom: -1px;background-color: #fff;border: 1px solid #ddd;}
.search-results-item:first-child {border-top-left-radius: 4px;border-top-right-radius: 4px;}
.search-results-item:last-child {margin-bottom: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
a.search-results-item {color: #555;}
a.search-results-item .search-results-item-heading {color: #333;}
a.search-results-item:hover,
a.search-results-item:focus {color: #555;text-decoration: none;background-color: #f5f5f5;}
.search-results-item.disabled,
.search-results-item.disabled:hover,
.search-results-item.disabled:focus {color: #777;background-color: #eee;}
.search-results-item.disabled .search-results-item-heading,
.search-results-item.disabled:hover .search-results-item-heading,
.search-results-item.disabled:focus .search-results-item-heading {color: inherit;}
.search-results-item.disabled .search-results-item-text,
.search-results-item.disabled:hover .search-results-item-text,
.search-results-item.disabled:focus .search-results-item-text {color: #777;}
.search-results-item.active,
.search-results-item.active:hover,
.search-results-item.active:focus {z-index: 2;color: #fff;background-color: #428bca;border-color: #428bca;}
.search-results-item.active .search-results-item-heading,
.search-results-item.active:hover .search-results-item-heading,
.search-results-item.active:focus .search-results-item-heading,
.search-results-item.active .search-results-item-heading > small,
.search-results-item.active:hover .search-results-item-heading > small,
.search-results-item.active:focus .search-results-item-heading > small,
.search-results-item.active .search-results-item-heading > .small,
.search-results-item.active:hover .search-results-item-heading > .small,
.search-results-item.active:focus .search-results-item-heading > .small {color: inherit;}
.search-results-item.active .search-results-item-text,
.search-results-item.active:hover .search-results-item-text,
.search-results-item.active:focus .search-results-item-text {color: #e1edf7;}


#gui-map-search-results h3 { font-weight:bold !important;font-size:13px !important;}
#gui-map-search-results .search-result-group {min-width:160px;padding:0;margin:0;font-size: 14px;text-align: left;list-style: none;}
#gui-map-search-results .search-result-group > li > a {color:#333 !important;}
#gui-map-search-results .search-result-group li > a.selected_item {font-weight:bold;background: rgb(255,255,255)}
#gui-map-search-results .search-result-group > li > a {font-weight:normal;}
#gui-area-search-container {margin-bottom:5px;}
.gui-area-search-disable-categories #gui-area-search-options {display:none;}

#area_manage_demographic_sidebar {position:absolute;bottom:80px;border:1px solid #AFAFAF;z-index:1003;}
.sidebar-to-right {left:auto;right:-45px;border-left:0 !important;}
.sidebar-to-left {right:auto;left:-45px;border-right:0 !important;}

#area_manage_demographic_sidebar button {position:relative;}
#area_manage_demographic_sidebar button .subdata {
	position:absolute;top:0px;font-size:10px;border:1px solid #AFAFAF;z-index:1004;background:#fff;border-radius:2px;display:none;
}
#area_manage_demographic_sidebar .subdata.subdata-to-right {left:auto;left:35px;border-left:0 !important;}
#area_manage_demographic_sidebar .subdata.subdata-to-left {right:auto;right:35px;border-right:0 !important;}

#area_manage_demographic_sidebar.sidebar-to-right .btn-group-vertical > .btn:first-child:not(:last-child) {border-radius:0;border-top-right-radius:5px;}
#area_manage_demographic_sidebar.sidebar-to-right .btn-group-vertical > .btn:last-child:not(:first-child) {border-radius:0;border-bottom-right-radius:5px;}
#area_manage_demographic_sidebar.sidebar-to-left .btn-group-vertical > .btn:first-child:not(:last-child) {border-radius:0;border-top-left-radius:5px;}
#area_manage_demographic_sidebar.sidebar-to-left .btn-group-vertical > .btn:last-child:not(:first-child) {border-radius:0;border-bottom-left-radius:5px;}

#area_manage_demographic_sidebar button .badge {position:absolute;top:0px;z-index:1005;padding:2px 5px;background:#d9534f;border:1px solid #d43f3a;font-weight:normal;font-size:10px;}
#area_manage_demographic_sidebar.sidebar-to-left button .badge {right:25px;}
#area_manage_demographic_sidebar.sidebar-to-right button .badge {left:25px;}



#gui-layer-select {margin-right:10px;}
#gui-layer-select:hover {background-color:#e3e3e3;border-radius:5px;border-right:0;}
#gui-layer-select .dropdown-menu {width:300px;padding:0px 10px;}



.left-inner-addon {position: relative;}
.left-inner-addon input {padding-left: 30px;}
.left-inner-addon i {position: absolute;padding: 10px 12px;pointer-events: none;}
.left-inner-addon-sm i {padding:6px 8px !important;}

.right-inner-addon {position: relative;}
.right-inner-addon input {padding-right: 30px;}
.right-inner-addon i {position: absolute;right: 0px;padding: 10px 12px;pointer-events: none;}
.right-inner-addon-sm i {padding:8px 8px !important;}


.row.row-span {margin-bottom:10px;}
.row.row-span-sm {margin-bottom:5px;}
.row.row-span-xs {margin-bottom:3px;}

.text-bold { font-weight:bold;}
.text-normal { font-weight:normal;}
.text-black,a.text-black, a.text-black:hover {color:#333333;}

a.plain, a.plain:hover {text-decoration:none;}

.header{
background:#fff;border-bottom:2px solid #e1e1e1;margin:0 0 20px 0 !important;position:relative;padding:5px 0;
background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 63%, rgba(254,255,255,1) 63%, rgba(249,249,249,1) 99%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(63%,rgba(254,255,255,1)), color-stop(63%,rgba(254,255,255,1)), color-stop(99%,rgba(249,249,249,1))); 
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 63%,rgba(254,255,255,1) 63%,rgba(249,249,249,1) 99%);
background: -o-linear-gradient(top,  rgba(254,255,255,1) 63%,rgba(254,255,255,1) 63%,rgba(249,249,249,1) 99%); 
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 63%,rgba(254,255,255,1) 63%,rgba(249,249,249,1) 99%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 63%,rgba(254,255,255,1) 63%,rgba(249,249,249,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f9f9f9',GradientType=0 );

}
.jumbotron {padding:10px 0 !important;margin-bottom:0px !important;background-color:transparent !important;}
.jumbotron p{font-size:18px !important;margin-bottom:10px !important;}
.jumbotron ul {margin-bottom: 15px;font-size: 18px;font-weight: 200;}

.carousel-control {background-image:none !important;}
.carousel-control .fa-arrow-left, .carousel-control .icon-prev {margin-left: -30px;}
.carousel-control .fa-arrow-right, .carousel-control .icon-next {margin-left: -15px;}
.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right, .carousel-control .icon-prev, .carousel-control .icon-next {width: 60px;height: 60px;margin-top: -30px;font-size: 60px;}
.carousel-control .icon-prev, .carousel-control .fa-arrow-left {left: 50%;}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right {position: absolute;top: 50%;z-index: 5;display: inline-block;}
.carousel-caption { 
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0px, transparent 100%);
	background-repeat: repeat-x;
	width:100%;
	right:0%;
	left:0% !important;
	
}
.page-heading {padding-top:10px;padding-bottom:10px;}
.login {margin-top:30px;}
.login img {}
.login h1 {margin:5px 0 10px 0px;padding:0;font-size:75px !important;font-weight:300;font-family:'Lato', Arial, sans-serif;}
.login h3 {font-weight:100 !important;font-family:'Open Sans', Arial, sans-serif !important;font-size:20px !important;color:#333333;}
.login hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
	
}


.gui-switch {position: relative;display: inline-block;vertical-align: top;width: 56px;height: 20px;padding: 3px;background-color: white;border-radius: 18px;box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);cursor: pointer;background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);background-image: -moz-linear-gradient(top, #eeeeee, white 25px);background-image: -o-linear-gradient(top, #eeeeee, white 25px);background-image: linear-gradient(to bottom, #eeeeee, white 25px);}
.gui-switch-input {position: absolute;top: 0;left: 0;opacity: 0;}
.gui-switch-label {position: relative;display: block;height: inherit;font-size: 10px;text-transform: uppercase;background: #eceeef;border-radius: inherit;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);-webkit-transition: 0.15s ease-out;-moz-transition: 0.15s ease-out;-o-transition: 0.15s ease-out;transition: 0.15s ease-out;-webkit-transition-property: opacity background;-moz-transition-property: opacity background;-o-transition-property: opacity background;transition-property: opacity background;}
.gui-switch-label:before, .gui-switch-label:after {position: absolute;top: 50%;margin-top: -.5em;line-height: 1;-webkit-transition: inherit;-moz-transition: inherit;-o-transition: inherit;transition: inherit;}
.gui-switch-label:before {content: attr(data-off);right: 11px;color: #aaa;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.gui-switch-label:after {content: attr(data-on);left: 11px;color: white;text-shadow: 0 1px rgba(0, 0, 0, 0.2);opacity: 0;}
.gui-switch-input:checked ~ .gui-switch-label {background: #47a8d8;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.gui-switch-input:checked ~ .gui-switch-label:before {opacity: 0;}
.gui-switch-input:checked ~ .gui-switch-label:after {opacity: 1;}
.gui-switch-handle {position: absolute;top: 4px;left: 4px;width: 18px;height: 18px;background: white;border-radius: 10px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);background-image: -o-linear-gradient(top, white 40%, #f0f0f0);background-image: linear-gradient(to bottom, white 40%, #f0f0f0);-webkit-transition: left 0.15s ease-out;-moz-transition: left 0.15s ease-out;-o-transition: left 0.15s ease-out;transition: left 0.15s ease-out;}
.gui-switch-handle:before {content: '';position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;background: #f9f9f9;border-radius: 6px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);background-image: -webkit-linear-gradient(top, #eeeeee, white);background-image: -moz-linear-gradient(top, #eeeeee, white);background-image: -o-linear-gradient(top, #eeeeee, white);background-image: linear-gradient(to bottom, #eeeeee, white);}
.gui-switch-input:checked ~ .gui-switch-handle {left: 40px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}


.gui-stats { list-style:none;margin:0 !important;padding:0 !important;display:block;}
.gui-stats::after {clear:both;display: table;content: " ";}
.gui-stats-item a, .gui-stats-item a:hover { text-decoration:none;outline:none;-moz-outline:0;}
.gui-stats-item {display:block;float:left;text-align:center;padding:5px 10px;margin:5px;background:#ffffff;border-radius:7px;}
.gui-stats-item-label {font-size:12px;font-weight:600;font-family:'Open Sans',Arial, sans-serif;display:block;text-align:center;text-shadow: 0px 1px 0px #FFF;}
.gui-stats-item-value {font-size:17px;font-weight:300;font-family:'Open Sans',Arial, sans-serif;display:block;color:#808080;text-shadow: 0px 1px 0px #FFF;}


/*
.chart {}
.chart_tooltip {position: absolute;z-index:9998;float: left;min-width: 30px;max-width: 300px;padding: 5px 12px 6px;border-radius: 2px;background: rgba(255,255,255,.97);color: #444;font-family:'Open Sans',Arial, sans-serif;font-size: 11px;text-shadow: 0 1px 0 #fff;text-align: center;line-height: 1.3;box-shadow: 0 0 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5);-webkit-transform: all .3s;-moz-transform: all .3s;-ms-transform: all .3s;-o-transform: all .3s;transform: all .3s;pointer-events: none;}
.chart_tooltip:after {position: absolute;z-index:9999;left: 50%;bottom: -6px;content: "";height: 0;margin: 0 0 0 -6px;border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 6px solid rgba(255,255,255,.95);line-height: 0;}
.chart path { cursor: pointer; }

.pieLegend {stroke-width:2px;font-size:11px;color:#000000;}
.pieLegendSquare {stroke:none;stroke-width:0;width:12px;height:12px;}
.pieSegmentLabelText { font-weight:normal;font-size:10px;text-align: center;color:#000000;}
*/	


/*
	.colorpicker {padding:10px !important;}
	.colorpicker .colorpicker-saturation i b {width:15px !important;height:15px !important;border: 1px solid #FFF;border-radius: 15px;}
*/
#panel_map_selection_demographics {border-top:1px solid #c2c2c2;background:#f7f7f7;padding:5px 0 10px 0;background-image: linear-gradient(to bottom, #FFF 0px, #f1f1f1 100%);background-repeat: repeat-x;border-color: #CCC;}
#gui-bottom-column{position:fixed;width:100%;z-index:9001;bottom:25px;left:0;width:100%;}
#gui-side-column { position:absolute;top:55px;right:0px;}
#gui-side-column .gui-panel {margin-top:5px;}

#gui-cursor-actions {position:absolute;z-index:1002;padding:3px 5px;top:150px;left:0px;background:#fff;border:0px solid #dadada;box-shadow: 0 1px 6px rgba(0,0,0,0.25);border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:0;}
#gui-cursor-actions a { display:block;margin:5px 0;}
#gui-cursor-actions a.btn {padding:7px !important;outline:0;}

.gui-multiselect {list-style:none;display:inline-block;border:1px solid #cccccc;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;cursor: pointer;margin:0;padding:0;text-shadow: 0px 1px 0px #FFF;background-image: linear-gradient(to bottom, #FFF 0px, #E0E0E0 100%);background-repeat: repeat-x;border-color: #CCC;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075);font-size: 12px;line-height: 1.5;white-space: nowrap;vertical-align: middle;cursor: pointer;}
.gui-multiselect li {position: relative;color: #333;border-radius: 4px;border-color: #CCC;margin:0 !important;padding:6px 12px !important;}
.gui-multiselect li a {color:#323232;outline:0;}
.gui-multiselect > li a .caret {font-size: 12px;color:#9f9696;margin-left:10px;text-align:right;}
.gui-multiselect-active {z-index: 9999;background-color:#fefefe;-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;border-bottom:0;}

.gui-multiselect div.gui-multiselect-content {position: absolute;z-index: 9998;top:28px;right:-1px;padding:3px 10px;background:#ffffff;border:1px solid #e0e0e0;border-top:0;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;display: none;}
.gui-multiselect div.gui-multiselect-content ul {margin:0;padding:0;list-style: none;}
.gui-multiselect div.gui-multiselect-content ul li {display: block;float:none;height:auto;border:none;box-shadow: none;position: relative;}

.spacer {display:block;}
.spacer:after {display: table; content: "\00a0";}
.spacer-sm { line-height:1;height:10px;overflow:hidden;}
.spacer-xs { line-height:1;height:5px;overflow:hidden;}

.nav-tabs li a {outline:0;}
.nav-tabs-sm li a {padding:8px 11px !important;}

.list-group-sm {}
.list-group-sm li {padding:2px 5px;}

a.list-group-item {outline:0 !important;}

.gui-dropmenu {position: relative;display:inline-block;cursor: pointer;margin:0;font-size: 12px;cursor: pointer;color: #333;}
.gui-dropmenu-anchor {}
.gui-dropmenu-anchor-btn {padding:6px 12px !important;display:block;vertical-align: middle;white-space: nowrap;border-radius:5px;border-right:0;border:0px solid #cccccc;border-radius: 4px;border-color: #CCC;line-height:25px;cursor: pointer;font-weight:600;font-size:12px;}
.gui-dropmenu-anchor-btn:hover {background-color:#e3e3e3;}
.gui-dropmenu-anchor .caret, .gui-dropmenu-anchor .fa-caret-down {font-size: 12px;color:#9f9696;margin-left:10px;}
.gui-dropmenu a {font-weight:600;color:#323232;outline:0;}
.gui-dropmenu-active {background-color: #FFF;z-index: 9999;background-color:#fefefe;border-top-left-radius:4px;border-top-right-radius: 4px;border-bottom-left-radius:0px;border-bottom-color:transparent;}

.gui-dropmenu .gui-dropmenu-content {position: absolute;z-index: 9998;top:32px;left:-1px;padding:6px 10px;background:#ffffff;border:1px solid #e0e0e0;border-top-color:transparent;border-top-left-radius: 0px;border-top-right-radius: 4px;display: none;line-height:1.5;}
.gui-dropmenu .gui-dropmenu-content ul {margin:0;padding:0;list-style: none;}
.gui-dropmenu .gui-dropmenu-content ul li {display: block;float:none;height:auto;border:none;box-shadow: none;position: relative;}

ul.gui-dropdown {list-style:none;background:#fff;position:absolute;top:0px;left:0px;z-index:999999;display: none;list-style:none; margin:0px; padding:0px;border-radius:3px;border:1px solid #959595;}
ul.gui-dropdown li.gui-dropdown-option { margin:0;position:relative;}
ul.gui-dropdown li.gui-dropdown-option.gui-dropdown-has-sub > span {position:relative;display:block;padding-right:20px;}
ul.gui-dropdown li.gui-dropdown-option.gui-dropdown-has-sub > span:after {font-family: FontAwesome;font-style:normal;font-weight:inherit;text-decoration: inherit;color:inherit;font-size: 10px;color:#c7c7c7;content: "\f054";position:absolute;top:8px;right:5px;}

ul.gui-dropdown .gui-dropdown-item  { color: #000000; display: block;white-space: nowrap;font-family:inherit;font-weight:normal; margin:0;padding:5px 10px; cursor: pointer; text-decoration:none; }
ul.gui-dropdown .gui-dropdown-item.gui-icon {padding-left:20px !important;}
ul.gui-dropdown .gui-dropdown-item i {margin-right:5px;color:#8f8f8f;}

ul.gui-dropdown .gui-dropdown-option-active:hover {background-color: #f1f1f1;color: #ffffff;}
ul.gui-dropdown .gui-dropdown-option-inactive {color: #c0c0c0;}

.gui-dropdown-option-icon {background-position:center left;background-repeat:no-repeat;padding-left:20px;}

.gui-sortable-list {display:block;border: 1px solid #eee;min-height: 20px;list-style-type: none;margin: 0;padding: 5px 0 0 0;}
.gui-sortable-list li {display:block;margin: 0 5px 5px 5px;padding: 5px;cursor:move;background:#ffffff;}


.gui-form-table {border-collapse:collapse;}
.gui-form-table tr {}
.gui-form-table td {padding:3px 5px;}

.gui-dialog {
	position:absolute;
	top:100px;
	left:auto;
	right:auto;
	display:none;
	width:500px;
	background:#fff;
	/*
	*/
	border:1px solid #c2c2c2;
	box-shadow: 0 1px 6px rgba(0,0,0,0.25);
	
border-radius:5px;
	z-index:1002;
}
.gui-dialog-content {padding:10px 0;}
.gui-dialog-section {padding:10px 0;}
.gui-dialog-close {cursor:pointer;}
i.gui-dialog-close {position:absolute;top:10px;right:10px;}
.gui-dialog-title {position:relative;border-bottom:1px solid #dadada;padding:10px;cursor:move;font-family:inherit;font-weight:bold;font-size:14px;}
.gui-panel {position:relative;z-index:1001;width:330px;padding:10px 0px 5px 0px;background:#fff;border:0px solid #c2c2c2;box-shadow: 0 1px 6px rgba(0,0,0,0.25);border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:0;}
#panel_area_details {min-height:400px;}
.gui-init-header { margin-top:0;}
.gui-panel-menu {float:right;margin:0;padding:0;height:30px;line-height:30px;}
.gui-panel-title {position:relative;border-bottom:1px solid #dadada;margin-bottom:10px;padding-bottom:5px;}
.gui-panel-title .gui-panel-title-content {float:right;margin:5px 0;}
h3.gui-panel-title, .gui-panel-title h3 {font-size:12px;margin:10px 0 5px 0;padding:0;font-weight:bold !important;}
h2.gui-panel-title, .gui-panel-title h2 {font-size:14px;margin:0 0 5px 0 !important;padding:0 !important;}
h1.gui-panel-title, .gui-panel-title h1 {font-size:18px;margin:0 0 5px 0;padding:0;}
.gui-panel-subtitle {margin:0;padding:0;display:block;}
div.gui-panel-title p {margin:0;}
.gui-panel p {margin:5px 0;padding:0;}
.gui-panel-title img { vertical-align:text-bottom;}
.block-element { width:100%;}
div.gui-panel-tab-container{  z-index: 10; background-color: #ffffff; padding: 0 !important; /*border-radius: 4px; -moz-border-radius: 4px; border:1px solid #ddd; margin-top: 20px;margin-left: 50px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);background-clip: padding-box;opacity: 0.97;filter: alpha(opacity=97);*/}
div.gui-panel-tab-menu{position:absolute;left:-80px;width:80px;top:40px;padding-right: 0;padding-left: 0;padding-bottom: 0;}
div.gui-panel-tab-menu div.list-group .list-group-item {padding:10px 5px;}
div.gui-panel-tab-menu div.list-group>a{margin-bottom: 0;}
div.gui-panel-tab-menu div.list-group>a .fa,div.gui-panel-tab-menu div.list-group>a .fa {color: #428BCA;}
div.gui-panel-tab-menu div.list-group>a:first-child{border-top-right-radius: 0;-moz-border-top-right-radius: 0;}
div.gui-panel-tab-menu div.list-group>a:last-child{border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;}
div.gui-panel-tab-menu div.list-group>a.active,div.gui-panel-tab-menu div.list-group>a.active .fa,div.gui-panel-tab-menu div.list-group>a.active .fa{background-color: #428BCA;background-image: #428BCA;color: #ffffff;}
div.gui-panel-tab-menu div.list-group>a.active:after{content: '';position: absolute;left: 100%;top: 50%;margin-top: -13px;border-left: 0;border-bottom: 13px solid transparent;border-top: 13px solid transparent;border-left: 10px solid #428BCA;}
div.gui-panel-tab-content{background-color: #ffffff;/* border: 1px solid #eeeeee; */padding-left:0px;padding-top: 10px;}
div.gui-panel-tab div.gui-panel-tab-content:not(.active){display: none;}

.gui_content_area {display:block;line-height:1.2em;padding:3px;border-radius:3px;border:1px solid #b9b9b9;background: #ffffff;}

.gui-btn {text-decoration:none;text-align:center;padding:5px 12px;line-height:1.2em;margin:0;border:1px solid;color:#555;font-size:1.1em;outline:0;white-space:nowrap;word-wrap:normal;vertical-align:middle;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.gui-btn {cursor:pointer;padding:3px 6px;border-radius:3px;color:#333333;border:1px solid #b9b9b9;background: rgb(255,255,255);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );}
.gui-btn {text-shadow: 0 1px 0 white;border-color: #CCC #CCC #AAA;background-color: #E0E0E0;-moz-box-shadow: inset 0 0 1px #fff;-ms-box-shadow: inset 0 0 1px #fff;-webkit-box-shadow: inset 0 0 1px #fff;box-shadow: inset 0 0 1px #fff;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);background-image: -moz-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);background-image: -ms-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);background-image: -o-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#DCDCDC));background-image: -webkit-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);background-image: linear-gradient(to bottom,#FAFAFA 0,#DCDCDC 100%);}
.gui-btn:hover {color:#000;text-decoration:none;}
.gui-btn:active {}

input.gui-btn {line-height:1em;padding:5px 12px;}
a.gui-btn {line-height:1em;padding:5px 12px;}
span.gui-btn {padding:5px 12px;}

.gui-btn a {color:#333333;font-weight:normal;}

.gui_title { font-weight:normal;}
h1.gui_title { font-size:17px;line-height:30px;margin:0;padding:0;}
h2.gui_title { font-size:15px;line-height:26px;margin:0;padding:0;}
h3.gui_title { font-size:13px;line-height:20px;height:20px;margin:0 0 5px 0;padding:0;}

hr {border-width: 1px 0px 0px;margin:15px 0 10px 0px;border-style: solid none none;border-color: #EEE -moz-use-text-color -moz-use-text-color;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;height: 0px;box-sizing: content-box;}

.larger {font-size:1.2em;line-height:1.3em;}

.gui-input {padding:2px 4px;border:1px solid #cccccc;}
input.gui-input {line-height:1.2em;padding:4px 4px;border:1px solid #cccccc;}

input.inp_larger, select.inp_larger, select.inp_larger option {font-size:1.2em;line-height:1.3em;}
select.gui-input {padding:6px 4px;border: 1px solid rgb(202,202,202);-webkit-box-shadow: 0px 0px 4px 1px rgba(50%,50%,50%,0.2);-webkit-border-radius: 5px;border-radius: 5px;}


table.gui-list {border-collapse:collapse;margin:0;padding:0;border-top:0px solid #e6e6e5;border-bottom:1px solid #e6e6e5;}
table.gui-list tr th, table.gui-list tr td { padding:5px 5px;}
table.gui-list tr td { padding:5px 5px;border-top:1px solid #e6e6e5;}
table.gui-list tr td table tr td { border:0;}

ul.gui-list {list-style:none;margin:0;padding:0;}
ul.gui-list li {display:block;margin:0;padding:0px 3px;position:relative;}
#area_list .flagged {color:#5f9125;margin:0 3px;}
	
.tree {min-height:20px;padding:0px 10px;margin:0px;}
.tree li {list-style-type:none;margin:0;padding:0px 5px 0 5px;line-height:18px;position:relative;}
.tree li::before, .tree li::after {content:'';left:-0px;position:absolute;right:auto}
.tree li::before {border-left:1px solid #999;bottom:30px;height:100%;top:0;width:1px}
.tree li::after {border-top:1px solid #999;top:12px;width:7px;}
.tree li span {display:inline-block;padding:2px 3px;text-decoration:none;}
.tree li input {margin:0 !important;}
.tree li ul {margin:0 0 0 12px;padding:0;}
.tree li.parent_li>span {}
.tree>ul>li::before, .tree>ul>li::after {border:0}
.tree li:last-child::before {height:12px}
.tree a {color:#333333;}
.tree i { font-weight:normal;}
.tree .tree-folder {font-weight:normal;}
.tree .tree-item {font-weight:normal;}
.tree .tree-folder-toggle-icon {color:#817c7c;position:relative;top:0px;cursor:pointer;margin-left:-13px;margin-right:0px;z-index:9999;background:#fff;/*border:1px solid #fff;*/}
.tree .tree-folder-icon {color:#eea40f;}
.tree li.tree-item-hidden {opacity:0.6 !important;filter: alpha(opacity=60);}
.tree li.tree-folder-hidden {opacity:0.6 !important;filter: alpha(opacity=60);}


.gui-sidebar {display:block;list-style:none;margin:0;border:1px solid #d0d0d0;margin:0;padding:0px;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;background: #fefefe;background:-moz-linear-gradient( #fefefe, #e8e8e8);background: -ms-linear-gradient( #fefefe, #e8e8e8);background: -o-linear-gradient( #fefefe, #e8e8e8);background: -webkit-linear-gradient( #fefefe, #e8e8e8);background: linear-gradient( #fefefe, #e8e8e8);}