﻿body {
    min-width:1024px;
}

span.node-class-2 span.dynatree-icon,
span.node-class-3 span.dynatree-icon,
span.node-class-4 span.dynatree-icon,
span.node-class-5 span.dynatree-icon,
span.node-class-6 span.dynatree-icon,
span.node-class-7 span.dynatree-icon,
span.node-class-8 span.dynatree-icon,
span.node-class-9 span.dynatree-icon,
body ul.cm_default span.add,
body ul.cm_default span.add-1,
body ul.cm_default span.add-2,
body ul.cm_default span.add-3,
body ul.cm_default span.add-4,
body ul.cm_default span.add-5,
body ul.cm_default span.add-6,
body ul.cm_default span.add-7,
body ul.cm_default span.add-8,
body ul.cm_default span.add-9,
body ul.cm_default span.add-10,
body ul.cm_default span.excel,
body ul.cm_default span.window,
body ul.cm_default span.windowplus,
body ul.cm_default span.dataview,
body ul.cm_default span.editm,
body ul.cm_default span.delete,
body ul.cm_default span.odstrani,
body ul.cm_default span.rename,
body ul.cm_default span.cut,
body ul.cm_default span.copy,
body ul.cm_default span.paste,
body ul.cm_default span.comment,
body ul.cm_default span.top,
body ul.cm_default span.up,
body ul.cm_default span.down,
body ul.cm_default span.bottom,
body ul.cm_default span.properties,
body ul.cm_default span.csre,
body ul.cm_default span.sue,
body ul.cm_default span.ens,
body ul.cm_default span.index,
body ul.cm_default span.elect,
body ul.cm_default span.heat,
body ul.cm_default span.water,
body ul.cm_default span.recyc,
body ul.cm_default span.sum,
span.node-class-folder-0 span.dynatree-icon,
span.node-class-folder-1 span.dynatree-icon,
span.node-class-folder-2 span.dynatree-icon,
span.node-class-folder-3 span.dynatree-icon,
span.node-class-folder-4 span.dynatree-icon,
span.node-class-folder-5 span.dynatree-icon,
span.node-class-folder-6 span.dynatree-icon,
span.node-class-folder-7 span.dynatree-icon,
span.node-class-folder-8 span.dynatree-icon,
span.node-class-folder-9 span.dynatree-icon,
span.node-class-folder-10 span.dynatree-icon
{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px;
}

/*
    1	mapa oziroma enota, ki ima lahko nadrejene enote in podrejene enote
    2	Faktura
    3	Podfaktura
    4	Merilno mesto
    5	Energetski dejavnik
    6	Energetski dejavnik
    7	Stopinjski dan
    8	Karakteristični kazalnik
    9	Sestavljena spremenljivka
    10	Merilna izpeljanka
*/

body ul.cm_default span.add-2,
span.node-class-2 span.dynatree-icon,
.analysisTabList li span.g2.tab {
        background-image: url('../../_assets/images/icons/enekom/Enekom_Faktura_16px.svg') !important;
}

body ul.cm_default span.add-3,
span.node-class-3 span.dynatree-icon,
.analysisTabList li span.g3.tab {    background-image: url('../../_assets/images/icons/enekom/Enekom_Faktura_postavka.svg') !important;}

body ul.cm_default span.add-4,
body ul.cm_default span.add-10,
span.node-class-4 span.dynatree-icon,
.ul-state-default span.node-class-4.tab,
.analysisTabList li span.g4.tab
 {    background-image: url('../../_assets/images/icons/enekom/Enekom_Merilno_mesto_16px.svg') !important;}

body ul.cm_default span.add-5,
span.node-class-5 span.dynatree-icon,
.analysisTabList li span.g5.tab {    
    background-image: url('../../_assets/images/icons/enekom/Enekom_Energetski_dejavniki.svg') !important;
    background-size: 90% !important;
    background-position: center center;

}

