@import "https://danubeforesthealth.eu/arcgis_js_api/library/3.16/3.16compact/dojox/layout/resources/FloatingPane.css";
@import "https://danubeforesthealth.eu/arcgis_js_api/library/3.16/3.16compact/dojox/layout/resources/ResizeHandle.css";
html, body, form { 
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0; 
    overflow:hidden;
}
td {
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    border-collapse:collapse;
}
body{
    background-color:white;
    overflow:hidden;
    font-family: "Trebuchet MS"; 
    font-size: 16px;
}

input{
    border:1px solid #b9b9b9;
    padding:0 7px;
    height:auto;
    border-radius:3px;
}

input:focus {
    border: 1px solid #5897fb;
}

input[type="radio"] {
    vertical-align:middle;
}

input[type="checkbox"] {
    vertical-align:middle;
    height:auto;
}

input[type="image"] {
    border:0px;
    padding:0;
    height:auto;
    border-radius:initial;
}

input[type="text"] {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 8px 0px 8px; 
    height:auto;
}

textarea {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    border:1px solid #b9b9b9;
    border-radius:3px
}

textarea:focus {
    border: 1px solid #5897fb;
}

input[type="password"] {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 8px 0px 8px;
    height:36px;
}

input[type="submit"] {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
    line-height:initial;
    min-height: 36px;
    width:auto;
    padding: 4px 24px;
}

input[type="button"] {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
    line-height:initial;
    min-height: 36px;
    width:auto;
    margin:initial;
    padding: 4px 24px;
}

input[type="file"] {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
    border:0px;
    padding:0px;
    height:36px;
    border-radius:0px;
}

select[size="1"] {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
    height:24px;
}

select {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
}


