/*na današnji dan*/
.side_R_dogodki {
    width: 100%;
    display: block;
    padding-bottom: calc(var(--hamburger-gap) * 2.2);
    background-color: var(--color_RockBlue);
}

.side_R_dogodki_1 {
    height: calc(var(--hamburger-height) * 3);
    padding-bottom: calc(var(--hamburger-gap) * 2.2);
}

.side_R_dogodki_2 {
    height: calc(var(--hamburger-height) * 5.5);
    padding-bottom: calc(var(--hamburger-gap) * 2.2);
}

.side_R_dogodek_1 {
    width: 100%;
    height:  auto;
    display: block;
    padding: calc(var(--hamburger-gap) * 2.2);
    padding-bottom: calc(var(--hamburger-gap) * 1);
    background-color: var(--color_RockBlue);
    margin-bottom: calc(var(--hamburger-gap) * 2);
}

.side_R_dogodek_2{
    width: 100%;
    height: 50%;
    display: block;
    padding: calc(var(--hamburger-gap) * 2.2);
    padding-bottom: calc(var(--hamburger-gap) * 1);
    background-color: var(--color_RockBlue);
    margin-bottom: calc(var(--hamburger-gap) * 2);
  }

  .MM_MLJ [class^="side_R_dogodek_"] {background-color: #f0a890;}
  .SS_PPL [class^="side_R_dogodek_"] {background-color: #a7e3b7;}
  .SS_MLJ [class^="side_R_dogodek_"] {background-color: var(--color_Red);}
  .SS_LPT [class^="side_R_dogodek_"] {background-color: var(--color_Brown);}
  .SS_STD [class^="side_R_dogodek_"] {background-color: var(--color_Lightcynar);}
  .SS_DLE .side_R_dogodki_1 > .side_R_dogodek_1:first-child {background-color: var(--color_Red);}
  .SS_DLE .side_R_dogodki_2 > .side_R_dogodek_2:first-child {background-color: var(--color_Red);}
  .SS_DLE .side_R_dogodki_2 > .side_R_dogodek_2 {background-color: var(--color_Blue);}
  .SS_KEV .side_R_dogodki_1 > .side_R_dogodek_1:first-child {background-color: #0166FF;}
  .SS_KEV .side_R_dogodki_2 > .side_R_dogodek_2:first-child {background-color: #0166FF;}
  .SS_KEV .side_R_dogodki_2 > .side_R_dogodek_2 {background-color: #FFCC00;}

  h4, h6 {
    color: var(--color_LunarGreen);
    font-family: var(--font-BovinoMedium);
  }

  .SS_MLJ h4,h6 {color: var(--color_White);}
  .SS_MLJ .side_R_predvajalnik_skladba_naslov h4 {color: var(--color_LunarGreen);}
  .SS_LPT H4, H5, H6 {color: var(--color_Black);}
  .SS_LPT .side_R_predvajalnik_skladba_naslov H4, H5, H6 {color: var(--color_Brown);}
  .SS_DLE h4,h6 {color: var(--color_White);}
  .SS_DLE .side_R_predvajalnik_skladba_naslov H4, H5, H6 {color: var(--color_LunarGreen);}

  .side_R_dogodek_podrobnost h4 {
    padding-bottom: calc(var(--hamburger-gap) * 1);
    cursor: pointer;
  }

  .side_R_dogodek__datum {
    display: flex;
    justify-content: left;
  }
  .side_R_dogodek__vsebina {
    font-family: var(--font-BovinoLight);
  }
  
  .side_R_dogodek__podrobnost {
    display: flex;
    justify-content: right;
    margin-bottom: -calc(var(--hamburger-gap) * 0.5);   
  }


  /* Predvajalnik*/
  /* Podatki */

.side_R_predvajalnik {
    display: block;
    position: relative;
    bottom: 0;
    width: 100%;
    height: calc(100vh - (var(--hamburger-height) * 5.5) - var(--hamburger-gap) * 4);
    padding-top: calc(var(--hamburger-gap) * 2);
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .side_R_predvajalnikFullPage{
    position: absolute;
    display: none;
    z-index: 8;
    top: calc(0px - var(--hamburger-gap) * 1);
    right: calc(var(--hamburger-gap) * 2);
    cursor: pointer;
  }

  .side_R_predvajalnik.side_R_dogodki_0 {
    height: calc(100vh - var(--hamburger-gap) * 4); 
  }

  .side_R_predvajalnik.side_R_dogodki_1 {
    height: calc(100vh - (var(--hamburger-height) * 3) - var(--hamburger-gap) * 4);
  }
  
  .side_R_predvajalnik_skladba {
    display: flex;
    position: relative;
    flex-direction: row;
    height: calc(var(--hamburger-height) * 4);
  }
  
    .side_R_predvajalnik_skladba_slika {
      width: 30%;  
    }
  
  .side_R_predvajalnik_skladba_slika > a > img{
    width: 100%;
  }
  
  .side_R_predvajalnik_skladba_podatki {
    width: 70%;
    display: block;  
    padding-left: calc(var(--hamburger-gap) * 2);  
  }
  
  .side_R_predvajalnik_skladba_podatki h5{
    color: var(--color_LunarGreen);
    font-family: var(--font-BovinoLight);
    padding: 0;
    margin: 0;
  }

  .SS_LPT .side_R_predvajalnik_skladba_podatki h5 {color: var(--color_Brown);}
  
  .side_R_predvajalnik_skladba_playlist H4{
    color: var(--color_LunarGreen);
    font-family: var(--font-BovinoMedium);
    padding: 0;
    margin: 0;
  }
  
  .SS_LPT .side_R_predvajalnik_skladba_playlist H4{
    color: var(--color_Brown);
  }
  
  .side_R_predvajalnik_skladba_podatki > div > label > h5
  {
    padding-bottom: calc(var(--hamburger-gap) * 2);
  }
  
  .side_R_predvajalnik_skladba_podatki > div > label > h5:last-child
  {
    padding-top: calc(var(--hamburger-gap) * 2);
  }

  .side_R_skladba_spisek{
    position: absolute;
    top: calc(0px - var(--hamburger-gap) * 1);
    right: calc(var(--hamburger-gap) * 2);
    cursor: pointer;
    }

    .SS_LPT .side_R_skladba_spisek svg{
      fill: var(--color_Brown);
    }

  
    .side_R_skladba_spisek .tooltiptext {
      visibility: hidden;
      width: 120px;
      background-color: var(--color_LunarGreen);
      color: #fff;
      text-align: center;
      padding: 5px 0;
      border-radius: 6px;
      position: absolute;
      z-index: 1;
      right: 0;
      top: 50%;
    }
    
    .side_R_skladba_spisek:hover .tooltiptext {
      visibility: visible;
    }
  
  /* Navigacija 1 vrstica*/
  
  .side_R_predvajalnik_navigacija {
    height: calc(var(--hamburger-height) * 2.5);
    display: block;
    position: relative;
    z-index: 10;    
  }
  
  .side_R_predvajalnik_navigacija1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: calc(var(--hamburger-gap) * 2); 
  
  }
  
  .side_R_predvajalnik_navigacija1 h6{
    color: var(--color_LunarGreen);
    font-family: var(--font-BovinoLight);
    padding: 0;
    margin: 0;
  }

  .SS_LPT .side_R_predvajalnik_navigacija1 h6{
    color: var(--color_Brown);
  }
  
  .side_R_predvajalnik_navigacija1_od_zacetka {
    padding-top: calc(var(--hamburger-gap) * 2);   
    padding-right: calc(var(--hamburger-gap) * 2);   
  }
  
  .side_R_predvajalnik_navigacija1_lokacija {
    display: flex;
    width: calc(var(--bar-width) * 7);
  }
  
  #sideRPredvajalnikNavigacija1Lokacija {
    appearance: none;
    width: 100%;
    height: calc(var(--hamburger-gap) / 2);
    background: var(--color_RockBlue75);
    cursor: pointer;
  }
  
  input[type=range]::slider-thumb {
    /* appearance : none; */
    background-color : var(--color_RockBlue50);
    color: #2F8F25;
    border: 2px solid var(--color_LunarGreen);
    height : calc(var(--default_font_size) * 1);
    width : 3px;
  }

  .MM_MLJ input[type=range]{background-color : #f0a890;}
  .SS_PPL input[type=range]{background-color : #a7e3b7;}
  .SS_MLJ input[type=range]{background-color : var(--color_Red);}
  .SS_LPT input[type=range]{background-color : var(--color_Brown);}
  .SS_STD input[type=range]{background-color : var(--color_Lightcynar);}
  .SS_DLE .side_R_predvajalnik_navigacija1 input[type=range]{background-color : var(--color_Yellow);}
  .SS_DLE .side_R_predvajalnik_navigacija2 input[type=range]{background-color : var(--color_Green);}
  .SS_KEV .side_R_predvajalnik_navigacija1 input[type=range]{background-color: #FFCC00;} 
  .SS_KEV .side_R_predvajalnik_navigacija2 input[type=range]{background-color: #0166FF;}
  
  input[type=range] {
    appearance: none;
    width: 94%;
    height: calc(var(--hamburger-gap) / 2);
    background: var(--color_RockBlue75);
    cursor: pointer;
  }
  
  input[type=range]::-webkit-slider-thumb {
    appearance : none;
    background-color : var(--color_RockBlue50);
    color: #2F8F25;
    border: 2px solid var(--color_LunarGreen);
    height : calc(var(--default_font_size) * 1);
    width : 3px;
  }

  .SS_LPT input[type=range]::-webkit-slider-thumb {border: 2px solid var(--color_Brown);}
  
  .side_R_predvajalnik_navigacija1_do_konca {
    padding-top: calc(var(--hamburger-gap) * 2);   
    padding-left: calc(var(--hamburger-gap) * 2);   
  }
  
  /* Navigacija 2 vrstica */

  .side_R_predvajalnik_navigacija2{
    display: flex;
    flex-direction: row;
    /*align-items: center;*/
    padding: calc(var(--hamburger-gap)* 1.5);
    padding-top: 0;
    position: relative;
  }
  
  .side_R_predvajalnik_navigacija2_prejsnji{
    width: calc(var(--bar-width));
    cursor: pointer;    
    display: flex;
    justify-content: left;
    align-items: center;
  }
  
  .SS_LPT .side_R_predvajalnik_navigacija2_prejsnji svg {fill: var(--color_Brown);}
  .SS_DLE .side_R_predvajalnik_navigacija2_prejsnji svg {fill: var(--color_Red);}
  .SS_KEV .side_R_predvajalnik_navigacija2_prejsnji svg {fill: var(--color_Blue);}
  
  .side_R_predvajalnik_navigacija2_play_pause{
    width: calc(var(--bar-width));
    position: relative;
    display: flex;
    align-items: center;
    transition: all 200ms;
    cursor: pointer;
  }

  .SS_LPT .side_R_predvajalnik_navigacija2_play_pause svg{fill: var(--color_Brown);}
  
  #sideRSkladbaNavigacija2Play {
    position: relative;
    display: block;
    left:-15%;
    width:  calc(var(--bar-width));
    height: calc(var(--hamburger-height) * 0.65); 
  }
  
  .SS_KEV #sideRSkladbaNavigacija2Play {fill: var(--color_Green);}
  .SS_DEL #sideRSkladbaNavigacija2Play {fill: var(--color_Green);}
  
  #sideRSkladbaNavigacija2Pause {
    position: relative;
    display: none;
    left:-19%;
    width: calc(var(--bar-width));
    height: calc(var(--hamburger-height) * 0.65); 
  }
  
  .SS_DLE #sideRSkladbaNavigacija2Pause {fill: var(--color_Darkorange);}
  .SS_KEV #sideRSkladbaNavigacija2Pause {fill: var(--color_Darkorange);}
  
  
  .side_R_predvajalnik_navigacija2_naslednji{
    margin-left: -2%;
    width: calc(var(--bar-width));
    cursor: pointer;    
    display: flex;
    justify-content: left;
    align-items: center;
  }
  
  .SS_LPT .side_R_predvajalnik_navigacija2_naslednji svg {fill: var(--color_Brown);}
  .SS_DLE .side_R_predvajalnik_navigacija2_naslednji svg {fill: var(--color_Blue);}
  .SS_KEV .side_R_predvajalnik_navigacija2_naslednji svg {fill: blue;}
  
  .side_R_predvajalnik_navigacija2_random{
    width: calc(var(--bar-width));
    margin-left: 1%;
    cursor: pointer;
    display: flex;
    justify-content: left;
    align-items: center;
  }
  
  .SS_LPT .side_R_predvajalnik_navigacija2_random svg{fill: var(--color_Brown);}
  
  .side_R_predvajalnik_navigacija2_jakost {
    width: calc(var(--bar-width) * 6);
    margin-top: -2px;
  }

  #sideRskladbanavigacija2jakost {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    top: 50px;
    display: flex;
    align-items: center;
    align-content: center;
    height: calc(var(--hamburger-gap) / 2);
    /*background: var(--color_LunarGreen);*/
    background: red;
    cursor: pointer;
  }
  
  .side_R_predvajalnik_navigacija2_zvocnik {
    width: calc(var(--bar-width));
    cursor: pointer;    
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: calc(var(--hamburger-gap) * 2);   
  }
  
  .SS_LPT .side_R_predvajalnik_navigacija2_zvocnik svg{fill: var(--color_Brown);}
  
  /*  Besedilo*/
  
  .side_R_predvajalnik_besedilo {
    height: calc(100vh - var(--hamburger-height) * 12.5);
    overflow-y: hidden;
    position: relative;
    display: block;
    flex-direction: row;
    width: 100%;
    padding: 0;
    margin: 0;
    background-attachment: fixed;

  }

  .side_R_predvajalnik_besedilo.side_R_dogodki_0{
    height: calc(100vh - var(--hamburger-height) * 12);
  }
  
  .side_R_predvajalnik_besedilo.side_R_dogodki_1 {
    height: calc(100vh - var(--hamburger-height) * 15);
  }
  
  .side_R_predvajalnik_besedilo.side_R_dogodki_2 {
    height: calc(100vh - var(--hamburger-height) * 17.5);
  } 
  
  .side_R_predvajalnik_besedilo_header {
    position: absolute;
    z-index: 10;
    width: 100%;
    display: none; /* flex*/
    flex-direction: row;
    padding: calc(var(--hamburger-gap) * 1);
    justify-content: space-between;
    height: calc(var(--hamburger-height) * 1.25);
  }

  .SS_LPT .side_R_predvajalnik_besedilo_footer svg,
  .SS_LPT .side_R_predvajalnik_besedilo_header svg{
    fill: var(--color_Brown);
  }
  
.side_R_skladba_besedilo_header_karaoke {
    cursor: pointer;
  }
  
.side_R_skladba_besedilo_header_akordi {
    cursor: pointer;
  }

  #sideRSkladbaBesediloText {
    position: relative;
    display: block  ; /*block*/
    margin: auto;
    width: 100%;
    height: 100%;
    padding: 0 calc(var(--hamburger-gap) * 8) ;
  }

  .SS_LPT #sideRSkladbaBesediloText span{
    color: var(--color_Brown);
  }

  #sideRSkladbaBesediloText span {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--font-BovinoMedium);
    font-size: x-large;
    color: var(--color_LunarGreen);
    text-align: center;
  }

  /*
  .side_R_predvajalnik_besedilo_text p{
      color: transparent; 
      border: 1px solid red;
      font-family: var(--font-BovinoMedium);
      color: var(--color_LunarGreen);
      display: flex;
      justify-content: center;
      align-self: center;
      align-items: center;
      align-content: center;
  }
  
  .side_R_predvajalnik_besedilo_text p,
  .side_R_predvajalnik_besedilo_text {
    justify-content: center;
    text-align: center;
    width: 100%;  

  }
  
  .side_R_predvajalnik_besedilo_text span {
    font-size: 1rem;
  }
  
  .side_R_predvajalnik_besedilo_text::-webkit-scrollbar {
    display: none;
  }

  .side_R_predvajalnik_besedilo_text_open{
    display: block;
  }

  .side_R_predvajalnik_besedilo_text.side_R_predvajalnik_besedilo_text_open.side_R_dogodki_2 {
    height: calc(100% - var(--hamburger-height) * 5.5) !important;
  }
  
  /*akordi*/
  /*
  .bracket {
    position: relative;
    display: none;
  }
  
  .relc {
    position: absolute;
  }
  
  .absc {
    display: block;
    visibility: hidden;
    position: relative;
    color: blue;
    top: -0.9em;
    font-weight: 900;
  }
  
  p {
    padding-top: 0.5rem;
  }
  
  .sub,
  .sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  .sup {
    top: -0.5rem;
  }
  
  .sub {
    bottom: -0.25em;
  }
  
  .hide-on-mobile {
    display: none;
  }
  */
  
  .side_R_predvajalnik_besedilo_podrobnosti{
    display: none;
    position: relative;
    overflow-y: scroll;
    width: 100%;
    max-height: 100%;
    padding-top: calc(var(--hamburger-gap) / 15);
    padding-left: calc(var(--hamburger-gap) / 2.8);
    padding-bottom: calc(var(--hamburger-gap) / 2.8);
    padding-right: calc(var(--hamburger-gap) / 2.8);
  }
  
  .side_R_predvajalnik_besedilo_podrobnosti::-webkit-scrollbar {
    display: none;
  }
  
  .side_R_predvajalnik_besedilo_podrobnosti_close{
    display: none;
  }

  .SS_LPT .side_R_predvajalnik_besedilo_podrobnosti{
    color: var(--color_Brown);
  }

  
  .side_R_predvajalnik_besedilo_podrobnost {
    display: flex;  
    padding: calc(var(--hamburger-gap) / 2);
    font-family: var(--font-BovinoLight);
  }
  
  .side_R_predvajalnik_besedilo_podrobnost_kaj {
    width: 31%;
    font-size: small;
    display: flex;
    align-self: center;
  }
  
  .side_R_predvajalnik_besedilo_podrobnost_kdo {
    width: 69%;
    overflow-wrap: break-word;
    padding-right: calc(var(--hamburger-gap) * 4);
  }
  
  .side_R_predvajalnik_besedilo_podrobnosti_close {
    display: none;
  }
  
  .side_R_predvajalnik_besedilo_podrobnosti_open {
    display: block;
  }
  
  .side_R_predvajalnik_besedilo_footer{
    position: absolute;
    display: flex;
    z-index: 10;
    bottom: 0;
   /* bottom: calc(var(--hamburger-height) * 5.5);*/
    right: 0;
    width: 100%;
    justify-content: end;
    background-color: transparent;
    text-align: right;
    flex-direction: row;
    padding: calc(var(--hamburger-gap) * 1);
   
  }
  
  .side_R_predvajalnik_besedilo_footer_info_text {
    cursor: pointer;
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
    justify-content: right;
    text-align: right;
  }

  #sideRSkladbaBesediloFooterInfo {
    display: block;
  }
  
  #sideRSkladbaBesediloFooterText { 
    display: none;
  }

     /* Seznami skladb */
  .side_R_seznam {
    display: block;
    position: absolute;
    top: calc(var(--hamburger-height) * 6);
    right: calc(var(--hamburger-gap) * 2);
    z-index: 11;
    overflow-y: none;
    background-color: rgba(146, 178, 203, 0.95);
    /* width: calc(100% - calc(var(--hamburger-gap) * 4)); */
    width: 96%;
    padding-top: calc(var(--hamburger-gap) * 2.2);
    transform: translateX(103%); /*103*/
    transition: all 200ms;
    padding: calc(var(--hamburger-gap) * 2);   
  }
  
  .MM_PPL .side_R_seznam {background-color: var(--color_RockBlue);}
  .MM_MLJ .side_R_seznam {background-color: #f0a890;}
  .SS_PPL .side_R_seznam {background-color: #a7e3b7;}
  .SS_MLJ .side_R_seznam {
    background-color: var(--color_Red);
    color: var(--color_White);
  }
  .SS_MLJ .side_R_seznam svg{ fill: var(--color_White);}
  .SS_LPT .side_R_seznam {
    background-color: var(--color_Brown);
    color: var(--color_Black);
  }
  .SS_LPT .side_R_seznam svg{ fill: var(--color_Black);}
  .SS_STD .side_R_seznam {background-color: var(--color_Lightcynar);}
  .SS_DLE .side_R_seznam {background-color: var(--color_Green);}
  .SS_KEV .side_R_seznam {background-color: #FFCC00;}
  
  .side_R_seznam.side_R_dogodki_2{ height: calc(100vh - (var(--hamburger-height) * 5.5) - var(--hamburger-gap) * 6);}

  .side_R_seznam.side_R_dogodki_1 {
    top: calc(var(--hamburger-height) * 3.35);
    height: calc(100% - (var(--hamburger-height) * 2.9) - var(--hamburger-gap) * 5);
  }
  
  .side_R_seznam.side_R_dogodki_0 {
    top: calc(var(--hamburger-gap) * 4);
    height: calc(100% - var(--hamburger-gap) * 5.5);
  }
  
.side_R_seznam_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: calc(var(--hamburger-height) * 1.5);
    padding-bottom: calc(var(--hamburger-gap) * 2);
    border-bottom: 1px solid var(--color_LunarGreen);
  }
  
  #sideRSeznamPlayListOdpri {display: block;}
  
  #sideRSeznamPlayListZapri {display: none;}

  .side_R_seznam .side_R_seznam_header span {
    font-family: var(--font-BovinoMedium);
  }
  
.side_R_seznam_header svg {cursor: pointer;}
  
 /* .side_R_seznam_header h2 {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    cursor: pointer;
  } */
  
  .side_R_seznam_playliste {
    overflow: scroll;
    /*padding-top: calc(var(--hamburger-gap) * 2);*/
    /* height: calc(100vh - (var(--hamburger-height) * 5.5 - var(--hamburger-gap) * 4 - var(--hamburger-height) * 1.5)); */
    height: 95%;
    display: none; 
  }
  
  .side_R_seznam_playliste::-webkit-scrollbar {
    display: none;
  }
  
 .side_R_seznam_playlista {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: left;
    padding-bottom: calc(var(--hamburger-gap) * 1);
    padding-top: calc(var(--hamburger-gap) * 1);
    border-bottom: 1px solid var(--color_LunarGreen);
  }

  .side_R_seznam_playlista span{
    display: none;
  }

  .side_R_seznam_playlista_index{
    visibility: hidden;
  }
  
.side_R_playlista_slika {
    width: 15%;
    padding-right: calc(var(--hamburger-gap) * 2);
  }
  
.side_R_playlista_slika img {
    width: calc(var(--hamburger-height)*1);
  }
  
.side_R_seznam_playlista_ime {
    display: flex;
    cursor: pointer;
    width: 85%;
    font-family: var(--font-BovinoMedium);
    padding: 0;
    margin: 0;
    align-items: center;
  }
  .side_R_seznam_skladb {
    display: flex;
    flex-direction: column;
    width: 100%;  
    height: calc(100% - (var(--hamburger-height) * 1) - var(--hamburger-gap) * 4);
    /*padding: calc(var(--hamburger-gap) * 2);*/
    overflow-y: scroll;
  }
  .side_R_seznam_skladb.side_R_dogodki_1{
    height: calc(100% - (var(--hamburger-height) * 1) - var(--hamburger-gap) * 4);
  }

  .side_R_seznam_skladb.side_R_dogodki_0{
    height: calc(100% - (var(--hamburger-height) * 1) - var(--hamburger-gap) * 4);
  }
  
  .side_R_seznam_skladb::-webkit-scrollbar {
    display: none;
  }
  
  .side_R_seznam_skladba {
    display: flex;
    flex-direction: row;  
    width: 100%;
    justify-content: left;
    padding: calc(var(--hamburger-gap) * 1) 0;
    border-bottom: 1px solid var(--color_LunarGreen);
  }
  
  .side_R_seznam_skladba .side_R_seznam_skladba_index {
    width: calc(var(--bar-width) * 0.5);
    visibility: hidden;
    padding-right: var(--hamburger-gap);
  }

  .side_R_seznam_skladba_slika {
    /*width: 15%;*/
    padding-right: calc(var(--hamburger-gap) * 2);
  }

  .side_R_seznam_skladba_slika img {
    width: var(--hamburger-height);
  }
  
  .side_R_seznam_skladba_name {
    margin: 0;
    padding: 0;
    width: 85%;
    cursor: pointer;
    font-family: var(--font-BovinoMedium);
    align-items: center;
  }
  
   .side_R_predvajalnik_equlizer {
      position: absolute;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: calc(var(--hamburger-height) * 5);
      bottom: 0;
      right: 0;  
    }
    
    .side_R_predvajalnik_equlizer > div > audio {
      width: 100%;
      height: 100px;
      float: left;
      display: none;
    }
    
     .side_R_predvajalnik_equlizer canvas {
      position: absolute;
      bottom: -0;
      width: 100%;
      height: 100%;
      float: left;
    } 

    @media only screen and (max-width: 64em) /*769-1024px*/ {

      .MM_MLJ .side_R {background-color: #f0a890;}
      .SS_PPL .side_R {background-color: #a7e3b7;}
      .SS_MLJ .side_R {background-color: var(--color_White);}
      .SS_LPT .side_R {background-color: var(--color_Black);}
      .SS_STD .side_R {background-color: var(--color_Lightcynar);}
      .SS_DLE .side_R {background-color: var(--color_Black);}
      .SS_KEV .side_R {background-color: #FFCC00;}

      .MM_MLJ input[type=range]{background-color : #f4cbb3;}
      .SS_PPL input[type=range]{background-color : var(--color_Chartreuse);}
      .SS_STD input[type=range]{background-color : var(--color_White);}
      .SS_DLE .side_R_predvajalnik_besedilo_text{
          display: flet;
          justify-content: center;
          align-items: center;
      }

      .SS_KEV .side_R_predvajalnik_navigacija1 input[type=range]{background-color: var(--color_Green);} 

      .SS_KEV .side_R_predvajalnik_navigacija2_prejsnji svg {fill: var(--color_Blue);}
      .SS_KEV #sideRSkladbaNavigacija2Play {fill: var(--color_Green);}
      .SS_DEL #sideRSkladbaNavigacija2Play {fill: var(--color_Green);}
      .SS_LPT .side_R_predvajalnik_navigacija2_prejsnji svg {fill: var(--color_Brown);}
      .SS_LPT .side_R_predvajalnik_navigacija2_naslednji svg {fill: var(--color_Brown);}
      .SS_LPT .side_R_predvajalnik_navigacija2_random svg{fill: var(--color_Brown);}
      .SS_LPT .side_R_predvajalnik_navigacija2_zvocnik svg{fill: var(--color_Brown);}

      .SS_DLE .side_R_predvajalnik svg{
        fill: var(--color_White);        
      }

      .side_R_predvajalnik_skladba_playlist h4,
      .side_R_predvajalnik_skladba_naslov h4{
        font-size: 1.8rem;
      }
      .SS_DLE .side_R_predvajalnik_skladba_podatki h5,
      .SS_DLE .side_R_predvajalnik_navigacija1_od_zacetka H6,
      .SS_DLE .side_R_predvajalnik_navigacija1_do_konca h6,
      .SS_DLE .side_R_predvajalnik_skladba_playlist h4,
      .SS_DLE .side_R_predvajalnik_skladba_naslov h4{
        color: var(--color_White);
      }
      
      .side_R_predvajalnik{
        padding-top: 0;
        padding-bottom: 0;
        height: calc(100% - (var(--hamburger-gap) * 1)) !important;
      }


      .side_R_predvajalnik_skladba{
        height: 45%;
      }

      .side_R_predvajalnik_skladba_slika {
        width: 18vh;  
        height: 18vh; 
      }

      .side_R_predvajalnik_skladba_podatki{
        display: flex;
      }

      .side_R_predvajalnik_skladba_podatki > div{
        width: 50% !important;
      }

      .side_R_predvajalnik_skladba_podatki label {
        font-size: 1.4rem;
      }

      .side_R_predvajalnik_skladba_naslov,
      .side_R_predvajalnik_skladba_playlist {
        padding-top: var(--padding_1);
        font-size: 1.8rem;
      }

      .side_R_predvajalnik_navigacija{
        height: 55%;
      }

      .side_R_predvajalnik_navigacija1 {
        width: calc(100vw - 20vh);
        right: 0;
        height: 50%;
        position: absolute;
        justify-content: space-between;
      }

      .side_R_predvajalnik_navigacija1_od_zacetka,
      .side_R_predvajalnik_navigacija1_do_konca {
        font-size: 2rem;
      }

      .side_R_skladba_navigacija2_play{
        display: flex;
        align-items: center;
      }

      .side_R_predvajalnik_navigacija1_lokacija{
        width: 100%;
      }

      .side_R_predvajalnik_navigacija2 {
        width: calc(100vw - 20vh);
        right: 0;
        bottom: 0;
        height: 50%;
        position: absolute;
        justify-content: space-around;
      }

      #sideRSkladbaNavigacija2Pause,
      #sideRSkladbaNavigacija2Play {
        width:  calc(var(--bar-width) * 1.3); 
        height: calc(var(--hamburger-height) * 1.3);  
      }

      .side_R_predvajalnik_navigacija2 svg {
        width:  calc(var(--bar-width) * 1.5); 
        height: calc(var(--hamburger-height) * 1.5);  
      }
       
      .side_R_predvajalnik_navigacija2_jakost {
        width: calc(var(--bar-width) * 7);
        display: flex;
        align-items: center;
      }
      .side_R_predvajalnik_navigacija1_lokacija input,
      .side_R_predvajalnik_navigacija2_jakost input{
        background: var(--color_LunarGreen);
      }

      .side_R_predvajalnik_besedilo{
        display: none;
      }
      
      .side_R_full .side_R_seznam{
        display: flex;
        flex-direction: column;
        position: absolute;
        top: -80vh;
        height: 100vh;
      }

      .side_R_playlista_slika {
        width: 25%;
        display: flex;
        justify-content: center;
        padding-right: calc(var(--hamburger-gap) * 2);
      }

      .side_R_playlista_slika img {
        width: 50%;
      }
  
      .side_R_seznam_playlista_ime {
        font-size: calc(var(--default_font_size)*2);
      }

      .side_R_seznam_skladba_slika {
        width: 25%;
        display: flex;
        justify-content: center;
        padding-right: calc(var(--hamburger-gap) * 2);
      }
  
      .side_R_seznam_skladba_slika img {
        width: 50%;
      }

      .side_R_seznam_skladba_name{
        font-size: calc(var(--default_font_size)*2);
      }
  
    }
    @media only screen and (max-width: 48em) /*481-768px*/ {

      .side_R_predvajalnikFullPage{
        display: flex;
      }
      
      .side_R_predvajalnik_skladba{
        height: 35%;
      }
      .side_R_predvajalnik_navigacija{
        height: 65%;
      }

      .side_R_predvajalnik_skladba_slika {
        width: 12vh;  
        height: 12vh;
      }

      .side_R_skladba_spisek svg{
        display: none;
      }

      .side_R_predvajalnik_skladba_podatki div label,
      .side_R_predvajalnik_navigacija2_prejsnji,
      .side_R_predvajalnik_navigacija2_zvocnik,
      .side_R_predvajalnik_navigacija2_random,
      .side_R_predvajalnik_navigacija2_jakost,
      .side_R_predvajalnik_skladba_playlist,
      .side_R_predvajalnik_equlizer {
        display: none;
      }

      .side_R_predvajalnik_skladba_podatki > div:first-child{
        width: 95% !important;
      }

      .side_R_predvajalnik_skladba_podatki > div:last-child{
        width: 5% !important;
      }

      .side_R_predvajalnik_skladba_naslov {
        font-size: 1.4rem;
        padding-top: var(--padding_5);
      }

      #sideRSkladbaNavigacija2Pause,
      #sideRSkladbaNavigacija2Play {
        width:  calc(var(--bar-width) * 1); 
        height: calc(var(--hamburger-height) * 1);  
      }

      .side_R_predvajalnik_navigacija1,
      .side_R_predvajalnik_navigacija2 {
        width: calc(100vw - 14vh);
      }

      .side_R_predvajalnik_navigacija2 svg {
        width:  calc(var(--bar-width) * 1.2); 
        height: calc(var(--hamburger-height) * 1.2);  
      }

      .side_R_seznam {
        display: block;
        position: fixed;
        top: 0 !important;
        right: calc(var(--hamburger-gap) * 2);
        z-index: 11;
        overflow-y: none;
        background-color: rgba(146, 178, 203, 0.95);
        width: 100%;
        height: 100%;
        padding-top: calc(var(--hamburger-gap) * 2.2);
        transform: translateX(103%); /*103*/
        transition: all 200ms;
        padding: calc(var(--hamburger-gap) * 2);   
      }

      .side_R_full .side_R_predvajalnikFullPage{
        left: calc(var(--hamburger-gap) * 2);
      }

      .side_R_full .side_R_predvajalnik_skladba {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 10vh;
        position: relative;
        padding-top: var(--padding_5);
      }

      .side_R_full .side_R_predvajalnik_skladba_slika{
        width: 70vw;
        height: 70vw;
      } 

      .side_R_full .side_R_predvajalnik_skladba_naslov{
        text-align: center;
        font-size: 1.6rem;
        width: 100%;
      }

      .side_R_predvajalnik_skladba_playlist{
        display: none;
      }

      .side_R_full .side_R_skladba_spisek{
        display: flex;    
        top: auto;    
        bottom: -4rem;
        width: 2rem;
        height: 2rem;
      }

      .side_R_seznam{
        height: 100% !important;
        right: 0;
      }

      .side_R_full .side_R_seznam_header{
        padding-left: calc(var(--hamburger-gap) * 2) !important; 
        justify-content: space-between;
        width: calc(100% - var(--bar-width) * 1);
        padding-right: var(--padding_5);      
      }
      .side_R_full .side_R_skladba_spisek svg{
        display: block;
      }

      .SS_MLJ .side_R_seznam_header{
        width: 100%;
        justify-content: right;
      }

      .SS_MLJ .side_R_seznam_header span{
        padding-left: 10px; 
        padding-right: 10px;
      } 

      .side_R_full .side_R_predvajalnik_skladba_playlist{
        display: block;
        font-size: 1rem;
        text-align: center;
        width: 100%;
        padding-top: var(--padding_4);
      }

      .side_R_full .side_R_predvajalnik_skladba_podatki{
        padding-top: var(--padding_5);
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
      }

      .side_R_full .side_R_predvajalnik_skladba_podatki > div:last-child{
        width: 95% !important;       
      }

      .side_R_full .side_R_predvajalnik_besedilo{
        width: calc(100% - var(--hamburger-gap) * 2.2);
        height: 10rem;
        top: 16vh;
        left: 0;
        display: block;
      }

      .side_R_full .side_R_predvajalnik_besedilo_header,
      .side_R_full .side_R_predvajalnik_besedilo_header_karaoke,
      .side_R_full .side_R_predvajalnik_besedilo_header_akordi{
        display: none;
      }

      .side_R_full .side_R_predvajalnik_besedilo_text{
        display: flex !important;
        align-items: start !important;
       justify-content: start;
      }

      .side_R_full .sideRSkladbaBesediloText{
        display: flex;
        position: relative;
      }

      .side_R_full #sideRSkladbaBesediloText span {
        position: absolute !important;
        top: 1.5rem !important;
        font-size: 1.1rem !important;
      }

      .side_R_full .side_R_predvajalnik_besedilo_podrobnosti{
        position: absolute !important;
        top: 2.5rem !important;
        padding-bottom: 1rem;
      }

      .side_R_full .side_R_predvajalnik_navigacija{
          position: absolute;
          height: 13vh;
          width: 100%;
          right: 0;
          bottom: calc(var(--hamburger-height) * 5);
      }

      .side_R_full .side_R_predvajalnik_navigacija1{
        width: 100%;
    }

    .side_R_full .side_R_predvajalnik_navigacija2{
      width: 100%;
      align-items: center;
    }

      .side_R_full .side_R_predvajalnik_equlizer{
          display: block; 
      }

      .side_R_full .side_R_predvajalnik_navigacija2_prejsnji {
        display: block;
      }
      .side_R_full .side_R_seznam_playlista_ime,
      .side_R_full .side_R_seznam_skladba_name {
        font-size: calc(var(--default_font_size)*1);
      }

      .side_R_full .side_R_predvajalnik_besedilo_text{
        display: flet;
        justify-content: center;
        align-items: center;
        top: 30%;
      }
      
      .SS_LPT .side_R_predvajalnik svg{
        fill: var(--color_Brown);        
      }
      
      .SS_DLE .side_R_full .side_R_predvajalnik_besedilo_text span {
        color: var(--color_White) !important;
      }

      .SS_DLE .side_R_predvajalnik_skladba_podatki h5,
      .SS_DLE .side_R_predvajalnik_navigacija1_od_zacetka H6,
      .SS_DLE .side_R_predvajalnik_navigacija1_do_konca h6,
      .SS_DLE .side_R_predvajalnik_skladba_playlist h4,
      .SS_DLE .side_R_predvajalnik_skladba_naslov h4{
        color: var(--color_Brown);
      }

      .side_R_predvajalnik_skladba_playlist h4,
      .side_R_predvajalnik_skladba_naslov h4{
        font-size: 1.2rem;
      }
    }