body ul.cm_default span.add-6,
span.node-class-6 span.dynatree-icon,
.analysisTabList li span.g6.tab {
    background-image: url('../../_assets/images/icons/enekom/Enekom_Energetski_dejavniki.svg') !important;
    background-size: 90% !important;
    background-position: center center;
}

body ul.cm_default span.add-7,
span.node-class-7 span.dynatree-icon,
.analysisTabList li span.g7.tab {    background-image: url('../../_assets/images/icons/enekom/Enekom_Stopinjski_Dan_16px.svg') !important;}

body ul.cm_default span.add-8,
span.node-class-8 span.dynatree-icon,
.analysisTabList li span.g8.tab {    background-image: url('../../_assets/images/icons/enekom/Enekom_Karakteristicni_kazalniki_1.svg') !important; }

body ul.cm_default span.add-9,
span.node-class-9 span.dynatree-icon,
.analysisTabList li span.g9.tab {    background-image: url('../../_assets/images/icons/enekom/Enekom_Sestavljena_izpeljanka_16px.svg') !important; }



body ul.cm_default span.add{background-image:url('../../_assets/images/icons/enekom/Enekom_Dodaj_16px.svg') !important;}
body ul.cm_default span.add-1{background-image:url('../../_assets/images/icons/enekom/Enekom_Dodaj_16px.svg') !important;}

body ul.cm_default span.excel { background-image: url('../../_assets/images/icons/enekom/Enekom_Vnos_iz_excela.svg') !important; }
body ul.cm_default span.importcsv { background-image: url('../../_assets/images/icons/enekom/Enekom_Uvozi_16px.svg') !important; }

body ul.cm_default span.window{background-image:url('../../_assets/images/icons/enekom/Enekom_Skupinsko_vnosno_okno_16px.svg') !important;}
body ul.cm_default span.windowplus{background-image:url(../../_assets/Jeegoo/skins/cm_default/images/icons_ana/windowplus.png) !important;}

body ul.cm_default span.dataview{background-image:url('../../_assets/images/icons/enekom/Enekom_Pregled_nad_podatki_16px.svg') !important;}
body ul.cm_default span.edit{background-image:url('../../_assets/images/icons/enekom/Enekom_Uredi_16px.svg') !important;}
body ul.cm_default span.delete{background-image:url('../../_assets/images/icons/enekom/Enekom_Izzbrisi_orange.svg') !important;}
body ul.cm_default span.odstrani{background-image:url('../../_assets/images/icons/enekom/Enekom_Izloci_16.svg') !important;}
body ul.cm_default span.rename{background-image:url('../../_assets/images/icons/enekom/Enekom_Preimenuj_16px.svg') !important;}

body ul.cm_default span.cut{background-image:url('../../_assets/images/icons/enekom/Enekom_Izrezi_16px.svg') !important;}
body ul.cm_default span.copy{background-image:url('../../_assets/images/icons/enekom/Enekom_Kopiraj_16px.svg') !important;}
body ul.cm_default span.paste{background-image:url('../../_assets/images/icons/enekom/Enekom_Prilepi_16px.svg') !important;}
body ul.cm_default span.comment{background-image:url('../../_assets/images/icons/enekom/Enekom_Komentar.svg') !important;}
body ul.cm_default span.notifications{background-image:url('../../_assets/images/icons/enekom/Notification/Enekom_ICO_SVG_3_Obvestila.svg') !important;}

body ul.cm_default span.tableMO{background-image:url('../../_assets/images/icons/enekom/Enekom_TabelaPM_16px.svg') !important;}
body ul.cm_default span.tableHor{background-image:url('../../_assets/images/icons/enekom/Enekom_TabelaH_16px.svg') !important;}
body ul.cm_default span.tableVer{background-image:url('../../_assets/images/icons/enekom/Enekom_TabelaV_16px.svg') !important;}
body ul.cm_default span.tablePiv{background-image:url('../../_assets/images/icons/enekom/Enekom_TabelaPivot_16px.svg') !important;}
body ul.cm_default span.export2Excel{background-image:url('../../_assets/images/icons/enekom/Enekom_Izvoz_v_excel_16px.svg') !important;}

