@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("twitch.tv") {
/* Twitch Bigger Player Alt v2.06 */

    .theatre .player-controls-bottom, .theatre .player[data-controls="true"] .player-controls-bottom {
    padding-bottom: 0px;
}

input, textarea, keygen, select, button {
      text-shadow:1px 1px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
0px 1px 0 #000,
1px 0px 0 #000,
0px -1px 0 #000,
-1px 0px 0 #000,
2px 2px 1px #000,
-2px -2px 1px #000;
}

  #small_nav .content {
    background-color: #1a1a1a;
}
#left_col:before {
    background: transparent !important;
}
/*a {
  color: #6789f9;
}*/
#main_col {
!margin-right: 280px !important;
margin-right: 0px !important;
}
#bttv-channel-state-contain {
    position: absolute;
    top: 10px;
    left: 200px;
    width: 50px;
    height: 20px;
}
#channel .channel-stats {
    white-space: nowrap;
    margin-right: 20px;
}
.ember-chat .chat-header {
    background-color: transparent;
        !margin-top: 40px;
    height: 20px;
    width: 20px;
    right: 20px;
        border-top: none;
    border-bottom: none;
}
.ember-chat .chat-header {
 ! background-color: #1a1a1a;
}
#channel .channel-actions .button, .chat-buttons-container .button, .profile-info .buttons .button, #channel_actions .button {
    background-color: rgba(0,0,0, 0.3);
}
.button.primary, .primary_button, a.js-follow.follow.button.primary.action, #dash_main #commercial_buttons #intervals, #channel .stats-and-actions .follow-button a, .directory_header .follow-button a, .profile-info .follow-button a, #hostmode .channel-actions .follow-button a, .chat-room .moderation-card .mod-card-follow, .ember-follow.follow-button:not(.is-following) a {
    border-color: #000!important;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.3) 31%,rgba(0,0,0,0.3) 80%)!important;
}
.button.primary, .button-simple.primary, .primary_button:hover, a.js-follow.follow.button.primary.action:hover, #subscribe_action .subscribe-text:focus, .button.primary:hover, #channel .stats-and-actions .follow-button a:hover, .directory_header .follow-button a:hover, .profile-info .follow-button a:hover, #hostmode .channel-actions .follow-button a:hover, .chat-room .moderation-card .mod-card-follow:hover {
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5) 31%,rgba(0,0,0,0.5) 80%)!important;
}
#content #turbo_chat_color #hsl .chat_col {
    width: 0%;
    padding-right: 0%;
    min-width: 30px
}
#channel .player-column #player, #channel .player-column #video-1 {

}

.dynamic-player, .dynamic-player object, .dynamic-player video {
    height: calc(100vh - 40px) !important;
    width: calc(100vw - 40px) !important;
}
#main_col .content #broadcast_meta, #main_col #broadcast-meta, #main_col .archive_info {
  background-color: transparent;

}

#chat_line_list, .ember-chat .chat-messages {
    font-size: 12.33333px;
}
#chat_line_list .line p .chat_line, .ember-chat .chat-messages .chat-line {
    word-break: break-word;
    padding-top: 2px;
    margin-top: 1px;
    padding-left: 1px;
    padding-right: 6px;
}

.ember-chat .chat-messages .chat-lines {
    padding: 1px 0;
}
.ember-chat .chat-messages .chat-line {
    line-height: 17px;
   text-shadow:1px 1px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
0px 1px 0 #000,
1px 0px 0 #000,
0px -1px 0 #000,
-1px 0px 0 #000,
2px 2px 1px #000,
-2px -2px 1px #000;
}

#chat_text_input, #chat_text_login, .ember-chat .chat-interface textarea {
    background-color: rgba(0,0,0,0.3)!important;
    color: #D3D3D3;
    border: solid 1px #333!important;
    box-shadow: none;
}
#right_col {
width: 280px !important;;
}
#channel {
        background-color: #1a1a1a;
}

