﻿.x-grid-tree-node-expanded .x-tree-icon-parent {
    background-image: url("../images/folder-open.gif"); 
}

.x-tree-icon-parent {
    background-image: url("../images/folder.gif"); 
}

.no-service-url,
.disabled-layer-row .x-tree-icon {
    opacity: 0.25;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /*IE8*/
    filter: alpha(opacity=25); /*IE7*/
    position: relative;
    zoom: 1;
}

.disabled-layer-row .naziv { color: #AAA; }

.no-service-url .x-tree-icon,
.no-service-url input {
    display: none !important;
}

.apis-inputgeometry .x-grid-cell-inner .tool.add {
	margin: 0 5px;
}

.scale-hint 
{
    padding: 8px;
    background: #DDD;
    border: 1px solid #AAA;
    border-radius: 4px;
    font-size: 11px;
    text-align: center;
}

.scale-hint:after,
.scale-hint:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.scale-hint:after {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #DDD;
	border-width: 5px;
	top: 50%;
	margin-top: -5px;
}
.scale-hint:before {
	border-color: rgba(153, 153, 153, 0);
	border-right-color: #AAA;
	border-width: 6px;
	top: 50%;
	margin-top: -6px;
}

.scale-hint h3,
.scale-hint p {
    margin: 0 0 5px 0;
}

.scale-hint h3 {
    font-size: 11px;
    font-weight: bold;
}

.scale-hint p {
    border-bottom: 1px solid #AAA;
    padding-bottom: 5px;
}

.scale-hint ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.scale-hint li {
    margin-top: 3px;
}

.apis-inputgeometry .x-grid-row .x-action-col-icon { opacity: 0; }
.apis-inputgeometry .x-grid-row.x-grid-row-selected .x-action-col-icon,
.apis-inputgeometry .x-grid-row.x-grid-row-over .x-action-col-icon { opacity: 1; }






.apis-identify-no-results {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    font-weight: bold;
    color: #666;
}

.apis-identify-panel {
    background: white;
    border-bottom: 1px solid #ccc;
}

.apis-identify-panel:last-child {
    border-bottom: none;
}

.apis-identify-panel .titlebar {
    height: 25px;
    padding: 4px;
    padding-right: 22px;
    position: relative;
    
    background: linear-gradient(
        to bottom, 
        rgba(236,236,236,1) 0%, 
        rgba(215,215,215,1) 100%
    );

    font-family: tahoma,arial,verdana,sans-serif;
    font-weight: bold;
    line-height: 15px;
    font-size: 11px;
    color: #333;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-user-select: none;     
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.apis-identify-panel .titlebar .collapse-btn {
    width: 15px;
    height: 15px;
    float: right;
    background-image: url(../../ExtJs/resources/ext-theme-gray/images/tools/tool-sprites.gif);
    background-position: 0 -210px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 4px;
}

.apis-identify-panel .titlebar .collapse-btn:hover {
    background-position: -15px -210px;
}

.apis-identify-panel.collapsed .titlebar .collapse-btn {
    background-position: 0 -195px;
}

.apis-identify-panel.collapsed .titlebar .collapse-btn:hover {
    background-position: -15px -195px;
}

.apis-identify-panel.collapsed .body {
    display: none
}

.apis-identify-table {
    width: 100%;
}

.apis-identify-table tr {
    margin-bottom: 5px;
}

.apis-identify-table tr:last-child {
    margin-bottom: 0;
}

.apis-identify-table tr.naslov {
    background-color: #efefef;
}

.apis-identify-table td {
    padding: 4px;
}

.apis-identify-table .label,
.apis-identify-table .content {
    font-size: 12px;
    vertical-align: top;
}

.apis-identify-table .label {
    font-weight: bold;
    width: 230px;
}

table.apis-identify-table .naslov .label {
    padding-left: 10px;
}

table.apis-identify-table tr:not(.naslov) .label {
    padding-left: 30px;
}

.apis-identify-table .content ul {
    padding-left: 20px;
    margin: 0;
}