body ul.cm_default span.mappE{background-image:url('../../_assets/images/icons/enekom/Enekom_Mapiraj_eracun_16.svg') !important;}
body ul.cm_default span.importE{background-image:url('../../_assets/images/icons/enekom/Enekom_Uvozi_eracun_16.svg') !important;}


div.node-calss-comment {
	background-image: url('../../_assets/images/icons/enekom/Enekom_Komentar.svg');
    background-size: 16px;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    width: 16px;
    /*for IE only*/
    *display: inline;
}


body ul.cm_default span.top,
body ul.cm_default span.up,
body ul.cm_default span.down,
body ul.cm_default span.bottom { background-size: 80%; background-position: center; }

body ul.cm_default span.top { background-image:url('../../_assets/images/icons/enekom/Enekom_Premakni_na_vrh_16px.svg') !important; }
body ul.cm_default span.up { background-image:url('../../_assets/images/icons/enekom/Enekom_Premakni_gor_16px.svg') !important; }
body ul.cm_default span.down { background-image:url('../../_assets/images/icons/enekom/Enekom_Premakni_dol_16px.svg') !important; }
body ul.cm_default span.bottom { background-image:url('../../_assets/images/icons/enekom/Enekom_Premakni_na_dno_16px.svg') !important; }

body ul.cm_default span.icon { width:16px; margin-right: 10px; }

body ul.cm_default span.properties{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Lastnosti.svg') !important;
}

body ul.cm_default span.csre
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_CSRE.svg') !important;
    background-position:center;
}

.analysisTabList li span.csre.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_CSRE_16px.svg') !important;
    background-position:center;
}


body ul.cm_default span.sue
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_SUE.svg') !important;
    background-position:center;
}

.analysisTabList li span.sue.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_SUE_16px.svg') !important;
    background-position:center;    
}

.analysisTabList li span.aktivnosti.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Aktivnosti.svg') !important;
    background-position:center;    
}

.analysisTabList li span.gantt.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Gantogram.svg') !important;    
    background-position:center;    
}

.analysisTabList li span.raba.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_PomembnaRaba.svg') !important;    
    background-position:center;    
}

.analysisTabList li span.acplan.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Akcijski_Plan.svg') !important;    
    background-position:center;    
}

.analysisTabList li span.okvirni.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Okvirni_cilji.svg') !important;    
    background-position:center;    
}

.analysisTabList li span.izvedbeni.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Izvedbeni_cilji.svg') !important;    
    background-position:center;    
}

.analysisTabList li span.kontrola.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Kontrole.svg') !important;    
    background-position:center;    
}

.analysisTabList li span.ideje.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Ideje.svg') !important;    
    background-position:center;    
}

.analysisTabList li span.politika.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Politika_standarda.svg') !important;    
    background-position:center;    
}

.analysisTabList li span.pregledi.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Energetski_pregled.svg') !important;    
    background-position:center;    
}

.analysisTabList li span.izvedeni.tab
{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Postavke.svg') !important;    
    background-position:center;    
}

body ul.cm_default span.ens
 {
    background-image:url('../../_assets/images/icons/enekom/Enekom_ENS.svg') !important;
    background-position:center;
}

.analysisTabList li span.ens.tab
 {
    background-image:url('../../_assets/images/icons/enekom/Enekom_ENS_16px.svg') !important;
    background-position:center;
}


body ul.cm_default span.sankey,
.analysisTabList li span.sankey.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Sankey.svg') !important;
    background-position:center;
}

.analysisTabList li span.dg.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Direktorski_Gumb_16px.svg') !important;
    background-position:center;
}

.analysisTabList li span.db.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Dashboard_01.svg') !important;
    background-position:center;
}

.analysisTabList li span.osebnipogled.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Pogled_01.svg') !important;
    background-position:center;
}

.analysisTabList li span.ensMeasurementOverview.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_TabelaPM_16px.svg') !important;
    background-position:center;
}

.analysisTabList li span.ei.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Energetska_Izkaznica_16px.svg') !important;
    background-position:center;
}

