.theme-logo{
	background: url(./images/theme-sky-logo.png) no-repeat;
	width: 100%;
	height: auto;
}

.theme-company{
	background: url(../common/images/trilogis-logo.png) no-repeat;
	width: 100%;
	height: auto;
}
/* COLORS */
/*NB CHANGE COLOR OF ALL INTERFACE TEXT*/
.trilogis_default_primary_color, .x-tree-node a span, .x-dd-drag-ghost a span, .x-tree-node a, .x-dd-drag-ghost a{
  color: #666;
}

/* COLORE SECONDARIO */
.trilogis_secondary_color{
	color: #25A0DA;
	/*color:orange;*/
}


/* COLORE HIGHLIGHT */
 .x-panel-header, .x-panel-noborder .x-panel-header-noborder, /*ul.x-tab-strip-top, .x-tab-panel-header, .x-tab-panel-footer,
 .x-tab-strip-active span.x-tab-strip-text, .x-tab-strip span.x-tab-strip-text,*/ .buttonClassAction:hover, .x-window-tl .x-window-header,
 .x-window-tl, .x-window-tr {
 	background:#25A0DA; 	
 	color:#fff;
 }

/* COLORS BUTTON*/
/*NB CHANGE COLOR OF ALL INTERFACE TEXT*/
.buttonClassAction button{
	color:#666;
}

.buttonClassAction:hover button{
	color:#fff;
}

.x-btn-pressed{
	background:#25A0DA;
	border: 1px solid #81C9ED;
}

/* WINDOW */
.x-window-bl, .x-window-br, .x-window-cl, .x-window-cr,  .x-window-ml, .x-window-mr, .x-window-bc, 
body.x-body-masked .x-window-plain .x-window-mc, .x-window-mc {
	background: #fff;
}


/* ICONE */
.x-btn .icon-zoom-in {
    background-image: url("images/zoom-in_32.png") !important;
}