#mapDiv {
    margin: 0px 0px 0px 0px;
}
#topDiv 
{
    height: 33px; 
    padding-left: 5px;
}
#bottomDiv {
    height: 24px; 
    padding-left: 5px;
}
.iconPan { background-image: url(slike/Pan.png); width: 25px; height: 25px;}
.iconZoomIn { background-image: url(slike/ZoomIn.png); width: 25px; height: 25px;}
.iconZoomOut { background-image: url(slike/ZoomOut.png); width: 25px; height: 25px;}
.iconZoomFullExtent { background-image: url(slike/ZoomFullExtent.png); width: 25px; height: 25px;}
.iconBackward { background-image: url(slike/backward.png); width: 25px; height: 25px;}
.iconBackwardDisabled { background-image: url(slike/backward_disabled.png); width: 25px; height: 25px;}
.iconForward { background-image: url(slike/forward.png); width: 25px; height: 25px;}
.iconForwardDisabled { background-image: url(slike/forward_disabled.png); width: 25px; height: 25px;}
.iconSetXY { background-image: url(slike/setxy.png); width: 25px; height: 25px;}
.iconSetCircle { background-image: url(slike/setCircle.png); width: 25px; height: 25px;}
.iconMeasure { background-image: url(slike/measure.png); width: 25px; height: 25px;}
.iconLayers { background-image: url(slike/layers.png); width: 25px; height: 25px;}
.iconMagnify { background-image: url(slike/magnify.png); width: 25px; height: 25px;}
.iconGotoXY { background-image: url(slike/GoToLocation.png); width: 25px; height: 25px;}
.iconPrint {
    background-image: url(slike/print.png);
    width: 25px;
    height: 25px;
}
.iconMeasureLine { background-image: url(slike/measure-line.png); width: 25px; height: 25px;}
.iconMmeasurePoly { background-image: url(slike/measure-poly.png); width: 25px; height: 25px;}
.iconMeasurePoint { background-image: url(slike/measure-point.png); width: 25px; height: 25px;}
.iconIdentify { background-image: url(slike/identify.png); width: 25px; height: 25px;}
.iconIdentify32 { background-image: url(slike/info32.png); width: 32px; height: 32px;}
.iconExport { background-image: url(slike/export.png); width: 16px; height: 16px;}
.iconProgress { background-image: url(slike/progress.gif); width: 16px; height: 16px;}
.iconEmpty25 { width: 1px; height: 25px;}
.iconEmpty32 { width: 1px; height: 32px;}
.iconEdit_select { background-image: url(slike/editor/edSelect-feature-editing.png); width: 32px; height: 32px;}
.iconEdit_select16 { background-image: url(slike/editor/edSelect-feature-editing-16.png); width: 16px; height: 16px;}
.iconEdit_select_add { background-image: url(slike/editor/edSelect-feature-add.png); width: 32px; height: 32px;}
.iconEdit_select_add16 { background-image: url(slike/editor/edSelect-feature-add-16.png); width: 16px; height: 16px;}
.iconEdit_select_remove { background-image: url(slike/editor/edSelect-feature-remove.png); width: 32px; height: 32px;}
.iconEdit_select_remove16 { background-image: url(slike/editor/edSelect-feature-remove-16.png); width: 16px; height: 16px;}
.iconEdit_selection_clear { background-image: url(slike/editor/edClear-selected-feature.png); width: 32px; height: 32px;}
.iconEdit_poly_create { background-image: url(slike/editor/edCreate-polygon2.png); width: 32px; height: 32px;}
.iconEdit_poly_freehand { background-image: url(slike/editor/edCreate-freehand.png); width: 32px; height: 32px;}
.iconEdit_poly_move { background-image: url(slike/editor/edMove.png); width: 32px; height: 32px;}
.iconEdit_poly_copy { background-image: url(slike/editor/edCopy-polygon.png); width: 32px; height: 32px;}
.iconEdit_poly_split { background-image: url(slike/editor/edSplit-polygon.png); width: 32px; height: 32px;}
.iconEdit_poly_merge { background-image: url(slike/editor/edMerge-polygon.png); width: 32px; height: 32px;}
.iconEdit_poly_cut { background-image: url(slike/editor/edCut.png); width: 32px; height: 32px;}
.iconEdit_poly_delete { background-image: url(slike/editor/edDelete.png); width: 32px; height: 32px;}
.iconEdit_vertex_show { background-image: url(slike/editor/edShowVertex.png); width: 32px; height: 32px;}
.iconEdit_vertex_add { background-image: url(slike/editor/edInsert-vertex.png); width: 32px; height: 32px;}
.iconEdit_vertex_move { background-image: url(slike/editor/edMove-vertex.png); width: 32px; height: 32px;}
.iconEdit_vertex_delete { background-image: url(slike/editor/edDelete-vertex.png); width: 32px; height: 32px;}
.iconEdit_undo { background-image: url(slike/editor/edUndo.png); width: 32px; height: 32px;}
.iconEdit_redo { background-image: url(slike/editor/edRedo.png); width: 32px; height: 32px;}
.iconEdit_undoD { background-image: url(slike/editor/edUndoD.png); width: 32px; height: 32px;}
.iconEdit_redoD { background-image: url(slike/editor/edRedoD.png); width: 32px; height: 32px;}
.iconEdit_Save { background-image: url(slike/editor/edSave.png); width: 32px; height: 32px;}
.iconEdit_Progress { background-image: url(slike/progress.gif); width: 16px; height: 16px;}
        
.tundra #toolbarDiv.dijitToolbar { 
    background-color: transparent; 
    background-image: none; 
    border-bottom: none;
} 

.tundra #taskDiv.dijitToolbar { 
    background-color: transparent; 
    background-image: none; 
    border-bottom: none;
} 

.tundra #tbMeasurementDiv.dijitToolbar { 
    background-color: transparent; 
    background-image: none; 
    border-bottom: none;            
} 
        
.tundra #editToolbarDiv.dijitToolbar { 
    background-color: transparent; 
    background-image: none; 
    border-bottom: none;            
} 

.tundra .dijitSplitContainer-child, .tundra .dijitBorderContainer-child {
    border: 0px #ccc solid;
}

.tundra .dijitSplitContainer-dijitContentPane, .tundra .dijitBorderContainer-dijitContentPane {
    background-color: #fff;
    padding: 0px;
}

.mSimpleSlider {
    top: 80px;
    left: 20px;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box_modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    padding: 10px; 
    background-color: white; 
    border-radius: 6px; 
    border: 1px solid black;
    text-align: center;
}

.checkbox {
	width: 32px;
	height: 32px;
	position: relative;
    margin-left: 12px;
    margin-top: 2px;
}

.checkbox label {
	background-image:url(slike/info32off.png);
	background-repeat:no-repeat;
	display: block;
	width: 32px;
	height: 32px;
	cursor: pointer;
	position: absolute;
	top: -6px;
	left: -8px;
	z-index: 1;	
}

.checkbox input[type=checkbox]:checked + label {
	background-image:url(slike/info32on.png);
	background-repeat:no-repeat;
}