.analysisTabList li span.oi.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Okoljska_izkaznica_16px.svg') !important;
    background-position:center;
}
.analysisTabList li span.ep.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Energetski_Pokal_16px.svg') !important;
    background-position:center;
}
.analysisTabList li span.op.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Okoljski_Pokal_16px.svg') !important;
    background-position:center;
}
.analysisTabList li span.por.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Porocila_16px.svg') !important;
    background-position:center;
}

.analysisTabList li span.analcenel.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Analiza_ponudb_el_energije_16px.svg') !important;
    background-position:center;
}
.analysisTabList li span.pregledpodatki.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Pregled_nad_podatki_16px.svg') !important;
    background-position:center;
}

.analysisTabList li span.gps.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Objekti_Na_Zemljevidu_16px.svg') !important;
    background-position:center;
}
.analysisTabList li span.aktivnost.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Aktivnosti_uporabnika_16px.svg') !important;
    background-position:center;
}
.analysisTabList li span.gradniki.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Gradniki_16px.svg') !important;
    background-position:center;
}
.analysisTabList li span.notes.tab {
    background-image:url('../../_assets/images/icons/enekom/Enekom_Obvestila_16px.svg') !important;
    background-position:center;
}

body ul.cm_default span.csre,
body ul.cm_default span.sue,
body ul.cm_default span.ens,
body ul.cm_default span.por,
body ul.cm_default span.ei,
body ul.cm_default span.oi,
body ul.cm_default span.ep,
body ul.cm_default span.op,
body ul.cm_default span.sankey,
body ul.cm_default span.analcenel,
body ul.cm_default span.gps,
body ul.cm_default span.pregledpodatki,
body ul.cm_default span.aktivnost,
body ul.cm_default span.notes,
body ul.cm_default span.gradniki
{
    background-size: 14px;
}

.buildTab {
    background-image: linear-gradient(to bottom, rgb(240, 128, 32) 0, rgb(240, 128, 32) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 100%) !important;
}

.viewTab {
    background-image: linear-gradient(to bottom, rgb(153, 153, 153) 0, rgb(153, 153, 153) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 100%) !important;
}

.buildTab, .viewTab
{
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
}

/* ikona v imenu taba */

.analysisTabList li span.dg.tab,
.analysisTabList li span.db.tab,
.analysisTabList li span.osebnipogled.tab,
.analysisTabList li span.ensMeasurementOverview.tab,
.analysisTabList li span.measuringPointStatus.tab,
.analysisTabList li span.csre.tab,
.analysisTabList li span.ens.tab,
.analysisTabList li span.por.tab,
.analysisTabList li span.sankey.tab,
.analysisTabList li span.analcenel.tab,
.analysisTabList li span.pregledpodatki.tab,
.analysisTabList li span.gradniki.tab,
.analysisTabList li span.aktivnost.tab,
.analysisTabList li span.notes.tab,
.analysisTabList li span.gps.tab,
.analysisTabList li span.ei.tab,
.analysisTabList li span.oi.tab,
.analysisTabList li span.ep.tab,
.analysisTabList li span.op.tab,
.analysisTabList li span.g2.tab,
.analysisTabList li span.g3.tab,
.analysisTabList li span.g4.tab,
.analysisTabList li span.g5.tab,
.analysisTabList li span.g6.tab,
.analysisTabList li span.g7.tab,
.analysisTabList li span.g8.tab,
.analysisTabList li span.g9.tab {
    float: left !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 1.6em !important;
    width: 1.6em !important;
    padding: 0.1em 0 0.6em 1em !important;
    margin: 0 -1.5em 0 0 !important;
    background-size: 1.6em auto !important;
}

.analysisTabList li span.measuringPointStatus.tab {
    background-image: url('../../_assets/images/icons/enekom/Enekom_Lastnosti_Stroj_Check.svg') !important;
    background-size: 32px !important;    
}

