/*
Crypto theme for Shout.

Installation instructions can be found here
http://shout-irc.com/docs/server/configuration.html#theme

Author: Aynik
GitHub: https://github.com/aynik
*/

@font-face {
    font-family: Inconsolata-g;
    src: url("fonts/inconsolatag.woff") format("woff"), url("fonts/inconsolatag.ttf") format("ttf");
}

body {
    background: #000;
    font: 16px Inconsolata-g, monospace;
}

a, #chat a {
    color: #00FF0E;
}

a:hover, #chat a:hover {
    color: #3EFF48;
}

#windows .window h2 {
    color: #666;
    font: regular 14px Leto, sans-serif;
    border-bottom: none;
}

#main {
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 0px;
}

.container {
    margin: 40px auto;
}

#sign-in label {
    font: 14px Lato, sans-serif;
    color: #666;
}

#sign-in label input {
    margin-top: 10px !important;
    font: 14px Inconsolata-g, monospace;
}

.btn {
    border-color: #00FF0E;
    color: #00FF0E;
}

.btn:disabled, .btn:hover {
    background: #00FF0E;
}

#windows .window:before, #windows .chan:before {
    content: none;
}

#settings .opt {
    line-height: 20px;
    font-size: 12px;
}

#sign-in .remember {
    font: 12px Inconsolata-g, monospace;
    line-height: 30px;
}

#sidebar .chan:first-child {
    color: #00FF0E;
}

#sidebar button,
#sidebar .chan,
#sidebar .sign-out,
#chat .time,
#chat .count:before,
#sidebar .empty {
    color: #666;
}

#sidebar .active {
    color: #fff;
}

#chat,
#windows .header {
    font: 12px Inconsolata-g, monospace;
    line-height: 1.8;
}

#chat .chat,
#chat .sidebar {
    top: 48px;
}

#chat.no-colors .from button, #chat.no-colors .sidebar button {
    color: #000 !important;
    font-weight: bold
}

#form .input {
    font: 12px Inconsolata-g, monospace;
}

#footer .icon {
    color: #666;
}

@media (max-width: 768px) {
    #main  {
        left: 0px;
    }
}