/** 
*    PORTAL 
*/
.gcweb {
    overflow: hidden;
}

.gcweb-map-wrapper {
    background-color: #FFFFFF;
    height: 100%;
    opacity: 0.3;
    filter : alpha(opacity=30);
    position: absolute;
    width: 100%;
    z-index: 1010;
}

.gcweb-copyright {
    bottom: 27px;
    left: 0;
    padding: 5px;
    position: absolute;
    z-index: 1020;
}

.gcweb-map {
    border: none;
    cursor: default;
    width: 100%;
    height: 100%;
}

#loading_content {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1020;
    display:none;
}

#loading_content img {
    left: 50%;
    position: relative;
    top: 50%;
}

#loading_content div, .olControlLoadingPanel {
    background-color: #FFFFFF;
    height: 100%;
    opacity: 0.4;
    filter : alpha(opacity=40);
    position: absolute;
    width: 100%;
}

.olControlLoadingPanel {
    background-image: url("../images/utils/loading.gif");
}

#logo {
    margin-left : 10px;
}

.olControlOverviewMap { 
    right: 0px; 
    border: 1px solid #999;
    background-color: #FFFFFF;
}

.olControlOverviewMapMaximizeButton {
    right: 0px; 
}

.olControlOverviewMapExtentRectangle {
    border: solid 2px yellow;
    opacity: .3;
    filter: alpha(opacity = 30);
    background-color: black;
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
    cursor: move;
}

.gcweb #OpenLayers_Control_minimizeDiv_innerImage {
    display: block;
}

.olControlOverviewMapMinimizeButton {
    background-color: black;
    right: 0;
    top: 0;
    z-index: 1020;
}

.gcweb #hd-layout {
    overflow: visible;
    z-index: 1 !important;
}

/** 
*    WIDGET 
*/
.gcweb-widget{
    float:left;
    z-index:1020;
    cursor:default; 
    position:relative;
}

.gcweb-widget-wrapper {
	position: absolute;
	top: 1px;
	left: 1px;
	height: 100%;
	width: 100%;
	z-index: 1100;
	border: thin dotted #666666;
	margin: -1px 0 0 -1px;
}

.gcweb-widget-wrapper div {
    height:100%;
    width:100%;
    background-color: #FFFFFF;
    opacity:0.10;
    filter : alpha(opacity=10);
    cursor: move;
}

.gcweb-widget-image.disabled {
    opacity: 0.3;
    filter : alpha(opacity=30);
    cursor: default;
}

.gcweb-radius {
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.gcweb-widget-button-label {
    text-align: center;
    width: 5em;
    font-weight: bold;
}

.gcweb-widget-button-display-label {
    text-align: center;
}

.gcweb-widget-base-label {
    text-align: left;
    height: 2.4em;
    font-weight: bold;
}

.gcweb-widget-base-line {
    width: 95%; 
    height: 1px;
    background-color: #666666;
    border: 0;
}

.gcweb-widget-hide {
    display: none;
}

/**
*   RESPONSIVE
*/
.menu-link .pure-menu.pure-menu-open {
    border: none;
}

.menu-link .ui.list .item {
    padding: 0.25em 0.25em 0.25em 0.5em;
}

.menu-link-hide {
    display: none;
}

.menu-link, 
.menu-button,
.portal-bottom-icon-div {
    transition: all 0.2s ease-out 0s;
    -moz-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
	-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
	-o-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
	box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=3);
    cursor: pointer;
    position: fixed;
}

.menu-button {
    background-color: #000000;
    left: 0.7em;
    top: 0.7em;
    padding: 1em;
    z-index: 300;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    box-sizing: initial;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .menu-button {
	    width: 5em;
	    height: 5em;
	}
}

.menu-button .fa {
	color: #FFFFFF;
}

.menu-button {
    padding-left: 1em;
}


.menu-button .fa.fa-angle-right {
    top: -.235em;
    position: relative;
    left: .18em;
}

.menu-button .fa.fa-angle-left {
    top: -.235em;
    position: relative;
    left: .08em;
}

.menu-link {
    z-index: 200;
    left: -0.2em;
    overflow-y: auto;
    max-height: 100%;
    top: 0;
    height: 100%;
    background-color: #FFFFFF;
    border-right: #000000 0.1em solid;
}

.menu-link .ui.list > .item .header {
    color: #646464;
}

.menu-wrapper {
	width: 100%;
    height: 100%;
    background-color: #FDFEFF;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    opacity: 0.2;
    filter : alpha(opacity=20);
    display : none;
}