.analysisTabList li span.aktivnosti.tab,
.analysisTabList li span.okvirni.tab,
.analysisTabList li span.izvedbeni.tab,
.analysisTabList li span.gantt.tab,
.analysisTabList li span.politika.tab,
.analysisTabList li span.pregledi.tab,
.analysisTabList li span.izvedeni.tab,
.analysisTabList li span.kontrola.tab,
.analysisTabList li span.raba.tab,
.analysisTabList li span.ideje.tab
{
    float: left !important;
    background-position:center !important;
    background-repeat: no-repeat !important;
    height: 1.6em !important;
    width: 1.6em !important;
    padding: 0.1em 0 0.6em 1em !important;
    margin: 0 -1.5em 0 0 !important;
    background-size: 3em auto !important;
}

.analysisTabList li span.acplan.tab
{
    float: left !important;
    background-position:center !important;
    background-repeat: no-repeat !important;
    height: 1.6em !important;
    width: 1.6em !important;
    padding: 0.1em 0 0.6em 1em !important;
    margin: 0 -1.5em 0 0 !important;
    background-size: 2.5em auto !important;
}


.analysisTabList li a
{
}


/*.analysisTabList li a {
    width: calc(100% - 0.6em - 56px) !important;
    overflow-x: hidden;
    text-overflow: ellipsis;
    margin-right: -1.2em !important;
    max-width: 30em;
    min-width: 15em;
}*/

.analysisTabList li a {
    width: auto;
    overflow-x: hidden;
    text-overflow: ellipsis;
    margin-right: -1.5em !important;
    max-width: 20em !important;
    min-width: 7em;
    padding-right: 2.1em !important;
    font-size: 0.8em;
    padding-top: 9px !important;
}



body ul.cm_default span.index{
    background-image:url('../../_assets/images/icons/enekom/Enekom_Index.svg') !important;
    background-size:12px;
    background-position:center;
}

body ul.cm_default span.elect{
    background-image:url('../../_assets/Jeegoo/skins/cm_default/images/icons_ana/elect.png') !important;
    background-size:16px;
}

body ul.cm_default span.heat{
    background-image:url('../../_assets/Jeegoo/skins/cm_default/images/icons_ana/heat.png') !important;
    background-size:16px;}

body ul.cm_default span.water{
    background-image:url('../../_assets/Jeegoo/skins/cm_default/images/icons_ana/water.png') !important;
    background-size:16px;}

body ul.cm_default span.recyc{
    background-image:url('../../_assets/Jeegoo/skins/cm_default/images/icons_ana/recyc.png') !important;
    background-size:16px;}

body ul.cm_default span.sum{
    background-image:url('../../_assets/Jeegoo/skins/cm_default/images/icons_ana/sum.png') !important;
    background-size:16px;
}	

span.node-class-folder-0 span.dynatree-icon
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_030.svg') !important;
}
span.node-class-folder-1 span.dynatree-icon
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_040.svg') !important;
}
span.node-class-folder-2 span.dynatree-icon
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_050.svg') !important;
}
span.node-class-folder-3 span.dynatree-icon
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_060.svg') !important;
}
span.node-class-folder-4 span.dynatree-icon
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_070.svg') !important;
}
span.node-class-folder-5 span.dynatree-icon
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_075.svg') !important;
}
span.node-class-folder-6 span.dynatree-icon 
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_080.svg') !important;
}
span.node-class-folder-7 span.dynatree-icon 
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_085.svg') !important;
}
span.node-class-folder-8 span.dynatree-icon 
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_090.svg') !important;
}
span.node-class-folder-9 span.dynatree-icon 
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_095.svg') !important;
}
span.node-class-folder-10 span.dynatree-icon 
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_organizacijski_nivo_100.svg') !important;
}

.hiska {
    fill:#c8c8c8;
}

div#dynaTree span.dynatree-node
{
    line-height: 20px;
}


#menuribbon .betweengroup {
    background-image: url("../../_assets/images/icons/enekom/Enekom_vline.svg");
    width: 1px;
    margin: 0 2px;
    padding: 0;
    background-position: center center;
    background-size: 1px 2px;
    background-repeat: repeat-y;
}

