@font-face {
    font-family:"Ubuntu";
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url("fonts/umono-regular.ttf");
}
@font-face {
    font-family:"Ubuntu";
    font-style: normal;
    font-weight: bold;
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url("fonts/umono-bold.ttf");
}
@font-face {
    font-family:"Ubuntu";
    font-style: italic;
    font-weight: 400;
    src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url("fonts/umono-italic.ttf");
}

.x-body {
    color: black;
    font-size: 14px;
    font-family: "Roboto",Arial,sans-serif;
}

.titleMenu {
    font-size: 12px;
    color: #008eff;
    text-decoration: underline;
    cursor: pointer;

}
.styleText {
    color: #355D77;
    font-family: Verdana;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
}

.sg-tab-title {
    font-size: 13px;
    font-weight: bold;
}

.defconswitcher {
    background-color: transparent;
    left: 50%;
    margin-left: -120px;
    top: -100px;
    /*width: 240px;*/
    position: absolute;
}

/* EXT overrides */

.x-panel-body-default {
    border-color: white !important;
    background-color: transparent;
    border-width: 0px;
}

.x-btn-inner{
    font-weight: bold !important;
}

.x-btn-default-toolbar-small{
    border-radius: 0 !important;
    border-width: 0px;
}

.x-btn-default-toolbar-small-over{
    background-color: #e5e5e5 !important;
    background-image: none !important;
    border: thin solid transparent !important;
}


.x-btn-pressed {
    border-color: grey !important;
}
.x-btn-over {
    border-color: transparent !important;
}
.x-btn-focus {
    border-color: black !important;
}
.x-btn button .x-btn-icon, .x-btn a .x-btn-icon {
    background-size: contain;
}

/* BUTTON SMALL */

.x-btn-default-small{
    /*background: white;*/
    background-color: transparent;
    border: thin solid transparent !important;
}

.x-btn-default-small-over {
    background-color: #e5e5e5 !important;
    background-image: none;
    border: thin solid transparent !important;
}
.x-btn-default-small-pressed {
    background-image: none;
    background-color: #e5e5e5;
    border: 1px black solid !important;
}
.x-btn-default-small-focus {
    background-image: none;
    background-color: white;
    border: 1px black solid !important;
}

/* BUTTON MEDIUM */

.x-btn-default-medium {
    background: white;
    border: none;
}
.x-btn-default-medium-over {
    background-color: #e5e5e5 !important;
    border: none;
}
.x-btn-default-medium-pressed {
    background-color: lightgrey;
}
.x-btn-default-medium-over {
    background-color: lightgrey;
}
.x-btn-default-medium-focus {
    background-color: #e5e5e5;
}

/* BUTTON LARGE */


.x-btn-default-large{
    /*background: white;*/
    background-color: transparent;
    border: thin solid transparent !important;
}

.x-btn-default-large-over {
    background-color: #e5e5e5 !important;
    background-image: none;
    border: thin solid transparent !important;
}
.x-btn-default-large-pressed {
    background-image: none;
    background-color: #e5e5e5;
    border: 1px black solid !important;
}
.x-btn-default-large-focus {
    background-image: none;
    background-color: white;
    border: 1px black solid !important;
}
/*
.x-btn-default-large {
    background: white;
    border: none;
}
.x-btn-default-large-pressed {
    background-color: #e5e5e5;
}
.x-btn-default-large-over {
    background-color: #e5e5e5;
}
.x-btn-default-large-focus {
    background-color: #e5e5e5;
}*/

/* BUTTON NORMAL */

.sitgap-btn{
    background: WHITE;
    border: thin solid transparent !important;
    border-radius: 0;
}
.sitgap-btn-disabled{
    background: WHITE;
    border: thin solid transparent !important;
}
.sitgap-btn-over{
    background-color: #e5e5e5;
    border: thin solid transparent !important;
}
.x-btn-sitgap-btn-pressed{
    background-color: #e5e5e5;
    border: thin solid black !important;
}