.menu-wrapper.menu-link-open {
    display : block;
}

.menu-form-close {
    position: fixed;
    right: 0.5em;
    top: 1em;
}

.ui.segment.menu-form-mobile {
    position: absolute;
    top: -.4em;
    left: 6.2em;
    right: .9em;
    height: 5em;
    z-index: 10;
}

.ui.segment.menu-form-mobile.upper {
    z-index: 20;
}

.submenus {
    position: absolute;
    top: 6em;
    left: .8em;
    right: .9em;
    max-height: calc(100% - 6.7em);
    overflow: auto;
}

.ui.segment.submenu {
    margin: 0.25rem 0em;
}

.submenus .submenu .close.icon {
    position: absolute;
    top: 0.2em;
    right: 0.2em;
    cursor: pointer;
    z-index: 10;
}

.menu-bottom {
    background-color: #FDFEFF;
    height: 40%;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1050;
    
    -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;
}

.menu-bottom.one-liner {
	height: 7%;
}

.menu-bottom.fullscreen {
	height: 100%;
}

.menu-bottom .menu-header {
    width: 100%;
    height: 3em;
}

.menu-bottom .menu-content {
    overflow-y: auto;
    height: calc(100% - 3em);
}

.menu-bottom .menu-content.hide-overflow {
	overflow-y: auto;
    cursor: pointer;
}

.menu-bottom .hide-overflow .gcuiAnchoredContentData {
    height: 80%;
}

.menu-bottom .menu-header label {
    font-size: 1.5em;
    position: relative;
    top: 0.4em;
    left: 0.4em;
    color: #646464;
}

.menu-bottom .menu-return {
    cursor: pointer;
    right: 0.2em;
    position: absolute;
    top: 0.2em;
    color: #646464;
}

.menu-plain {
    background-color: #FDFEFF;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.menu-plain .menu-header {
	width: 100%;
	height: 4em;
	background-color: #004687;
	color: #FFFFFF;
	text-align: center;
}

.menu-plain .menu-header label {
    font-size: 1.5em;
    position: relative;
    top: 0.8em;
}

.menu-plain .menu-content {
    padding: 1em;
    overflow-y: auto;
    height: calc(100% - 3.7em);
}

.menu-plain .menu-return {
	color: #FFFFFF;
    cursor: pointer;
    left: 0.2em;
    position: absolute;
    top: 0.5em;
}

.menu-plain .menu-valid {
    position: fixed;
    right: 0.3em;
    top: 0.5em;
    cursor: pointer;
}

.menu-plain .menu-deactivate {
    position: fixed;
    right: 0.3em;
    top: 0.5em;
    cursor: pointer;
    color: #FFFFFF;
}

.menu-plain.menu-header-only {
	height:0;
}

@media screen and (max-width: 480px) {
    .menu-link {
	    margin-left: -85%;
	    width: 85%;
	}
	
	.menu-button.menu-link-open {
	    left: 76%;
	}
	
	.menu-link.menu-link-open {
	    left: 85%;
	}
}

@media screen and (min-width: 480px) {
    .menu-link {
        margin-left: -27em;
        width: 27em;
    }
    
    .menu-button.menu-link-open {
	    left: 24.5em;
	}
	
	.menu-link.menu-link-open {
	    left: 27em;
	}
}

/** 
*    LOADING
*/
#loading_content {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1020;
    display:none;
}

#loading_content img {
    left: 50%;
    position: relative;
    top: 50%;
}

#loading_content div, .gcui-layout-module .olControlLoadingPanel {
    background-color: #FFFFFF;
    height: 100%;
    opacity: 0.4;
    filter : alpha(opacity=40);
    position: absolute;
    width: 100%;
}

.gcui-layout-module .olControlLoadingPanel {
    background-image: url("../images/utils/loading.gif");
}

#loading_portal {
    transition: all 0.2s ease-out 0s;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: #004687;
}

#loading_portal #logo {
	background-position: center;
	padding-bottom: 4em;
	margin-left: 0;
}

.loading-panel-logo {
	top: 33%; 
	position: relative; 
	color: #FFFFFF; 
	text-align: center; 
	font-size: 12pt;
}

/** 
*    PROPERTIES 
*/

#propertiesTabView {
    height: calc(100% - 9.2em);
}

#propertiesTabView > div {
    height: 100%;
    overflow: auto;
    padding: 1em;
}

#propertiesManager .propertiesColumn {
    height: 73%;
    position: absolute;
    width: 46%;
}