#menuribbon .icon-group ul li img {
    width:80px;
}

#tabsribbon-content {
    background-image: url("../../_assets/images/icons/enekom/Ozadje_Enekom_Ribbon.svg") !important;
    background-color: #F2F2F2 !important;
    background-position:  0px 21px !important;
    background-repeat: repeat-x !important;
}

ul.dynatree-container li.dynatree-lastsib {
    background-image:       url("../../_assets/images/icons/enekom/Enekom_vline_long.svg");
    background-repeat:      no-repeat;
    background-size:        1px 39px;
    background-position:    5px -27px;
}

ul.dynatree-container li
{
	background-repeat: repeat-y;
    background-image: url("../../_assets/images/icons/enekom/Enekom_vline.svg");
    background-size: 1px 2px;
    background-position: 5px 1px;
	margin: 0px;
	padding: 0px;
}



/* CUSTOM close-buttons */
span.button-close-west,
span.button-close-west:hover,
span.button-close-east,
span.button-close-east:hover,
.toggler-east-closed,
.toggler-east-closed:hover,
.toggler-west-closed,
.toggler-west-closed:hover

{
    background-image: url("../../_assets/images/icons/enekom/Enekom_Arrows_open_close.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-size: 11px;
    /*background-color: #ccc;*/
    /*border-radius: 3px;*/
    margin: 2px;
    height: 19px;
    width: 19px;
}
span.button-close-west:hover,
.toggler-east-closed:hover
{
    background-image: url("../../_assets/images/icons/enekom/Enekom_Arrows_open_close_hover.svg");
    /*background-color: #ff9040;*/
}
span.button-close-east,
.toggler-west-closed
{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}
span.button-close-east:hover,
.toggler-west-closed:hover

{
    background-image: url("../../_assets/images/icons/enekom/Enekom_Arrows_open_close_hover.svg");
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    /*background-color: #ff6a00;*/
}

/* CUSTOM pin-buttons */
span.button-pin-up,
span.button-pin-up:hover,
span.button-pin-down,
span.button-pin-down:hover
{
    background-image: url('../../_assets/images/icons/enekom/Enekom_Pin.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size: 11px;
    /*background-color: #ccc;*/
    /*border-radius: 3px;*/
    margin: 2px;
    height: 19px;
    width:19px;
}

span.button-pin-up
{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
}

span.button-pin-up:hover
{
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
}

span.button-pin-down
{
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
}
span.button-pin-down:hover
{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);   
    -ms-transform:rotate(90deg);
}

.padlock_off IMG,
.padlock_on IMG
 {
    height: 16px;
    width: 16px;
}

#menuribbon .padlock {
    width: 16px;
    height: 16px;
    float: right;
    margin: 65px 12px 0px;
}

#menuribbon .padlock IMG {
    padding: 10px;
}

.ui-dialog-buttonpane .ui-dialog-buttonset button.buttonSaveDialog span {
    background-image: url("../../_assets/images/icons/enekom/Enekom_Shrani.svg") !important;
    background-repeat: no-repeat;
    background-position: center center !important;
    height: 17px;
    margin: 2px;
    text-align: center;
}

.ui-dialog-buttonpane .ui-dialog-buttonset button.buttonPrintDialog span {
    background-image: url("../../_assets/images/icons/enekom/Enekom_Shrani.svg") !important;
    background-repeat: no-repeat;
    background-position: center center !important;
    height: 17px;
    margin: 2px;
    text-align: center;
}

.ui-dialog-buttonpane .ui-dialog-buttonset button.buttonCloseDialog span {
    background-image: url("../../_assets/images/icons/enekom/Enekom_Zapri.svg") !important;
    background-repeat: no-repeat;
    background-position: center center !important;
    height: 17px;
    margin: 2px;
    text-align: center;
}

.ui-dialog .ui-dialog-titlebar-expand {
    height: 20px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: -10px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    position: absolute;
    right: calc( 0.3em + 20px + 1px);
    top: 50%;
    width: 20px;
}