.player-buttons-right {
    float: none;
}
#channel-prompt, .ember-chat .chat-messages {
        background-color: rgba(0, 0, 0, 0.4) !important;
}
#chat_lines_list, #chat_lines, .ember-chat {
     background-color: rgba(0, 0, 0, 0.5) !important;
    color: #D3D3D3;
}
.ember-chat .chat-interface {
        background-color: transparent !important;
}
#right_col .content .bottom #controls, #right_col .bottom #controls, .ember-chat .chat-interface {
    border-top: 1px solid rgba(0,0,0,0.0);
}
.scroll .tse-scroll-content {
        background-color: rgba(0, 0, 0, 0.0) !important;
}
#channel_panels.panel-formatting.js-panels.panels.masonry{
position:absolute !important;
top: calc(100% + 50px) !important;
}

.player-column.host-frame.js-host-frame  #channel_panels_contain {
position:absolute !important;
top: calc(100% + 50px) !important;
}

.player-column.host-frame.js-host-frame.inactive #channel_panels_contain{
position:relative !important;
}

#channel .player-column #broadcast-meta{
margin-left:-34px !important;
margin-right:200px !important;
z-index: 9;
}

.app-main.theatre #channel .player-column #broadcast-meta{
margin-left:-34px !important;
margin-right:200px !important;
z-index: 1;
}

  .dynamic-player .full object{
    margin: 0;
    padding: 0;
height:100% !important;
width:100% !important;
}

.js-player{

margin-left:-30px !important;
position:absolute !important;
bottom:0px !important;

width: calc(100% - 0px) !important;
z-index: 8;
}

.app-main.theatre .js-player{
top:0px !important;
margin-left:0px !important;

}

.player-column .stats-and-actions{
padding: 5px 10px 0px 10px !important;
height:calc(100%) !important;
margin-bottom:10px !important;
overflow:visible !important;
border-bottom:0px !important;
width: calc(100% - 80px) !important;
position:absolute !important;
top:calc(0%) !important;
}

.stats-and-actions.clearfix .channel-actions {
position:absolute !important;
top:calc(100%) !important;
padding-bottom: 5px !important;
}

/* #stats-tooltip, .time-tooltip{z-index: 99999 !important;} */

.app-main.theatre .player-column .stats-and-actions{
padding: 5px 10px 0px 10px !important;
height:auto !important;
margin-bottom:10px !important;
overflow:visible !important;
border-bottom:0px !important;
width: auto !important;
position:initial !important;
top:auto !important;
}

.close-hostmode{
z-index: 9;
}

.player-column.host-frame.js-host-frame.inactive .stats-and-actions.clearfix{
position:relative !important;
}

#broadcast_meta,#broadcast-meta{
height:52px !important;
overflow:visible !important;
min-height:0px !important;
position:relative !important;
margin-top:-10px !important;
margin-bottom:10px !important;
}

#broadcast_meta .title,#broadcast-meta .title{
margin-left:0px !important;
margin-top:6px !important;
line-height:29px !important;
font-size:18px !important;
}

a.profile-link{
left:33px !important;
top:11px !important;
width:34px !important;
height:34px !important;
border-radius:5px !important;
}

.profile-photo{
border:0px !important;
}

.profile-link .profile-photo img{
width:38px !important;
height:38px !important;
}

.profile-link .profile-photo .goto{
visibility: collapse !important;
}


.app-main, .channel-main{
  right:0px !important;
  left:-10px !important;
}


#main_col.expandLeft,#flash.expandLeft{
  margin-left:40px !important;
}

.app-main.theatre #main_col.expandLeft{
  margin-left:10px !important;
}


#small_nav,#left_col.closed{
  width:40px !important;
}


.target-player, .target-player object, .target-player video {
  z-index: 8!important;
}

/* Remove "Enjoying the show?" */
#new-user-prompt,.no-login-contain > ul:nth-child(3) {display:none!important;}
.clearfix.upsell-banner{display:none!important;}

/* Remove "is Offline" */
.clearfix.upsell-banner.recent-past-broadcast{display:none!important;}


}
@-moz-document url-prefix("http://www.twitch.tv/directory") {
#main_col {
!margin-right: 280px !important;
margin-right: 280px !important;
}

}