#propertiesManager .propertiesColumn li {
    height: 30px;
    width: 96%;
}

#propertiesManager h1 {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}

#propertiesManager h2 {
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    padding-left: 10px;
}

#columnRight {
    right: 0;
    padding: 7px;
}

#columnLeft {
    border-right: 1px solid #000000;
    padding: 7px;
}

#columnRightProperties, #columnLeftProperties {
    height: 89%;
    overflow: auto;
}

#propertiesManager .yui3-datatable-selected,
#propertiesManager .yui3-datatable-highlighted {
    background-color: #FFBC37;
}

.gcweb-property-incrementer a {
    top: 0.3em;
    position: relative;
    margin-right: 0.25em;
}

.gcweb-property-incrementer a[name="plus"] {
    margin-left: 0.25em;
}

.gcweb .gcweb-property-incrementer input[type="text"] {
    width: 5em;
    position: relative;
    top: 0.3em;
}

.datagridPropertySelectAll {
    padding: 12px 45px 0 0;
    text-align: right;
    cursor: pointer;
}

.datagridPropertySelectAll input {
    float: right;
    margin-left: 5px;
}

.datagridPropertyWrapper {
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    z-index: 2; 
    opacity: 0.5; 
    filter : alpha(opacity=50);
    background: #CCCCCC;
}

/** 
*    LIBRARY 
*/
.gcweb-library-widget {
    float:left;
    cursor: pointer;
}

.gcweb-library-widget.ui-draggable-dragging {
	width: 32px;
	height: 32px;
	z-index: 1050;
}

.gcweb-library-widget-icon {
    float:left;
    width:20px;
    height:20px;
}

.gcweb-library-widget-label {
    height: 25px;
    color: #444444;
    width: 220px;
}

.gcweb-library-widget-deactivate {
    float:left;
    cursor: no-drop;
    opacity: 0.4;
    filter : alpha(opacity=40);
}

#actionsButton {
    height: 3.7em;
}

.yui3-overlay {
    -webkit-transition: all 0.2s ease-out 0.2s; /* For Safari 3.1 to 6.0 */
    transition: all 0.2s ease-out 0.2s;
}

#collapse_accordion {
    background-color: #AAAAAA;
    box-shadow: -3px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -3px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -3px 2px 3px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: -3px 2px 3px 0 rgba(0, 0, 0, 0.2);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=5);
    cursor: pointer;
    height: 10em;
    left: -2em;
    opacity: 0.8;
    filter : alpha(opacity=80);
    position: absolute;
    top: 10em;
    width: 2em;
}

#collapse_accordion i {
    left: 0.2em;
    position: absolute;
    top: 2em;
}

.gcui-skin #collapse_accordion .fa {
    color: #000000;
}

.gcui-skin .action-button .fa,
.gcui-skin .property-button .fa {
    color: #444444;
}

.action-button,
.property-button {
    cursor: pointer;
    display: inline-block;
    padding-top: 0.4em;
}

.action-button {
    margin-left: 1.4em;
}

.property-button {
    height: 3.5em;
    margin-left: 5em;
}

#acc1 ul li {
    float: left;
    line-height: 20px;
    text-align: left;
    list-style-type: none;
}

#propertiesPanelTitle {
    display: none;
}

.yui3-overlay-content {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
    padding: 1px;
}

.gcweb .widgets_library {
    background-color: #eee;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.gcweb .add-widget-mobile {
	position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
    background-color: #eee;
    width: 16em;
    height: 20em;
}

.gcweb .add-widget-mobile.reduce {
    height: 1.6em;
}

.gcweb .add-widget-mobile .link {
    position: absolute;
    z-index: 1100;
    top: .05em;
    right: 0;
}

.yui3-overlay fieldset {
    margin: 0;
}

.yui3-overlay h3 {
    color: #000;
    background-color: #aaa;
    margin: 0;
    padding: 2px 10px;
    font-size: 11pt;
}

.yui3-overlay fieldset ul li img {
    cursor: move;
}

.yui3-overlay fieldset ul li.selected {
    border: 1px solid #f2af51;
    color: #f2af51;
    font-weight: bold;
}

.yui3-overlay label {
    margin: 5px 20px 0 0;
    font-weight: bold;
    color: #003;
}

.yui3-overlay p {
    padding: 5px;
}
.yui3-overlay .yui3-slider:hover {
    cursor: default;
}

.accordion-item-body {
    padding: 5px;
}