.ui-jqgrid .ui-jqgrid-pager {
    /*border-left: 0 none !important;
    border-right: 0 none !important; 
    border-bottom: 0 none !important;
     margin: 0 !important; 
     padding: 0 !important; 
     position: relative;*/ 
    height: 32px;
    /*white-space: nowrap;
    overflow: hidden;
    font-size:11px;*/
}


.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
    height: 25px;
    width: 25px;
}


#tabs-nested > .ui-tabs-panel { 
    padding: 0em; 
} 
#tabs-nested-left { 
    position: relative; 
    padding-left: 6.5em; 
} 
#tabs-nested-left .ui-tabs-nav { 
    position: absolute; 
    left: 0.25em; 
    top: 0.25em; 
    bottom: 0.25em; 
    width: 6em; 
    padding: 0.2em 0 0.2em 0.2em; 
} 
#tabs-nested-left .ui-tabs-nav li { 
    right: 1px; 
    width: 100%; 
    border-right: none; 
    border-bottom-width: 1px !important; 
    -moz-border-radius: 4px 0px 0px 4px; 
    -webkit-border-radius: 4px 0px 0px 4px; 
    border-radius: 4px 0px 0px 4px; 
    overflow: hidden; 
} 
#tabs-nested-left .ui-tabs-nav li.ui-tabs-selected, 
#tabs-nested-left .ui-tabs-nav li.ui-state-active { 
    border-right: 1px solid transparent; 
} 
#tabs-nested-left .ui-tabs-nav li a { 
    float: right; 
    width: 100%; 
    text-align: right; 
} 
#tabs-nested-left > div { 
    height: 10em; 
    overflow: auto; 
}

ul.dynatree-container ul {
    padding: 0px 0px 0px 21px;
    margin: 0px;
}


.rightToolMenu {
    float:left;
    background-color: #F2F2F2;
    height: calc(100% - 4px);
    /*position: absolute;*/
    top: 0px;
    left: calc(100% - 2px);
    min-width:20px;
}

.rightToolMenu .bigToolbox {
    background-color: orange;
    min-width: 300px;
    display:block;
}
.rightToolMenu .smallToolbox { 
    background-color: yellow;
    min-width: 30px;
    display:block;
}
    
.rightToolMenu .smallToolbox,
.rightToolMenu .bigToolbox {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 2px);
}

.sidebar {
    float: right;
    position: relative;
    /*margin: 4px 0px 2px 6px;*/
    margin: 0 0;
    padding: 0;
    min-height: 30px;
    z-index: 100;
    /*border-radius: 2px;*/
    border: 1px solid #d0d0d0;
    height: calc(100% - 6px);
    width:40px;
    right: 0 !important;
    overflow: visible;
}

.sidebar ~ .toolbar 
{
    border: solid 1px #d0d0d0;
    height: 44px;
}

.sidebar > .shortkey {
    left: 1px
}

.opener {
    background-image: url("../../_assets/images/icons/enekom/Enekom_Arrows_open_close_hover.svg");
    background-size: 11px 11px;
    background-repeat: no-repeat;
    height: 16px;
    width: calc(100%);
    background-color: #d0d0d0;
    background-position: calc(100% - 5px) center;
}

.opener:hover {
    cursor:pointer;
    background-image: url("../../_assets/images/icons/enekom/Enekom_Arrows_open_close.svg");
}

.leftContent {
    float: left;
    width: calc(100% - 48px);
    overflow: visible;
    /*position:fixed; IE - solution*/
    height: calc(100% - 2px);
}

.oi-commandButton .rightSide {

    width: 16px !important;
    height: 16px !important;
}

.sidebar {
    background: #f0f0f0;
}

.sidebar.shortkey {
    z-index:10;
    height: calc(100% - 18px) !important;
    width: 42px !important;
    overflow: visible;
    display: block;
    float: left;
    padding: 0;
    
}

.sidebar.content
{
    float: right;
    width: calc(100% - 40px - .6em) !important;
    height: calc(100% - 18px) !important;
    overflow: auto;
    padding: 0;
}

