/* Copyright 2012-2019 Multistream */
/* This file was generated from the LESS source file, multistream.less */
*{margin:0;box-sizing:border-box}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.floatleft{float:left}.floatright{float:right}body,html{height:100%}body{font-family:'PT Sans',sans-serif;background:url(images/body-bg-dark.jpg) center center no-repeat fixed;background-size:cover}input[type=text],input[type=password],textarea{font-family:'PT Sans',sans-serif;background:#eee;color:#000}.channel,.layoutselector,a:link,button{transition:background-color .5s,color .5s,opacity .5s}.rounded{border-radius:3px}.squareright{border-radius:3px 0 0 3px}.squareleft{border-radius:0 3px 3px 0}.square{border-radius:0}.button,button{font-family:'PT Sans',sans-serif;background:rgba(0,0,0,.1);color:#000;border:1px solid #000;border-radius:3px;font-weight:700;font-size:18px;cursor:pointer}.button:hover,button:hover{background:rgba(0,0,0,.2)}.viewtemplate .button,.viewtemplate button{background:rgba(255,255,255,.8);border:none;margin:1px;color:#000;border-radius:3px;font-weight:700;cursor:pointer;text-align:center;font-size:16px;line-height:18px;padding:2px 4px}.viewtemplate .button:hover,.viewtemplate button:hover{background:#eee}.viewtemplate .button:active,.viewtemplate button:active{background:#dcdcdc}.streamoverlay .button,.streamoverlay button{line-height:20px}.tooltiponly{font-size:0}.tooltiponly:after{font-size:16px}.loading,.notice{font-size:110%;font-style:italic}.loading{background:url(images/loading.gif) left center no-repeat;padding-left:24px}span.deleteicon{position:relative}span.deleteicon span{position:absolute;display:block;top:1px;right:5px;width:16px;height:16px;background:url(images/strikethrough-black.png) center center no-repeat;cursor:pointer;opacity:.4}#backgroundoverlay,#sidebar{position:fixed;top:0;left:0}span.deleteicon span:hover{opacity:.7}span.deleteicon input{padding-right:16px}#bodywrapper{height:100%}#backgroundoverlay{width:100%;height:100%;background:rgba(0,0,0,.7);overflow:auto;z-index:-2}#sidebar{height:100%;width:60px}#sidebar a.edit,#sidebar a.rotate{display:block;background:center center no-repeat rgba(0,0,0,.5);border-radius:3px;margin:5px;opacity:.5;border:1px solid #888}#sidebar a.edit.selected,#sidebar a.edit:hover,#sidebar a.rotate.selected,#sidebar a.rotate:hover{opacity:1}#sidebar a.edit{background-image:url(images/edit-white.png)}#sidebar a.rotate{background-image:url(images/rotate-white.png)}#sidebar .sidebar-button{width:50px;height:50px}#contentwrapper{margin:0 auto;width:100%;height:100%}#contentwrapper.errortemplate,#contentwrapper.indextemplate{position:relative;width:95%;max-width:1030px;min-width:768px;height:auto;margin-left:auto;margin-right:auto;box-shadow:0 0 5px 5px rgba(0,0,0,.2);background:#eee;margin-bottom:10%}#contentwrapper.viewtemplate{margin-left:3%;margin-left:calc(60px);width:97%;width:calc(100% - 60px);overflow:hidden}#logo{display:block;width:100%;background:#000;padding:15px 40px 10px}#sidebar #logo{background:0 0;position:absolute;left:0;bottom:0;height:50%}#sidebar #logo img{transform:rotate(270deg);transform-origin:30px center;position:absolute;left:0;bottom:5px;opacity:.5;max-height:60px}#sponsorlogo{position:absolute;right:30px;top:50px;display:block;width:308px;height:60px;background:url(images/monoprice-logo.png) left top no-repeat}#sidebar #sponsorlogo{position:relative;left:3px;top:5px;width:53px;height:100px;background:url(images/monoprice-sidebar.png) left top no-repeat}#menu-primary-menu{width:100%;list-style-type:none;padding:6px 12px 8px;text-align:right;background:#d5d5d5}#submitbuttoncontainer,.formcaption,.streamfieldcontainer{text-align:center}#menu-primary-menu li{display:inline-block;font-size:80%}#menu-primary-menu li a,#menu-primary-menu li a.donate-btn{color:#000;background:0 0;font-family:inherit;font-size:inherit;line-height:inherit;vertical-align:inherit;border-radius:0;text-decoration:none}#menu-primary-menu li a.donate-btn:hover,#menu-primary-menu li a:hover{background:#1969ab;color:#eee}#menu-primary-menu li.tip{float:right;padding-top:2px}#layoutwrapper{position:relative;margin:0 auto}#layoutwrapper.dimmed{z-index:-1}#buildlayoutform .streamfield,#buildlayoutform label{font-size:20px;padding:.1em .2em;margin:5px 0}#popupform #channellist,#quickpicks button,.channellist .channel.live .channelcaption,.formcaption{font-size:80%}#buildlayoutform label{font-weight:700;padding-right:20px}#buildlayoutform .streamfield{border:1px solid #666;border-radius:3px}#buildlayoutform #submitbuttoncontainer{padding:0 40px 20px;display:none}#buildlayoutform #cancelbutton{display:none}#submitbuttoncontainer button{width:22%;margin:0 5px}.streamfieldcontainer{padding-left:54px}.formcaption{font-style:italic;color:#888}.formcaption a{color:#666;text-decoration:none}.formcaption a:hover{color:#444}#popupform .formcaption{top:1em;right:1em}.streamstatusicon{vertical-align:middle;display:inline-block;width:38px;height:16px;margin-left:16px}.streamstatusicon[data-status=loading]{background:url(images/loading.gif) left center no-repeat}.streamstatusicon[data-status=doesntexist]{background:url(images/strikethrough-black.png) left center no-repeat}.streamstatusicon[data-status=exists]{background:url(images/checkmark-black.png) left center no-repeat}.streamstatusicon[data-status=existsandstreaming]{background:url(images/checkmark-camera-black.png) left center no-repeat}#popupoverlay{position:fixed;left:60px;top:0;width:calc(100% - 60px);height:100%;z-index:99;background:#000;opacity:.3}#popupform{position:fixed;left:70px;top:10px;z-index:100;width:700px;background:#eee;color:#000;box-shadow:0 0 5px 5px rgba(0,0,0,.3);max-height:95%;overflow:auto}#popupform .channellist .channel{height:45px}#popupform .channellist .channel.live,#popupform .channellist .community{height:90px}#popupform #clearbutton,#popupform .layoutselectors{display:none}#popupform #cancelbutton{display:inline-block}.callout:after,.callout:before{content:"";left:-11px;border-style:solid;border-color:#eee transparent;display:block;width:0;position:absolute}.callout:before{top:10px;border-width:0 0 11px 11px}.callout:after{top:21px;border-width:11px 0 0 11px}#quickpicks{text-align:left;padding:0 5px 5px}#quickpicks button{border-radius:0;float:none;width:auto}#quickpicks button.selected{background:#666;color:#eee}.layoutgroup{margin-top:20px;text-align:center;display:none}.layoutgroup.current{display:block}#sidebar .layoutgroup{margin-top:0}.layoutselector{display:inline-block;padding:5px;cursor:pointer;border-radius:3px;vertical-align:middle;opacity:.5}.layoutselector.current,.layoutselector:hover{opacity:1}.chatcontainer.inactive iframe,.streamcontainer.inactive iframe,.streamcontainer.inactive object{opacity:0}#buildlayoutform .layoutselector.current,#buildlayoutform .layoutselector:hover{background:rgba(0,0,0,.1);padding:4px;border:1px solid rgba(0,0,0,.3)}.layoutselector input{position:absolute;left:-9999px}.streamcontainer,.streamthumb{background:#006dc2}.chatcontainer,.chatthumb{background:#ab9dc5}.streamcontainer.audio{background:#107dd2}.chatcontainer,.chatthumb,.streamcontainer,.streamthumb{color:#eee}.chatthumb,.streamthumb{text-transform:uppercase;font-weight:700}.streamcontainer{transition:top .5s,left .5s,height .5s,width .5s;position:absolute;display:none}.streamcontainer .video-js,.streamcontainer .videowrapper,.streamcontainer iframe,.streamcontainer object,.streamcontainer video{height:100%;width:100%;border:none}.streamcontainer.dummy{z-index:-1}.chatcontainer{transition:top .5s,left .5s,height .5s,width .5s;display:none;z-index:-10;visibility:hidden;position:absolute}.chatcontainer iframe{height:99%;height:calc(100% - 25px);width:100%;border:none}.chatcontainer.current{z-index:0;visibility:visible}.chatcontainer.dummy{z-index:-1}.chatcontainer .reloadchat{font-size:0}.chatcontainer .reloadchat:after{font-size:16px}.streamoverlay{transition:top .5s,left .5s,height .5s,width .5s;display:none;position:absolute;z-index:10;height:6.5em}.streamoverlay>.audioicon,.streamoverlay>.chaticon{float:left;clear:left;margin:4px 8px;display:none;opacity:.4}.streamoverlay .mainbuttons{display:none}.streamoverlay .mainbuttons button{font-size:0;border-radius:0}.streamoverlay .mainbuttons button:after{font-size:16px}.streamoverlay .mainbuttons button:first-child{border-radius:3px 0 0 3px}.streamoverlay .mainbuttons button:last-child{border-radius:0 3px 3px 0}.streamoverlay .mainbuttons button:hover:after{bottom:auto;top:26px}.streamoverlay .auxbuttons{display:none;position:absolute;right:.5em;top:.5em;text-align:left}.streamoverlay .auxbuttons button{font-size:0;display:block}.chatcaption,.streamoverlay .auxbuttons button:after{font-size:16px}.streamoverlay .auxbuttons button:hover:after{bottom:-3px;left:auto;right:30px}.streamoverlay.player-twitchold .mainbuttons .audiobutton,.streamoverlay.player-twitchold .mainbuttons .bothbutton{display:none}.streamoverlay.player-twitchold .mainbuttons .chatbutton{border-radius:3px}.overlaypopup{height:0;padding:0;overflow:hidden;transition:height .3s;display:inline;position:absolute;left:0;top:0;width:100%;text-align:center;background:rgba(0,0,0,.7)}.streamoverlay.dummy .overlaypopup,.streamoverlay:hover .overlaypopup{height:6.25em}.streamoverlay:hover .overlaypopup .auxbuttons,.streamoverlay:hover .overlaypopup .mainbuttons{display:block}.overlaycaption{margin-top:.75em;color:#eee;font-size:24px}.streamnumber{display:none;font-weight:700;font-size:150%;border-radius:.5em;border:1px solid #eee;width:1em;height:1em;line-height:.95em;margin:.8em auto 0}.audioicon,.bothicon,.chaticon,.closeicon,.profileicon,.reloadicon{width:16px;height:16px}.dummy .streamnumber{display:block}.streamname{font-weight:700;text-transform:uppercase}.inactive .streamname{display:none}.audioicon,.bothicon,.chaticon,.closeicon,.profileicon,.reloadicon,button .audioicon,button .bothicon,button .chaticon,button .profileicon{display:inline-block}.audioicon{vertical-align:top;background:url(images/audio-white.png) center center no-repeat}.arrow,.bothicon,.channellist .channel,.channellist .community,.chaticon,.closeicon,.profileicon,.reloadicon{vertical-align:middle}button .audioicon{background-image:url(images/audio-black.png);padding:0;float:none}.chaticon{background:url(images/chat-white.png) center center no-repeat}button .chaticon{background-image:url(images/chat-black.png);padding:0;float:none}.bothicon{background:url(images/both-icon-white.png) center center no-repeat}button .bothicon{background-image:url(images/both-icon-black.png);padding:0;float:none}.profileicon{background:url(images/profile-white.png) center center no-repeat}button .profileicon{background-image:url(images/profile-black.png);padding:0;float:none}.reloadicon{background:url(images/reload-white.png) center center no-repeat}button .reloadicon{background-image:url(images/reload-black.png)}.closeicon{background:url(images/strikethrough-white.png) center center no-repeat}.audio>.audioicon,.chat>.chaticon,.chatcaption{display:block}button .closeicon{background-image:url(images/strikethrough-black.png)}.audio .audiobutton,.audio.chat .bothbutton,.chat .chatbutton{background:#aaa;cursor:default}.audio .audiobutton:hover,.audio.chat .bothbutton:hover,.chat .chatbutton:hover{background:#aaa}.chatcaption{position:absolute;bottom:0;width:100%;color:#eee;line-height:25px;padding:0 .5%;background:rgba(0,0,0,.2)}button.reloadchat{float:right}.arrow{display:inline-block;height:10px;width:10px;background:url(images/arrow-up-white.png) center center no-repeat}button .arrow{background-image:url(images/arrow-up-black.png)}.chatmenuopener{cursor:pointer;position:relative}ol.chatmenu{display:none;list-style:none;margin:0;position:absolute;bottom:25px;left:5px;padding:5px;background:#ab9dc5;box-shadow:0 -3px 2px 2px rgba(0,0,0,.1)}ol.chatmenu li{color:#eee;text-align:left;cursor:pointer;display:none}.channellist .channel,.channellist .community{width:12.5%;height:65px;float:left;padding:5px;cursor:pointer;border-radius:3px;opacity:.3}.channellist .channel.selected,.channellist .channel:hover,.channellist .community.selected,.channellist .community:hover{background:rgba(0,0,0,.1);padding:4px;border:1px solid rgba(0,0,0,.3)}.channellist .community{opacity:1;width:37.5%;height:130px}.channellist .community:hover{background:0 0;padding:5px;border:none}.channellist .community:hover .communityimage{opacity:.8}.channellist .grid-sizer{width:12.5%;height:60px}.channellist .channel.live{opacity:.7;width:25%;height:130px}.channellist .channel.live:hover{opacity:.8}.channellist .channel.selected{opacity:1}.channellist .channel.selected .channelcaption{background-image:url(images/checkmark-white.png);background-position:5px center;background-repeat:no-repeat}.channellist .channel:hover{opacity:.6}.channellist .channelimage,.channellist .communityimage{background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:relative}.channellist .communityimage{background-position:center 40%;background-size:auto 60%;border-radius:3px;border:1px solid #aaa;transition:opacity .5s}.channellist .channelname,.channellist .communityname{text-transform:uppercase;font-weight:700}.channellist .channelcaption,.channellist .communitycaption{position:absolute;bottom:0;color:#eee;font-size:60%;text-align:right;background:rgba(80,80,80,.6);padding:1% 2% 2%;width:100%}.channellist .game,.channellist .visit{font-style:italic}.channellist .visit{font-size:133%}.authenticate{text-align:center;font-size:120%}.ui-widget,.ui-widget button{font-family:inherit;font-size:inherit}.ui-widget-content{border:none;background:0 0}#communities,#custom,#error,#following{padding:1em 40px}.ui-tabs,.ui-tabs .ui-tabs-nav{padding:0;border-radius:0}.ui-tabs .ui-widget-header{background:#000;border:none;padding:0 40px 20px}#popupform .ui-tabs .ui-widget-header{padding:5px}.ui-tabs .ui-tabs-nav li{margin:0;border-radius:0;border:none}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:4px 14px}.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover{color:#eee;background:#aaa}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:0 0;font-size:19.5px}#popupform .ui-state-default,#popupform .ui-widget-content .ui-state-default,#popupform .ui-widget-header .ui-state-default{font-size:inherit}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#c8c8c8}.ui-state-active a,.ui-state-active a:hover,.ui-state-active a:link,.ui-state-active a:link:hover,.ui-state-active a:visited,.ui-state-active a:visited:hover{background:#1969AB}[id*='-donation-overlay']{font-family:inherit}