@font-face {
  font-family: "auditunes";
  src        : url("../fonts/auditunes/auditunes.eot");
  src        : url("../fonts/auditunes/auditunes.eot?#iefix") format("embedded-opentype"), url("../fonts/auditunes/auditunes.woff") format("woff"), url("../fonts/auditunes/auditunes.ttf") format("truetype"), url("../fonts/auditunes/auditunes.svg") format("svg");
  font-weight: normal;
  font-style : normal
}


html,
body {
  width      : 100%;
  height     : 100px;
  padding    : 0px;
  margin     : 0px;
  background : #12191B;
  font-family: arial
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none
}

#login {
  width        : 580px;
  height       : 295px;
  background   : black;
  border-radius: 10px;
  position     : absolute;
  margin       : auto;
  top          : 0px;
  left         : 0px;
  right        : 0px;
  bottom       : 0px;
  padding      : 55px
}

#login_top {
  height       : 65px;
  width        : 580px;
  border-bottom: 1px solid #373737
}

#login_mid {
  width        : 580px;
  height       : 170px;
  border-bottom: 1px solid #373737;
  margin-bottom: 1px
}

#login_bot {
  width     : 580px;
  height    : 40px;
  border-top: 1px solid #373737
}

/*#login_logo {*/
/*	float: left;*/
/*	height: 100%;*/
/*	width: 300px;*/
/*	background-image: url(../images/logos/auditunes.png);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 0% 0%;*/
/*	background-size: 65%*/
/*}*/

#login_slogan {
  float     : left;
  width     : 280px;
  height    : 100%;
  color     : #13B0DD;
  text-align: right;
  font-size : 14px
}

#login_form_top {
  height    : 120px !important;
  width     : 100%;
  margin-top: 30px
}

#login_table {
  float: right
}

input[type='text']

/* input[type='password']  */
  {
  height       : 23px;
  background   : #faffbd;
  border       : 0px;
  border-radius: 0px;
  color        : black;
  width        : 260px;
  font-size    : 90%
}

tr td:first-child {
  color        : white;
  font-size    : 15px;
  padding-top  : 0px;
  padding-right: 10px
}

#checkbox {
  float     : left;
  margin-top: 2px
}

#login_button {
  background   : #004d5f;
  padding      : 0px;
  color        : white;
  margin       : 0px;
  border       : 0px;
  border-radius: 0px;
  padding      : 4px 8px;
  margin-top   : -2px;
  cursor       : pointer;
  margin-right : 3px;
  font-size    : 15px
}

#login_form_bot {
  float     : right;
  margin-top: 15px
}

.login_info {
  height: 40px;
  float : left;
  width : 193px
}

.login_info:nth-child(2) {
  width: 194px
}

.login_info_center {
  display   : table;
  margin    : auto;
  margin-top: 15px
}

.login_info_icon {
  width                : 20px;
  height               : 20px;
  float                : left;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  text-decoration      : none;
  color                : #033f4a;
  font-size            : 15px;
  line-height          : 20px;
  margin-right         : 3px
}

.login_text {
  float      : left;
  height     : 20px;
  color      : #ccc;
  line-height: 20px;
  font-size  : 15px
}

.login_info_wrapper {
  margin-top: 15px
}

.login_text_right,
.login_icon_ight {
  float: right
}

.login_error {
  color: white;
  float: right;
  color: red
}

.login_form_bot_wrapper {
  height: 60px;
  width : 100%
}

#checkbox {
  display: none
}

#checkbox_wrapper {
  width : 210px;
  height: 21px;
  float : left;
  cursor: pointer
}

.checkbox_button {
  width                : 20px;
  height               : 20px;
  float                : left;
  color                : white;
  font-size            : 14px;
  margin-right         : 2px;
  margin-top           : 1px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.checkbox_text {
  float     : left;
  width     : 168px;
  height    : 20px;
  color     : white;
  font-size : 14px;
  margin-top: 1px
}

input[type="checkbox"]+label .checkbox_button_selected {
  display: none
}

input[type="checkbox"]:checked+label .checkbox_button_selected {
  display: block
}

input[type="checkbox"]+label .checkbox_button_not_selected {
  display: block
}

input[type="checkbox"]:checked+label .checkbox_button_not_selected {
  display: none
}

@font-face {
  font-family: "arvoregular";
  src        : url("../fonts/arvo-regular/arvo-regular-webfont.eot");
  src        : url("../fonts/arvo-regular/arvo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/arvo-regular/arvo-regular-webfont.woff2") format("woff2"), url("../fonts/arvo-regular/arvo-regular-webfont.woff") format("woff"), url("../fonts/arvo-regular/arvo-regular-webfont.ttf") format("truetype"), url("../fonts/arvo-regular/arvo-regular-webfont.svg#arvoregular") format("svg");
  font-weight: normal;
  font-style : normal
}

@font-face {
  font-family: "armata";
  src        : url("../fonts/armata/armata-regular-webfont.woff2") format("woff2"), url("../fonts/armata/armata-regular-webfont.woff") format("woff"), url("../fonts/armata/armata-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style : normal
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src        : url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src        : url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")
}

.glyphicon {
  position               : relative;
  top                    : 1px;
  display                : inline-block;
  font-family            : 'Glyphicons Halflings';
  font-style             : normal;
  font-weight            : normal;
  line-height            : 1;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale
}

.glyphicon-cd:before {
  content: "\e201"
}

.glyphicon-user:before {
  content: "\e008"
}

body,
html {
  padding    : 0px;
  margin     : 0px;
  height     : 100%;
  width      : 100%;
  font-family: tahoma, Arial;
  overflow   : hidden
}

*:focus {
  outline: none
}

#top_menu {
  width : 100%;
  height: 35px
}

#player_view {
  width : 100%;
  height: calc(100% - 70px)
}

#footer {
  width     : 100%;
  height    : 34px;
  border-top: 1px solid black
}

.menu_item {
  width          : 76px;
  height         : 100%;
  cursor         : pointer;
  float          : left;
  text-decoration: none
}

.menu_item_image {
  height               : 33px;
  width                : 100%;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  line-height          : 33px;
  font-size            : 18px
}

.menu_item_image_big {
  font-size: 21px
}

.menu_item_indicator,
.menu_item_indicator_top {
  height: 2px;
  width : 100%
}

.main_top,
.main_mid,
.main_bot {
  width: 100%
}

.main_top {
  height: 137px
}

.main_mid {
  height: 45px
}

.main_bot {
  height: calc(100% - 182px)
}

#themes_wrapper {
  width : 100%;
  height: 100%
}

.logo,
#lists_logo {
  background-size    : contain !important;
  width              : 230px;
  height             : 100%;
  float              : left;
  background-repeat  : no-repeat !important;
  background-position: 50% 50% !important;
  /*margin           : 5px*/
}

.main_top_right {
  width : calc(100% - 231px);
  height: 100%;
  float : left
}

.zone_name,
.player {
  width : 50%;
  height: 100%;
  float : left
}

.zone_name {
  font-family : "armata";
  line-height : 137px;
  padding-left: 30px;
  width       : 50%;
  font-size   : 42px
}

.main_mid_left,
#themes_menu,
#themes_search,
.main_mid_right,
.main_list,
.main_mid_wrapper,
#themes_songs,
.main_bot_right {
  float : left;
  height: 100%
}

.main_mid_left {
  width: 230px
}

.main_mid_right,
.main_bot_right {
  width: calc(100% - 231px)
}

.main_bot_right {
  position: relative
}

#themes_search {
  width: 50%
}

#themes_menu {
  width        : 50%;
  height       : calc(100% - 1px);
  border-bottom: 1px solid black;
  border-left  : 1px solid black;
  border-right : 1px solid black
}

#themes_search_button,
#themes_menu_button,
#themes_shuffle_button,
#themes_delete_button {
  width                : 40px;
  height               : 100%;
  border-right         : 1px solid black;
  border-left          : 1px solid black;
  float                : left;
  cursor               : pointer;
  line-height          : 45px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

#themes_menu_button {
  width      : 45px;
  border-left: none
}

#themes_shuffle_button,
#themes_delete_button {
  width : 45px;
  border: none;
  float : right
}

#themes_search_input {
  background   : transparent;
  border       : 0px;
  padding      : 0px;
  margin       : 0px;
  border-radius: 0px;
  height       : 100%;
  width        : calc(100% - 52px);
  color        : #e0e4df;
  padding      : 0 5px;
  font-size    : 17px;
  color        : gray;
  font-style   : italic
}

.input_focused {
  background: #333B3C !important;
  color     : white !important;
  font-style: normal !important
}

.main_list {
  width     : 231px;
  overflow-y: auto;
  overflow-x: hidden;
  position  : static
}

#themes_songs {
  width     : 50%;
  background: #373F41
}

.category_item {
  width       : 100%;
  height      : 46px;
  line-height : 46px;
  overflow    : hidden;
  font-size   : 17px;
  padding-left: 8px;
  font-weight : bold;
  cursor      : pointer
}

.theme_item {
  height: 45px;
  width : 100%;
  cursor: pointer
}

.theme_item_indicator {
  float      : left;
  width      : 13px;
  margin-left: 13px;
  height     : 100%;
  background : #13b0dd
}

.theme_item_name {
  float      : left;
  height     : 100%;
  margin-left: 13px;
  line-height: 46px
}

.subtheme {
  height  : 80px;
  width   : calc(50% - 20px);
  float   : left;
  margin  : 10px 10px 0px 10px;
  cursor  : pointer;
  position: relative
}

.subtheme_bottom_space {
  margin-bottom: 19px
}

.subtheme_name {
  color        : white;
  height       : 100%;
  line-height  : 50px;
  width        : calc(100% - 80px);
  float        : left;
  padding      : 0 10px 0 10px;
  background   : #2D3333;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
  font-size    : 17px
}