.sidebar.openerRight
{
    width: 1px !important;
    height: calc(100% - 2px);
    /*background: red;*/
    float:right;
    border: none !important;
    padding: 0 !important;
}
.sidebar.shortkey  > div > .csreCommandButtons
,.sidebar > div > .csreCommandButtons
,.sidebar > div > div > .csreCommandButtons
,.csreCommandButtonNew
,.csreCommandButtonNew16px {
    border: solid #AAAAAA 2px;
    height: 36px !important;
    width: 36px !important;
    border-radius: 4px;
    margin: 2px 1px 0 1px;
    padding: 0;
    background-color:#E0E0E0;
}


.csreCommandButtonNew16px {
    padding: 8px !important;
    height: 20px !important;
    width: 20px !important;
}

.sidebar.shortkey  > div > .csreCommandButtons:hover
,.sidebar > div > .csreCommandButtons:hover
,.sidebar > div > div > .csreCommandButtons:hover
,.csreCommandButtonNew:hover
,.csreCommandButtonNew16px:hover {
    background: none;
    cursor: pointer;
    border-color: #888;
    background-color: #F0F0F0;
}

.sidebar.shortkey  > div > .csreCommandButtons {
    clear:both;
}

.csreCommandButtonsDelimiter {
    margin: 0;
    height: 1px;
    border: 0;
    background: Silver;
}
.sidebarButton {
    float: left;
    clear:none;
}

.sidebarButtonBR {
    float: left;
    clear: left;
}


.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link {
    line-height: 1.8em;
}


.ui-tabs {
	padding: 1px;
}
.ui-tabs .ui-tabs-nav {
	padding: 1px .1px 0;
}
.ui-tabs .ui-tabs-nav li {
	margin: 1px 1px 0 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 6px 20px;
}

.csreBasePath {
    background-color: #DDDDDD;
    margin: 0;
    padding: 2px;
}

.sidebar.shortkey  > .tabbuttons > .csreCommandButtons.active {
    position:relative;
    /*left:-16px;
    width:48px;*/
    /*background-color: rgb(240, 128, 32);*/
}

.tabbuttons {
    margin-bottom: 32px;
}

a.tabSelector {
    display: inline-block;
    border: solid 1px #ccc;
    height: 32px;
    padding: 2px;
    margin: 1px;
}

a.tabSelector > img {
    height: 30px;
    width: 30px;
}

.oi-move-from-interval-backward.oi-commandButton,
.oi-move-to-interval-backward.oi-commandButton,
.oi-move-from-interval-forward.oi-commandButton,
.oi-move-to-interval-forward.oi-commandButton {
    height: 20px;
    width: 18px;
    padding: 0 2px;
    margin: -3px -4px;
    background-repeat:no-repeat;
    background-size: contain;
}


.submenu_icon, #subicons DIV.message {
    border-radius: 7px;
}

.submenu_icon:hover {
    background-image: none !important;
    background-color: #E0E0E0 !important;
    border: 1px solid rgb(170, 170, 170);
}


/* Styles for validation helpers - ubodu MB po potrebi opustimo
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

/*.input-validation-error {
    border: 1px solid #ff0000 !important;
}*/ 

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

div.validation-summary-errors {
    border: 1px solid red;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: Red;
    /*background-image: url('../../_assets/images/icons/napaka.gif');*/
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}



/* Menu ribon fadein out*/
#menuribbon .dropdown ul
{
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: rgba(230,230,230,0.3);
    /*border:none;*/
}

#menuribbon .dropdown ul li {
    /*border: dashed red 1px !important;*/
    height: 1.6em;
    width: calc(100%);
}
    #menuribbon .dropdown ul li img,
    #menuribbon .dropdown ul li a {
    height: 2px;
    width: 2px;
    position: relative;
    left: 0;
    top: 0;
    visibility:hidden;
}

#menuribbon .dropdown:hover ul li img,
#menuribbon .dropdown:hover ul li a {
    visibility:visible;
}
