/* individual controls */

.olControlNavToolbar .myolControlModifyFeatureItemInactive, .myolControlEditingToolbar .myolControlModifyFeatureItemInactive
{
    background-image: url("images-iObcina/kpan.png");
    background-repeat: no-repeat;
    background-color: silver;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
    display: none;
}
.olControlNavToolbar .myolControlModifyFeatureItemActive, .myolControlEditingToolbar .myolControlModifyFeatureItemActive
{
    background-image: url("images-iObcina/kpan.png");
    background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
    display: none;
}

.olControlNavToolbar .myolControlNavigationItemInactive, .myolControlEditingToolbar .myolControlNavigationItemInactive
{
    background-image: url("images-iObcina/kpan.png");
    background-repeat: no-repeat;
    background-color: silver;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}
.olControlNavToolbar .myolControlNavigationItemActive, .myolControlEditingToolbar .myolControlNavigationItemActive
{
    background-image: url("images-iObcina/kpan.png");
    background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}
.myolControlEditingToolbar .myolControlDrawFeaturePointItemInactive
{
    /*background-image: url("images-iObcina/pikaselect.png");*/
    background-repeat: no-repeat;
    background-color: #c0392b;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
}
.myolControlEditingToolbar .myolControlDrawFeaturePointItemActive
{
    /*background-image: url("images-iObcina/pikaselect.png");*/
    background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}
.myolControlEditingToolbar .myolControlDrawFeaturePolygonItemInactive {
    /*background-image: url(images-iObcina/poligonselect.png);*/
    background-repeat: no-repeat;
    background-color: #c0392b;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
}
.myolControlEditingToolbar .myolControlDrawFeaturePolygonItemActive {
    /*background-image: url(images-iObcina/poligonselect.png);*/
    background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}

.myolControlEditingToolbar .myolControlDrawFeatureLineItemInactive {
    /*background-image: url(images-iObcina/Linijaselect.png);*/
    background-repeat: no-repeat;
    background-color: #c0392b;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
}
.myolControlEditingToolbar .myolControlDrawFeatureLineItemActive {
    /*background-image: url(images-iObcina/Linijaselect.png);*/
    background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}

.myolControlEditingToolbar .myolControlMeasureLineItemInactive
{
    /*background-image: url(images-iObcina/merirazdaljo.png);*/
    background-repeat: no-repeat;
    background-color: #c0392b;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
}
.myolControlEditingToolbar .myolControlMeasureLineItemActive
{
    /*background-image: url(images-iObcina/merirazdaljo.png);*/
    background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}
.myolControlEditingToolbar .myolControlMeasurePolygonItemInactive
{
    /*background-image: url(images-iObcina/meripovrsno.png);*/
    background-repeat: no-repeat;
    background-color: #c0392b;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
}
.myolControlEditingToolbar .myolControlMeasurePolygonItemActive
{
    /*background-image: url(images-iObcina/meripovrsno.png);*/
    background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}

/*.myolControlEditingToolbar2 .olControlButton1ItemActive {*/
    /*background-image: url(images-iObcina/tema.png);*/
    /*background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}
.myolControlEditingToolbar2 .olControlButton2ItemActive {*/
	/*background-image: url(images-iObcina/onof.png);*/
    /*background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}
.myolControlEditingToolbar2 .olControlButton3ItemActive {*/
	/*background-image: url(images-iObcina/legenda.png);*/
    /*background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}
.myolControlEditingToolbar2 .olControlButton4ItemActive {*/
	/*background-image: url(images-iObcina/lociraj.png);*/
    /*background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}

.myolControlEditingToolbar2 .olControlButton1ItemInactive {*/
    /*background-image: url(images-iObcina/tema.png);*/
    /*background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}
.myolControlEditingToolbar2 .olControlButton2ItemInactive {*/
	/*background-image: url(images-iObcina/onof.png);*/
    /*background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}
.myolControlEditingToolbar2 .olControlButton3ItemInactive {*/
	/*background-image: url(images-iObcina/legenda.png);*/
    /*background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}
.myolControlEditingToolbar2 .olControlButton4ItemInactive {*/
	/*background-image: url(images-iObcina/lociraj.png);*/
    /*background-repeat: no-repeat;
    background-color: white;
    border: 2px solid #c0392b /* #d71920; */;
    border-radius: 5px 5px 5px 5px;
}*/

.olControlLayerSwitcher .layersDiv
{
    background-color: #c0392b /* #d71920; */;
}

div.olControlZoomPanel div {
    background-image: url(images-iObcina/mobile-zoombar.png);
}

.ui-tabs .ui-tabs-nav li a  
{ 
    padding: .2em .3em; 
}

#mapLoading
{
    display: none; 
    border: 1px #2c3e50 solid;
    background-color: White;
    filter:alpha(opacity=80);   /* Internet Explorer       */
    -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
    opacity: 0.8;               /* newer Mozilla and CSS-3 */
}

/*
#customZoom a {
	text-decoration: none;
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;														
	text-align: center;
	font-weight: bold;				
	color: #c0392b /* #d71920;;
	background-color: white;
	border: 2px solid #c0392b /* #d71920;;
	border-radius: 5px 5px 5px 5px;
}*/

.defaultTextBarva {
    color: #c0392b /* #d71920; */;
}
.defaultButton {
	background-repeat: no-repeat;
	cursor: pointer;
    text-decoration: none;
	display: block;
	width: 32px;
	height: 32px;									
	text-align: center;
	/*font-weight: bold;		*/		
	color: #c0392b /* #d71920; */ !important;
	background-color: white;
	border: 2px solid #c0392b /* #d71920; */;
	border-radius: 5px 5px 5px 5px;
    line-height: 26px !important;
    margin: 1px;
}

.sidebar-tabs,
.sidebar-header {
    background-color: #c0392b /* #d71920; */ !important;
    pointer-events: auto;
}

.sidebar-tabs > li.active,
.sidebar-tabs > ul > li.active {
    background-color: #720e12 !important;
}

.sidebar-tabs > li:hover,
.sidebar-tabs > ul > li:hover {
    background-color: rgba(136, 0, 0, 0.6) !important;
}

div.olControlZoom a {
    background: #c0392b /* #d71920; */ !important;
    transition: left 500ms;
}

div.olControlZoom a:hover {
    background: #720e12 !important;
}

.ui-state-hover a,
.ui-state-hover a:hover
{
    color: #c0392b !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited
{
    color: #c0392b !important;
}

.btn-portal {
    background-color: #c0392b !important;
    color: white !important;
}

.btn-portal:hover {
    background-color: rgb(136, 0, 0) !important;
    color: white !important;
}

.mtab
{
	font-size:24px;
}

.logo {
    color: #c0392b;
    font-size: 30px;
}