.subtheme_options {
  height               : 80px;
  width                : 80px;
  float                : left;
  background           : #232929;
  line-height          : 80px;
  color                : #535B5D;
  font-size            : 30px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.not_visible {
  visibility: hidden
}

.user_queue {
  width     : 100%;
  height    : 100%;
  position  : relative;
  display   : block;
  overflow-x: hidden
}

.songs_bar {
  width        : 100%;
  height       : 44px;
  border-top   : 1px solid black;
  border-bottom: 1px solid black
}

.songs_queue {
  height  : 229px;
  width   : 100%;
  overflow: hidden;
  position: relative
}

.song {
  height  : 45px;
  width   : 100%;
  position: relative;
  z-index : 4
}

.song_options,
.song_artist,
.song_info,
.song_title {
  float                : left;
  height               : 100%;
  line-height          : 45px;
  font-size            : 15px;
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  cursor               : default
}

.song_options {
  width      : 45px;
  cursor     : pointer;
  line-height: 45px;
  text-align : center
}

.song_options:before {
  content: "+"
}

.zoom-extra-large .song_artist,
.song_title,
.song_selector_lists {
  padding      : 0 0 0 10px;
  border-right : 10px solid transparent;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.zoom-extra-large .song_artist {
  width: calc((100% - 102px) * 0.5);
}

.zoom-extra-large .song_title {
  width: calc((100% - 102px) * 0.5);
}

.zoom-super-extra-large .song_artist,
.song_title,
.song_selector_lists {
  padding      : 0 0 0 10px;
  border-right : 10px solid transparent;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.zoom-super-extra-large .song_artist {
  width: calc((100% - 106px) * 0.5);
}

.zoom-super-extra-large .song_title {
  width: calc((100% - 106px) * 0.5);
}

.zoom-superxx-extra-large .song_artist,
.song_title,
.song_selector_lists {
  padding      : 0 0 0 10px;
  border-right : 10px solid transparent;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.zoom-superxx-extra-large .song_artist {
  width: calc((100% - 106px) * 0.5);
}

.zoom-superxx-extra-large .song_title {
  width: calc((100% - 106px) * 0.5);
}

.zoom-large .song_artist,
.song_title,
.song_selector_lists {
  width        : calc((100% - 101px) * 0.5);
  padding      : 0 0 0 10px;
  border-right : 10px solid transparent;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.zoom-normal .song_artist,
.song_title,
.song_selector_lists {
  width        : calc((100% - 101px) * 0.5);
  padding      : 0 0 0 10px;
  border-right : 10px solid transparent;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.zoom-small .song_artist,
.song_title,
.song_selector_lists {
  width        : calc((100% - 101px) * 0.5);
  padding      : 0 0 0 10px;
  border-right : 10px solid transparent;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.song_info {
  width       : 75px;
  padding-left: 10px
}

.queue_songs_lines {
  position      : absolute;
  width         : 100%;
  height        : 100%;
  top           : 0px;
  left          : 0px;
  pointer-events: none;
  z-index       : 3
}

.first_line {
  width: calc(((100% - 100px) * 0.5) + 45px);
  float: left
}

.second_line {
  width: calc((100% - 100px) * 0.5);
  float: left
}

/* .third_line {
	width: calc((85% - 166px) * 0.5);
	float: left
}

.cat_first_line {
	width: calc(((100% - 166px) * 0.5) + 45px);
	float: left
}

.cat_second_line {
	width: calc((100% - 166px) * 0.5);
	float: left
}
.cat_third_line {
	width: calc((72% - 166px) * 0.5);
	float: left
} */

.songs_loading {
  padding  : 20px;
  position : absolute;
  top      : 0px;
  left     : 0px;
  z-index  : 2;
  font-size: 18px
}

.refresh_queue {
  width                : 45px;
  height               : 100%;
  float                : left;
  border-right         : 1px solid black;
  cursor               : pointer;
  line-height          : 45px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

#lists_players {
  width   : 100%;
  height  : 137px;
  overflow: hidden
}

#player_1,
#player_2 {
  width   : calc((100% - 231px) / 2);
  height  : 100%;
  float   : left;
  overflow: hidden
}

#lists_logo {
  width        : 230px;
  height       : 100%;
  float        : left;
  /* background: #151515 */
}

#lists_content {
  width   : 100%;
  height  : calc(100% - 137px);
  position: relative
}

#lists_top_menu,
#lists_bottom_menu {
  width : 100%;
  height: 45px
}

#lists_bottom_menu {
  height       : 45px;
  border-bottom: 1px solid black
}

.lists_lists,
.lists_user_lists {
  width : 100%;
  height: calc((100% - 90px) / 2 + 2px)
}

.lists_user_lists {
  height       : calc((100% - 92px) / 2);
  border-top   : 1px solid black;
  border-bottom: 1px solid black
}

#lists_top_menu_left {
  width      : 231px;
  height     : 100%;
  float      : left;
  line-height: 45px;
  text-align : center
}

#lists_top_menu_right {
  width : 100%;
  height: 100%;
  float : left
}

.top_list_options {
  width : 200px;
  height: 100%;
  float : left
}

.lists_top_right_wrapper {
  width : calc(100% - 465px);
  height: 100%;
  float : left
}

#queue_select_menu,
.db_lists_menu {
  position    : relative;
  width       : 231px;
  border-right: 1px solid black;
  height      : 100%;
  float       : left;
  overflow-y  : auto;
  overflow-x  : hidden
}

#user_lists {
  width : 100%;
  height: 100%
}

#user_lists_songs,
#db_lists_songs {
  position: relative;
  width   : calc(100% - 231px);
  height  : 100%;
  float   : left;
  overflow: hidden
}

.db_list_options {
  width   : 800px;
  height  : calc(100% / 2);
  position: absolute;
  bottom  : -1px;
  left    : 231px;
  overflow: hidden;
  z-index : 5
}

.db_list_options_top {
  height: 44px;
  width : 100%
}

.db_list_options_text {
  float       : left;
  height      : 45px;
  padding-left: 15px;
  line-height : 45px
}

