.dash {
    position: absolute;
    top:0;
    width: 100%;
    height: 40px;
    z-index: 15;
    left: 0;
    margin: 0;
    padding: 0;
    background: #1C1C1F;
    vertical-align: middle;
    text-align: center;
    border-bottom:1px solid #0a0a0a;
}
.btn-logo {
    background: #444A59;
    border-right:1px solid #0a0a0a;
}
.nav-nan {
    font-size: 16px;
    line-height: 40px;
    vertical-align: middle;
    float: left;
    text-align: center;
    min-width: 40px;
    height: 40px;
    pointer-events: none;
    cursor: default;
}
.nav {
    font-size: 16px;
    line-height: 40px;
    vertical-align: middle;
    float:left;
    text-align: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    color: #88898C;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.nav:hover {
    color: #ddd;
}
.dash .left {
    position: absolute;
    left: 0;
}
.dash .right {
    position: absolute;
    right: 400px;
}
.left .label {
    margin: 0;
    text-align: left;
    clear: both;
    max-width: 400px;
}
.right .label {
    margin: 0;
    text-align: right;
    clear: both;
    max-width: 300px;
}
.left .labels {
    float: left;
    margin: 6px 5px 2px 5px;
    text-align: left;
}
.right .labels {
    float: right;
    margin: 6px 5px 2px 5px;
    text-align: right;
}
.now {
    color: #ddd;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
}
.current-dj {
    color: #94959A;
    font-size: 12px;
}
.current-dj .label {
    color: #ddd;
}
.yours {
    color: #94959A;
    font-size: 12px;
    max-width: 400px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
}
.nobody {
    margin-top: 6px !important;
}
.right .nav {
    float: right;
}
.dash .tray {
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    width:400px;
    display: -webkit-flex;
    display: flex;
}
.tray .active {
    border-bottom: 3px solid #A77DC2;
    background: rgba(167,125,194,0.2);
}
.chat-filter-menu {
    display: none;
    background: rgba(10, 10, 10, 0.9);
    border-right: 1px solid #444A59;
    border-bottom: 1px solid #444A59;
    border-left: 1px solid #444A59;
}
.tab-menu .tab {
    border-top: 1px solid #444A59;
}
.tab-menu:hover .chat-filter-menu {
    display: block;
}
.tab, .tab-menu {
    font-size: 16px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    height: 40px;
    cursor: pointer;
    color: #94959A;
    flex: 1;
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.tab.short, .tab-menu.short {
    flex: .5;
    -webkit-flex: .5; /* Safari 6.1+ */
    -ms-flex: .5; /* IE 10 */
}
.settings-tray {
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    width:100%;
    display: -webkit-flex;
    display: flex;
}
.settings-tray .active {
    border-bottom: 3px solid #A77DC2;
}
.btn-waitlist.next {
	color: #F46B40;
}
.btn-video {
    display: none;
}
.tab:hover {
    color:#ddd;
}
.tab:hover .icon-info {
    background: #ddd;
}
.hidden {
    display: none;
}
.set-check, .set-text, .set-text-longer {
	width: 80px;
	height: 26px;
	margin: 1px 10px;
	display: inline-block;
    background: #222326;
	position: relative;
	border: 1px solid #444A59;
}
.set-text {
    width: 80px;
    color: #ddd;
    outline-width: 0;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
}
.set-text-longer {
    width: 150px;
    color: #ddd;
    outline-width: 0;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
}
.set-check, .set-check * {
    cursor: pointer;
    background: #222326;
}
.set-check:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #C8303E;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
}
.set-check:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}
.set-check.timeFormat:before {
    content: '12H';
}
.set-check.timeFormat:after {
    content: '24H';
    color: #00bf00;
}
.set-check label {
	display: block;
	width: 32px;
	height: 20px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	position: absolute;
	top: 3px;
	left: 5px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #444A59;
}
.set-check input[type=checkbox] {
	visibility: hidden;
}
.set-check input[type=checkbox]:checked + label {
	left: 43px;
}
@media (max-width: 1365px){
.song , .yours {
    font-size: 12px;
}
.title {
    width: 200px;
}
}
@media (max-width: 1100px) {
.dash .tray {
    width: calc(100% - 82px);
}
.btn-youtube, .labels {
    display:none;
}
.dash .left {
    left:0;
}
.dash .right {
    right: calc(100% - 82px);
}
.btn-video {
    display: block;
}
}
@media (max-width: 799px) {
.btn-video {
    display:none;
}
.tab, .tab-menu {
    width: calc(25% - 1px);
}
}