.x-btn-pressed .icon-zoom-in {
    background: url("images/hover/zoomin.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}


.icon-zoom-in {
    background: url("images/zoom-in_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn .icon-zoom-out {
    background-image: url("images/zoom-out_32.png") !important;
}
.icon-zoom-out {
    background: url("images/zoom-out_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-zoom-out {
    background: url("images/hover/zoomout.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn .icon-zoom-previous {
    background-image: url("images/back-icon_32.png") !important;
}
.icon-zoom-previous {
    background: url("images/back-icon_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn .icon-zoom-next {
    background-image: url("images/next-icon_32.png") !important;
}
.icon-zoom-next {
    background: url("images/next-icon_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn .icon-zoom-visible {
    background-image: url("images/zoom-extend-icon_32.png") !important;
}
.icon-zoom-visible {
    background: url("images/zoom-extend-icon_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn .icon-pan {
    background-image: url("images/hand_32.png") !important;
}

.x-btn-pressed .icon-pan {
    background: url('images/hover/move.png') no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-pan {
    background: url('images/hand_32.png') no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn .icon-save-features {
    background-image: url("images/disk-icon_32.png") !important;
}
.icon-save-features {
    background: url("images/disk-icon_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-save {
	  background: url("images/disk-icon_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 24px !important;
    height: 24px !important;
}


.x-btn .icon-printer {
    background-image: url("images/pdf-icon_32.png") !important;
}

.icon-printer {
    background: url("images/pdf-icon_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn .icon-measure-length {
    background-image: url("images/measureline-icon_32.png") !important;
}


.icon-measure-length {
    background: url("images/measureline-icon_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-measure-length {
    background: url('images/hover/measuring.png') no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn .icon-measure-area {
    background-image: url("images/measurearea-icon_32.png") !important;
}
.icon-measure-area {
    background: url("images/measurearea-icon_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-measure-area {
    background: url('images/hover/area.png') no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-select{
	 background: url('images/select.png') no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-select {
    background: url('images/hover/select.png') no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}


.x-btn .icon-getfeatureinfo {
    background-image: url("images/info-icon_32.png") !important;
}

.icon-getfeatureinfo {
    background: url("images/info-icon_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-getfeatureinfo {
    background: url('images/hover/information.png') no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn .icon-addlayers {
    background-image: url("images/addwmc-icon_32.png") !important;
}

.icon-addlayers {
    background: url("images/addwmc-icon_32.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.
.x-slider-vert .x-slider-thumb {
    background-image: url("../js/libs/ext-3.4.0/resources/images/gray/slider/slider-v-thumb.png");
}

.icon-editors{
	background: url("images/editors.png") no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-tocpanel {
    background-image: url("images/layers-icon_24.png") !important;
    margin-right: 4 !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-gazetteer {
    background-image: url("images/find-icon_24.png") !important;
    margin-bottom: 4px !important;
    margin-right: 4 !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-legend {
    background-image: url("images/legend-icon_24.png") !important;
    margin-right: 4 !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-wmsserver {
    background-image: url("images/server-add-icon_24.png") !important;
    margin-right: 4 !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-logo {
	background-image: url("images/logo2.png") !important;
	margin-right: 4 !important;
	width: 24px !important;
    height: 24px !important;
}



.hr-legend-panel-header {
    font-weight: normal;
}

.icon-navigation{
	background-image: url("images/navigation.png") !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-browse{
	background-image: url("images/navigation.png") !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-search{
	background-image: url("images/find-icon_24.png") !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-searches{
	background-image: url("images/searches.png") !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-geocoding{
	background-image: url("images/place.png") !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-routingHeader{
	background-image: url("images/hover/routing.png") !important;
 	width: 24px !important;
    height: 24px !important;
}

.icon-drawPoint{
	background-image: url("images/point.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-drawPoint {
    background: url('images/hover/point.png') no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}


.icon-drawLine{
	background-image: url("images/line.png") !important;
    width: 32px !important;
    height: 32px !important;
}


.x-btn-pressed .icon-drawLine {
    background: url('images/hover/line.png') no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-drawPolygon{
	background-image: url("images/polygon.png") !important;
    width: 32px !important;
    height: 32px !important;
}


.x-btn-pressed .icon-drawPolygon {
    background: url('images/hover/polygon.png') no-repeat 0 0 !important;
    margin: 2 !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-notelist{
	background-image: url("images/notelist.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-downloadShape{
	background-image: url("images/download_shape.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-editFeature{
	background-image: url("images/editFeature.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-editFeature{
	background-image: url("images/hover/editFeature_hover.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-3dView{
	background-image: url("images/Telescope.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-3dView{
	background-image: url("images/hover/Telescope.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-routing{
	background-image: url("images/routing.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-routing{
	background-image: url("images/hover/routing.png") !important;
    width: 32px !important;
    height: 32px !important;
}


.icon-routing-small{
	background-image: url("images/routing.png") !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-poi{
	background-image: url("images/poi.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-poi{
	background-image: url("images/hover/poi.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-cduSelect{
	background-image: url("images/selectCdu.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-cduSelect{
	background-image: url("images/hover/selectCdu.png") !important;
    width: 32px !important;
    height: 32px !important;
}


.icon-deleteFeatures{
	background-image: url("images/deleteFeatures.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-deleteFeatures{
	background-image: url("images/hover/deleteFeatures.png") !important;
    width: 32px !important;
    height: 32px !important;
}


.icon-sensor {
    background-image: url("images/hover/sensor.png") !important;
    margin-bottom: 4px !important;
    margin-right: 4 !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-plantInfo{
	background-image: url("images/plantInfo.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.icon-cdu{
	background-image: url("images/cdu.png") !important;
    width: 32px !important;
    height: 32px !important;
}

.x-btn-pressed .icon-plantInfo{
	background-image: url("images/hover/plantInfo.png") !important;
    width: 32px !important;
    height: 32px !important;
}