/** EWW.SCSS
Created by saimoom **/
*{
  all: unset;
  font-family: feather;
  font-family: Inter Nerd Font;
}

/** General **/
.bar_class {
    //background-color: rgba(00, 00, 00, 0.55);
    //border-radius: 12px;
    //border-style: solid;
    //border-width: 2;
    //border-color: #53E2AE;
}
.module {
    margin: 0px 0px 0px 0px;
    border-radius: 10px 10px 0px 10px;
}

/** tooltip!! **/
tooltip.background {
    background-color: rgba(00, 00, 00, 0.0);
    font-size: 18;
    border-radius: 10px;
    color: #bfc9db;
}

tooltip label {
    margin: 6px;
}


/** Widgets **/

.clock_time_sep {
    font-size: 32;
    color: #ffffff;
    margin: -5px 0px 0px 0px;
}
.clock_time_class, .clock_minute_class {
    font-size: 28;
}
.clock_date_class {
    font-size: 24;
    margin: 0px 20px 0px -1px;
    color: #F48FB1;
}
.clock_minute_class {
    margin: 0px 20px 0px 0px;
    color: #ffffff;
}

.clock_time_class {
    color: #ffffff;
    font-weight: bold;
    margin: 0px 0px 0px 5px;
}


.membar {
  color: #F1FA8C;
    background-color: #38384d;
  border-radius: 10px;
}
.batbar {
  color: #A1EFD3;
    background-color: #38384d;
  border-radius: 10px;
}
.brightbar trough highlight {
  background-image: linear-gradient(to right, #F1FA8C 30%, #f2cdcd 50%, #F1FA8C 100% *50);
  border-radius: 10px;
}
.volbar trough highlight {
  background-image: linear-gradient(to right, #afcee0 30%, #92B6F4 50%, #77a5bf 100% *50);
  border-radius: 10px;
}
.volume_icon {
    font-size: 22;
    color: #92B6F4;
  margin: 0px 10px 0px 10px;
}


.module_essid {
    font-size: 18;
    color: #92B6F4;
  margin: 0px 10px 0px 0px;
}
.module-wif {
    font-size: 22;
    color: #92B6F4;
  margin: 0px 10px 0px 5px;
}

.iconlauncher {
    color: #53E2AE;
    font-size: 36px;
    margin: 0px 0px 0px 15px;
}
.iconsearch {
    color: #FFFFFF;
    font-size: 24px;
}
.iconmem {
    color: #F1FA8C;
}
.iconbat {
    color: #A1EFD3;
}
.iconbat, .iconmem {
    font-size: 15;
    margin: 10px;
}
.bright_icon {
    font-size: 22;
    color: #F1FA8C;
  margin: 0px 10px 0px 10px;
}


.separ {
    color: #3e424f;
    font-weight: bold;
    font-size: 22px;
    margin: 0px 8px 0px 8px;
  }

.launcher_module {
    background-color: rgba(00, 00, 00, 0.0);
  }
.mem_module {
    background-color: rgba(00, 00, 00, 0.0);
  border-radius: 16px;
  margin: 0px 10px 0px 3px;
  }
.bat_module {
    background-color: rgba(00, 00, 00, 0.0);
  border-radius: 16px;
  margin: 0px 10px 0px 10px;
  }


scale trough {
  all: unset;
  background-color: #22242b;
  box-shadow: 0 2px 3px 2px #06060b;
  border-radius: 16px;
  min-height: 10px;
  min-width: 70px;
  margin: 0px 10px 0px 0px;
}

.works {
  font-size: 31px;
  font-weight: normal;
  margin: 5px 0px 0px 10px;
  background-color: rgba(00, 00, 00, 0.0);
}

.x0 , .x01, .x02, .x03, .x04, .x05, .x06,
.x011, .x022, .x033, .x044, .x055, .x066{
  margin: 0px 10px 0px 0px;
}

/* Unoccupied */
.x0 {
  color: #606060;
}

/* Occupied */
.x01, .x02, .x03, .x04, .x05, .x06, .x07, .x08, .x09 {
  color: #FFFFFF;
}

/* Focused */
.x011, .x022, .x033, .x044, .x055, .x066, .x077, .x088, .x099{
  // color: #fc873c;
  color: #fc873c;
  // color: #53E2AE;
}

.bar {
  .x011, .x022, .x033, .x044, .x055, .x066, .x077, .x088, .x099{
    //color: #fc873c;
    color: #fc873c;
    //color: #53E2AE;
  }
}


.song_cover_art {
  background-size: cover;
  background-position: center;
  min-height: 24px;
  min-width: 24px;
  margin: 10px;
  border-radius: 100px;
}

.song {
  color: #92B6F4;
  font-size : 18px;
  font-weight : bold;
  margin : 3px 5px 0px 0px;
}

.song_btn_play {
  color: #92B6F4;
  font-size : 28px;
  margin : 3px 0px 0px 5px;

}


.song_btn_prev, .song_btn_next {
  color: #bfc9db;
  font-size : 24px;
  margin : 3px 0px 0px 5px;

}
// Calendar
.cal {
  background-color: rgba(00, 00, 00, 0.6);
  font-family: Inter Nerd Font;
  font-size: 18px;
  font-weight: normal;

.cal-in {
    padding: 0px 10px 0px 10px;
    color: #bfc9db;

.cal {
     &.highlight {
          padding: 20px;
      }

      padding: 5px 5px 5px 5px;
      margin-left: 10px;
    }
  }
}

calender {
    color: #bfc9db;
}
calendar:selected {
  color: #92B6F4;
}

calendar.header {
color: #92B6F4;
font-weight: bold;
}

calendar.button {
color: #A1EFD3;
}

calendar.highlight {
color: #92B6F4;
font-weight: bold;
}

calendar:indeterminate {
color: #bfc9db;
}

.sys_sep {
    color: #38384d;
    font-size: 18;
    margin: 0px 10px 0px 10px;
}
.sys_text_bat_sub, .sys_text_mem_sub {
    font-size: 16;
    color: #bbc5d7;
    margin: 5px 0px 0px 25px;
}
.sys_text_bat, .sys_text_mem {
    font-size: 21;
    font-weight: bold;
    margin: 14px 0px 0px 25px;
}
.sys_icon_bat, .sys_icon_mem {
    font-size: 30;
    margin: 30px;
}
.sys_win {
    background-color: rgba(00, 00, 00, 0.6);
}
.sys_bat {
  color: #A1EFD3;
    background-color: #38384d;
  border-radius: 10px;
}
.sys_mem {
  color: #F1FA8C;
    background-color: #38384d;
  border-radius: 10px;
}
.sys_icon_bat, .sys_text_bat {
    color: #A1EFD3;
}
.sys_icon_mem, .sys_text_mem {
    color: #F1FA8C;
}
.sys_bat_box {
  border-radius: 16px;
    margin: 15px 10px 10px 20px;
  }
.sys_mem_box {
  border-radius: 16px;
    margin: 10px 10px 15px 20px;
  }







.music_pop {
    background-color: rgba(00, 00, 00, 0.6);
  border-radius: 16px;
}
  .music_cover_art {
  background-size: cover;
  background-position: center;
  min-height: 100px;
    box-shadow: 5px 5px 5px 5px #06060b;
  min-width: 170px;
  margin: 20px;
  border-radius: 20px;
}

.music {
  color: #92B6F4;
  font-size : 20px;
  font-weight : bold;
  margin : 20px 0px 0px -15px;
}

.music_artist {
  color: #bbc5d7;
  font-size : 16px;
  font-weight : normal;
  margin : 0px 0px 0px 0px;
}

.music_btn_prev, .music_btn_play, .music_btn_next {
  font-family: Inter Nerd Font;
}
.music_btn_prev {
  color: #bbc5d7;
  font-size : 32px;
  font-weight : normal;
  margin: 0px 0px 0px 0px;
}
.music_btn_play {
  color: #92B6F4;
  font-size : 48px;
  font-weight : normal;
  margin: 0px 0px 0px 0px;
}
.music_btn_next {
  color: #bbc5d7;
  font-size : 32px;
  font-weight : normal;
  margin: 0px 0px 0px 0px;
}

.music_bar scale trough highlight {
  all: unset;
    background-image: linear-gradient(to right, #afcee0 30%, #92B6F4 50%, #77a5bf 100% *50);
  border-radius: 24px;
}
.music_bar scale trough {
  all: unset;
  background-color: #232232;
    box-shadow: 0 6px 5px 2px #06060b;
  border-radius: 24px;
  min-height: 13px;
  min-width: 190px;
  margin : -10px 10px 20px 0px;
}

.audio-box {
    background-color: rgba(00, 00, 00, 0.6);
  border-radius: 16px;
}
.speaker_icon {
  background-size: cover;
    background-image: url('images/speaker.png');
  background-position: center;
  min-height: 70px;
  min-width: 75px;
  margin: 10px 20px 5px 20px;
  border-radius: 12px;
}

.speaker_text {
  color: #92B6F4;
  font-size : 26px;
  font-weight : bold;
  margin: 20px 0px 0px 0px;
}

.speaker_bar scale trough highlight {
  all: unset;
    background-image: linear-gradient(to right, #afcee0 30%, #92B6F4 50%, #77a5bf 100% *50);
  border-radius: 24px;
}
.speaker_bar scale trough {
  all: unset;
  background-color: #232232;
    box-shadow: 0 6px 5px 2px #06060b;
  border-radius: 24px;
  min-height: 13px;
  min-width: 120px;
  margin : 0px 0px 5px 0px;
}

.mic_icon {
  background-size: cover;
    background-image: url('images/mic.png');
  background-position: center;
  min-height: 70px;
  min-width: 75px;
  margin: 5px 20px 20px 20px;
  border-radius: 12px;
}

.mic_text {
  color: #92B6F4;
  font-size : 26px;
  font-weight : bold;
  margin: 0px 0px 0px 0px;
}

.mic_bar scale trough highlight {
  all: unset;
    background-image: linear-gradient(to right, #afcee0 30%, #92B6F4 50%, #77a5bf 100% *50);
  border-radius: 24px;
}
.mic_bar scale trough {
  all: unset;
  box-shadow: 0 6px 5px 2px #06060b;
  background-color: #232232;
  border-radius: 24px;
  min-height: 13px;
  min-width: 120px;
  margin : 0px 0px 20px 0px;
}

.audio_sep {
  color: #38384d;
  font-size: 18;
  margin : 0px 0px 0px 0px;
}


.desktop_left {
  //max-width: 1000px;
}
.desktop_right {
  //float: right;
}
