/* setting font fixes combobox rendering issues in IE. See
 * http://extjs.com/forum/showthread.php?t=72505 */
body {
    font-family:helvetica,tahoma,verdana,sans-serif;
}

.doubleMapCompCLS {
border: 2px solid!important;
width: 800px;
height: 400px !important;
margin: 50px!important;
}

/* don't wrap lines on any tooltips */
.x-tip {
    white-space: nowrap;
}

/* application css goes here */

div.olControlMousePosition {
    text-align: right;
    font-size: 9px;
    bottom: 0px;
    right: 150px;
    border-color: #D0D0D0;
    background-color: #FFFFFF;
    padding: 0px;
    padding-right: 8px;
    padding-top: 3px;
    opacity:0.5;
    width: 160px;
    height: 13px;
}

div.olControlMousePosition  b{
    font-size: 9px;
    font-weight: bold;
}

.baseLayerCombo{
    position: absolute;
    top: 80px;
    right: 100px;
    z-index: 2000;	
}
.baseLayerCombo .x-form-trigger {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px;
    background-color: #d1d1d1;
}
.baseLayerCombo .x-form-field-wrap .x-form-trigger{
}

.imagesLayerCombo{
    position: absolute;
    top: 80px;
    right: 281px;
    z-index: 2000;	
}
.imagesLayerCombo .x-form-trigger {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px;
    background-color: #d1d1d1;
}
.imagesLayerCombo .x-form-field-wrap .x-form-trigger{
}

#comboIndirizzi {
    padding: 5px;
    height: 24px;
    float: left;
}
#comboTopomini {
    padding: 5px;
    height: 24px;
    float: left;
}

#comboCoord{
    padding: 5px;
    height: 24px;
    float: left;
}

#comboPoi {
    padding: 5px;
    height: 24px;
    float: left;
}
.panelsearch {
    padding: 5px !important;
    height: 24px !important;
    position:absolute;
    left: 300px;
}

