#jedinice-xpanel-vidljivost {
 position: absolute;
  top: 115px;
  left: 0;
  width: 100%;
  z-index: 8;
  display:none;
}

#jedinice-xpanel-okvir:hover {
background: linear-gradient(180deg, #FFFFFF 49.49%, #DEDFE0 100%), #FFFFFF;
border: 2px solid #DEDFE0;
box-shadow: 0px 4px 4px rgba(32, 33, 44, 0.4);
}        

#jedinice-xpanel-okvir:hover #jedinice-xpanel-naslov{
color: #20212C;
}

#jedinice-xpanel-okvir {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
position: relative;
gap: 10px;
width: 100%;

background: linear-gradient(180deg, #FFFFFF 49.49%, #EAEBEB 100%), #FFFFFF;
border: 2px solid #EAEBEB;
}

#jedinice-xpanel-frame {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 10px;
width: 100%;

flex: none;
order: 0;
flex-grow: 0;
}


#jedinice-xpanel-datum {
width: 100%;
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 24px;
leading-trim: both;
text-edge: cap;
color: #868A8D;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}


#jedinice-xpanel-linija {
width: 100%;
height: 1px;
border: 1px solid rgba(134, 138, 141, 0.2);
flex: none;
order: 1;
flex-grow: 0;
}


#jedinice-xpanel-naslov {
width: 100%;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 25px;
leading-trim: both;
text-edge: cap;
color: #707394;
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
}





#jedinice-xpanel-okvir-select {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
position: relative;
z-index:1;
gap: 10px;
width: 100%;
background: linear-gradient(180deg, #FFFFFF 49.49%, #C8CACB 100%), #FFFFFF;
border: 2px solid #C8CACB;
box-shadow: 0px 6px 6px rgba(32, 33, 44, 0.2);

}

#jedinice-xpanel-frame-select {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 10px;
width: 100%;
flex: none;
order: 0;
flex-grow: 0;
}


#jedinice-xpanel-datum-select {
width: 100%;
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 24px;
leading-trim: both;
text-edge: cap;
color: #868A8D;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}


#jedinice-xpanel-linija-select {
width: 100%;
height: 0px;
border: 1px solid rgba(134, 138, 141, 0.2);
flex: none;
order: 1;
flex-grow: 0;
}


#jedinice-xpanel-naslov-select {
width: 100%;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 25px;
leading-trim: both;
text-edge: cap;
color: #20212C;
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
}























#jedinice-panel-okvir:hover {
background: linear-gradient(180deg, #FFFFFF 49.49%, #DEDFE0 100%), #FFFFFF;
border: 2px solid #DEDFE0;
box-shadow: 0px 4px 4px rgba(32, 33, 44, 0.4);
}        

#jedinice-panel-okvir:hover #jedinice-panel-naslov{
color: #20212C;
}

#jedinice-panel-okvir {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
position: relative;
gap: 10px;
width: 330px;

background: linear-gradient(180deg, #FFFFFF 49.49%, #EAEBEB 100%), #FFFFFF;
border: 2px solid #EAEBEB;
}

#jedinice-panel-frame {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 10px;
width: 290px;

flex: none;
order: 0;
flex-grow: 0;
}


#jedinice-panel-datum {
width: 290px;
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 24px;
leading-trim: both;
text-edge: cap;
color: #868A8D;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}


#jedinice-panel-linija {
width: 290px;
height: 1px;
border: 1px solid rgba(134, 138, 141, 0.2);
flex: none;
order: 1;
flex-grow: 0;
}


#jedinice-panel-naslov {
width: 290px;

font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 25px;
leading-trim: both;
text-edge: cap;
color: #707394;
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
}


#jedinice-panel-okvir-select {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
position: relative;
z-index:1;
gap: 10px;
width: 330px;
background: linear-gradient(180deg, #FFFFFF 49.49%, #C8CACB 100%), #FFFFFF;
border: 2px solid #C8CACB;
box-shadow: 0px 6px 6px rgba(32, 33, 44, 0.2);

}

#jedinice-panel-frame-select {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 10px;
width: 290px;
flex: none;
order: 0;
flex-grow: 0;
}


#jedinice-panel-datum-select {
width: 290px;
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 24px;
leading-trim: both;
text-edge: cap;
color: #868A8D;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}


#jedinice-panel-linija-select {
width: 290px;
height: 0px;
border: 1px solid rgba(134, 138, 141, 0.2);
flex: none;
order: 1;
flex-grow: 0;
}


#jedinice-panel-naslov-select {
width: 290px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 25px;
leading-trim: both;
text-edge: cap;
color: #20212C;
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
}