.yui3-skin-sam #acc1.yui3-accordion {
    border: none;
}

.yui3-skin-sam #acc1 .yui3-accordion-item .yui3-widget-hd {
    background: none repeat scroll 0 0 #ddd;
    border: 1px solid #f4f4f4;
    height: 25px;
}

.yui3-skin-sam .yui3-accordion-item-icon.icon-mine,
.yui3-skin-sam .yui3-accordion-item-iconexpanded.icon-mine,
.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible.icon-mine,
.yui3-skin-sam .yui3-accordion-item-iconclose.icon-mine {
    background-position: 0 0;
}

.yui3-skin-sam .yui3-accordion-item-icon {
    background-image: url('../images/accordion/accordion_sprite.png') !important;
    background-position: center -27px !important;
}

.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible,
.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible-off {
    background-image: url('../images/accordion/accordion_sprite.png') !important;
    background-position: 0 -85px;
    _background-position: 0 -87px
}

.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible-on {
    background-image: url('../images/accordion/accordion_sprite.png') !important;
    background-position: 0 -55px;
    _background-position: 0 -57px
}

.yui3-skin-sam .yui3-accordion-item-iconexpanded,
.yui3-skin-sam .yui3-accordion-item-iconexpanded-off {
    background-image: url('../images/accordion/accordion_sprite.png') !important;
    background-position: 0 -175px;
    _background-position: 0 -177px
}

.yui3-skin-sam .yui3-accordion-item-iconexpanded-off:hover {
    background-image: url('../images/accordion/accordion_sprite.png') !important;
    background-position: 0 -205px
}

.yui3-skin-sam .yui3-accordion-item-iconexpanded-on {
    background-image: url('../images/accordion/accordion_sprite.png') !important;
    background-position: 0 -115px;
    _background-position: 0 -117px
}

.yui3-skin-sam .yui3-accordion-item-iconexpanded-on:hover {
    background-image: url('../images/accordion/accordion_sprite.png') !important;
    background-position: 0 -145px
}

.yui3-skin-sam .yui3-accordion-item-iconexpanded-expanding {
    background-image: url('../images/accordion/wait_collapse.gif') !important;
    background-position: 0 center
}

.yui3-skin-sam .yui3-accordion-item-iconexpanded-collapsing {
    background-image: url('../images/accordion/wait_collapse.gif') !important;
    background-position: 0 center
}

.yui3-skin-sam .yui3-accordion-item-iconclose {
    background-image: url('../images/accordion/accordion_sprite.png') !important;
    background-position: 0 -235px;
    _background-position: 0 -237px
}


/**
    SEMANTIC
**/

.ui.button.gcweb-widget {
    padding: 0.1em 0.2em 0.1em;
    cursor: pointer;
    color: #ffffff;
    text-shadow: none;
    border: none;
}

.ui.button.gcweb-widget.activated {
    background-color: #004687;
}

/**

Context menu

**/

.submenu .address-content-text {
	width: calc(100% - 3em);
    display: inline-block;
    position: relative;
    color: #646464;
    top: 1em;
}

.address-content-text {
    font-size: 1.5em;
    top: 50%;
    transform: translate(0, -50%);
    margin-left: 5px;
    position: absolute;
}

/**
Button at bottom of the mobile portal
**/
.portal-bottom-icon-div {
    right: 1em;
    bottom: 1em;
    width: 2.5em;
    border-radius: 50%;
    height: 2.5em;
    background-color: #7b95b9;
    padding: 2.5em;
}

.sticky-widget {
	left: 1em;	
}

.portal-bottom-icon-div-hide {
	display: none;
}

.portal-bottom-icon {
    top: -1.2em;
    left: -1.15em;
    z-index: 300;
    height: auto;
    position: relative;
    border-radius: 50% 50% 50% 50%;
}

.portal-mobile-container {
    position: relative;
    height: 100%;
    overflow: auto;
    padding: .2em;
}

#propertiesTabView .inline.field .ui.radio.checkbox {
    margin-right: 1em;
}

.cache-progress-container {
	width: 100%;
	height: 0.9em;
	position: relative;
	background-color: #f1f1f1;
}
.cache-progress-bar {
	background-color: #757575;
	height: 100%;
	position: absolute;
	line-height: inherit;
}
.cache-progress-blue {
	color: #fff !important;
	background-color: #004687 !important;
}
.cache-progress-center {
	text-align: center !important;
}
.cache-progress-text-white {
	color: #fff !important;
	font-size: 0.9rem;
}