.db_list_options_close {
  float                : right;
  height               : 45px;
  width                : 45px;
  line-height          : 45px;
  cursor               : pointer;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.db_list_options_bottom {
  height    : calc(100% - 48px);
  width     : 100%;
  padding   : 15px;
  overflow  : hidden;
  overflow-y: auto
}

.user_list_item,
.db_list_item {
  height  : 45px;
  cursor  : pointer;
  position: relative;
  width   : 100%
}

.agenda_list_item {
  /*height: 45px;*/
  cursor  : pointer;
  position: relative;
  width   : 100%
}

.ul_options {
  width   : 176px;
  position: absolute;
  top     : 0px;
  left    : 0px;
  height  : 45px
}

.db_list_item {
  line-height  : 45px;
  padding-left : 35px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
  position     : relative
}

.sub_item {
  padding-left: 15px
}

.db_list_text {
  width        : 160px;
  padding-right: 7px;
  height       : 45px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
  float        : left;
  padding-left : 10px
}

.db_list_indicator {
  width : 10px;
  height: 45px;
  float : left
}

.iconButton {
  width                : 25px;
  /* height            : 45px; */
  float                : left;
  font-size            : 20px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.db_list_options_button {
  width                : 20px;
  height               : 45px;
  float                : left;
  font-size            : 15px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.db_list_back {
  width : 100%;
  height: 46px;
  float : left;
  cursor: pointer
}

.db_back_arrow {
  width                : 35px;
  height               : 46px;
  line-height          : 46px;
  float                : left;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.db_back_text {
  width      : calc(100% - 35px);
  height     : 46px;
  line-height: 46px;
  float      : left
}

#new_list,
#edit_list,
#new_list_stream {
  height       : 45px;
  width        : 184px;
  line-height  : 45px;
  padding      : 0 10px 0 26px;
  border-radius: 0px;
  background   : transparent;
  border       : 0px;
  font-size    : 16px
}

#new_agenda {
  height       : 45px;
  width        : 195px;
  line-height  : 45px;
  border-radius: 0px;
  background   : transparent;
  border       : 0px;
  font-size    : 16px
}

.user_list_item_indicator {
  width      : 10px;
  margin-left: 13px;
  height     : 100%;
  line-height: 45px;
  text-align : center
}

.agenda_list_item .ul_indicator_wrapper,
.agenda_list_item .ul_options {
  margin-left: -25px;
}

.list_options_close {
  /* width: 13px; */
  height      : 45px;
  float       : left;
  text-align  : center;
  line-height : 45px;
  padding-left: 12px
}

.user_list_item_text {
  height       : 45px;
  line-height  : 45px;
  float        : left;
  padding      : 0 10px;
  width        : 85%;
  /* //160px; */
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.user_list_item_input,
.new_agenda_input {
  height       : 45px !important;
  line-height  : 45px;
  float        : left;
  padding      : 0 10px;
  width        : 160px !important;
  background   : transparent !important;
  border       : 0px;
  border-radius: 0px
}

.new_agenda_input {
  width: 231px !important
}

.song_checkbox,
.song_play {
  width : 50px;
  float : left;
  height: 45px
}

.song_checkbox,
.song_play {
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  line-height          : 45px;
  cursor               : pointer
}

.song_checkbox {
  font-size: 14px
}

.song_selector_lists {
  line-height: 45px;
  width      : 146px;
  float      : left;
  height     : 45px
}

.song_selector_lists_top {
  width: 146px
}

.song_options_lists {
  width     : 65px;
  height    : 45px;
  float     : left;
  text-align: center;
  cursor    : default
}

.song_time {
  width      : 87px;
  height     : 45px;
  line-height: 45px;
  float      : left;
  padding    : 0 10px
}

.zoom-normal .song_year {
  width      : 80px;
  height     : 45px;
  float      : left;
  line-height: 45px;
  padding    : 0 10px;
}

.zoom-small .song_year {
  width      : 60px;
  height     : 40px;
  float      : left;
  line-height: 40px;
  padding    : 0 8px;
}

.zoom-large .song_year {
  width      : 133px;
  height     : 50px;
  float      : left;
  line-height: 50px;
  padding    : 0 12px;
}

.zoom-extra-large .song_year {
  width      : 91px;
  height     : 50px;
  float      : left;
  line-height: 50px;
  padding    : 0 12px;
}

.zoom-super-extra-large .song_year {
  width      : 91px;
  height     : 50px;
  float      : left;
  line-height: 50px;
  padding    : 0 12px;
}

.zoom-superxx-extra-large .song_year {
  width      : 91px;
  height     : 50px;
  float      : left;
  line-height: 50px;
  padding    : 0 12px;
}

#user_lists_loading,
#db_lists_loading {
  position : absolute;
  top      : 0px;
  left     : 0px;
  z-index  : 2;
  padding  : 20px;
  font-size: 18px
}

.lists_lines {
  width         : 100%;
  height        : 100%;
  position      : absolute;
  z-index       : 5;
  top           : 0px;
  left          : 0px;
  pointer-events: none
}

.list_songs {
  width     : 100%;
  height    : 100%;
  overflow-y: auto
}

.lists_line1,
.lists_line2,
.lists_line3,
.lists_line4,
.lists_line5 {
  height: 100%;
  float : left;
}

.zoom-normal .lists_line1 {
  width: calc((100vw - 106px) / 2);
}

.zoom-normal .lists_line2 {
  width: calc((100vw - 320px) / 2);
}

.zoom-normal .lists_line3 {
  width: 83px;
}

.zoom-normal .lists_line4 {
  width: 87px;
}

.zoom-normal .lists_line5 {
  width: 86px;
}

/* Zoomed Out (Smaller Elements) */
.zoom-small .lists_line1 {
  width: calc((100vw - 250px) / 2);
}

.zoom-small .lists_line2 {
  width: calc((100vw - 450px) / 2);
}

.zoom-small .lists_line3 {
  width: 120px;
}

.zoom-small .lists_line4 {
  width: 75px;
}

.zoom-small .lists_line5 {
  width: 74px;
}

/* Zoomed In (Larger Elements) */
.zoom-large .lists_line1 {
  width: calc((100vw - 355px) / 2);
}

.zoom-large .lists_line2 {
  width: calc((100vw - 620px) / 2);
}

.zoom-large .lists_line3 {
  width: 160px;
}

.zoom-large .lists_line4 {
  width: 100px;
}

.zoom-large .lists_line5 {
  width: 98px;
}

.zoom-extra-large .lists_line1 {
  width: calc((100vw - 743px) / 2);
}

.zoom-extra-large .lists_line2 {
  width: calc((100vw - 849px) / 2);
}

.zoom-extra-large .lists_line3 {
  width: 84px;
}

.zoom-extra-large .lists_line4 {
  width: 100px;
}

.zoom-extra-large .lists_line5 {
  width: 98px;
}

.zoom-super-extra-large .lists_line1 {
  width: calc((100vw - 1082px) / 2);
}

.zoom-super-extra-large .lists_line2 {
  width: calc((100vw - 1207px) / 2);
}

.zoom-super-extra-large .lists_line3 {
  width: 90px;
}

.zoom-super-extra-large .lists_line4 {
  width: 100px;
}

.zoom-super-extra-large .lists_line5 {
  width: 98px;
}

.zoom-superxx-extra-large .lists_line1 {
  width: calc((100vw - 1360px) / 2);
}

.zoom-superxx-extra-large .lists_line2 {
  width: calc((100vw - 1377px) / 2);
}

.zoom-superxx-extra-large .lists_line3 {
  width: 81px;
}

.zoom-superxx-extra-large .lists_line4 {
  width: 100px;
}

.zoom-superxx-extra-large .lists_line5 {
  width: 98px;
}

.user_songs_lines {
  width         : 100%;
  height        : 100%;
  position      : absolute;
  top           : 0px;
  left          : 0px;
  pointer-events: none
}

.queue_line {
  height  : 100%;
  z-index : 2;
  position: relative
}

.queue_text {
  position             : absolute;
  z-index              : 1;
  font-family          : "arvoregular";
  bottom               : 0px;
  font-weight          : 900;
  font-size            : 900%;
  color                : #333A3C;
  padding-left         : 20px;
  pointer-events       : none;
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.song_draggable_helper,
.song_sortable_helper {
  z-index    : 5;
  display    : block;
  color      : black;
  cursor     : default;
  display    : table;
  height     : 19px !important;
  width      : auto !important;
  white-space: nowrap
}

.song_draggable_helper span,
.song_sortable_helper span {
  padding      : 5px;
  background   : white;
  border-radius: 4px
}

#queue_sortable {
  width     : 100%;
  position  : relative;
  display   : block;
  overflow-y: hidden;
  overflow-x: hidden;
  height    : 100%;
  overflow-y: auto
}

.zoom-normal .song_artist_lists {
  width: calc((100vw - 306px) / 2) !important;
}

.zoom-normal .song_title_lists {
  width: calc((100vw - 309px) / 2) !important;
}


.zoom-small .song_artist_lists {
  width: calc((100vw - 250px) / 2) !important;
}

.zoom-small .song_title_lists {
  width: calc((100vw - 280px) / 2) !important;
}

.zoom-large .song_artist_lists {
  width: calc((100vw - 550px) / 2) !important;
}

.zoom-large .song_title_lists {
  width: calc((100vw - 580px) / 2) !important;
}

.zoom-extra-large .song_artist_lists {
  width: calc((100vw - 916px) / 2) !important;
}

.zoom-extra-large .song_title_lists {
  width: calc((100vw - 873px) / 2) !important;
}

.zoom-super-extra-large .song_artist_lists {
  width: calc((100vw - 1246px) / 2) !important;
}

.zoom-super-extra-large .song_title_lists {
  width: calc((100vw - 1246px) / 2) !important;
}

.zoom-superxx-extra-large .song_artist_lists {
  width: calc((100vw - 1563px) / 2) !important;
}

.zoom-superxx-extra-large .song_title_lists {
  width: calc((100vw - 1385px) / 2) !important;
}

.main_mid_wrapper {
  height    : 100%;
  width     : 50%;
  overflow-y: auto
}

#themes_search_results,
#subtheme_options {
  position  : absolute;
  width     : 50%;
  height    : 100%;
  top       : 0px;
  left      : 0px;
  background: #151515;
  z-index   : 2
}

.options_top {
  width : 100%;
  height: 46px
}

#search_results_results,
.options_options {
  width     : 100%;
  height    : calc(100% - 46px);
  overflow-y: auto;
  overflow-x: hidden
}

.options_text {
  height      : 46px;
  line-height : 46px;
  width       : calc(100% - 158px);
  float       : left;
  padding-left: 20px
}

.options_close {
  height               : 46px;
  width                : 46px;
  cursor               : pointer;
  float                : right;
  line-height          : 46px;
  font-size            : 20px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

#search_for_close,
#search_query_songs,
#search_sort {
  height               : 46px;
  width                : 46px;
  cursor               : pointer;
  float                : left;
  line-height          : 46px;
  font-size            : 20px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.song_helper {
  position: absolute;
  top     : 0px;
  left    : 45px;
  height  : 45px;
  overflow: hidden
}

.opened_options:before {
  content: "-"
}

.song_helper_item {
  width                : 45px;
  height               : 45px;
  float                : left;
  cursor               : pointer;
  line-height          : 45px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

#search_results_lines {
  width         : calc(100%);
  height        : calc(100% - 46px);
  position      : absolute;
  top           : 46px;
  left          : 0px;
  pointer-events: none;
  z-index       : 5
}

#search_results_lines div {
  width       : calc((100% - 110px) * 0.5);
  /* width    : calc((100% - 197px) * 0.5); */
  height      : 100%;
  padding-left: 15px;
  float       : left
}

#search_results_lines div:nth-child(1) {
  margin-left: 45px
}

#box_user_lists {
  width     : 320px;
  position  : absolute;
  left      : calc(184px + ((100% - 231px) / 2));
  z-index   : 6;
  max-height: 226px;
  overflow  : hidden
}

#box_user_lists_wrapper {
  width     : 320px;
  padding   : 10px 0;
  background: #EBEBEB;
  height    : 100%
}

#box_ul_top {
  width        : 280px;
  height       : 36px;
  line-height  : 36px;
  border-bottom: 1px solid black;
  margin       : auto;
  margin-bottom: 5px
}

#box_ul_bottom {
  width     : 100%;
  max-height: 156px;
  overflow-y: auto
}

#box_ul_text {
  height   : 30px;
  float    : left;
  font-size: 22px
}

#box_ul_close {
  width                : 30px;
  height               : 30px;
  float                : right;
  cursor               : pointer;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.box_ul_item {
  width      : 280px;
  height     : 26px;
  line-height: 26px;
  margin-left: 20px;
  cursor     : pointer;
  overflow   : hidden
}

.list_item_hover {
  background: #BCBCBC
}

#box_ul_triangle {
  width       : 0px;
  height      : 0px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #ebebeb transparent transparent transparent;
  margin      : 0px auto
}

#box_ul_triangle_top {
  width       : 0px;
  height      : 0px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ebebeb transparent;
  margin      : 0px auto
}

#subtheme_year_slider,
#list_year_slider,
#selection_year_slider,
#score_slider {
  width        : 100%;
  border       : 0px;
  border-radius: 0px;
  position     : relative;
  height       : 6px;
  margin-top   : 20px
}