.panelCompassN {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    background-image: url(../app/img/compass/north.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    cursor: pointer;
    right: 40px;
    top: 130px;
}

.panelCompassE {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    background-image: url(../app/img/compass/east.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    cursor: pointer;
    right: 40px;
    top: 130px;
}

.panelCompassS {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    background-image: url(../app/img/compass/south.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    cursor: pointer;
    right: 40px;
    top: 130px;
}

.panelCompassW {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    background-image: url(../app/img/compass/west.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    cursor: pointer;
    right: 40px;
    top: 130px;
}


.panelCompassNE {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    background-image: url(../app/img/compass/north_east.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    cursor: pointer;
    right: 40px;
    top: 130px;
}

.panelCompassSE {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    background-image: url(../app/img/compass/south_east.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    cursor: pointer;
    right: 40px;
    top: 130px;
}

.panelCompassSW {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    background-image: url(../app/img/compass/south_west.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    cursor: pointer;
    right: 40px;
    top: 130px;
}

.panelCompassNW {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    background-image: url(../app/img/compass/north_west.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    cursor: pointer;
    right: 40px;
    top: 130px;
}

.panelCompassOrthophoto {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    background-image: url(../app/img/compass/orthophoto.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    cursor: pointer;
    right: 40px;
    top: 130px;
}

.panelViewDirectionN {
    width: 50px;
    height: 50px;
    background-image: url(../app/img/compass/north_arrow.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    right: 40px;
    top: 130px;
}

.panelViewDirectionS {
    width: 50px;
    height: 50px;
    background-image: url(../app/img/compass/south_arrow.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    right: 40px;
    top: 130px;
}

.panelViewDirectionE {
    width: 50px;
    height: 50px;
    background-image: url(../app/img/compass/east_arrow.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    right: 40px;
    top: 130px;
}

.panelViewDirectionW {
    width: 50px;
    height: 50px;
    background-image: url(../app/img/compass/west_arrow.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    right: 40px;
    top: 130px;
}


.panelViewDirectionNE {
    width: 50px;
    height: 50px;
    background-image: url(../app/img/compass/north_east_arrow.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    right: 40px;
    top: 130px;
}

.panelViewDirectionSE {
    width: 50px;
    height: 50px;
    background-image: url(../app/img/compass/south_east_arrow.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    right: 40px;
    top: 130px;
}

.panelViewDirectionSW {
    width: 50px;
    height: 50px;
    background-image: url(../app/img/compass/south_west_arrow.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    right: 40px;
    top: 130px;
}

.panelViewDirectionNW {
    width: 50px;
    height: 50px;
    background-image: url(../app/img/compass/north_west_arrow.png);
    background-size: 50px 50px !important;
    border-radius: 50%;
    right: 40px;
    top: 130px;
}

.searchaddr {
    position:absolute;
    right:250px;
}
.searchaddr .x-form-trigger {
    padding-top: 9px;
    padding-bottom: 5px;
    border: 0px;
    background-color: #d1d1d1;
    position:absolute;
    left: 413px;
}
.searchaddr .x-form-field-wrap .x-form-trigger{
    padding-top: 9px;
    padding-bottom: 5px;
    border-bottom: 1px solid #a1a1a1;
}

.buttonSearch {
    position: absolute;
    top: 0px;
    left: 430px;
    z-index: 2000;	
    background: #f29f1e;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
}

.buttonRow {
    text-align: center;
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 8px !important;
    vertical-align: top !important;
}

.roundedButton{
    padding: 10px 10px 8px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    color: white !important;
    font-size: 12px !important;
    font-family: Helvetica, Arial, Sans-Serif !important;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
    background: none repeat scroll 0% 0% rgb(242, 159, 30);
    border-radius: 5px 5px 5px 5px;
}

.roundedButtonDisabled{
    position: absolute;
    top: -1000px;
    left: -1000px;
}

.roundedButton:hover {
    background: #d08801;
    color: #000000;
}

.roundedButtonDisabled {
    border-top: 1px solid #f2bf5f;
    background: #f2bf5f;
    color: #dddddd !important;
    cursor: default;
}

.roundedButtonDisabled:hover {
    border-top-color: #f2bf5f;
    background: #f2bf5f;
    color: #dddddd;
}

.buttonSearch .x-btn-text {
    cursor: pointer !important;
    cursor: hand !important;
    border: none !important;
    /* Disable the button-style */
    background-color: transparent !important;
    background:none no-repeat center !important;
    background-image: url(../app/img/button_search.png)!important;
    background-size: 13px 13px !important;
    padding: 0px !important;

}

.x-combo-list-inner {
    line-height: 1.8em;
}

/* remove images */
.buttonSearch .x-btn-tl,
.buttonSearch .x-btn-tr,
.buttonSearch .x-btn-tc,
.buttonSearch .x-btn-ml,
.buttonSearch .x-btn-mr,
.buttonSearch .x-btn-mc,
.buttonSearch .x-btn-bl,
.buttonSearch .x-btn-br,
.buttonSearch .x-btn-bc {
    background-image: none !important;
    margin: 0px;
    padding: 0px;
}

/* remove little dots in FF */

.buttonSearch .x-btn-tl i,
.buttonSearch .x-btn-tr i,
.buttonSearch .x-btn-tc i,
.buttonSearch .x-btn-ml i,
.buttonSearch .x-btn-mr i,
.buttonSearch .x-btn-mc i,
.buttonSearch .x-btn-bl i,
.buttonSearch .x-btn-br i,
.buttonSearch .x-btn-bc i {
    font-size: 0px;
}


.buttonSearchRouting {
    float: right;
    z-index: 2000;	
    background: #f29f1e;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: uppercase;
    margin-top: 5px;
}

.buttonSearchRouting .x-btn-text {
    cursor: pointer !important;
    cursor: hand !important;
    border: none !important;
    /* Disable the button-style */
    background-color: transparent !important;
    background:none no-repeat center !important;
    padding: 0px !important;
    color: #FFFFFF !important;
    font-weight: bold;
    font-size: 0.9em;

}

/* remove images */
.buttonSearchRouting .x-btn-tl,
.buttonSearchRouting .x-btn-tr,
.buttonSearchRouting .x-btn-tc,
.buttonSearchRouting .x-btn-ml,
.buttonSearchRouting .x-btn-mr,
.buttonSearchRouting .x-btn-mc,
.buttonSearchRouting .x-btn-bl,
.buttonSearchRouting .x-btn-br,
.buttonSearchRouting .x-btn-bc {
    background-image: none !important;
    margin: 0px;
    padding: 0px;
}

/* remove little dots in FF */

.buttonSearchRouting .x-btn-tl i,
.buttonSearchRouting .x-btn-tr i,
.buttonSearchRouting .x-btn-tc i,
.buttonSearchRouting .x-btn-ml i,
.buttonSearchRouting .x-btn-mr i,
.buttonSearchRouting .x-btn-mc i,
.buttonSearchRouting .x-btn-bl i,
.buttonSearchRouting .x-btn-br i,
.buttonSearchRouting .x-btn-bc i {
    font-size: 0px;
}

.buttonInvSearchRouting {
    float: right;
    z-index: 2000;
    padding: 0px;     
}

.buttonInvSearchRouting .x-btn-text {
    cursor: pointer !important;
    cursor: hand !important;
    border: none !important;
    /* Disable the button-style */
    background-color: transparent !important;
    background:none no-repeat center !important;
    background-image: url(../app/img/routing/frecce.png)!important;
    background-size: 17px 16px !important;

}

/* remove images */
.buttonInvSearchRouting .x-btn-tl,
.buttonInvSearchRouting .x-btn-tr,
.buttonInvSearchRouting .x-btn-tc,
.buttonInvSearchRouting .x-btn-ml,
.buttonInvSearchRouting .x-btn-mr,
.buttonInvSearchRouting .x-btn-mc,
.buttonInvSearchRouting .x-btn-bl,
.buttonInvSearchRouting .x-btn-br,
.buttonInvSearchRouting .x-btn-bc {
    background-image: none !important;
    margin: 0px;
    padding: 0px;
}

/* remove little dots in FF */

.buttonInvSearchRouting .x-btn-tl i,
.buttonInvSearchRouting .x-btn-tr i,
.buttonInvSearchRouting .x-btn-tc i,
.buttonInvSearchRouting .x-btn-ml i,
.buttonInvSearchRouting .x-btn-mr i,
.buttonInvSearchRouting .x-btn-mc i,
.buttonInvSearchRouting .x-btn-bl i,
.buttonInvSearchRouting .x-btn-br i,
.buttonInvSearchRouting .x-btn-bc i {
    font-size: 0px;
}

.buttonAddPoint {
    float: left;
    z-index: 2000;
    padding: 0px;  
    margin-bottom: 5px;
}

.buttonAddPoint .x-btn-text {
    float:left;
    color: rgb(118, 118, 118);
    cursor: pointer !important;
    cursor: hand !important;
    border: none !important;
    /* Disable the button-style */
    background-color: transparent !important;
    background:none no-repeat center !important;
}

.buttonAddPoint .x-btn-text:hover {
    color: #f29f1e;
}

/* remove images */
.buttonAddPoint .x-btn-tl,
.buttonAddPoint .x-btn-tr,
.buttonAddPoint .x-btn-tc,
.buttonAddPoint .x-btn-ml,
.buttonAddPoint .x-btn-mr,
.buttonAddPoint .x-btn-mc,
.buttonAddPoint .x-btn-bl,
.buttonAddPoint .x-btn-br,
.buttonAddPoint .x-btn-bc {
    background-image: none !important;
    margin: 0px;
    padding: 0px;
}

/* remove little dots in FF */

.buttonAddPoint .x-btn-tl i,
.buttonAddPoint .x-btn-tr i,
.buttonAddPoint .x-btn-tc i,
.buttonAddPoint .x-btn-ml i,
.buttonAddPoint .x-btn-mr i,
.buttonAddPoint .x-btn-mc i,
.buttonAddPoint .x-btn-bl i,
.buttonAddPoint .x-btn-br i,
.buttonAddPoint .x-btn-bc i {
    font-size: 0px;
}

.buttonHiddenPoint {
    float: left;
    z-index: 2000;
    padding: 0px;  
    margin-bottom: 5px;
}

.buttonHiddenPoint .x-btn-text {
    float:left;
    color: rgb(118, 118, 118);
    cursor: pointer !important;
    cursor: hand !important;
    border: none !important;
    /* Disable the button-style */
    background-color: transparent !important;
    background:none no-repeat center !important;
    background-image: url(../app/img/routing/delete.gif)!important;
    background-size: 17px 16px !important;
}


/* remove images */
.buttonHiddenPoint .x-btn-tl,
.buttonHiddenPoint .x-btn-tr,
.buttonHiddenPoint .x-btn-tc,
.buttonHiddenPoint .x-btn-ml,
.buttonHiddenPoint .x-btn-mr,
.buttonHiddenPoint .x-btn-mc,
.buttonHiddenPoint .x-btn-bl,
.buttonHiddenPoint .x-btn-br,
.buttonHiddenPoint .x-btn-bc {
    background-image: none !important;
    margin: 0px;
    padding: 0px;
}

/* remove little dots in FF */

.buttonHiddenPoint .x-btn-tl i,
.buttonHiddenPoint .x-btn-tr i,
.buttonHiddenPoint .x-btn-tc i,
.buttonHiddenPoint .x-btn-ml i,
.buttonHiddenPoint .x-btn-mr i,
.buttonHiddenPoint .x-btn-mc i,
.buttonHiddenPoint .x-btn-bl i,
.buttonHiddenPoint .x-btn-br i,
.buttonHiddenPoint .x-btn-bc i {
    font-size: 0px;
}


.olControlAttribution {
    text-align: right;
    font-size: 9px;
    bottom: 0px;
    right: 319px;
    border-color: #D0D0D0;
    background-color: #FFFFFF;
    padding: 0px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 4px;
    opacity:0.5;
    height: 12px;

}

/* style for gxp_scaleoverlay */
div.map-overlay {
    position: absolute;
    bottom: 18px;
    left: 20px;
    right: auto;
}


div.search-item-directory{
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px; 
}
div.search-item-directory:hover{
    background: #AAAAAA;
    cursor: pointer;
}

div.search-item-directory img{
    margin-left: -10px;
}
div.search-item-directory .title{
    margin-left: 10px;
}
div.search-item-directory .type{
    margin-left: 10px;
}

/* styles for smgxp_panelmapoverview */
.panelMapOverview {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1050;
}
.panelMapOverview  .x-panel-body{
    opacity:0.7;
}
.olControlOverviewMapElement{
    padding: 0px;
    opacity: 0.7;
}

div.olControlZoom {
    position: absolute;
    top: 68px;
    right: 51px;
    left: auto;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 2px;
}

div.olControlZoom a {
    background: none repeat scroll 0% 0% rgba(241,157,0, 1);
}

div.olControlZoom a:hover {
    background: none repeat scroll 0% 0% rgba(161,105,1, 0.7);
}



/* styles for sardegnamappe_api_gxp */
table.featureInfo, table.featureInfo td, table.featureInfo th {
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    font-size: 90%;
    padding: .2em .1em;
}
table.featureInfo th {
    padding: .2em .2em;
    font-weight: bold;
    background: #eee;
}
table.featureInfo td{
    background: #fff;
}
table.featureInfo tr.odd td{
    background: #eee;
}
table.featureInfo caption{
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    padding: .2em .2em;
}

table.noborder {
    padding: .2em .2em;
    border-width: 0px;;
}

.olMap {
    background-color: #1c1f4c; 
    background-color: #DCDFE9; 
    background-color: #4682B4; 

}

.x-toolbar-left{
    padding-top: 5px;
    padding-left: 8px;
}

.x-toolbar-left .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 26px;
    padding-left: 32px;
}


.x-toolbar-left .x-btn-icon .x-btn-small .x-btn-text {

}
.x-toolbar-right{
    padding-top: 8px;
    padding-right: 5px;
}
.x-toolbar-right .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 26px;
    padding-left: 32px;
}

.x-toolbar-right .x-btn-icon .x-btn-small .x-btn-text {
    height: 26px;
    width: 52px;
}

.x-btn-icon .x-btn-small .x-btn-text {
    height: 24px;
    width: 40px;
}

.x-menu-item-icon {
    background-position: center center;
    border: 0 none;
    height: 24px;
    left: 3px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 3px;
    vertical-align: top;
    width: 20px;
}


.x-small-editor .x-form-text {
    padding: 4px!important;
    padding-bottom: 3px;
}
.x-small-editor .x-form-field-wrap .x-form-trigger {
    height: 24px;
}



.x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 24px;
    padding-left: 28px;
}

.x-btn-noicon .x-btn-small .x-btn-text {
    height: 24px;
}
a.x-menu-item {
    cursor: pointer;
    display: block;
    line-height: 24px;
    outline: 0 none;
    padding: 3px 24px 3px 38px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.ext-strict .x-menu-item-icon {
    left: 6px;
}

.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon {
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 22px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 24px;
}

.popupAddr {
    padding: 20px;
    font-size: 1.1em;
}
.popupAddr h1{
    margin-top: 8px;
}
.popupAddr p{
    margin-bottom: 8px;
}

.tbarHeader {
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    position: absolute;
    z-index: 10;
    height:46px;
}

.tbarmap {
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    position: absolute;
    padding-top: 0px;
    padding-left: 0px;
    height: 30px;
    z-index: 10;
}

.panel_tbarmap {
    margin-top: 74px;
    margin-left: 10px;
    position: absolute;
    z-index: 3000;
}

.x-toolbar-left {
    padding-left: 0px;
    padding-top: 5px;
}
#doubleMapComp_map1_tbarmap .x-toolbar-left {
    padding-top: 0px;
}

.x-toolbar#doubleMapComp_map1_tbarmap {
    border: 0px;
    border-radius:5px;
    width: 160px !important;
}
/* remove images */
.x-toolbar#doubleMapComp_map1_tbarmap .x-btn-tl,
.x-toolbar#doubleMapComp_map1_tbarmap .x-btn-tr,
.x-toolbar#doubleMapComp_map1_tbarmap .x-btn-tc,
.x-toolbar#doubleMapComp_map1_tbarmap .x-btn-ml,
.x-toolbar#doubleMapComp_map1_tbarmap .x-btn-mr,
.x-toolbar#doubleMapComp_map1_tbarmap .x-btn-mc,
.x-toolbar#doubleMapComp_map1_tbarmap .x-btn-bl,
.x-toolbar#doubleMapComp_map1_tbarmap .x-btn-br,
.x-toolbar#doubleMapComp_map1_tbarmap .x-btn-bc {
    //background-image: none !important;
    margin: 0px;
    padding: 0px;
}

.x-toolbar#doubleMapComp_map1_tbarmap .x-btn-split {
    background-image: url('../app/img/ext/button/s-arrow-o.gif') !important;

}

/* remove little dots in FF */

.buttonSearch .x-btn-tl i,
.buttonSearch .x-btn-tr i,
.buttonSearch .x-btn-tc i,
.buttonSearch .x-btn-ml i,
.buttonSearch .x-btn-mr i,
.buttonSearch .x-btn-mc i,
.buttonSearch .x-btn-bl i,
.buttonSearch .x-btn-br i,
.buttonSearch .x-btn-bc i {
    font-size: 0px;
}

.x-toolbar#doubleMapComp_map2_tbarmap {
    border: 0px;
    width: 160px !important;
    border-radius:5px;
}


#doubleMapComp_map2_tbarmap .x-toolbar-left {
    padding-top: 0px;
}
.searchaddr {
    margin-top: 8px;
    margin-left: 360px;
    position: absolute;
    z-index: 3000;
}

.smbutton {
    width: 180px !important;
    height: 30px !important;
    background-image: url(../app/img/smapi.png) !important;
    background-size: 180px 30px;
}

.rasbutton {
    width: 30px !important;
    height: 30px !important;
    background-image: url(../app/img/logoras.png) !important;
    background-size: 30px 30px;
}

.gxp-icon-template {
    background-image: url(../app/img/toolbar/save.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-logoff {
    background-image: url(../app/img/toolbar/padlock_closed.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-login {
    background-image: url(../app/img/toolbar/padlock_open.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-rasinfo {
    background-image: url(../app/img/logoras.png) !important;
    background-size: 30px 30px;
}

.gxp-icon-obliquephotos {
 //   background-image: url(../app/img/toolbar/obliquephotos.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-getfeatureinfo {
    background-image: url(../app/img/toolbar/info.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-zoomtoextent {
    background-image: url(../app/img/toolbar/maxextent.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-zoom {
    background-image: url(../app/img/toolbar/zoomextent.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-zoom-previous {
    background-image: url(../app/img/toolbar/zoomprevious.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-zoom-next {
    background-image: url(../app/img/toolbar/zoomnext.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-buttonSearch {
    background-image: url(../app/img/button_search.png) !important;
    background-size: 17px 16px;
}

.gxp-icon-buttonInvSearchRouting {
    background-image: url(../app/img/rounting/frecce.png) !important;
    background-size: 13px 13px;
}

.x-btn .gxp-icon-measure-length, .x-menu-item .gxp-icon-measure-length, .x-tree-node .gxp-icon-measure-length {
    background-image: url(../app/img/toolbar/lenght.png) !important;
    background-size: 23px 23px !important;
}
.x-btn .gxp-icon-measure-area, .x-menu-item .gxp-icon-measure-area, .x-tree-node .gxp-icon-measure-area {
    background-image: url(../app/img/toolbar/area.png) !important;
    background-size: 23px 23px !important;
}
.x-btn .gxp-icon-measure-height, .x-menu-item .gxp-icon-measure-height, .x-tree-node .gxp-icon-measure-height {
    background-image: url(../app/img/toolbar/height.png) !important;
    background-size: 23px 23px !important;
}

.gxp-icon-print-map {
    background-image: url(../app/img/toolbar/print.png) !important;
    background-size: 23px 23px;
}


.gxp-icon-addnode {
    background-image: url(../app/img/toolbar/plus.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-addlayers {
    background-image: url(../app/img/toolbar/layer.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-addgroup {
    background-image: url(../app/img/toolbar/folder.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-map {
    background-image: url(../app/img/toolbar/link.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-import {
    background-image: url(../app/img/toolbar/import.png) !important;
    background-size: 23px 23px;
}

.gxp-icon-point {
    background-image: url(../app/img/toolbar/point.png) !important;
    background-size: 23px 23px;
}

.x-btn .gxp-icon-removelayers, .x-menu-item .gxp-icon-removelayers, .x-tree-node .gxp-icon-removelayers {
    background-image: url(../app/img/toolbar/minus.png) !important;
    background-size: 23px 23px;
}

.x-btn .gxp-icon-zoom-to, .x-menu-item .gxp-icon-zoom-to, .x-tree-node .gxp-icon-zoom-to {
    background-image: url(../app/img/toolbar/zoomlayer.png) !important;
    background-size: 23px 23px;
}

.x-btn .gxp-icon-layerproperties, .x-menu-item .gxp-icon-layerproperties, .x-tree-node .gxp-icon-layerproperties {
    background-image: url(../app/img/toolbar/properties.png) !important;
    background-size: 23px 23px;
}

.x-btn .gxp-icon-metadata, .x-menu-item .gxp-icon-metadata, .x-tree-node .gxp-icon-metadata {
    background-image: url(../app/img/toolbar/metadata.png) !important;
    background-size: 23px 23px;
}

.x-btn .dmbutton, .x-menu-item .dmbutton, .x-tree-node .dmbutton {
    background-size: 23px 23px;
}


.x-btn .colBtnPressed, .x-menu-item .colBtnPressed, .x-tree-node .colBtnPressed {
    background-size: 23px 23px;
}

.dmBtnPressed{
    background-image: url('../app/img/toolbar/single_map.png') !important;
    background: no-repeat center;
    background-size: 23px 23px;
}

/* remove images */
.dmBtnPressed .x-btn-tl,
.dmBtnPressed .x-btn-tr,
.dmBtnPressed .x-btn-tc,
.dmBtnPressed .x-btn-ml,
.dmBtnPressed .x-btn-mr,
.dmBtnPressed .x-btn-mc,
.dmBtnPressed .x-btn-bl,
.dmBtnPressed .x-btn-br,
.dmBtnPressed .x-btn-bc {
    background-image: none !important;
    margin: 0px;
    padding: 0px;
}

/* remove little dots in FF */

.dmBtnPressed .x-btn-tl i,
.dmBtnPressed .x-btn-tr i,
.dmBtnPressed .x-btn-tc i,
.dmBtnPressed .x-btn-ml i,
.dmBtnPressed .x-btn-mr i,
.dmBtnPressed .x-btn-mc i,
.dmBtnPressed .x-btn-bl i,
.dmBtnPressed .x-btn-br i,
.dmBtnPressed .x-btn-bc i {
    font-size: 0px;
}

.dmBtn{
    background-image: url('../app/img/toolbar/double_map.png') !important;
    background: no-repeat center;
    background-size: 23px 23px;
}

/* remove images */
.dmBtn .x-btn-tl,
.dmBtn .x-btn-tr,
.dmBtn .x-btn-tc,
.dmBtn .x-btn-ml,
.dmBtn .x-btn-mr,
.dmBtn .x-btn-mc,
.dmBtn .x-btn-bl,
.dmBtn .x-btn-br,
.dmBtn .x-btn-bc {
    background-image: none !important;
    margin: 0px;
    padding: 0px;
}

/* remove little dots in FF */

.dmBtn .x-btn-tl i,
.dmBtn .x-btn-tr i,
.dmBtn .x-btn-tc i,
.dmBtn .x-btn-ml i,
.dmBtn .x-btn-mr i,
.dmBtn .x-btn-mc i,
.dmBtn .x-btn-bl i,
.dmBtn .x-btn-br i,
.dmBtn .x-btn-bc i {
    font-size: 0px;
}
.x-menu-list {
    background: #FFFFFF !important ;
}

.gx-info-panel {
    width: 100%;
    text-align: center;
}
.gx-info-panel a{
    color: #616062;
    font-weight: bold;
}

.gx-info-panel a:hover, active{
    color: #ed9a00;
}

.gx-info-panel h1{ 
    position:absolute;
    top:-1000px;
    left:-1000px;
}

.gx-info-panel h2{
    width: 100%;
    float:left; 
    margin-top: 4px;
    margin-bottom: 10px;
}
.gx-info-panel p{
    float:left; 
    padding: 20px;
}


.logo {
    margin: 0px auto;
    width: 180px !important;
    height: 30px !important;
    background-image: url(../app/img/sfa.png) !important;
    background-size: 180px 30px;
}

.logoras {
    margin: 0px auto;
    margin-top: 20px;
    width: 30px !important;
    height: 30px !important;
    background-image: url(../app/img/ras.png) !important;
    background-size: 30px 30px;
}


.row-start {

    padding-top: 5px;
    padding-bottom: 5px;
}
.row-start:hover {
    background: #6c820c;
    color: #FFFFFF;
}
.row-stop {
    padding-top: 5px;
    padding-bottom: 5px;
}
.row-stop:hover {
    background: #d54d12;
    color: #FFFFFF;
}

.row-via1 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.row-via1:hover {
    background: #f4a300;
    color: #FFFFFF;
}

.row-via2 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.row-via2:hover {
    background: #f4a300;
    color: #FFFFFF;
}

.start-cell {
    background:none no-repeat center !important;
    background-image: url(../app/img/routing/start.gif) !important;
    background-size: 20px 20px !important;
}
.stop-cell {
    background:none no-repeat center !important;
    background-image: url(../app/img/routing/stop.gif) !important;
    background-size: 20px 20px !important;
}
.via1-cell {
    background:none no-repeat center !important;
    background-image: url(../app/img/routing/via1.gif) !important;
    background-size: 20px 20px !important;
}
.via2-cell {
    background:none no-repeat center !important;
    background-image: url(../app/img/routing/via2.gif) !important;
    background-size: 20px 20px !important;
}

.start-cell2 {
    background:none no-repeat left !important;
    background-image: url(../app/img/routing/start.gif) !important;
    background-size: 20px 20px !important;
    margin-left: 10px!important;
    float:left;
}
.start-cell2 .x-grid3-col-instruction{
    padding-left: 25px;
}
.stop-cell2 {
    background:none no-repeat left !important;
    background-image: url(../app/img/routing/stop.gif) !important;
    background-size: 20px 20px !important;
    margin-left: 10px!important;
    float:left;
}
.stop-cell2 .x-grid3-col-instruction{
    padding-left: 25px;
}
.via1-cell2 {
    background:none no-repeat left !important;
    background-image: url(../app/img/routing/via1.gif) !important;
    background-size: 20px 20px !important;
    margin-left: 10px!important;
    float:left;
}
.via1-cell2 .x-grid3-col-instruction{
    padding-left: 25px;
}
.via2-cell2 {
    background:none no-repeat left !important;
    background-image: url(../app/img/routing/via2.gif) !important;
    background-size: 20px 20px !important;
    margin-left: 10px!important;
    float:left;
}
.via2-cell2 .x-grid3-col-instruction{
    padding-left: 25px;
}

.routingResultPanel {
    line-height: 1.5em;
}

.routingResultPanel ul{
    font-size: 0.9em;
    line-height: 1.5em;
}
.routingResultPanel ul a{
    color: rgb(118, 118, 118);
}

.routingResultPanel li{
    float:left;
    margin-right: 20px;
}

.routingResultPanel ul a:hover{
    color: #f29f1e;
}

.typeRouting {
    margin-bottom: 16px;
}

.typeRouting label {
    font-size: 0.7em;
}

.mapLinker h2{
    padding: 10px;
}

.mapLinker input{
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    width: 85%;
}

.mapLinker textarea{
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    width: 85%;
}

.formRouting {
    margin-bottom: 20px;
}


.loading {
    width: 100%;
}

span.gxp-icon-loading {
    width: 16px;
    height: 16px;
    background:none no-repeat left !important;
    background-image: url(../app/img/loading.gif) !important;
    background-size: 16px 16px !important;
    float:left;
    margin-right: 10px;
}

.loading p{
    margin: 0px; 
    margin-top: -2px;
    padding: 0px;
    float:left;
}

.syncBtn{
    background-image: url('img/sync_lock.png');
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-20px;
    width:40px;
    height:40px;
}

.syncBtnPressed{
    background-image: url('img/sync_unlock.png');
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-20px;
    width:40px;
    height:40px;
}


.x-btn-mc{
    background-image: none !important;
}

.oblBtnPressed{
    background-image: url('../app/img/toolbar/obliquephotos_active.png') !important;
    background: no-repeat center;
    background-size: 23px 23px;
}

/* remove images */
.oblBtnPressed .x-btn-tl,
.oblBtnPressed .x-btn-tr,
.oblBtnPressed .x-btn-tc,
.oblBtnPressed .x-btn-ml,
.oblBtnPressed .x-btn-mr,
.oblBtnPressed .x-btn-mc,
.oblBtnPressed .x-btn-bl,
.oblBtnPressed .x-btn-br,
.oblBtnPressed .x-btn-bc {
    background-image: none !important;
    margin: 0px;
    padding: 0px;
}

/* remove little dots in FF */

.oblBtnPressed .x-btn-tl i,
.oblBtnPressed .x-btn-tr i,
.oblBtnPressed .x-btn-tc i,
.oblBtnPressed .x-btn-ml i,
.oblBtnPressed .x-btn-mr i,
.oblBtnPressed .x-btn-mc i,
.oblBtnPressed .x-btn-bl i,
.oblBtnPressed .x-btn-br i,
.oblBtnPressed .x-btn-bc i {
    font-size: 0px;
}

.oblBtn{
    background-image: url('../app/img/toolbar/obliquephotos.png') !important;
    background: no-repeat center;
    background-size: 23px 23px;
}

/* remove images */
.oblBtn .x-btn-tl,
.oblBtn .x-btn-tr,
.oblBtn .x-btn-tc,
.oblBtn .x-btn-ml,
.oblBtn .x-btn-mr,
.oblBtn .x-btn-mc,
.oblBtn .x-btn-bl,
.oblBtn .x-btn-br,
.oblBtn .x-btn-bc {
    background-image: none !important;
    margin: 0px;
    padding: 0px;
}

/* remove little dots in FF */

.oblBtn .x-btn-tl i,
.oblBtn .x-btn-tr i,
.oblBtn .x-btn-tc i,
.oblBtn .x-btn-ml i,
.oblBtn .x-btn-mr i,
.oblBtn .x-btn-mc i,
.oblBtn .x-btn-bl i,
.oblBtn .x-btn-br i,
.oblBtn .x-btn-bc i {
    font-size: 0px;
}

.viewDirection{
    position: absolute;
    top: 140px;
    right: 20px;
    z-index: 2000;	
    border: 1px solid;
    width: 50px;
    height: 150px;
}
.viewDirection .x-form-trigger {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px;
    background-color: #d1d1d1;
}
.viewDirection .x-form-field-wrap .x-form-trigger{
}