.sitgap-btn .x-btn-inner{
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.sitgap-btn .x-btn-default-toolbar-small{
    border-radius: 0;
}

.sitgap-btn-disabled .x-btn-inner{
    color: grey;
}
.sitgap-btn-disabled .sitgap-btn-over{
    background: RED;
}


.x-panel-header-default {
    background-color: white !important;
    background-image: none !important;
    border-color: transparent !important;
}
.x-panel-header-text-default {
    color: black !important;
    font-size: 12px;
    font-weight: bold;
    /*font-family: ubuntu, monospace;*/
    line-height: 17px;
}

.x-window-default {
    background-color: white !important;
    opacity: 0.95;
    border: 1px grey solid !important;
    box-shadow: black 3px 5px 35px 3px;
    padding: 0px;
}
.x-window-header-default-top {
    background-color: transparent !important;
    /*border-width: 0;*/
    border-color: grey !important;

}
.x-window-header-text {
    color: black;
}
.x-window-body-default {
    border-color: white !important;
    background: white !important;
}
.x-window-header-text-default {
    font-weight: bold;
    line-height: 17px;
    /*font-family: ubuntu, monospace;*/
    font-size: 12px;
}


.x-tab-inner {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 -2px;
    display: block;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    /*font: 14px ubuntu, monospace;*/
    color: white !important;
}
.x-border-box .x-tab-bar-top .x-tab-bar-body {
    height: 35px;
}
.x-tab-bar-body-default-plain {
    background-color: white !important;
}
.x-tab-default-top {
    height: 31px !important;
    background-color: grey !important;
    background-image: none !important;
}
.x-tab-bar {
    background-color: transparent !important;
    background-image: none !important;;
}
.x-tab-bar-body {
    border-color: transparent !important;
    background-color: transparent !important;
    border-bottom: 1px grey solid !important;
}
.x-tab-top-active {
    background-color: black !important;
}
.x-tab {
    border-color: black !important;
}

.x-tab-default-top {
    -moz-box-shadow: black 0 0 0 0 inset, black 0 0 0 0 inset, black 0 0 0 0 inset !important;
    -webkit-box-shadow: black 0 0 0 0 inset, black 0 0 0 0 inset, black 0 0 0 0 inset !important;
    -o-box-shadow: black 0 0 0 0 inset, black 0 0 0 0 inset, black 0 0 0 0 inset !important;
    box-shadow: black 0px 0px 0px 0px inset, black 0px 0px 0px 0px inset, black 0px 0px 0px 0px inset !important;
    border-bottom: 0px solid black !important;
}
.x-tab-bar-strip-default, .x-tab-bar-strip-default-plain {
    border-color: transparent !important;
    background-color: transparent !important;
}

.x-toolbar-default {
    /*border-color: white !important;
    background-color: white !important;*/
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: thin solid #555;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
}
.x-toolbar {
    font-size: 12px;
    font-weight: bold;
}

.btn-loading {
    background-image:url(../images/btn-loading.gif) !important;
}


.sitgap-fab {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out;
  z-index: 1000;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  cursor: pointer;
  border: thin solid #555;
}

/*.sitgap-fab:hover {
  -webkit-box-shadow: 0px 6px 25px 4px rgba(44,44,44,1);
  -moz-box-shadow: 0px 6px 25px 4px rgba(44,44,44,1);
  box-shadow: 0px 6px 25px 4px rgba(44,44,44,1);
}*/

.sitgap-fab-zoomentire {
    background-image: url(../images/buttons/svg/go-home.svg);
}

/*.sitgap-fab-zoomentire:hover {
    background-image: url(../images/buttons/svg/go-home_over.svg);
}
.sitgap-fab-zoomentire-enabled {
    background-image: url(../images/buttons/svg/go-home_over.svg);
}*/

/* TOOLBAR BUTTONS */

.sitgap-btn-logout {
    /*background: transparent url(../images/buttons/svg/zoom-in.svg) no-repeat scroll center center !important;*/
    background: url(../images/buttons/svg/logout.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-logout:hover {
    background: transparent url(../images/buttons/svg/logout-over.svg) no-repeat scroll center center !important;
    background-size: contain;
}


.sitgap-btn-zoomin {
    /*background: transparent url(../images/buttons/svg/zoom-in.svg) no-repeat scroll center center !important;*/
    background: url(../images/buttons/svg/zoom-in.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-zoomin:hover {
    background: transparent url(../images/buttons/svg/zoom-in_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-zoomin-over {
    background: transparent url(../images/buttons/svg/zoom-in_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-zoomin-pressed {
    background: transparent url(../images/buttons/svg/zoom-in_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
    background-color: #EFEFEF !important;
}


.sitgap-btn-zoomout {
    background: transparent url(../images/buttons/svg/zoom-out.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-zoomout:hover {
    background: transparent url(../images/buttons/svg/zoom-out_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-zoomout-over {
    background: transparent url(../images/buttons/svg/zoom-out_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-zoomout-pressed {
    background: transparent url(../images/buttons/svg/zoom-out_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-zoomprevious {
    background: transparent url(../images/buttons/svg/go-previous.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-zoomprevious-over {
    background: transparent url(../images/buttons/svg/go-previous_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-zoomprevious-over {
    background: transparent url(../images/buttons/svg/go-previous_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-zoomprevious-pressed {
    background: transparent url(../images/buttons/svg/go-previous_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-zoomnext {
    background: transparent url(../images/buttons/svg/go-next.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-zoomnext-over {
    background: transparent url(../images/buttons/svg/go-next_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-zoomnext-over {
    background: transparent url(../images/buttons/svg/go-next_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-zoomnext-pressed {
    background: transparent url(../images/buttons/svg/go-next_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-zoomentire {
    /*
    background: transparent url(../images/buttons/svg/go-home.svg) no-repeat scroll center center !important;
    */
    background: url(../images/buttons/svg/go-home.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-zoomentire:hover {
    background: transparent url(../images/buttons/svg/go-home_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-zoomentire-over {
    background: transparent url(../images/buttons/svg/go-home_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-zoomentire-over {
    background: transparent url(../images/buttons/svg/go-home_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-zoomentire-pressed {
    background: transparent url(../images/buttons/svg/go-home_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-infotool {
    background: transparent url(../images/buttons/svg/info.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-infotool-over {
    background: transparent url(../images/buttons/svg/info_over.svg) no-repeat scroll center center !important;
    background-size: contain;
    /*border-color: #AAAAAA !important;
    background-color: #EEEEEE !important;*/
}
.x-btn-sitgap-btn-infotool-over {
    background: transparent url(../images/buttons/svg/info_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-infotool-pressed {
    background: transparent url(../images/buttons/svg/info_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
    /*border-color: #999999 !important;*/
    background-color: #EFEFEF !important;



}

.sitgap-btn-legend {
    background: transparent url(../images/buttons/svg/legend.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-legend-over {
    background: transparent url(../images/buttons/svg/legend_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-legend-over {
    background: transparent url(../images/buttons/svg/legend_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-legend-pressed {
    background: transparent url(../images/buttons/svg/legend_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-overview {
    background: transparent url(../images/buttons/overview.gif) no-repeat scroll center center !important;
}
.sitgap-btn-overview-over {
    background: transparent url(../images/buttons/overview_over.gif) no-repeat scroll center center !important;
}
.x-btn-sitgap-btn-overview-over {
    background: transparent url(../images/buttons/overview_over.gif) no-repeat scroll center center !important;
}
.x-btn-sitgap-btn-overview-pressed {
    background: transparent url(../images/buttons/overview_pressed.gif) no-repeat scroll center center !important;
}

.sitgap-btn-clearselection {
    background: transparent url(../images/buttons/clearselection.gif) no-repeat scroll center center !important;
}
.sitgap-btn-clearselection-over {
    background: transparent url(../images/buttons/clearselection_over.gif) no-repeat scroll center center !important;
}
.x-btn-sitgap-btn-clearselection-over {
    background: transparent url(../images/buttons/clearselection_over.gif) no-repeat scroll center center !important;
}
.x-btn-sitgap-btn-clearselection-pressed {
    background: transparent url(../images/buttons/clearselection_pressed.gif) no-repeat scroll center center !important;
}

.sitgap-btn-straderischio {
    background: transparent url(../images/buttons/svg/streets.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-straderischio-over {
    background: transparent url(../images/buttons/svg/streets_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-straderischio-over {
    background: transparent url(../images/buttons/svg/streets_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-straderischio-pressed {
    background: transparent url(../images/buttons/svg/streets_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-print {
    background: transparent url(../images/buttons/preview.gif) no-repeat scroll center center !important;
}
.sitgap-btn-print-over {
    background: transparent url(../images/buttons/preview_over.gif) no-repeat scroll center center !important;
}
.x-btn-sitgap-btn-print-over {
    background: transparent url(../images/buttons/preview_over.gif) no-repeat scroll center center !important;
}
.x-btn-sitgap-btn-print-pressed {
    background: transparent url(../images/buttons/preview_pressed.gif) no-repeat scroll center center !important;
}

.sitgap-btn-help {
    background: transparent url(../images/buttons/svg/question.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-help-over {
    background: transparent url(../images/buttons/svg/question_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-help-over {
    background: transparent url(../images/buttons/svg/question_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-help-pressed {
    background: transparent url(../images/buttons/svg/question_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-contact {
    background: transparent url(../images/buttons/svg/mail-message.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-contact-over {
    background: transparent url(../images/buttons/svg/mail-message_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-contact-over {
    background: transparent url(../images/buttons/svg/mail-message_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-contact-pressed {
    background: transparent url(../images/buttons/svg/mail-message_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-layers {
    background: transparent url(../images/buttons/svg/layers.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-layers-over {
    background: transparent url(../images/buttons/svg/layers_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-layers-over {
    background: transparent url(../images/buttons/svg/layers_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-layers-pressed {
    background: transparent url(../images/buttons/svg/layers_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
    /*border-color: #999999 !important;*/
    background-color: #EFEFEF !important;
}


.sitgap-btn-find {
    background: transparent url(../images/buttons/svg/search.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-find-over {
    background: transparent url(../images/buttons/svg/search_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-find-over {
    background: transparent url(../images/buttons/svg/search_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-find-pressed {
    background: transparent url(../images/buttons/svg/search_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
    /*border-color: #999999 !important;*/
    background-color: #EFEFEF !important;
}

.sitgap-btn-lake {
    background: transparent url(../images/buttons/svg/lake-level.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-lake-alarm {
    background: transparent url(../images/buttons/svg/lake-level-alarm.gif) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-lake-over {
    background: transparent url(../images/buttons/svg/lake-level_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-lake-over {
    background: transparent url(../images/buttons/svg/lake-level_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-lake-pressed {
    background: transparent url(../images/buttons/svg/lake-level_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
    /*border-color: #999999 !important;*/
    background-color: #EFEFEF;
}


.sitgap-btn-pencil {
    background: url(../images/buttons/svg/brush.svg);
    background-size: contain;
}


.sitgap-btn-lake-plot {
    background: transparent url(../images/buttons/svg/lake-level-plot.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-lake-plot-over {
    /*background: transparent url(../images/buttons/svg/lake-level-plot.svg) no-repeat scroll center center !important;   */
    background-size: contain;
}
.sitgap-btn-lake-plot-pressed {
    background: transparent url(../images/buttons/svg/lake-level-plot.svg) no-repeat scroll center center !important;
    background-size: contain;
    /*border-color: #999999 !important;*/
    background-color: #EFEFEF !important;
}

.sitgap-btn-lake-reload {
    background: transparent url(../images/buttons/svg/lake-level-reload.svg) no-repeat scroll center center !important;
    background-size: contain;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

.sitgap-btn-arrow-down {
    background: transparent url(../images/buttons/svg/arrow-down.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-arrow-up {
    background: transparent url(../images/buttons/svg/arrow-up.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-arrow-plus {
    background: transparent url(../images/buttons/svg/plus.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-arrow-minus {
    background: transparent url(../images/buttons/svg/minus.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-clear-all {
    background: transparent url(../images/buttons/svg/clear-all.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-lake-reload:hover {
	/* Firefox */
	-moz-transform: rotate(360deg);
	/* WebKit */
	-webkit-transform: rotate(360deg);
	/* Opera */
	-o-transform: rotate(360deg);
	/* Standard */
	transform: rotate(360deg);
}

.sitgap-btn-pluvio {
    background: transparent url(../images/buttons/svg/rain-data.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-pluvio-over {
    background: transparent url(../images/buttons/svg/rain-data_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-pluvio-over {
    background: transparent url(../images/buttons/svg/rain-data_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-pluvio-pressed {
    background: transparent url(../images/buttons/svg/rain-data_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
    /*border-color: #999999 !important;*/
    background-color: #EFEFEF !important;
}


.sitgap-btn-upload {
    background: transparent url(../images/buttons/svg/upload.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-upload-over {
    background: transparent url(../images/buttons/svg/upload_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-upload-over {
    background: transparent url(../images/buttons/svg/upload_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-upload-pressed {
    background: transparent url(../images/buttons/svg/upload_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
    /*border-color: #999999 !important;*/
    background-color: #EFEFEF !important;
}
.sitgap-btn-download {
    background: transparent url(../images/buttons/svg/download.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-download-over {
    background: transparent url(../images/buttons/svg/download_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-download-over {
    background: transparent url(../images/buttons/svg/download_over.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.x-btn-sitgap-btn-download-pressed {
    background: transparent url(../images/buttons/svg/download_pressed.svg) no-repeat scroll center center !important;
    background-size: contain;
    /*border-color: #999999 !important;*/
    background-color: #EFEFEF !important;
}



.sitgap-btn-table-edit {
    background: transparent url(../images/buttons/svg/table-edit.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-table-new {
    background: transparent url(../images/buttons/svg/table-new-row.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.sitgap-btn-table-delete {
    background: transparent url(../images/buttons/svg/table-delete-row.svg) no-repeat scroll center center !important;
    background-size: contain;
}
.sitgap-btn-table-locate {
    background: transparent url(../images/buttons/svg/point-location.svg) no-repeat scroll center center !important;
    background-size: contain;
}

.regular-bar{
    background: #5fc23e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  #5fc23e 0%, #369b2b 50%, #108d07 51%, #3daa2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fc23e), color-stop(50%,#369b2b), color-stop(51%,#108d07), color-stop(100%,#3daa2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc23e', endColorstr='#3daa2e',GradientType=0 ); /* IE6-8 */
    color: white;
    width: 100%;

    vertical-align: middle;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
    text-align: right;
    padding: 4px;
}

.sitgap-btn-layers-regolare {
    border-radius: 0;
    font-size: 9px;

    color: white;
    background: #3daa2e; /* Old browsers */

}
.sitgap-btn-layers-regolare .x-btn-inner{
    color: white;
    font-weight: bold;
}
.sitgap-btn-layers-regolare .x-btn-default-toolbar-small{
    border-radius: 0;
}
.sitgap-btn-regolare-over{
    background: transparent url(../images/triangle_over.png) no-repeat scroll center bottom;
    background-color: #00aa00;
}
.x-btn-sitgap-btn-regolare-pressed{
    background: #5fc23e; /* Old browsers */
}

.sitgap-btn-regolare{
    border: thin solid black;

    /*-moz-box-shadow: 0px 0px 1px 2px black;
    -webkit-box-shadow: 0px 0px 1px 2px black;
    box-shadow: 0px 0px 1px 2px black;

    border-radius: 0;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;*/

    background: #5fc23e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  #5fc23e 0%, #369b2b 50%, #108d07 51%, #3daa2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fc23e), color-stop(50%,#369b2b), color-stop(51%,#108d07), color-stop(100%,#3daa2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc23e', endColorstr='#3daa2e',GradientType=0 ); /* IE6-8 */
}
.sitgap-btn-regolare .x-btn-inner{
    color: white;
    font-weight: bold;
}
.sitgap-btn-regolare .x-btn-default-toolbar-small{
    border-radius: 0;
}
.sitgap-btn-regolare-over{
    background: transparent url(../images/triangle_over.png) no-repeat scroll center bottom;
    background-color: #00aa00;
}
.x-btn-sitgap-btn-regolare-pressed{
    background: #5fc23e url(../images/triangle_pressed.png) no-repeat scroll center bottom; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -moz-linear-gradient(top,  #5fc23e 0%, #369b2b 50%, #108d07 51%, #3daa2e 100%); /* FF3.6+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fc23e), color-stop(50%,#369b2b), color-stop(51%,#108d07), color-stop(100%,#3daa2e)); /* Chrome,Safari4+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -webkit-linear-gradient(top,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* Chrome10+,Safari5.1+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -o-linear-gradient(top,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* Opera 11.10+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -ms-linear-gradient(top,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* IE10+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, linear-gradient(to bottom,  #5fc23e 0%,#369b2b 50%,#108d07 51%,#3daa2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc23e', endColorstr='#3daa2e',GradientType=0 ); /* IE6-8 */

}


.allarme-bar{
    background: #ffb76b; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
    color: white;
    width: 100%;

    vertical-align: middle;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
    text-align: right;
    padding: 4px;
}
.sitgap-btn-allarme{
    border: thin solid black;

    -moz-box-shadow: 0px 0px 1px 2px black;
    -webkit-box-shadow: 0px 0px 1px 2px black;
    box-shadow: 0px 0px 1px 2px black;

    /*border-left: 0;
    border-right: 0;*/
    border-radius: 0;

    background: #ffb76b; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

}
.sitgap-btn-allarme .x-btn-inner{
    color: white;
    font-weight: bold;
}
.sitgap-btn-allarme .x-btn-default-toolbar-small{
    border-radius: 0;
}
.sitgap-btn-allarme-over{
    background: transparent url(../images/triangle_over.png) no-repeat scroll center bottom;
    background-color: #ffac00;
}
.x-btn-sitgap-btn-allarme-pressed{

    /*background-image: url(../images/triangle_pressed.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #ff9900;*/

    background: #ffb76b url(../images/triangle_pressed.png) no-repeat scroll center bottom; /* Old browsers */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

}


.interventi-bar{

    background: #3b679e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    color: white;
    width: 100%;

    vertical-align: middle;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
    text-align: right;
    padding: 4px;
}
.sitgap-btn-interventi{

    border: thin solid black;

    -moz-box-shadow: 0px 0px 1px 2px black;
    -webkit-box-shadow: 0px 0px 1px 2px black;
    box-shadow: 0px 0px 1px 2px black;

    border-radius: 0;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;


    background: #3b679e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */

}
.sitgap-btn-interventi .x-btn-inner{
    color: white;
    font-weight: bold;
}
.sitgap-btn-interventi .x-btn-default-toolbar-small{
    border-radius: 0;
}
.sitgap-btn-interventi-over{
    background: transparent url(../images/triangle_over.png) no-repeat scroll center bottom;
    background-color: #0000dc;
}
.x-btn-sitgap-btn-interventi-pressed{
    background: #3b679e url(../images/triangle_pressed.png) no-repeat scroll center bottom; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -o-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, -ms-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    background: url(../images/triangle_pressed.png) no-repeat scroll center bottom, linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */

}

.x-column-header{
    background-image: none !important;
    background-color: black !important;
    color: white;
    font-weight: bold;
    font-family: Roboto, Arial, sans-serif;
    font-size: 12px;
}
.x-column-header-over{
    background-image: none !important;
    background-color: #F0F0F0 !important;
    color: black;
}
.x-column-header-trigger{
    background-image: url('../images/ext/grid3-hd-btn.gif');
    background-color: #F0F0F0 !important;
}

.x-grid-row .x-grid-cell {
    color: null;
    font: 12px ubuntu, monospace;
    background-color: white;
    border-color: #ededed;
    border-style: solid;
    border-top-color: #fafafa;
    border-width: 0;
}

.x-grid-header-ct{
    border: 1px solid #c5c5c5 !important;
    border-bottom: 0px !important;
}
.x-grid-row-focused{
    background-image: none !important;
    background-color: #F0F0F0 !important;
}
.x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div {
    border-style: solid;
    border-color: red;
    background-color: #c5c5c5 !important;
}

.x-form-text, textarea.x-form-field {
  /*border: thin solid !important;*/
  border-width: 0px 0px thin 0px  !important;
  border-bottom: thin solid rgb(158, 158, 158) !important;
  background-image: none !important;
}
.x-form-invalid-field, textarea.x-form-invalid-field {
  border-bottom: 1px solid #c30 !important;
}

.x-form-trigger {
  border-bottom: thin solid transparent !important;
}
.x-form-focus{
    border-color: rgb(17, 85, 204) !important;
}
.x-form-item-label {
    /*display: block;
    padding: 3px 0 0;
    font-size: 12px;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    cursor: default;
    font: 14px ubuntu, monospace;*/

    color: #222;
    font-size: 14px;
    font-family: "Roboto",Arial,sans-serif;
}
/*.x-border-box .x-form-text {
    font: 14px ubuntu, monospace;
}*/

.x-form-item-label-top {
    /*display: block;
    zoom: 1;
    padding: 0 0 5px 0;
    font: 14px ubuntu, monospace;*/
    color: rgb(42, 42, 42);
    font-size: 10px;
    /*color: #222;
    font-size: 14px;*/
    font-family: "Roboto",Arial,sans-serif;
    padding: 0px;
}

.x-form-field, .x-form-display-field {
    font: 12px "Roboto",Arial,sans-serif;
}

.x-form-cb-label-after {
  font-size: 14px;
  font-family: "Roboto",Arial,sans-serif;
  color: #222;
}

.x-boundlist-item {
    font-size: 12px;
    font-family: "Roboto",Arial,sans-serif;
}

.x-tip-anchor {
    border-color: RED !important;
}




.magictime {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;

  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.magic {
  -webkit-animation-name: magic;
  -moz-animation-name: magic;
  -ms-animation-name: magic;
  -o-animation-name: magic;
  animation-name: magic;
}
/* Loading animation */
@-moz-keyframes holeOut {
  0% {
    -moz-transform-origin: 50% 50%;
    -moz-transform: rotateY(0deg);
  }

  100% {
    -moz-transform-origin: 50% 50%;
    -moz-transform: rotateY(360deg);
  }
}
@-webkit-keyframes holeOut {
  0% {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotateY(360deg);
  }
}
@-o-keyframes holeOut {
  0% {
    -o-transform-origin: 50% 50%;
    -o-transform: rotateY(0deg);
  }

  100% {
    -o-transform-origin: 50% 50%;
    -o-transform: rotateY(360deg);
  }
}
@-ms-keyframes holeOut {
  0% {
    -ms-transform-origin: 50% 50%;
    -ms-transform: rotateY(0deg);
  }

  100% {
    -ms-transform-origin: 50% 50%;
    -ms-transform: rotateY(360deg);
  }
}
@keyframes holeOut {
  0% {
    transform-origin: 50% 50%;
    transform: rotateY(0deg);
  }

  100% {
    transform-origin: 50% 50%;
    transform: rotateY(360deg);
  }
}
.holeOut {
  -webkit-animation-name: holeOut;
  -webkit-animation-iteration-count: infinite;

  -moz-animation-name: holeOut;
  -moz-animation-iteration-count: infinite;

  -ms-animation-name: holeOut;
  -ms-animation-iteration-count: infinite;

  -o-animation-name: holeOut;
  -o-animation-iteration-count: infinite;

  animation-name: holeOut;
  animation-iteration-count: infinite;
}

/* ALARM BLINK ANIMATION */
@-webkit-keyframes lakeBlink {
	from {background-color: transparent}
	50% {background-color: red}
	to {background-color: transparent}
}

@-moz-keyframes lakeBlink {
	from {background-color: transparent}
	50% {background-color: red}
	to {background-color: transparent}
}

@-o-keyframes lakeBlink {
	from {background-color: transparent}
	50% {background-color: red}
	to {background-color: transparent}
}

@-ms-keyframes lakeBlink {
	from {background-color: transparent}
	50% {background-color: red}
	to {background-color: transparent}
}

/*@keyframes lakeBlink {
	from {background-color: transparent}
	50% {background-color: red}
	to {background-color: transparent}
}*/

.lake-blink-rule {

  /*-webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;*/


    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: lakeBlink;
    -webkit-animation-timing-function: ease;

    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: lakeBlink;
    -moz-animation-timing-function: ease;

    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-name: lakeBlink;
    -ms-animation-timing-function: ease;

    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-name: lakeBlink;
    -o-animation-timing-function: ease;

    /*animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: lakeBlink;
    animation-timing-function: ease;  */
}


.x-tip {
    background-color: white !important;
}
.x-tip {
    border-color: black !important;
}


.olControlAttribution {
    font-weight: bold;
    font-size: small !important;
    background-color: white;
    opacity; 0.75;
    right: 5px !important;
    bottom: 5px !important;
    position: absolute;
    display: block;
}

div.olMap {
    background-color: whitesmoke;
}


.floatingPanel {
	background-color: lightgray;

    box-shadow: 0px 0px 5px 2px #787878 ;
	-webkit-box-shadow: 0px 0px 5px 2px #787878 ;
	-moz-box-shadow: 0px 0px 5px 2px #787878 ;

    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;

    border: thin solid;
}

.x-btn-default-large .x-btn-inner {
	font-size: 20px;
}

.x-btn-default-large {
    background-image: none !important;
}
.x-btn-default-large-over {
    background-image: none !important;
}



.x-border-layout-ct{
    background-color: transparent !important;
}

.x-nlg .x-btn-default-small {
    background-repeat: repeat-x;
}



/* CROSSFADING IMAGES */

.crossfade > img {
    width: 100%;
    height=25;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
}

@-webkit-keyframes imageAnimation {
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation {
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation {
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation {
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation {
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}


.mwa-popup {
    display: none;
    position: absolute;
    background-color: rgba(255,255,255,0.95);
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    -webkit-box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.95);
    -moz-box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.95);
    box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.95);
    min-width: 180px;
}

#mwa-popup-content {
  max-height: 450px;
  overflow-x: auto;
}

.mwa-popup:after, .mwa-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.mwa-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.mwa-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.mwa-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.mwa-popup-closer:after {
    content: "x";
}

.mwa-popup-title {
    padding: 16px 0px 8px 0px;
}

.mwa-popup-title a{
    color: rgba(0,114,187,1);
    font-weight: bold;
    font-family: MuseoSans-500, Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}

.mwa-popup-title a:hover{
    text-decoration: underline;
}

.getinfotable{
  width: 100%;
}

.getinfotable th,
.getinfotable td{
  padding: 2px 4px 2px 4px;
  white-space: nowrap;
  border: thin solid rgb(158, 158, 158);
}


.getinfotable th{
  background-color: black;
  color: white;
  font-weight: bold;
}

::-webkit-input-placeholder {
   color: #787878 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #787878 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #787878 !important;
}

:-ms-input-placeholder {
   color: #787878 !important;
}

.x-grid-cell-inner-checkcolumn {
    line-height: 0;
    font-size: 0;
}
.x-grid-cell-inner-checkcolumn {
    padding: 4px 6px 3px 6px;
}
.x-grid-no-row-lines .x-grid-row-focused .x-grid-cell-inner-checkcolumn {
    padding-top: 3px;
    padding-bottom: 2px;
}
.x-grid-checkcolumn {
    width: 13px;
    height: 13px;
    background: url(../ext-4.1.2/resources/themes/images/gray/form) 0 0 no-repeat;
}
.x-item-disabled .x-grid-checkcolumn {
    filter: alpha(opacity=30);
    opacity: .3;
}
.x-grid-checkcolumn-checked {
    background-position: 0 -13px;
}

.x-toolbar {
    border: 0px;
}