#subtheme_year_slider,
#selection_year_slider {
  margin-top   : 80px;
  margin-bottom: 80px
}

#subtheme_year_slider .ui-slider-range,
.player_slider .ui-slider-range,
#list_year_slider .ui-slider-range,
#selection_year_slider .ui-slider-range,
#score_slider .ui-slider-range {
  position: absolute;
  display : block;
  z-index : 1;
  top     : 0;
  height  : 100%
}

#subtheme_year_slider .ui-slider-handle,
#list_year_slider .ui-slider-handle,
#selection_year_slider .ui-slider-handle,
#score_slider .ui-slider-handle {
  cursor     : pointer;
  position   : absolute;
  margin-left: -70px;
  top        : 10px
}

#subtheme_year_slider .ui-slider-handle:first-of-type,
#list_year_slider .ui-slider-handle:first-of-type,
#selection_year_slider .ui-slider-handle:first-of-type,
#score_slider .ui-slider-handle:first-of-type {
  top        : -20px;
  margin-left: 0px
}

.options_wrapper {
  width : calc(100% - 120px);
  height: calc(100% - 140px);
  margin: 60px 60px
}

#options {
  height               : 35px;
  width                : 35px;
  float                : right;
  line-height          : 35px;
  color                : #C8C8C8;
  cursor               : pointer;
  font-size            : 18px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

#options button {
  background-color: transparent;
  color           : inherit;
}

#options_menu {
  position: absolute;
  top     : 37px;
  right   : 0px;
  z-index : 10
}

#options_menu_top {
  width       : 0px;
  height      : 0px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ebebeb transparent;
  float       : right;
  position    : relative;
  margin-right: 9px
}

#options_menu_bottom {
  position  : relative;
  margin-top: 8px;
  padding   : 15px;
  background: #EBEBEB;
  height    : 65px
}

.options_item {
  padding: 2px 4px;
  cursor : pointer
}

.options_item a {
  color          : black;
  text-decoration: none;
  display        : block;
  width          : 100%
}

#volume {
  width     : 425px;
  height    : 115px;
  background: #EBEBEB;
  position  : absolute;
  margin    : auto;
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
  z-index   : 5
}

#volume_top {
  margin       : 0 20px;
  border-bottom: 1px solid black;
  width        : 385px;
  height       : 40px
}

#volume_title {
  float      : left;
  height     : 40px;
  width      : 355px;
  line-height: 40px;
  font-size  : 19px
}

#volume_close {
  float                : left;
  width                : 30px;
  height               : 40px;
  line-height          : 40px;
  cursor               : pointer;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

#volume_mute,
#volume_max {
  width                : 40px;
  height               : 40px;
  float                : left;
  line-height          : 40px;
  cursor               : pointer;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

#volume_bot {
  padding: 16px 20px
}

#volume_slider {
  width     : 305px;
  height    : 6px;
  float     : left;
  margin-top: 17px;
  position  : relative
}

#volume_slider .ui-slider-handle {
  top          : -6px;
  position     : absolute;
  z-index      : 2;
  width        : 6px;
  height       : 20px;
  border-radius: 0px;
  background   : black;
  border       : 0px;
  left         : -3;
  margin-left  : 0px;
  cursor       : default;
  outline      : none;
  cursor       : pointer
}

#volume_slider .ui-slider-range {
  position: absolute;
  display : block;
  z-index : 1;
  top     : 0;
  height  : 100%
}

.loading_dot_1,
.loading_dot_2,
.loading_dot_3 {
  opacity: 0
}

@-webkit-keyframes first_dot {
  24% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-moz-keyframes first_dot {
  24% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-ms-keyframes first_dot {
  24% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-o-keyframes first_dot {
  24% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@keyframes first_dot {
  24% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes second_dot {
  49% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-moz-keyframes second_dot {
  49% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-ms-keyframes second_dot {
  49% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-o-keyframes second_dot {
  49% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@keyframes second_dot {
  49% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes third_dot {
  74% {
    opacity: 0
  }

  75% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-moz-keyframes third_dot {
  74% {
    opacity: 0
  }

  75% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-ms-keyframes third_dot {
  74% {
    opacity: 0
  }

  75% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@-o-keyframes third_dot {
  74% {
    opacity: 0
  }

  75% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@keyframes third_dot {
  74% {
    opacity: 0
  }

  75% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

.loading_dot_1 {
  -webkit-animation: first_dot 1200ms infinite;
  -moz-animation   : first_dot 1200ms infinite;
  -ms-animation    : first_dot 1200ms infinite;
  -o-animation     : first_dot 1200ms infinite;
  animation        : first_dot 1200ms infinite
}

.loading_dot_2 {
  -webkit-animation: second_dot 1200ms infinite;
  -moz-animation   : second_dot 1200ms infinite;
  -ms-animation    : second_dot 1200ms infinite;
  -o-animation     : second_dot 1200ms infinite;
  animation        : second_dot 1200ms infinite
}

.loading_dot_3 {
  -webkit-animation: third_dot 1200ms infinite;
  -moz-animation   : third_dot 1200ms infinite;
  -ms-animation    : third_dot 1200ms infinite;
  -o-animation     : third_dot 1200ms infinite;
  animation        : third_dot 1200ms infinite
}

@-webkit-keyframes hintfadeout {
  0% {
    opacity: 0.7
  }

  100% {
    opacity: 0
  }
}

@-moz-keyframes hintfadeout {
  0% {
    opacity: 0.7
  }

  100% {
    opacity: 0
  }
}

@-ms-keyframes hintfadeout {
  0% {
    opacity: 0.7
  }

  100% {
    opacity: 0
  }
}

@-o-keyframes hintfadeout {
  0% {
    opacity: 0.7
  }

  100% {
    opacity: 0
  }
}

@keyframes hintfadeout {
  0% {
    opacity: 0.7
  }

  100% {
    opacity: 0
  }
}

.hint_fadeout {
  -webkit-animation: hintfadeout 550ms linear 1;
  -moz-animation   : hintfadeout 550ms linear 1;
  -ms-animation    : hintfadeout 550ms linear 1;
  -o-animation     : hintfadeout 550ms linear 1;
  animation        : hintfadeout 550ms linear 1
}

#search_loading {
  width         : calc(100% - 40px);
  height        : calc(100% - 86px);
  position      : absolute;
  top           : 46px;
  left          : 0px;
  pointer-events: none;
  color         : white;
  z-index       : 5;
  padding       : 20px
}

.slider_handle {
  width : 90px;
  height: 30px
}

.slider_left_triangle {
  width       : 0px;
  height      : 0px;
  border-style: solid;
  border-width: 12px 12px 0 0;
  border-color: #ff0 transparent transparent transparent;
  margin-top  : 2px;
  float       : left
}

.slider_right_triangle {
  width       : 0px;
  height      : 0px;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #ff0 transparent;
  margin-top  : 2px
}

.slider_text {
  height        : 15px;
  width         : 50px;
  float         : left;
  color         : white;
  padding-left  : 3px;
  vertical-align: top
}

.slider_triangle_wrapper {
  width : 20px;
  height: 30px;
  float : left
}

.slider_text_right {
  text-align   : right;
  padding-right: 5px
}

.player_album_art,
.player_album_art_loading {
  height  : 131px;
  width   : 131px;
  float   : left;
  position: relative;
  overflow: hidden;
  margin  : 3px
}

.player_album_art_loading {
  text-align : center;
  line-height: 137px
}

.player_album_art img {
  position: absolute;
  margin  : auto;
  top     : 0;
  left    : 0;
  right   : 0;
  bottom  : 0
}

.player_body,
.player_loading {
  width : calc(100% - 137px);
  height: 100%;
  float : left
}

.player_loading {
  line-height: 137px;
  text-align : center;
  font-size  : 20px
}

.player_top,
.player_mid,
.player_rating {
  width : 100%;
  height: 25px
}

.player_top {
  height: 30px
}

.player_bottom {
  width     : 100%;
  height    : 20px;
  margin-top: 25px
}

.player_title {
  height       : 30px;
  width        : calc(100% - 100px);
  padding      : 5px 10px 0 10px;
  font-size    : 20px;
  float        : left;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.player_add_to_list,
.player_similar {
  width                : 31px;
  height               : 25px;
  float                : left;
  line-height          : 25px;
  text-align           : center;
  font-size            : 18px;
  margin-top           : 7px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  cursor               : pointer;
  float                : right;
  margin-right         : 9px
}

.player_selector {
  width      : 70px;
  text-align : right;
  font-size  : 17px;
  padding    : 5px 10px 0 0;
  float      : left;
  margin-left: 15px
}

.player_similar {
  font-size   : 15px;
  text-align  : left;
  padding-left: 5px;
  width       : 24px;
  margin      : 0px;
  margin-top  : 8px
}

.player_artist {
  height       : 20px;
  width        : calc(100% - 120px);
  padding      : 1px 10px 0 10px;
  font-size    : 17px;
  float        : left;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.player_play_button,
.player_next,
.player_pause_button {
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  height               : 17px;
  width                : 17px;
  font-size            : 13px;
  margin-left          : 8px;
  float                : left;
  cursor               : pointer;
  padding-top          : 1px
}

.player_next {
  margin-left : 10px;
  margin-right: 4px
}

.player_current_time,
.player_time {
  height               : 17px;
  font-size            : 15px;
  float                : left;
  margin-top           : -2px;
  padding              : 0 5px;
  text-align           : left;
  width                : 55px;
  overflow             : hidden;
  padding-top          : 1px;
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.player_slider {
  position : relative;
  /* 172 */
  width    : calc(100% - 65px);
  height   : 12px;
  float    : left;
  font-size: 16px;
  margin   : 2px 2px 0 2px
}

.duplicate_slider {
  width: calc(100% - 145px)
}

.main_top .duplicate_slider {
  width: calc(100% - 175px)
}

.player_slider .ui-slider-range {
  position: absolute;
  display : block;
  z-index : 1;
  top     : 0;
  height  : 100%
}

.player_rating {
  width: calc(100% - 10px)
}

.star {
  width                : 25px;
  height               : 25px;
  float                : left;
  font-size            : 22px;
  text-align           : center;
  line-height          : 25px;
  cursor               : pointer;
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.options_star {
  font-size            : 18px;
  line-height          : 18px;
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.hint {
  position      : absolute;
  margin        : auto;
  top           : 0;
  left          : 0;
  right         : 0;
  bottom        : 0;
  padding       : 5px;
  text-align    : center;
  line-height   : 34px;
  height        : 34px;
  font-size     : 24px;
  z-index       : 1000;
  pointer-events: none
}

.hint div {
  display       : inline-block;
  background    : white;
  opacity       : 0.7;
  padding       : 10px;
  border-radius : 5px;
  pointer-events: auto;
  cursor        : pointer
}

.placeholder {
  height: 46px;
  width : 100%
}

.subgenre {
  width : 33%;
  float : left;
  height: 30px;
  cursor: pointer
}

.subgenre_checkbox {
  width                : 20px;
  height               : 30px;
  line-height          : 30px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  float                : left;
  font-size            : 17px
}

.subgenre_name {
  height       : 30px;
  line-height  : 30px;
  float        : left;
  width        : calc(100% - 45px);
  padding-left : 10px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.genre_subgenres {
  width         : 100%;
  height        : auto;
  padding-bottom: 30px;
  border-bottom : 1px solid #303030
}

.genre_subgenres::after {
  content: "";
  display: block;
  clear  : both
}

.list_years {
  width        : auto;
  height       : 50px;
  margin       : auto;
  /* margin-top: 60px */
}

#list_songs_inner {
  width : 100%;
  height: 100%
}

.db_lists_menu_wrapper {
  width   : 231px;
  height  : 100%;
  overflow: hidden
}

.db_lists_menu_wrapper_all {
  width : 231px;
  height: 100%;
  float : left
}

.db_list_menu_loading {
  width   : 231px;
  height  : 100%;
  float   : left;
  overflow: hidden;
  position: relative
}

.db_list_menu_loading div {
  position  : absolute;
  width     : 230px;
  text-align: center;
  top       : calc(50% - 8px)
}

.lists_bottom_choose {
  width       : 230px;
  height      : 100%;
  float       : left;
  border-right: 1px solid black
}

.lists_bottom_item {
  width : 76px;
  float : left;
  height: 100%;
  cursor: pointer
}

.lists_bottom_item:last-child {
  border-right: none
}

.lists_bottom_choose .menu_item_image,
#lists_top_menu_left .menu_item_image {
  height     : 43px;
  line-height: 42px
}

.list_bar_right {
  height: 45px;
  width : calc(100% - 231px);
  float : left
}

.list_option {
  width                : 50px;
  height               : 45px;
  float                : left;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  line-height          : 45px;
  cursor               : pointer;
  font-size            : 17px
}

.list_name_spacer {
  width : 100px;
  height: 45px;
  float : left
}

.list_option:first-child {
  font-size: 14px
}

.list_name {
  height      : 45px;
  line-height : 45px;
  padding-left: 10px;
  width       : calc(100% - 160px);
  float       : left
}

.list_name_short {
  width: calc(100% - 260px)
}

.list_search {
  width       : 320px;
  height      : 45px;
  float       : left;
  border-right: 1px solid black
}

.list_search_icon {
  width                : 50px;
  border-right         : 1px solid black;
  height               : 45px;
  cursor               : pointer;
  float                : left;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  line-height          : 45px
}

#list_search_input {
  width        : calc(100% - 71px);
  height       : 45px;
  line-height  : 45px;
  float        : left;
  border       : 0px;
  border-radius: 0px;
  padding      : 0px;
  margin       : 0px;
  background   : transparent;
  padding      : 0 10px;
  font-size    : 17px
}

.list_bar {
  float          : left;
  width          : calc(((100% - 602px) / 2) * 2 + 101px);
  height         : 45px;
  position       : relative;
  /* border-right: 1px solid black */
}

.list_option_small {
  font-size: 16px
}

.ul_name,
.ul_name_small {
  width       : calc(100% - 250px);
  height      : 100%;
  float       : left;
  line-height : 45px;
  color       : white;
  padding-left: 10px
}

.ul_name_small {
  width: calc(100% - 260px)
}

.bottom_list_options {
  width       : 200px;
  height      : 100%;
  float       : left;
  padding-left: 270px
}

.normal_size_option {
  font-size: 16px !important
}

.expanded_top_list {
  height: calc(100% - 46px)
}

.expanded_bottom_list {
  height: calc(100% - 45px)
}

.song_option {
  width                : 50px;
  height               : 45px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  line-height          : 45px;
  cursor               : pointer;
  float                : left;
  font-size            : 18px
}

.song_star {
  font-size            : 20px;
  width                : 25px;
  height               : 45px;
  float                : left;
  text-align           : center;
  line-height          : 45px;
  cursor               : pointer;
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  color                : black
}

.db_list_options_extended {
  height: 100%;
  bottom: 0px
}

.db_list_text_long {
  width: 160px
}

.ul_indicator_wrapper {
  width : 25px;
  height: 45px;
  float : left
}

.theme_subthemes {
  /* height: calc(100% - 38px);
	width: calc(50% - 29px); */
  /* padding: 19px 10px 19px 19px; */
  overflow-y: auto
}

.uq_wrapper {
  height  : calc(100% - 275px);
  position: relative
}

.queue_wrapper {
  width : 100%;
  height: 275px
}

.ul_options_agenda {
  /* width: 126px */
}

.main_mid_part {
  width      : 50%;
  border-left: 1px solid black;
  height     : 44px;
  float      : left
}

.main_mid_part:last-child {
  border-bottom: 1px solid black;
  width        : calc(50% - 2px)
}

.new_agenda {
  height       : 45px;
  width        : 100%;
  line-height  : 45px;
  color        : white;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
  cursor       : pointer
}

.new_agenda span:first-child {
  padding: 0 10px 0 16px
}

.time_icon {
  width                : 35px;
  height               : 45px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  line-height          : 45px;
  float                : left;
  margin-right         : 10px;
  font-size            : 18px;
  cursor               : default
}

.edit_button {
  cursor               : pointer;
  font-size            : 18px;
  width                : 45px;
  height               : 45px;
  float                : left;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  line-height          : 45px
}

.day_controlls {
  height: 45px;
  width : calc(100% - 140px);
  float : left
}

.controlls_wrapper {
  width : 320px;
  height: 45px;
  margin: auto
}

.controlls_arrow {
  float                : left;
  height               : 45px;
  width                : 45px;
  cursor               : pointer;
  line-height          : 45px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none
}

.controlls_text {
  float      : left;
  height     : 45px;
  line-height: 45px;
  text-align : center;
  width      : 230px
}

.mp_time {
  width      : 32px;
  height     : 100%;
  float      : left;
  min-height : 786px;
  position   : relative;
  padding-top: 17px;
}

.mp_time_indicator {
  position  : absolute;
  width     : 32px;
  left      : 0px;
  height    : 2px;
  margin-top: -16px;
}

.mp_time_indicator div {
  width : 24px;
  height: 2px;
  float : left
}

.mp_time_indicator div:last-child,
.mp_time_indicator div:first-child {
  width: 4px
}

.mp_schedule {
  min-height: 786px;
  width     : calc(100% - 32px);
  float     : left;
  height    : 100%;
  position  : relative
}

.hour {
  width      : 32px;
  height     : 32px;
  text-align : center;
  line-height: 32px
}

.selection {
  color     : white;
  width     : calc(50% - 8px);
  height    : 32px;
  position  : absolute;
  top       : 17px;
  left      : 4px;
  background: transparent
}

.selection_text_wrapper {
  width     : 100%;
  height    : calc(100% - 2px);
  margin-top: 1px;
  display   : table
}

.selection_text {
  width         : 100%;
  text-align    : center;
  display       : table-cell;
  vertical-align: middle;
  cursor        : default
}

.right_position {
  left: calc(50% + 4px)
}

.no_songs_to_play,
.playback_error {
  width        : 100%;
  height       : 137px;
  line-height  : 137px;
  text-align   : center;
  font-size    : 18px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.playback_error div {
  width        : 100%;
  height       : 68px;
  line-height  : 68px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.playback_error div:first-child {
  line-height: 97px
}

.playback_error div:last-child {
  cursor: pointer
}

.playback_error div:last-child:hover {
  text-decoration: underline
}

.stop_edit_button,
.copy_button,
.delete_day_button {
  float                : left;
  width                : 30px;
  height               : 45px;
  line-height          : 45px;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  cursor               : pointer
}

.delete_day_button {
  margin-left: 45px
}

.day_controlls_small {
  width: calc(100% - 180px)
}

.subtheme_name_mp {
  width: calc(100% - 20px)
}

.mp_schedule_edit {
  background: #151515;
  width     : calc(100% - 33px)
}

.schedule_left,
.schedule_right {
  width : 50%;
  height: 768px;
  float : left
}

.schedule_hour {
  height: 30px;
  width : calc(100% - 6px);
  margin: 1px 2px 2px 2px
}

.schedule_hour:first-child {
  margin-top: 1px
}

.mp_time_edit {
  margin-left: 1px;
  padding-top: 17px;
}

.selection_text_wrapper_edit {
  width: calc(100% - 45px);
  float: right
}

.selection_options {
  display   : table;
  width     : 45px;
  float     : right;
  height    : calc(100% - 2px);
  margin-top: 1px
}

.selection_options_icon {
  width                : 100%;
  text-align           : center;
  display              : table-cell;
  vertical-align       : middle;
  cursor               : pointer;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  font-size            : 19px
}

.subtheme_helper {
  z-index: 5;
  display: block;
  color  : black;
  cursor : default;
  display: table;
  height : 19px !important;
  width  : auto !important
}

.subtheme_helper span {
  padding      : 5px;
  background   : white;
  border-radius: 4px
}

.schedule_edit_wrapper {
  margin-top: 17px;
  width     : 100%;
  height    : 784px
}

.schedule_edit_inner_wrapper {
  width : 100%;
  height: 770px
}

.selection_delete {
  width                : 28px;
  height               : 28px;
  left                 : 0px;
  margin               : auto;
  top                  : 0px;
  bottom               : 0px;
  position             : absolute;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  line-height          : 28px;
  text-align           : center;
  font-size            : 20px;
  cursor               : pointer
}

.ui-resizable-handle.ui-resizable-n,
.ui-resizable-handle.ui-resizable-s {
  height    : 10px;
  left      : 30px;
  z-index   : 100;
  width     : calc(100% - 75px);
  position  : absolute;
  visibility: none
}

.ui-resizable-handle.ui-resizable-n {
  top   : 0px;
  cursor: n-resize
}

.ui-resizable-handle.ui-resizable-s {
  bottom: 0px;
  cursor: s-resize
}

.ui-resizable-handle.ui-resizable-n:hover,
.ui-resizable-handle.ui-resizable-s:hover {
  background: rgba(255, 255, 255, 0.2)
}

.dragging_handle {
  background: rgba(255, 255, 255, 0.2)
}

.selection_options_wrapper {
  background: #151515
}

.copy_menu {
  position: absolute;
  top     : 218px;
  left    : calc((100vw - 231px) / 2 + 292px);
  z-index : 91
}

.copy_menu_top {
  height      : 8px;
  width       : 0px;
  height      : 0px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ebebeb transparent
}

.copy_menu_bottom {
  background: #ebebeb
}

.copy_item {
  padding: 3px 5px;
  margin : 0 10px;
  cursor : pointer
}

.copy_item:first-of-type {
  padding-top  : 10px;
  border-bottom: 1px solid black;
  margin-bottom: 4px;
  cursor       : inherit
}

.current_day {
  color : gray;
  cursor: inherit
}

.copy_item:last-of-type {
  padding-top   : 5px;
  margin-top    : 5px;
  padding-bottom: 5px;
  border-top    : 1px solid black
}

.hover_day {
  background: #ccc
}

.language_menu {
  background: #EBEBEB;
  position  : absolute;
  left      : 50%;
  top       : 50%;
  transform : translate(-50%, -50%);
  z-index   : 5;
  padding   : 15px;
  width     : 230px
}

.language_menu_top {
  height: 30px;
  width : 100%
}

.language_menu_top div {
  float                : right;
  color                : black;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  cursor               : pointer
}

.confirm_div {
  background   : black;
  position     : absolute;
  left         : 50%;
  top          : 50%;
  transform    : translate(-50%, -50%);
  z-index      : 5;
  padding      : 35px 95px;
  color        : white;
  border       : 1px solid white;
  border-radius: 5px
}

.default_button {
  display: inline-block;
  padding: 5px 10px;
  border : 1px solid white;
  cursor : pointer;
  margin : 0 5px
}

.buttons_wrapper {
  margin    : 0px auto;
  text-align: center;
  margin-top: 15px
}

.confirm_div_top {
  text-align: center
}

.draggable_helper {
  position: absolute;
  top     : 160px;
  left    : 244px
}

.draggable_helper_top {
  width       : 0px;
  height      : 0px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #fff transparent transparent transparent
}

.draggable_helper_text {
  padding   : 10px 8px;
  background: white
}

.short_db_list {
  height: calc(100% - 45px)
}

.options_item_wrapper {
  width : 33%;
  float : left;
  height: 30px;
  cursor: pointer
}

@media (max-width: 1600px) {
  .options_item_wrapper {
    width: 50%
  }
}

.options_heading {
  font-size     : 20px;
  padding-bottom: 10px
}

.subtheme_options_items {
  width        : 100%;
  margin-bottom: 55px
}

.options_items_wrapper {
  width : 100%;
  height: auto
}

.options_items_wrapper:after {
  content: "";
  display: block;
  clear  : both
}

.list_subtheme_options_wrapper {
  width : calc(100% - 90px);
  margin: auto
}

.list_option_wrapper {
  width: 33%
}

.enter_helper {
  position: absolute;
  height  : 45px;
  left    : 230px;
  z-index : 4
}

.enter_helper_triangle {
  width       : 0;
  height      : 0;
  border-style: solid;
  border-width: 22.5px 18px 22.5px 0;
  border-color: transparent white transparent transparent;
  float       : left
}

.enter_helper_text {
  background : white;
  padding    : 0 10px;
  color      : black;
  line-height: 45px;
  height     : 45px;
  float      : left
}

@media (max-height: 720px) {
  .uq_wrapper {
    height: calc(100% - 183px)
  }

  .songs_queue {
    height: 137px
  }
}

.lists_item_image {
  background: transparent
}

.song_info_search {
  width: calc(100% - (((100vw - 231px) / 2) - 205px) - 95px)
}

.language_wrapper {
  height: 22px
}

.order_div,
.copy_agenda_menu {
  position: absolute;
  z-index : 6;
  top     : 255px;
  overflow: hidden
}

.order_div_wrapper,
.copy_div_wrapper {
  padding   : 5px 10px;
  background: #EBEBEB;
  height    : 100%
}

.order_div_triangle,
.copy_div_triangle {
  width       : 0px;
  height      : 0px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ebebeb transparent;
  margin      : 0px auto
}

.order_div_top,
.copy_div_top {
  text-align   : center;
  height       : 36px;
  line-height  : 36px;
  border-bottom: 1px solid black;
  margin-bottom: 5px
}

.order_div_bottom,
.copy_div_bottom {
  width     : 100%;
  overflow-y: auto
}

.copy_div_bottom {
  max-height: 156px
}

.order_div_item,
.copy_div_item {
  width      : 100%;
  height     : 26px;
  line-height: 26px;
  margin     : auto;
  cursor     : pointer;
  overflow   : hidden;
  text-align : center
}

.song_inner_wrapper {
  width : 100%;
  height: 100%
}

.copy_agenda_menu {
  top: 210px
}

.options_star {
  width      : 40px;
  height     : 40px;
  float      : left;
  font-size  : 30px;
  text-align : center;
  line-height: 40px;
  cursor     : pointer
}

.ul_info_wrapper {
  width   : 100%;
  height  : 100%;
  overflow: hidden;
  display : table
}

.ul_info_wrapper div {
  display       : table-cell;
  vertical-align: middle;
  width         : 100%;
  text-align    : center
}

.ul_info_wrapper div p {
  height  : 20px;
  overflow: hidden
}

.right {
  float: right
}

.list_option_big {
  font-size: 17px !important
}

.empty_set_menu {
  width      : 100%;
  height     : 26px;
  line-height: 26px;
  margin     : auto;
  text-align : center
}

.menu_item_disabled {
  opacity: 0.5;
  cursor : default
}

.customer_info {
  line-height : 34px;
  padding-left: 10px;
  float       : left;
  width       : 20%;
  width       : calc(20% - 15px)
}

@-webkit-keyframes showOptions {
  0% {
    height: 0px
  }

  100% {
    height: 65px
  }
}

@-moz-keyframes showOptions {
  0% {
    height: 0px
  }

  100% {
    height: 65px
  }
}

@-ms-keyframes showOptions {
  0% {
    height: 0px
  }

  100% {
    height: 65px
  }
}

@-o-keyframes showOptions {
  0% {
    height: 0px
  }

  100% {
    height: 65px
  }
}

@keyframes showOptions {
  0% {
    height: 0px
  }

  100% {
    height: 65px
  }
}

.options_animation {
  -webkit-animation: showOptions 100ms linear 1;
  -moz-animation   : showOptions 100ms linear 1;
  -ms-animation    : showOptions 100ms linear 1;
  -o-animation     : showOptions 100ms linear 1;
  animation        : showOptions 100ms linear 1
}

@-webkit-keyframes songHelper3 {
  0% {
    width: 0px
  }

  100% {
    width: 135px
  }
}

@-moz-keyframes songHelper3 {
  0% {
    width: 0px
  }

  100% {
    width: 135px
  }
}

@-ms-keyframes songHelper3 {
  0% {
    width: 0px
  }

  100% {
    width: 135px
  }
}

@-o-keyframes songHelper3 {
  0% {
    width: 0px
  }

  100% {
    width: 135px
  }
}

@keyframes songHelper3 {
  0% {
    width: 0px
  }

  100% {
    width: 135px
  }
}

.song_helper_animation3 {
  -webkit-animation: songHelper3 110ms linear 1;
  -moz-animation   : songHelper3 110ms linear 1;
  -ms-animation    : songHelper3 110ms linear 1;
  -o-animation     : songHelper3 110ms linear 1;
  animation        : songHelper3 110ms linear 1
}

@-webkit-keyframes songHelper4 {
  0% {
    width: 0px
  }

  100% {
    width: 180px
  }
}

@-moz-keyframes songHelper4 {
  0% {
    width: 0px
  }

  100% {
    width: 180px
  }
}

@-ms-keyframes songHelper4 {
  0% {
    width: 0px
  }

  100% {
    width: 180px
  }
}

@-o-keyframes songHelper4 {
  0% {
    width: 0px
  }

  100% {
    width: 180px
  }
}

@keyframes songHelper4 {
  0% {
    width: 0px
  }

  100% {
    width: 180px
  }
}

.song_helper_animation4 {
  -webkit-animation: songHelper4 110ms linear 1;
  -moz-animation   : songHelper4 110ms linear 1;
  -ms-animation    : songHelper4 110ms linear 1;
  -o-animation     : songHelper4 110ms linear 1;
  animation        : songHelper4 110ms linear 1
}

@-webkit-keyframes ulmenu1 {
  0% {
    height: 0px
  }

  100% {
    height: 96px
  }
}

@-moz-keyframes ulmenu1 {
  0% {
    height: 0px
  }

  100% {
    height: 96px
  }
}

@-ms-keyframes ulmenu1 {
  0% {
    height: 0px
  }

  100% {
    height: 96px
  }
}

@-o-keyframes ulmenu1 {
  0% {
    height: 0px
  }

  100% {
    height: 96px
  }
}

@keyframes ulmenu1 {
  0% {
    height: 0px
  }

  100% {
    height: 96px
  }
}

@-webkit-keyframes ulmenu2 {
  0% {
    height: 0px
  }

  100% {
    height: 122px
  }
}

@-moz-keyframes ulmenu2 {
  0% {
    height: 0px
  }

  100% {
    height: 122px
  }
}

@-ms-keyframes ulmenu2 {
  0% {
    height: 0px
  }

  100% {
    height: 122px
  }
}

@-o-keyframes ulmenu2 {
  0% {
    height: 0px
  }

  100% {
    height: 122px
  }
}

@keyframes ulmenu2 {
  0% {
    height: 0px
  }

  100% {
    height: 122px
  }
}

@-webkit-keyframes ulmenu3 {
  0% {
    height: 0px
  }

  100% {
    height: 148px
  }
}

@-moz-keyframes ulmenu3 {
  0% {
    height: 0px
  }

  100% {
    height: 148px
  }
}

@-ms-keyframes ulmenu3 {
  0% {
    height: 0px
  }

  100% {
    height: 148px
  }
}

@-o-keyframes ulmenu3 {
  0% {
    height: 0px
  }

  100% {
    height: 148px
  }
}

@keyframes ulmenu3 {
  0% {
    height: 0px
  }

  100% {
    height: 148px
  }
}

@-webkit-keyframes ulmenu4 {
  0% {
    height: 0px
  }

  100% {
    height: 174px
  }
}

@-moz-keyframes ulmenu4 {
  0% {
    height: 0px
  }

  100% {
    height: 174px
  }
}

@-ms-keyframes ulmenu4 {
  0% {
    height: 0px
  }

  100% {
    height: 174px
  }
}

@-o-keyframes ulmenu4 {
  0% {
    height: 0px
  }

  100% {
    height: 174px
  }
}

@keyframes ulmenu4 {
  0% {
    height: 0px
  }

  100% {
    height: 174px
  }
}

@-webkit-keyframes ulmenu5 {
  0% {
    height: 0px
  }

  100% {
    height: 200px
  }
}

@-moz-keyframes ulmenu5 {
  0% {
    height: 0px
  }

  100% {
    height: 200px
  }
}

@-ms-keyframes ulmenu5 {
  0% {
    height: 0px
  }

  100% {
    height: 200px
  }
}

@-o-keyframes ulmenu5 {
  0% {
    height: 0px
  }

  100% {
    height: 200px
  }
}

@keyframes ulmenu5 {
  0% {
    height: 0px
  }

  100% {
    height: 200px
  }
}

@-webkit-keyframes ulmenu6 {
  0% {
    height: 0px
  }

  100% {
    height: 226px
  }
}

@-moz-keyframes ulmenu6 {
  0% {
    height: 0px
  }

  100% {
    height: 226px
  }
}

@-ms-keyframes ulmenu6 {
  0% {
    height: 0px
  }

  100% {
    height: 226px
  }
}

@-o-keyframes ulmenu6 {
  0% {
    height: 0px
  }

  100% {
    height: 226px
  }
}

@keyframes ulmenu6 {
  0% {
    height: 0px
  }

  100% {
    height: 226px
  }
}

.user_list_menu_animation1 {
  -webkit-animation: ulmenu1 31ms linear 1;
  -moz-animation   : ulmenu1 31ms linear 1;
  -ms-animation    : ulmenu1 31ms linear 1;
  -o-animation     : ulmenu1 31ms linear 1;
  animation        : ulmenu1 31ms linear 1
}

.user_list_menu_animation2 {
  -webkit-animation: ulmenu2 40ms linear 1;
  -moz-animation   : ulmenu2 40ms linear 1;
  -ms-animation    : ulmenu2 40ms linear 1;
  -o-animation     : ulmenu2 40ms linear 1;
  animation        : ulmenu2 40ms linear 1
}

.user_list_menu_animation3 {
  -webkit-animation: ulmenu3 49ms linear 1;
  -moz-animation   : ulmenu3 49ms linear 1;
  -ms-animation    : ulmenu3 49ms linear 1;
  -o-animation     : ulmenu3 49ms linear 1;
  animation        : ulmenu3 49ms linear 1
}

.user_list_menu_animation4 {
  -webkit-animation: ulmenu4 58ms linear 1;
  -moz-animation   : ulmenu4 58ms linear 1;
  -ms-animation    : ulmenu4 58ms linear 1;
  -o-animation     : ulmenu4 58ms linear 1;
  animation        : ulmenu4 58ms linear 1
}

.user_list_menu_animation5 {
  -webkit-animation: ulmenu5 67ms linear 1;
  -moz-animation   : ulmenu5 67ms linear 1;
  -ms-animation    : ulmenu5 67ms linear 1;
  -o-animation     : ulmenu5 67ms linear 1;
  animation        : ulmenu5 67ms linear 1
}

.user_list_menu_animation6 {
  -webkit-animation: ulmenu6 76ms linear 1;
  -moz-animation   : ulmenu6 76ms linear 1;
  -ms-animation    : ulmenu6 76ms linear 1;
  -o-animation     : ulmenu6 76ms linear 1;
  animation        : ulmenu6 76ms linear 1
}

@-webkit-keyframes orderMenuBig {
  0% {
    height: 0px
  }

  100% {
    height: 242px
  }
}

@-moz-keyframes orderMenuBig {
  0% {
    height: 0px
  }

  100% {
    height: 242px
  }
}

@-ms-keyframes orderMenuBig {
  0% {
    height: 0px
  }

  100% {
    height: 242px
  }
}

@-o-keyframes orderMenuBig {
  0% {
    height: 0px
  }

  100% {
    height: 242px
  }
}

@keyframes orderMenuBig {
  0% {
    height: 0px
  }

  100% {
    height: 242px
  }
}

@-webkit-keyframes orderMenuSmall {
  0% {
    height: 0px
  }

  100% {
    height: 164px
  }
}

@-moz-keyframes orderMenuSmall {
  0% {
    height: 0px
  }

  100% {
    height: 164px
  }
}

@-ms-keyframes orderMenuSmall {
  0% {
    height: 0px
  }

  100% {
    height: 164px
  }
}

@-o-keyframes orderMenuSmall {
  0% {
    height: 0px
  }

  100% {
    height: 164px
  }
}

@keyframes orderMenuSmall {
  0% {
    height: 0px
  }

  100% {
    height: 164px
  }
}

.order_menu_big_animation {
  -webkit-animation: orderMenuBig 100ms linear 1;
  -moz-animation   : orderMenuBig 100ms linear 1;
  -ms-animation    : orderMenuBig 100ms linear 1;
  -o-animation     : orderMenuBig 100ms linear 1;
  animation        : orderMenuBig 100ms linear 1
}

.order_menu_small_animation {
  -webkit-animation: orderMenuSmall 100ms linear 1;
  -moz-animation   : orderMenuSmall 100ms linear 1;
  -ms-animation    : orderMenuSmall 100ms linear 1;
  -o-animation     : orderMenuSmall 100ms linear 1;
  animation        : orderMenuSmall 100ms linear 1
}

@-webkit-keyframes copyMenu1 {
  0% {
    height: 0px
  }

  100% {
    height: 86px
  }
}

@-moz-keyframes copyMenu1 {
  0% {
    height: 0px
  }

  100% {
    height: 86px
  }
}

@-ms-keyframes copyMenu1 {
  0% {
    height: 0px
  }

  100% {
    height: 86px
  }
}

@-o-keyframes copyMenu1 {
  0% {
    height: 0px
  }

  100% {
    height: 86px
  }
}

@keyframes copyMenu1 {
  0% {
    height: 0px
  }

  100% {
    height: 86px
  }
}

@-webkit-keyframes copyMenu2 {
  0% {
    height: 0px
  }

  100% {
    height: 112px
  }
}

@-moz-keyframes copyMenu2 {
  0% {
    height: 0px
  }

  100% {
    height: 112px
  }
}

@-ms-keyframes copyMenu2 {
  0% {
    height: 0px
  }

  100% {
    height: 112px
  }
}

@-o-keyframes copyMenu2 {
  0% {
    height: 0px
  }

  100% {
    height: 112px
  }
}

@keyframes copyMenu2 {
  0% {
    height: 0px
  }

  100% {
    height: 112px
  }
}

@-webkit-keyframes copyMenu3 {
  0% {
    height: 0px
  }

  100% {
    height: 138px
  }
}

@-moz-keyframes copyMenu3 {
  0% {
    height: 0px
  }

  100% {
    height: 138px
  }
}

@-ms-keyframes copyMenu3 {
  0% {
    height: 0px
  }

  100% {
    height: 138px
  }
}

@-o-keyframes copyMenu3 {
  0% {
    height: 0px
  }

  100% {
    height: 138px
  }
}

@keyframes copyMenu3 {
  0% {
    height: 0px
  }

  100% {
    height: 138px
  }
}

@-webkit-keyframes copyMenu4 {
  0% {
    height: 0px
  }

  100% {
    height: 164px
  }
}

@-moz-keyframes copyMenu4 {
  0% {
    height: 0px
  }

  100% {
    height: 164px
  }
}

@-ms-keyframes copyMenu4 {
  0% {
    height: 0px
  }

  100% {
    height: 164px
  }
}

@-o-keyframes copyMenu4 {
  0% {
    height: 0px
  }

  100% {
    height: 164px
  }
}

@keyframes copyMenu4 {
  0% {
    height: 0px
  }

  100% {
    height: 164px
  }
}

@-webkit-keyframes copyMenu5 {
  0% {
    height: 0px
  }

  100% {
    height: 190px
  }
}

@-moz-keyframes copyMenu5 {
  0% {
    height: 0px
  }

  100% {
    height: 190px
  }
}

@-ms-keyframes copyMenu5 {
  0% {
    height: 0px
  }

  100% {
    height: 190px
  }
}

@-o-keyframes copyMenu5 {
  0% {
    height: 0px
  }

  100% {
    height: 190px
  }
}

@keyframes copyMenu5 {
  0% {
    height: 0px
  }

  100% {
    height: 190px
  }
}

@-webkit-keyframes copyMenu6 {
  0% {
    height: 0px
  }

  100% {
    height: 216px
  }
}

@-moz-keyframes copyMenu6 {
  0% {
    height: 0px
  }

  100% {
    height: 216px
  }
}

@-ms-keyframes copyMenu6 {
  0% {
    height: 0px
  }

  100% {
    height: 216px
  }
}

@-o-keyframes copyMenu6 {
  0% {
    height: 0px
  }

  100% {
    height: 216px
  }
}

@keyframes copyMenu6 {
  0% {
    height: 0px
  }

  100% {
    height: 216px
  }
}

.copy_menu_animation1 {
  -webkit-animation: copyMenu1 43ms linear 1;
  -moz-animation   : copyMenu1 43ms linear 1;
  -ms-animation    : copyMenu1 43ms linear 1;
  -o-animation     : copyMenu1 43ms linear 1;
  animation        : copyMenu1 43ms linear 1
}

.copy_menu_animation2 {
  -webkit-animation: copyMenu2 56ms linear 1;
  -moz-animation   : copyMenu2 56ms linear 1;
  -ms-animation    : copyMenu2 56ms linear 1;
  -o-animation     : copyMenu2 56ms linear 1;
  animation        : copyMenu2 56ms linear 1
}

.copy_menu_animation3 {
  -webkit-animation: copyMenu3 69ms linear 1;
  -moz-animation   : copyMenu3 69ms linear 1;
  -ms-animation    : copyMenu3 69ms linear 1;
  -o-animation     : copyMenu3 69ms linear 1;
  animation        : copyMenu3 69ms linear 1
}

.copy_menu_animation4 {
  -webkit-animation: copyMenu4 82ms linear 1;
  -moz-animation   : copyMenu4 82ms linear 1;
  -ms-animation    : copyMenu4 82ms linear 1;
  -o-animation     : copyMenu4 82ms linear 1;
  animation        : copyMenu4 82ms linear 1
}

.copy_menu_animation5 {
  -webkit-animation: copyMenu5 95ms linear 1;
  -moz-animation   : copyMenu5 95ms linear 1;
  -ms-animation    : copyMenu5 95ms linear 1;
  -o-animation     : copyMenu5 95ms linear 1;
  animation        : copyMenu5 95ms linear 1
}

.copy_menu_animation6 {
  -webkit-animation: copyMenu6 108ms linear 1;
  -moz-animation   : copyMenu6 108ms linear 1;
  -ms-animation    : copyMenu6 108ms linear 1;
  -o-animation     : copyMenu6 108ms linear 1;
  animation        : copyMenu6 108ms linear 1
}

.tablet_console {
  width     : 300px;
  height    : 300px;
  background: white;
  position  : absolute;
  left      : 0px;
  top       : 30px;
  z-index   : 999
}

.search_suggestions {
  position  : absolute;
  top       : 0px;
  left      : 42px;
  z-index   : 3;
  width     : calc(100% * 0.5 - 42px);
  height    : auto;
  border-top: 1px solid black
}

.search_suggestions_line {
  width        : calc(100% - 20px);
  cursor       : pointer;
  height       : 34px;
  line-height  : 34px;
  padding      : 0 10px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.suggestion_text {
  float        : left;
  width        : calc(100% - 50px);
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
  height       : 100%;
}

.search_suggestions_lists {
  position: absolute;
  top     : -1px;
  right   : 0px;
  border  : 1px solid black;
  height  : auto;
  width   : 300px;
  z-index : 5;
  width   : calc(100% - (100% - 702px) - 153px)
}

.jukebox_settings_menu {
  cursor               : pointer;
  float                : left;
  width                : 72px;
  height               : 100%;
  text-align           : center;
  font-family          : "auditunes";
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
  line-height          : 35px
}

.jukebox_settings {
  position: absolute;
  top     : 0px;
  left    : 0px;
  z-index : 10;
  top     : 36px;
  left    : 216px;
  padding : 10px
}

.j_header {
  font-size    : 24px;
  margin-bottom: 30px
}

.ul_title {
  width      : 100%;
  height     : 45px;
  line-height: 45px;
  text-align : center
}

.list_options_border {
  padding-bottom: 5px;
  border-bottom : 1px solid #303030;
  margin-bottom : 15px
}

.customer_info:last-of-type {
  float        : left;
  padding-right: 10px;
  text-align   : right
}

.search_suggestions_lists {
  background: #3497B5 !important;
  color     : white !important;
  top       : 35px;
  left      : 231px;
  z-index   : 6;
}

.search_suggestions {
  border-left : 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
  width       : 600px;
  height      : auto;
  background  : #d8d8d8 !important;
  color       : black !important;
  top         : -183px
}

.search_suggestions_line {
  width        : 100%;
  cursor       : pointer;
  height       : 34px;
  line-height  : 33px;
  padding      : 0px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid gray
}

.search_suggestions_line:hover {
  background: #102C39;
}

.search_suggestions_line div {
  float : left;
  height: 34px
}

.search_suggestions_line div:first-child {
  width       : 34px;
  border-right: 1px solid grey;
  text-align  : center;
  line-height : 34px;
  color       : white;
}

.search_suggestions_line div:last-child {
  padding-left: 10px
}

#themes_search {
  position: absolute;
  width   : 600px;
  top     : 0px;
  height  : 35px
}

#themes_search_button {
  line-height: 35px;
  border-left: 0px
}

.list_search {
  /* position: absolute;
	top: -172px; */
  width       : 30%;
  border-right: 0px;
  height      : 35px
}

.list_search_icon {
  height     : 35px;
  line-height: 35px
}

#list_search_input {
  height     : 35px;
  line-height: 35px
}

.top_text {
  float        : right;
  height       : 100%;
  line-height  : 35px;
  padding-right: 10px
}

.bottom_text {
  width      : 60%;
  float      : left;
  text-align : center;
  line-height: 34px
}


mat-tree-node button {
  background-color: #1C1C1C !important;
  color           : white !important;
}

mat-tree-node {
  border-bottom: 1px solid #4e4e4e;
}

mat-tree {
  background-color: #1C1C1C !important;
  color           : white !important;
}

.mat-nested-tree-node,
.mat-tree-node {
  color: white !important;
}




/* Let's get this party started */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow   : inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius        : 7px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius        : 10px;
  -webkit-box-shadow   : inset 0 0 6px rgba(0, 0, 0, 0.5);
}



.pagequeue_list::-webkit-scrollbar,
#list_songs_bottom::-webkit-scrollbar,
#list_sortable::-webkit-scrollbar,
#fav_list::-webkit-scrollbar {
  width: 20px;
}

/* Track */
#list_songs_bottom::-webkit-scrollbar-track,
#list_sortable::-webkit-scrollbar-track,
#fav_list::-webkit-scrollbar-track {
  -webkit-border-radius: 20px;
}

/* Handle */
#list_songs_bottom::-webkit-scrollbar-thumb,
#list_sortable::-webkit-scrollbar-thumb,
#fav_list::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius        : 10px;
}

.invalid-feedback {
  color  : #F04141;
  padding: 5px 0;
}

/*# sourceMappingURL=main.css.map */

.bottom_list_options {
  box-sizing: content-box !important;
}

.drag-list {
  min-height: 45px;
}

.agenda-drag-list {
  min-height: 30px;
  background: red;
}


.internet-overlay {

  position      : fixed;
  background    : rgba(0, 0, 0, 0.7);
  z-index       : 20;
  font-size     : 30px;
  text-align    : center;
  display       : inline-block;
  vertical-align: middle;
  color         : #d8d8d8;
  width         : 100%;
  height        : 100%;

}

.internet-overlay:before {

  content       : '';
  display       : inline-block;
  height        : 100%;
  vertical-align: middle;
  margin-right  : -0.25em;

}

.blackBack {
  background: transparent !important;
}

.pop-col-1 {
  width: 35%;
  float: left;
}

.pop-col-2 {
  width: 65%;
  float: left;
}

.pop-col-clear {
  clear: both;
}

ion-popover {
  --width: 231px !important;
}


.pop-col-2 ion-range {

  font-size   : 16px;
  /* color    : #13AFDC; */
  --bar-height: 6px;
  padding-top : 0;
}

.list_subtheme_options_wrapper .options_star {
  font-size: 20px;
}

ion-loading {

  --background: #222 !important;
}

ion-loading .loading-wrapper {
  color: white;
}


.menu-popover .song_star {
  font-size  : 17px;
  line-height: 20px;
}