@charset "utf-8";



#container, html {
    color: #000;
    font: 1em Helvetica, sans-serif;
    font-weight: 400;
    background-color: #fff;
    height: 100vh
}

body, html {
    height: 100%
}

#container {
    position: relative;
    min-height: calc(100vh - 4em);
    height: auto;
    overflow: hidden
}

#content {
    height: auto;
    margin-top: 0
}

/*@font-face {*/
/*    font-family: Rubik-Glitch;*/
/*    src: url(https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/fonts/RubikGlitch-Regular.woff2) format('woff2'), url(https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/fonts/RubikGlitch-Regular.woff) format('woff');*/
/*    font-display: block*/
/*}*/

button, input, input[type=text], select, textarea {
    height: 26px;
    font-size: .9em;
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    border: 1px solid #000;
    border-radius: 3px;
    background-color: #daf0ff;
    vertical-align: middle
}

textarea {
    font-size: 1em;
    padding: 6px;
    resize: none
}

input:focus, input[type=text]:focus, select:focus, textarea:focus {
    background-color: #daf0ff;
    color: #000;
    border-color: #999
}

button, input[type=submit] {
    height: 30px;
    margin: 0 2px;
    padding: 0 10px;
    background-color: #daf0ff;
    border: 1px solid #000;
    color: #000;
    background-repeat: no-repeat;
    vertical-align: bottom;
    cursor: pointer;
    font-size: .9em
}

button:hover, input[type=submit]:hover {
    background-color: #fff
}

[type=email]:disabled, button:disabled, button[disabled], input[type=checkbox]:disabled + label span, input[type=password]:disabled, input[type=text]:disabled {
    cursor: default;
    background-color: #ddd;
    color: #333;
    border-color: #999
}

button.selected, input[type=submit].selected {
    background-color: #c4f4ff
}

button.indistinct, input[type=submit].indistinct {
    background-color: #ededed;
    border: 1px solid #aaa;
    color: #a0a0a0
}

button.indistinct:hover, input[type=submit].indistinct:hover {
    background-color: #fff;
    border: 1px solid #555;
    color: #555
}

button.green {
    background-color: #158f17
}

button.green:hover {
    background-color: #2a9b2c
}

button.red {
    background-color: #ce2d2d;
    color: #fff
}

button.red:hover {
    background-color: #c92323
}

button.remove, button.upload {
    border: 1px solid #222;
    background-color: #158f17;
    color: #fff;
    height: 35px;
    width: 100px
}

button.upload:before {
    content: "upload"
}

button.upload:hover {
    background-color: #2a9b2c
}

button.remove {
    background-color: #ce2d2d
}

button.remove:before {
    content: "remove"
}

button.remove:hover {
    background-color: #c92323
}

button.icob-promote {
    background-color: #02d402;
    color: #fff
}

button.icob-promote:hover {
    background-color: #02f402
}

button.icob-promote::before {
    content: "\e5d8"
}

button.icob-demote {
    background-color: #ce2d2d;
    color: #fff
}

button.icob-demote:hover {
    background-color: #cc5757
}

button.icob-demote::before {
    content: "\e5db"
}

button.icob-bin {
    background-color: #ce2d2d;
    color: #fff
}

button.icob-bin:hover {
    background-color: #cc5757
}

button.icob-bin::before {
    content: "\e872"
}

button.icob-edit {
    background-color: #7db6f2;
    color: #fff
}

button.icob-edit:hover {
    background-color: #aed0f4
}

button.icob-edit::before {
    content: "\e3c9"
}

button.icob-save {
    background-color: #02d402;
    color: #fff
}

button.icob-save:hover {
    background-color: #02f402
}

button.icob-save::before {
    content: "\e161"
}

button.delete, button.reset, button.search, input[type=submit].search {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/icon_map.png');
    width: 34px;
    height: 30px;
    margin: 0 1px
}

button.delete {
    background-position: -56px 2px
}

button.delete:hover {
    background-position: -86px 2px
}

button.search, input[type=submit].search {
    background-position: -176px 2px
}

button.search:hover, input[type=submit].search:hover {
    background-position: -206px 2px
}

button.reset {
    background-position: 4px -58px
}

button.reset:hover {
    background-position: -26px -58px
}

button.move, input[type=submit].move {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/move24.png');
    background-position: center;
    width: 34px;
    margin: 0
}

button.pending {
    background-color: #ffe100
}

button.failed {
    color: #fff;
    background-color: #e33
}

button.success {
    color: #fff;
    background-color: #02c502
}

button.loading {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/loading_horiz.gif');
    background-position: center;
    background-size: 80% 35%;
    background-repeat: no-repeat
}

input[type=checkbox] {
    opacity: 0;
    position: absolute;
    color: #000
}

input[type=checkbox] + label {
    padding: 6px
}

input[type=checkbox] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #daf0ff;
    border: 1px solid #000;
    border-radius: 3px;
    vertical-align: bottom;
    margin-top: 10px;
    margin-right: 10px
}

input[type=checkbox]:focus + label span {
    background-color: #daf0ff;
    color: #000;
    border-color: #999
}

input[type=checkbox]:checked + label span {
    background-image: url('/assets/images/checkmark.png');
    background-repeat: no-repeat;
    background-position: center
}

input[type=checkbox].fail + label {
    background-color: #ffc7c7;
    color: red
}

input[type=checkbox].fail + label span {
    background-color: #ffc7c7;
    border-color: red
}

input[type=radio] {
    opacity: 0;
    position: absolute;
    width: 100%
}

input[type=radio] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #6f5d84;
    border: 1px solid #000;
    border-radius: 30px;
    vertical-align: bottom;
    margin-right: 10px
}

input[type=radio]:focus + label span, input[type=radio]:hover + label span {
    background-color: #ada6b6
}

input[type=radio]:checked + label span {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/radio16.png');
    background-repeat: no-repeat;
    background-position: center
}

input[type=radio].fail + label {
    background-color: #ffc7c7;
    color: red
}

input[type=radio].fail + label span {
    background-color: #ffc7c7;
    border-color: red
}

a {
    color: #00f;
    text-decoration: none;
    cursor: pointer
}

a:visited {
    color: #f0f;
    text-decoration: none
}

a:hover {
    color: #42e6e6;
    text-decoration: none
}

h1.notice, h2.notice, h3.notice, p.notice {
    color: #e00;
    text-align: center
}

em.helpnote {
    font-size: .7em
}

ul {
    list-style-type: none
}

ul.horizul li {
    display: inline-block;
    vertical-align: top
}

ul.horizul li h2 {
    padding-right: 10px
}

ol li {
    padding: 2px
}

h1, h3, h4 {
    text-align: center;
    font-weight: 400
}

h1 {
    font-size: 2em
}

h2 {
    font: 1.5em Helvetica, sans-serif;
    line-height: 1.5em;
    font-weight: 400
}

h3 {
    font: 1.1em Helvetica, sans-serif;
    line-height: 1.2em;
    font-weight: 400
}

h4 {
    font-weight: bolder;
    color: red;
    font-size: 1.2em
}

h4.good {
    color: #0b0
}

.pages {
    text-align: right
}

#hdn_upl {
    display: none
}

.cssl {
    pointer-events: none;
    color: #f7f6ff;
    font-size: 10px;
    margin: 50px auto;
    width: 1em;
    height: 1em;
    left: 50%;
    top: 30%;
    border-radius: 50%;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 .2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 .2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    25% {
        box-shadow: 0 -3em 0 -.5em, 2em -2em 0 0, 3em 0 0 .2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 .2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 .2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 .2em, -3em 0 0 0, -2em -2em 0 -1em
    }
    75% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 .2em, -2em -2em 0 0
    }
    87.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 .2em
    }
}

@keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 .2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 .2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    25% {
        box-shadow: 0 -3em 0 -.5em, 2em -2em 0 0, 3em 0 0 .2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 .2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 .2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 .2em, -3em 0 0 0, -2em -2em 0 -1em
    }
    75% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 .2em, -2em -2em 0 0
    }
    87.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 .2em
    }
}

table {
    border-style: solid;
    border-width: 1px;
    border-color: #3b3048
}

table td {
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    overflow: hidden;
    word-break: normal
}

table td.highlight, table tr.highlight {
    background-color: #63738f;
    color: #eee
}

table tr.content, table tr.content:hover {
    background-color: #fafafa
}

table th {
    vertical-align: middle;
    padding: 5px 2px;
    overflow: hidden;
    word-break: normal;
    background-color: #fff
}

table tr {
    background-color: #daf0ff;
    overflow: hidden
}

tr:nth-child(odd) {
    background-color: #ebf8ff
}

table tr:hover {
    background-color: #fff
}

table .del {
    background-color: #ededed;
    text-decoration: line-through;
    color: #a0a0a0
}

table .del:hover {
    background-color: #efefef
}

table .del a {
    color: #a0a0a0
}

table .highl, table .highl:hover {
    background-color: #fff
}

table .savehighl, table .savehighl:hover {
    background-color: #fffec7
}

table .savehighl_fade, table .savehighl_fade:hover {
    transition: background-color 2s
}

td .split_highl {
    background-color: #fffd88;
    font-style: italic;
    border-radius: 3px
}

.table_cnt {
    display: table;
    margin: 0 auto;
    padding-bottom: 20px
}

.table_cnt .pages {
    padding-top: 10px;
    padding-bottom: 10px
}

tr.trinline {
    height: 0;
    padding: 0;
    margin: 0
}

td.tdinline {
    height: 0;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #000
}

table tr td.check, table tr td.uncheck {
    cursor: pointer;
    font-size: 1.5em
}

table tr td.check {
    color: red
}

table tr td.uncheck::before {
    content: "\2610"
}

table tr td.check::before {
    content: "\2612"
}

.pages a, a.abtn {
    height: 1em;
    font-weight: 700;
    padding: 4px 10px;
    background-color: #daf0ff;
    border: 1px solid #000;
    color: #000;
    border-radius: 3px;
    vertical-align: top;
    margin: 0 2px;
    cursor: pointer;
    font-size: 1em
}

.pages a:hover, a.abtn:hover {
    background-color: #fff
}

.pages a.selected, a.abtn.selected {
    border-color: #daf0ff;
    font-size: 1.6em
}

a.abtn.green {
    background-color: #02d402;
    color: #fff
}

a.abtn.green:hover {
    background-color: #02f402
}

a.abtn.red {
    background-color: #ce2d2d;
    color: #fff
}

a.abtn.red:hover {
    background-color: #cc5757
}

a.abtn.report {
    font-size: 1.4em
}

a.abtn.fave {
    font-size: 1.4em
}

a.abtn.fave_sel {
    background-color: #02d402;
    font-size: 1.4em;
    color: #ff0
}

a.abtn.fave:hover {
    background-color: #02f402;
    color: #ff0
}

a.abtn.fave::before, a.abtn.fave_sel::before {
    content: "\2605  "
}

span.cus_check, span.cus_maybe_check, span.cus_premium, span.usr_creator, span.usr_mod, span.usr_owner, span.usr_self, span.usr_super, span.usr_user {
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin: 10px 0;
    padding: 2px 6px
}


span.role {
    font-size: 28px;
    margin-top: 4px;
}

span.usr_self {
    background-color: #555
}

span.usr_user {
    background-color: #0064bc
}

span.usr_mod {
    background-color: #11892b
}

span.usr_super {
    background-color: #1e8eb1
}

span.usr_owner {
    background-color: #2a2aba
}

span.usr_creator {
    background-color: #0e0e53
}

span.cus_check {
    background-color: #3e9651
}

span.cus_check::before, span.cus_maybe_check::before {
    content: "\2714";
    padding: 0 6px
}

span.cus_maybe_check {
    background-color: #b7943f
}

span.cus_premium {
    background-color: #3e9651;
    margin-left: 5px
}

span.cus_premium::before {
    content: "\2605"
}

.edit_block {
    padding: 15px;
    border: 1px solid #000
}

.legend-text {
    color: #04396c;
    font-size: .95em;
    margin-left: 10px;
    padding: 0 10px
}

a.loginlnk, a.registerlnk {
    font-weight: 700;
    padding: .3em .5em;
    line-height: normal;
    border-radius: 3px;
    vertical-align: top;
    margin: 0 .1em;
    cursor: pointer;
    display: inline
}

a.loginlnk {
    border: 1px solid #000;
    color: #fff;
    background-color: #7db6f2
}

a.registerlnk {
    border: 1px solid #000;
    color: #fff;
    background-color: #02d402
}

a.loginlnk div.material-icons, a.registerlnk div.material-icons {
    font-size: 1.6em;
    vertical-align: top;
    margin-right: .2em
}

a.loginlnk p, a.registerlnk p {
    display: inline-block;
    font-size: 1.3em;
    vertical-align: top
}

a.loginlnk div::before {
    content: "\ea77"
}

a.registerlnk div::before {
    content: "\e174"
}

a.loginlnk:hover {
    background-color: #aed0f4
}

a.registerlnk:hover {
    background-color: #02f402
}

#hdr_cnt {
    background-color: #fff;
    border-bottom: 1px solid #000
}

#hdr_cnt #hdr {
    height: auto;
    width: auto;
    max-width: 900px;
    text-align: center;
    vertical-align: top;
    margin: 0 auto;
    font-weight: 400
}

#hdr #hdr1 {
    display: block;
    height: auto;
    text-align: right
}

#hdr #hdr1 a {
    font-weight: 700;
    padding: 0 .5em;
    line-height: normal;
    border-radius: 3px;
    vertical-align: top;
    margin: 0 .1em;
    cursor: pointer;
    display: inline
}

#hdr #hdr1 a div.material-icons {
    font-size: 1em;
    vertical-align: top
}

#hdr #hdr1 a p {
    display: inline-block;
    font-size: .8em;
    vertical-align: top;
    margin-left: .2em
}

#hdr #hdr1 a#profile {
    border: 1px solid #000;
    color: #fff;
    background-color: #7db6f2
}

#hdr #hdr1 a#account {
    border: 1px solid #000;
    color: #fff;
    background-color: #5cd064
}

#hdr #hdr1 a#logout {
    border: 1px solid #000;
    color: #fff;
    background-color: #ce2d2d
}

#hdr #hdr1 a#profile div::before {
    content: "\e7fd"
}

#hdr #hdr1 a#account div::before {
    content: "\e8b8"
}

#hdr #hdr1 a#logout div::before {
    content: "\e9ba"
}

#hdr #hdr1 a#profile:hover {
    background-color: #aed0f4
}

#hdr #hdr1 a#account:hover {
    background-color: #8fd093
}

#hdr #hdr1 a#logout:hover {
    background-color: #cc5757
}

#hdr #hdr2 {
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
    text-align: left
}

#hdr #hdr2 #logo {
    vertical-align: middle;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0
}

#hdr #hdr2 #logo h1 {
    font-size: 3em;
    padding: 0;
    margin-left: .2em;
    color: #daf0ff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-family: Rubik-Glitch, cursive
}

#hdr #hdr2 #logo h1 span {
    font-size: .4em
}

#hdr #hdr3 {
    width: 50%;
    display: inline-block;
    text-align: right
}

#hdr3 #rmsnav {
    white-space: nowrap;
    padding-bottom: .7em;
    margin-right: .2em
}

#hdr3 #rmsnav a {
    padding: 0 .6em 0 .2em;
    vertical-align: bottom;
    color: #000;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 20px;
    background-color: #daf0ff
}

#hdr3 #rmsnav a:hover {
    background-color: #fff
}

#hdr3 #rmsnav div.material-icons {
    font-size: 1.6em;
    vertical-align: top
}

#hdr3 #rmsnav a#allrooms div::before {
    content: "\e80b"
}

#hdr3 #rmsnav a#yourrooms div::before {
    content: "\e88a"
}

#hdr3 #rmsnav a#faverooms div::before {
    content: "\e838"
}

#hdr3 #rmsnav a p {
    display: inline-block;
    font-size: 1.3em;
    vertical-align: top
}

#hdr3 a#faverooms.open {
    color: #ff0;
    background-color: #201a2f
}

@media screen and (max-width: 700px) {
    #hdr #hdr2, #hdr #hdr3 {
        width: auto;
        text-align: center;
        display: block
    }

    #hdr #hdr2 #logo h1 {
        margin-left: 0
    }

    #hdr3 #rmsnav {
        margin-right: 0
    }

    #hdr #hdr1 a#account p, #hdr #hdr1 a#logout p {
        display: none
    }
}

#favbar {
    margin: 0 auto;
    text-align: right;
    max-width: 900px;
    text-align: center;
    padding: 10px;
    background-color: #eee;
    transition: max-height .3s ease-in-out;
    display: none
}

#favbar .room_block {
    -ms-transform: scale(.7, .7);
    -webkit-transform: scale(.7, .7);
    transform: scale(.7, .7);
    margin: -22px -20px
}

#favbar p.warning {
    padding: 10px 25px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    color: #fff;
    background-color: #ce772d;
}

#favbar #favloading.cssl {
    font-size: 10px;
    margin: 50px auto
}

#ftr {
    height: 4em;
    padding: 0;
    text-align: center;
    overflow: hidden;
    border-top: 1px solid #000;
    display: table;
    width: 100%
}

#ftr p {
    font-size: .8em;
    color: #666;
    height: 4em;
    display: table-cell;
    vertical-align: middle;
    line-height: 1em
}

#ftr p a {
    margin: 0 .3em;
    color: #295bc1
}

.manage_buttons {
    text-align: center;
    margin: 0 auto
}

.manage_account {
    width: 350px;
    margin: 50px auto;
    background-color: #f5f5f5;
    padding: 15px
}

.manage, .std-box {
    width: 625px;
    margin: 5px auto;
    background-color: #f5f5f5;
    padding: 15px;
    border: 1px solid #535f7b
}

.row, .tbl {
    width: 100%
}

.cell {
    display: inline-block;
    overflow: hidden
}

#frnt_welcome {
    width: 800px;
    color: #fff;
    margin: 20px auto;
    border-radius: 3px;
    position: relative
}

#frnt_mascot {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/ec-mascot-250.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 300px
}

#frnt_mascot h1 {
    text-align: left;
    font-size: 2.2em;
    font-weight: 700;
    color: #e7dfdd;
    text-shadow: 1px 1px #2930ff, 2px 2px #2930ff, 3px 3px #2930ff
}

#frnt_mascot p {
    color: #fff;
    padding-top: 5px
}

#frnt_mascot ul {
    list-style-type: disc;
    padding-left: 20px;
    color: #fff
}

#frnt_mascot h3 {
    margin-top: 15px;
    padding: 2px;
    font-weight: 700;
    color: red
}

#frnt_rooms {
    border-top: 1px solid #fff;
    padding: 20px 0
}

#frnt_rooms .room_block {
    margin: 0 24px
}

#frnt_more {
    color: #fff;
    font-size: 1.4em;
    background-color: #c3273d;
    text-align: center;
    margin: 20px 50px;
    padding: 15px;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 250ms
}

#frnt_more:hover {
    background-color: #903744
}

.text-logo {
    padding: 0 20px 0 20px;
    line-height: 50px;
    font-size: 3.5em;
    font-family: Helvetica, sans-serif;
    background-color: #b4e8ff;
    text-shadow: 0 0 6px rgba(0, 0, 0, .7)
}

.text-logo a, .text-logo a:hover {
    font-weight: 400 !important;
    color: #fff !important;
    display: block;
    width: 90%;
    height: 90%
}

.text-logo #hi:hover {
    color: #fde
}

.nav_li {
    display: inline-block;
    line-height: 50px;
    margin: 0 1px
}

.nav_li a {
    display: block;
    padding: 0 10px
}

.nav_li:hover {
    background: #b4e8ff
}

#header .nav_li.a_gold a {
    color: #ffef00
}

#header .nav_li.a_gold:hover a {
    background: #ffef00;
    color: #000
}

.nav_left {
    margin-left: 1px
}

#right-header {
    margin-right: 25px
}

#unsupported {
    width: 950px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    color: #fff;
    background-color: #ce2d2d
}

#unsupported a {
    color: #ace;
    text-decoration: underline
}

#faq {
    width: 900px;
    margin: auto;
    padding: 20px
}

#faq .index_block {
    display: inline-block;
    vertical-align: top;
    padding: 10px 25px
}

#faq ul li {
    text-align: justify
}

#faq ol {
    padding-left: 30px
}

#faq h5 {
    padding-top: 20px
}

#faq_permissions td ~ td, #faq_permissions tr ~ tr {
    text-align: center
}

#privacy, #rules, #terms, #tips {
    width: 900px;
    margin: auto;
    padding: 20px
}

#privacy h2, #terms h2 {
    margin-top: 1em;
    font-size: 1.2em;
    font-weight: 700
}

#privacy ol, #terms ol {
    padding-left: 30px;
    list-style-type: disc
}

#rules ol {
    padding-left: 40px;
    margin: 10px
}

#rules ol li {
    padding: 10px
}

#rules ol li:hover {
    background-color: #f5c9c9
}

#rules p {
    margin-bottom: 10px
}

#ann_header, #faq_footer, #faq_header, #rules_header, #tips_header {
    text-align: center
}

#rules .disclaim {
    text-align: center;
    color: red
}

#announcements {
    margin: 20px auto;
    width: 900px
}

.text_body {
    text-align: justify;
    overflow: hidden;
    padding: 10px;
    margin: 10px auto;
    border-radius: 3px
}

.text_body table {
    margin: 10px
}

.text_body table td {
    vertical-align: top;
    text-align: left;
    padding: 5px;
    overflow: hidden;
    word-break: normal
}

#droptent {
    display: none
}

#banned {
    width: 100%;
    padding: 20px;
    background-color: #fffd88;
    border: .4em dashed red;
    box-sizing: border-box
}

#banned p {
    padding: 10px;
    text-align: center
}

#banned table {
    max-width: 750px;
    margin: 0 auto;
    border: 1px solid #000;
    border-radius: 3px
}

#banned table tr td:first-child {
    font-weight: 700;
    vertical-align: top
}

#banned table tr td {
    text-align: left;
    padding: 1.1em 20px;
    background-color: azure
}

#banned #appeal {
    text-align: center
}

#banned #appeal h2 {
    font-size: 1.2em;
    padding-top: 1.2em
}

#banned #appeal p {
    color: red
}

#login_box_cnt {
    text-align: center
}

#login_box {
    display: inline-block;
    width: auto;
    margin: 2em auto;
    padding: 2em;
    border: 1px solid #000;
    border-radius: 6px;
    background-color: #fff;
    text-align: center
}

#login_box a.loginlnk {
    margin: 1em;
    display: block
}

#register_box_cnt {
    text-align: center
}

#register_box {
    display: inline-block;
    width: auto;
    margin: 2em auto;
    padding: 2em;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #000;
    text-align: center
}

#register_box p#noregtoday {
    margin: 0;
    margin-bottom: 1em;
    width: auto;
    padding: 1em;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    color: #fff;
    background-color: #ce2d2d
}

#register_box a.registerlnk {
    margin: 1em;
    display: block
}

#login_box p.warning{
    max-width: 220px;
    margin: auto !important;
}

#login_box p.warning, #resetpass_box_cnt p.warning, #register_box p.warning, p.warning {
    margin: 20px 0 0 0;
    padding: 10px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    color: #fff;
    background-color: #ce2d2d
}

#login_box p.warning:empty, #resetpass_box_cnt p.warning:empty, #register_box p.warning:empty {
    display: none
}

#resetpass_box_cnt {
    text-align: center
}

#resetpass_box {
    display: inline-block;
    width: auto;
    margin: 2em auto;
    padding: 2em;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #000;
    text-align: center
}

#resetpass p.success, p.success {
    margin: 20px 0 0 0;
    padding: 10px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    color: #fff;
    background-color: #1d8f1b
}

#resetpass p.success b,
p.success b {
    color: #ff0
}

#not_found {
    margin: 20px auto;
    width: 800px;
    border-radius: 3px
}

#not_found h1 {
    padding: 20px
}

#not_found img {
    display: block;
    margin: 0 auto;
    width: 40%;
    padding-bottom: 30px
}

.msgpost {
    margin-bottom: 10px;
    border: 1px solid #63738f;
    border-radius: 3px;
    background-color: #f6f6f6;
    overflow: hidden
}

.msgpost .msgpost_body {
    padding: 10px
}

.msgpost .msgpost_header {
    padding: 2px 5px;
    background-color: #e6e6e6
}

.msgpost .msgpost_header span {
    float: right
}

.msgpost .msgpost_footer {
    text-align: right;
    padding: 2px 5px
}

#contact_box_cnt {
    text-align: center
}

#contact_box {
    display: inline-block;
    width: auto;
    margin: 2em auto;
    padding: 2em;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #000;
    text-align: center
}

#contact_box h1 {
    margin-bottom: .5em
}

#contact_box select {
    margin-bottom: 1.5em
}

#contact_box textarea {
    width: 100%;
    box-sizing: border-box;
    height: 10em
}

#contact_box #captcha {
    width: 19em
}

#contact_box .contactsendlnk {
    /*display: block;*/
    font-weight: 700;
    padding: .3em .5em;
    line-height: normal;
    border-radius: 3px;
    vertical-align: top;
    margin: 0 .1em;
    cursor: pointer;
}

#contact_box .contactsendlnk {
    border: 1px solid #000;
    color: #fff;
    background-color: #02d402;
    width: 100%;
    height: 37px;
}

#contact_box .contactsendlnk div.material-icons {
    font-size: 1.6em;
    vertical-align: top;
    margin-right: .2em
}

#contact_box .contactsendlnk p {
    display: inline-block;
    font-size: 1.3em;
    vertical-align: top
}

#contact_box .contactsendlnk div::before {
    content: "\e158"
}

#contact_box .contactsendlnk:hover {
    background-color: #02f402
}

#profile_cnt {
    text-align: center
}

#profile_cnt #profile {
    width: auto;
    max-width: 900px;
    margin: 0 auto;
    padding: 2em
}

#msg_cont p {
    margin: 0 0 1em 0;
    padding: 1em;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    display: block
}

#msg_cont p.warnmsg {
    border: 2px solid #ff6305;
    color: #ff6305
}

#msg_cont p {
    border: 2px solid #ff0f0f;
    color: #ff0f0f
}

#manage p.error, #manage p.success, #manage p.warning {
    margin: 20px 0 0 0;
    padding: 10px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    color: #fff
}

#manage p.error b, #manage p.success b, #manage p.warning b {
    color: #ff0
}

#manage p.error {
    background-color: #ce2d2d
}

#manage p.success {
    background-color: #1d8f1b
}

#manage p.warning {
    background-color: #ff6305
}

#manage p.error:empty, #manage p.success:empty, #manage p.warning:empty {
    display: none
}

#profile #prf_editctrl1, #profile #prf_editctrl2 {
    display: none;
    border-radius: 3px;
    text-align: right;
    padding: .3em
}

#profile #prf_header {
    border-radius: 3px;
    text-align: left;
    margin-bottom: 1em;
    border: 1px solid #000
}

#profile #prf_header #prf_imagecnt {
    padding: 1em;
    display: inline-block
}

#profile #prf_header #prf_imagecnt img {
    object-fit: contain;
    /*width: 100%;*/
    /*height: 100%;*/
    width: 150px;
    height: 150px;
    border: 2px solid #000;
    border-radius: 5px
}

#profile #prf_header #prf_userinfo {
    display: inline-block;
    vertical-align: top;
    padding: 1em
}

#profile #prf_header #prf_userinfo h1 {
    text-align: left;
    font-size: 1.8em
}

#profile #prf_header #prf_userinfo a#prf_report {
    font-size: .8em;
    padding: .2em;
    margin: 1em 0;
    color: red;
    border: 1px solid red;
    display: inline-block
}

#profile #prf_header #prf_userinfo a#prf_report:hover {
    color: orange;
    border: 1px solid orange
}

#profile #prf_header #prf_userinfo a#prf_report:empty {
    display: none
}

#profile #prf_header #prf_editasl {
    display: inline-block;
    vertical-align: top;
    padding: 1em
}

#profile #prf_aboutme {
    border-radius: 3px;
    text-align: left;
    padding: 1em;
    border: 1px solid #000
}

#profile #prf_aboutme h1 {
    text-align: left;
    font-size: 1.8em
}

#profile #prf_aboutme p {
    word-break: break-word;
    word-wrap: break-word;
    text-align: justify;
    white-space: pre-wrap;
    /*line-height: .7;*/
}

#profile #prf_aboutme textarea {
    /*display: none;*/
    width: 100%;
    box-sizing: border-box;
    height: 10em
}

#profile .imgbox {
    display: inline-block;
    margin: 1em 0;
    border-radius: 3px;
    position: relative;
    vertical-align: top;
    border: 2px solid #000
}

#profile .imgbox img {
    vertical-align: text-bottom
}

#profile .imgbox .box_loading {
    background-color: #000;
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/spinnyload.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    opacity: .6;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5000;
    pointer-events: none
}

.input_fail p, .input_ready p, .input_typing p, .input_win p {
    font-size: 1em;
    height: 2em
}

.input_fail span, .input_ready span, .input_typing span, .input_win span {
    display: inline-block;
    font-size: 1.7em;
    vertical-align: middle
}

.input_ready span::before {
    content: "\f1e6"
}

.input_win input, .input_win input:focus {
    background-color: #ccffbc;
    border-color: #02d402;
    color: #000
}

.input_win span::before {
    color: #02d402;
    content: "\ef76"
}

.input_win p {
    color: #02d402
}

.input_fail input, .input_fail input:focus {
    background-color: #faa;
    border-color: red;
    color: #000
}

.input_fail span::before {
    color: #ff0a0a;
    content: "\e8b2"
}

.input_fail p {
    color: #ff0a0a
}

.input_typing span::before {
    content: "\e863"
}

#captcha {
    margin: 2em auto
}

#captcha.error {
    color: red
}

#captcha.error input {
    width: 170px;
    text-align: center;
    background-color: #ffc7c7;
    border-color: red;
    color: #000
}

#profbar, #roombar {
    margin: 5px 0;
    width: 100%
}

#roomlist {
    margin: 2em auto;
    max-width: 900px
}

.prof_row, .room_row {
    width: 97%;
    text-align: left;
    background-color: #ccc;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap
}

.room_row {
    height: 190px;
    padding: 10px 1%
}

.prof_row {
    height: 110px;
    overflow: hidden
}

.prof_row:hover, .room_row:hover {
    overflow-x: auto;
    overflow-y: hidden
}

.roomlistcont {
    padding: 0;
    position: relative;
    text-align: center
}

.roomlistcont .pages {
    text-align: center
}

.room_block {
    white-space: normal;
    display: inline-block;
    position: relative;
    width: 150px;
    max-width: 150px;
    height: 170px;
    text-align: center;
    border-radius: 3px;
    background-color: #daf0ff;
    border: 1px solid #000;
    background-repeat: no-repeat;
    background-position: center 22px;
    overflow: hidden;
    cursor: pointer;
    transition: background-color 250ms
}

.room_row .room_block {
    margin: 0 5px
}

.roomlistcont .room_block {
    margin: 10px
}

.room_block_long {
    white-space: normal;
    display: inline-block;
    position: relative;
    width: 694px;
    height: 150px;
    vertical-align: top;
    color: #252e3f;
    border: 1px solid #23284c;
    border-radius: 3px;
    background-color: #3c48c9;
    background-repeat: no-repeat;
    background-position: center 22px;
    overflow: hidden;
    cursor: pointer;
    transition: background-color 250ms
}

.room_block_long a {
    font-weight: bolder;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

.room_block_long:hover {
    background-color: #4a4d72
}

.room_block_long .rmblk_icon {
    vertical-align: top;
    display: inline-block;
    width: 150px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.room_block_long .rmblk_info {
    vertical-align: top;
    width: 524px;
    height: 100%;
    display: inline-block;
    padding-left: 20px;
    background-position: top left;
    color: #fff;
    font-size: 1.4em;
    font-weight: bolder
}

.room_block_long .rmblk_info h1 {
    font-weight: bolder;
    font-size: 2em;
    text-align: left;
    margin-top: 10px;
    color: #fff
}

.room_block_long .rmblk_info p.rmblk_count {
    position: absolute;
    top: 70%;
    right: 3%;
    width: 96%;
    text-align: right;
    font-size: 2em;
    color: #000;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

.room_block_cont {
    border: 1px solid #000;
    border-radius: 3px;
    margin: .6em;
    background-color: #fff;
    display: inline-block;
    vertical-align: top
}

.room_block_cont .room_block {
    margin: 10px 0 0 10px
}

.room_block_cont p.moddate {
    color: #d1d1d1;
    padding: 0;
    text-align: center;
    font-size: .8em
}

.room_block_cont .deleted_mask {
    position: absolute;
    z-index: 1000;
    width: 295px;
    height: 205px;
    background-color: #ff1010;
    border-radius: 3px;
    opacity: .8
}

.deleted_mask .deleted_mask_inner {
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    width: 240px;
    text-align: center;
    margin: 40px auto;
    padding-bottom: 10px
}

.room_block_info {
    vertical-align: top;
    display: inline-block
}

.room_block_info h1 {
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin: 10px 0;
    padding: 6px 6px
}

.room_block_info h1.owner {
    background-color: #3e3eff
}

.room_block_info h1.owner:before {
    content: "Owner"
}

.room_block_info h1.super {
    background-color: #00c2ff
}

.room_block_info h1.super:before {
    content: "Super"
}

.room_block_info h1.mod {
    background-color: #2cd852
}

.room_block_info h1.mod:before {
    content: "Mod"
}

.room_block_info p {
    font-size: 1.1em;
    text-align: center
}

.prof_block {
    width: 120px;
    font-size: .8em;
    overflow: hidden
}

.room_block a {
    font-weight: 400;
    display: block;
    width: 100%;
    height: 100%;
    color: #000
}

.room_block:hover {
    background-color: #fff;
    border-color: #ccc;
    transition: 60ms
}

.room_block:hover .room_block_title {
    color: #aaa;
    border-color: #ccc
}

.room_icon {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center
}

.room_block_title {
    line-height: 1.5em;
    padding: 0 2px;
    background-color: #fff;
    border-bottom: 1px solid #000
}

.room_block_users {
    position: absolute;
    top: 74%;
    right: 10px;
    text-align: right;
    font-size: 2.2em;
    font-style: italic;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

.tipcon {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 32px;
    margin: 3px 0 0 4px;
    color: #dfdfdf;
    float: left;
    padding: 2%
}

.tipcon.owner::before {
    color: #f3f8ff;
    content: "\eab1"
}

.tipcon.super::before {
    color: #5ec8ea;
    content: "\e32a"
}

.tipcon.mod::before {
    color: #2cd852;
    content: "\e32a"
}

.tipcon.locked::before {
    color: #fd5959;
    content: "\e897"
}

.tipcon.faved::before {
    color: #ff0;
    content: "\e838"
}

.tipcon.guests::before {
    color: #d4fd99;
    content: "\e7fb"
}

.tipcon.new::before {
    color: orange;
    content: "\e031"
}

#proflist {
    margin: 20px auto;
    width: 900px
}

.proflistcont {
    padding: 20px
}

.profile_block {
    white-space: normal;
    display: inline-block;
    position: relative;
    width: 110px;
    max-width: 110px;
    height: 130px;
    text-align: center;
    color: #252e3f;
    border: 1px solid #23284c;
    border-radius: 3px;
    /*background-color: #b4e8ff;*/
    background-repeat: no-repeat;
    background-position: center 22px;
    cursor: pointer;
    margin: 5px;
    transition: transform .1s linear;
    overflow: hidden
}

.profile_block p {
    padding: 2px
}

.profile_block a {
    font-weight: bolder;
    display: block;
    width: 100%;
    height: 100%;
    color: #23284c;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    line-height: 1.5em
}

.profile_block:hover {
    background-color: #dcfbff;
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.profile_block_icon {
    display: block;
    width: 100px;
    height: 100px;
    margin: 5px auto 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center
}

#info_panel {
    width: 100%;
    text-align: center;
    vertical-align: top;
    border: 1px solid #38455e;
    border-width: 1px 0;
    background-color: #b4e8ff;
    height: 200px
}

#site_description {
    height: 200px;
    padding: 0 10px;
    text-align: left;
    border: 1px solid #38455e;
    border-width: 0 1px;
    overflow: hidden;
    vertical-align: top;
    font-size: .8em
}

#site_description ul {
    list-style: disc;
    padding: 5px 25px
}

#main_mascot {
    height: 400px;
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/mascot-front-first2.png');
    background-position: left top;
    background-repeat: repeat-x
}

#room {
    width: 100%
}

#room_footer, #room_header, #swf_chat_normal {
    width: 900px;
    margin: 0 auto;
    border: 1px solid #63738f
}

#room_header {
    min-height: 101px;
    max-height: 500px;
    color: #f0f0f0;
    font-size: .8em;
    line-height: .95em;
    margin: 10px auto;
    border: 1px solid;
    overflow: hidden
}

#room_header #btn_right {
    float: right;
    display: inline-block;
    overflow: hidden;
    padding: 12px 0
}

#room_header_info {
    margin: 5px 0 5px 5px;
    overflow: hidden
}

#swf_chat_normal {
    height: 650px
}

#swf_chat_normal #joinbuttons {
    text-align: center;
    background-color: purple;
    height: 0;
    max-height: 0;
    overflow: visible
}

#swf_chat_normal #joinbuttons button {
    display: block;
    margin: 10px auto;
    font-size: 1.6em;
    height: auto
}

#swf_chat_normal #joinbuttons button#normal {
    background-color: #00f
}

#swf_chat_normal #joinbuttons button#guest {
    background-color: green
}

#swf_chat_normal #joinbuttons button#admin {
    background-color: red
}

#swf_chat_progress {
    width: 235px;
    height: 300px;
    position: absolute;
    padding-top: 250px;
    z-index: 4001;
    margin-right: auto;
    margin-left: auto;
    right: 0;
    left: 0;
    pointer-events: none
}

#swf_chat_progress .progress_bar {
    margin: 0 auto;
    padding: 10px 0;
    border: 1px solid #000;
    border-radius: 3px
}

.progress_bar .progress_bar_sq, .progress_bar .progress_bar_sq_done, .progress_bar .progress_bar_sq_pend {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 5px 15px;
    border: 2px solid #000;
    border-radius: 3px
}

.progress_bar .progress_bar_sq_done {
    background-color: #aea
}

.progress_bar .progress_bar_sq_pend {
    background-color: #eea
}

.progress_bar p.progress_bar_msg {
    text-align: center
}

#swf_chat_login_mask {
    width: 900px;
    height: 650px;
    position: absolute
}

#swf_chat_help {
    margin: 20px auto;
    padding: 10px;
    width: 650px;
    display: none;
    border-radius: 3px;
    background-color: #212121
}

#swf_chat_login {
    width: 700px;
    margin: 60px auto;
    border-radius: 3px;
    background-color: #212121;
    text-align: center
}

#swf_chat_login input[type=text] {
    margin-top: 5px;
    display: block
}

#swf_chat_login ul li {
    display: inline-block;
    vertical-align: top;
    text-align: right
}

#swf_chat_login ul {
    display: inline-block;
    padding: 20px;
    border-radius: 3px;
    background-color: #292929
}

#swf_chat_login ul li:nth-child(2) {
    margin-left: 20px
}

#swf_chat_login .user_icon {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px
}

#swf_login_account {
    padding: 25px
}

#swf_login_account h1 {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 400px
}

#swf_login_account button {
    padding: 0 10px;
    margin-top: 5px;
    height: 40px
}

#swf_login_guest {
    padding: 25px
}

#swf_login_guest button {
    padding: 0 10px;
    margin-top: 5px
}

#room_footer {
    padding: 5px 0;
    font-size: .75em;
    text-align: right;
    border-top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 60px
}

#room_footer a {
    padding: 2px 10px
}

#room_footer button {
    height: 100%;
    width: 30px;
    margin: 0 2px;
    padding: 0;
    text-align: center;
    font-size: 100%
}

#room_footer button#mv_l::before {
    content: "navigate_before"
}

#room_footer button#mv_c::before {
    content: "panorama_fish_eye"
}

#room_footer button#mv_r::before {
    content: "navigate_next"
}

#room_footer button:last-child {
    margin-right: 6px
}

#room_icon_img {
    height: 100px;
    width: 100px;
    margin-right: 5px;
    float: left;
    background-size: 100px auto;
    background-repeat: no-repeat;
    background-position: center
}

.fav_room {
    cursor: pointer;
    position: absolute;
    float: right;
    display: block;
    width: 25px;
    height: 25px;
    top: 0;
    right: -1px
}

#manage {
    max-width: 900px;
    margin: 0 auto;
    text-align: center
}

#admin_row, #manage_row {
    height: auto;
    width: 100%;
    text-align: right;
    background-color: #1a1a1a;
    font-size: 1.2em
}

#admin_row .title, #manage_row .title {
    float: left;
    padding: 10px 20px;
    color: #fff;
    font-style: oblique
}

#admin_row p, #manage_row p {
    padding: 0 5px;
    margin: 0 -5px;
    vertical-align: middle
}

#admin_row a, #manage_row a {
    color: #fff
}

#manage_row ul {
    width: 100%;
    text-align: right
}

#manage_row li {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer
}

.change_box {
    text-align: center;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 1em;
    margin: 1em;
    display: inline-block
}

.change_box h1 {
    margin-bottom: 1em
}

#manage .section {
    background-color: #212121;
    border-radius: 3px;
    padding: 20px;
    margin: 25px
}

#manage .section h1:first-child {
    text-align: right;
    font-size: 1.4em;
    float: right
}

#manage .section h2 {
    font-size: 1.2em;
    text-align: left
}

#manage .section input[type=password], #manage .section input[type=text] {
    width: 30%
}

#manage p.error, #manage p.success, #manage p.warning {
    margin: 20px 0 0 0;
    padding: 10px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    color: #fff
}

#manage p.error b, #manage p.success b, #manage p.warning b {
    color: #ff0
}

#manage p.error {
    background-color: #ce2d2d
}

#manage p.success {
    background-color: #1d8f1b;
    max-width: 350px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}

#manage p.warning {
    background-color: #ff6305
}

#manage p.error:empty, #manage p.success:empty, #manage p.warning:empty {
    display: none
}

#manage p.success input[type=text] {
    margin: 10px 0;
    background-color: #1b420d
}

#manage p.success button {
    background-color: #1b420d;
    vertical-align: middle
}

#manage .chgpic, button.chgpic {
    margin-right: 0;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#manage .clrpic, button.clrpic {
    margin-left: 0;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #922f36;
    font-size: 1em
}

#manage .clrpic:before {
    content: "\00D7"
}

#manage .clrpic:hover {
    background-color: #c0464e
}

#manage_room_row {
    font-size: 1.2em
}

#manage_room_row a {
    background-color: #fff;
    display: inline-block;
    padding: 10px 20px;
    margin: 1em;
    cursor: pointer;
    color: #000;
    border-radius: 3px;
    border: 1px solid #000
}

#manage_room_row a p {
    padding: 0 5px;
    margin: 0 -5px;
    vertical-align: middle
}

#manage_room_row a.general.selected, #manage_room_row a.general:hover {
    color: #fff;
    background-color: #3c42bf
}

#manage_room_row a.mods.selected, #manage_room_row a.mods:hover {
    color: #fff;
    background-color: #b4722e
}

#manage_room_row a.bans.selected, #manage_room_row a.bans:hover {
    color: #fff;
    background-color: #ce2d2d
}

#manage_room_row a.theme.selected, #manage_room_row a.theme:hover {
    color: #fff;
    background-color: #49b74e
}

#manage_room_row a.log.selected, #manage_room_row a.log:hover {
    color: #fff;
    background-color: #9c49b7
}

#manrowcont {
    margin: 1em 0;
}

#manrowcont #manage_room_row {
    display: inline-block;
    vertical-align: top;
    margin-left: 2em
}

.toolbox {
    margin: 0 auto 0 auto;
    padding: 15px;
    background-color: #3b3048
}

.divider {
    width: 1px;
    top: 1%;
    height: 95%;
    background-color: #d1d1d1;
    position: relative
}

.loadingbox {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/spinnyload.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    display: inline-block;
    width: 40px;
    height: 35px;
    vertical-align: bottom;
    opacity: 0
}

.imgupload_cont {
    width: 200px;
    text-align: center
}

#createroom {
    background-color: #fff;
    border: 1px solid #63738f;
    border-radius: 3px;
    width: 500px;
    margin: 20px auto;
    padding: 10px
}

#createroom li {
    padding: 10px;
    display: inline-block
}

.man_btns {
    margin-left: auto;
    margin-right: auto
}

.man_btns ul {
    margin: 0;
    width: 100%;
    display: table;
    font-weight: 700;
    line-height: 40px;
    text-align: center
}

.man_btns li {
    display: table-cell;
    padding: 0 10px;
    width: auto
}

.man_btns li a {
    color: #2469ab;
    background-color: #f5f5f5;
    display: block;
    width: 100%;
    height: 100%;
    border-color: #999;
    border-style: solid;
    border-width: 1px
}

.man_btns li:hover a {
    background-color: #535f7b;
    color: #fff
}

.man_btns .li_down a {
    background-color: #535f7b;
    color: #fff
}

.btnrow {
    width: 100%;
    text-align: justify
}

.btnrow li {
    display: inline-block;
    padding: 10px
}

.btnrow li.selected {
    background-color: #535f7b
}

.btnrow li.upgrade.selected {
    background-color: #02d402;
    color: #fff
}

.btnrow li.disabled {
    pointer-events: none;
    color: #bbc
}

.btnrow li.upgrade {
    background-color: #8fd480;
    color: #fff
}

.btnrow a:hover {
    border-radius: 3px;
    background-color: Red
}

#admin_row {
    background-color: #000
}

#admin_row ul {
    text-align: right
}

#admin_row li:hover {
    background-color: red;
    cursor: pointer
}

.loading60_stopped {
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding: 10px 0
}

.loading60 {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/loading50.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding: 10px 0
}

.loading50 {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/loading50.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    pointer-events: none
}

.loadingsm {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/statusload24.gif');
    width: 24px;
    height: 24px
}

#popup_background {
    background-color: #111;
    opacity: .65;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000
}

#popup_foreground {
    margin: auto;
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    width: 350px;
    z-index: 10001;
    border-radius: 3px;
    background-color: #292929;
    box-shadow: 5px 5px 5px #444;
    overflow: hidden;
    height: calc(auto + 50px)
}

#popup_foreground h1 {
    font-size: 1.4em;
    line-height: 55px;
    padding-left: 15px;
    text-align: left;
    background-color: #212121
}

#popup_x {
    background-color: #212121;
    cursor: pointer;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 4em;
    font-family: Arial;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center
}

#popup_x:before {
    content: "\00D7"
}

#popup_x:hover {
    background-color: #faa;
    color: #422
}

#popup_foreground p {
    padding: 0 15px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 50px
}

#popup_foreground.prompt p {
    margin-bottom: 5px
}

#popup_foreground.prompt input[type=text] {
    margin: 15px;
    margin-bottom: 50px;
    width: 310px
}

#popup_buttons {
    text-align: right;
    position: absolute;
    bottom: 0;
    width: 100%
}

#popup_buttons button {
    width: 75px;
    height: 30px;
    margin: 10px;
    margin-left: 0
}

#ccbill_widgetcont {
    width: 160px;
    display: inline-block;
    padding: 15px;
    height: 30px;
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/loading50.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px
}

.popup_bg {
    background-color: #535f7b;
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.popup_fg {
    padding: 10px;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    z-index: 10001;
    border: 1px solid #000
}

.popup_close {
    background-color: red;
    color: #fff;
    cursor: pointer;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 4em;
    font-family: Arial;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center
}

.close_sm:before, .popup_close:before {
    content: "\00D7"
}

.close_sm {
    color: #f6f6f6;
    font-size: 1.2em;
    font-family: Arial;
    background-color: red;
    cursor: pointer;
    display: inline-block;
    line-height: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 3px
}

.close_sm:hover, .popup_close:hover {
    background-color: #c0464e
}

.close_p {
    background-color: #904444;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 18px;
    border-radius: 3px;
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/icon_map.png');
    background-position: -56px -27px;
    position: absolute;
    right: 0;
    top: 0
}

.close_p:hover {
    background-color: #ce2d2d;
    color: #fff;
    background-position: -74px -27px
}

#ann_bar {
    min-width: 300px;
    max-width: 400px;
    padding: 10px;
    text-align: left;
    background-color: #eee;
    border: 1px solid #000;
    color: #000;
    border-radius: 3px;
    position: absolute;
    z-index: 2000;
    right: 10px;
    top: 60px;
    opacity: 0;
    transition: opacity 1s
}

#ann_bar button {
    float: right;
    background-color: #ce2d2d;
    color: #fff
}

#ann_bar h1 {
    font-size: 1.4em
}

#ann_bar p {
    margin: 10px
}

#manage_subs {
    padding: 20px
}

#manage_subs #ms_layout li {
    display: inline-block;
    vertical-align: top
}

#ms_li_subinfo {
    width: 540px
}

#ms_li_subinfo table {
    width: 100%;
    border: 1px solid #aaa
}

#ms_li_subinfo tr {
    background-color: #fff
}

#ms_li_subinfo td {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/statuswin24.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding: 10px;
    padding-left: 40px;
    text-align: left
}

#ms_li_subinfo tr:first-child td {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/qmark24.png');
    background-position: 5px 10px;
    font-size: 1.3em
}

#ms_li_substatus {
    width: 350px;
    margin-left: 20px;
    margin-bottom: 20px;
    background-color: #e9ffcd;
    background: linear-gradient(90deg, #c9ffb3, #45e845)
}

#nosub {
    background-color: #ffdda7;
    text-align: justify;
    margin: 20px 0;
    padding: 5px 10px
}

p#dayrem {
    font-size: 1.7em;
    background-color: #c9ffb3;
    text-align: center;
    margin: 20px 0
}

p#dayrem span {
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    vertical-align: middle;
    background-color: #02d402;
    min-width: 50px;
    padding: 10px;
    margin-right: 20px;
    display: inline-block;
    border-radius: 50%
}

p#substatus_head {
    background-color: #02d402;
    color: #fff;
    width: 100%;
    font-size: 1.5em;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    border-radius: 3px;
    padding: 10px 0
}

#ms_coupon {
    padding: 10px;
    background-color: #c9ffb3;
    width: 330px
}

#ms_coupon input[type=text] {
    width: 240px;
    text-align: center;
    font-size: 1.8em;
    text-transform: uppercase
}

#ms_li_substatus.st_amber {
    background: linear-gradient(90deg, #ffdda7, #ffc977)
}

#ms_li_substatus.st_amber p#substatus_head {
    background-color: #ffb036
}

#ms_li_substatus.st_amber p#dayrem {
    background-color: #ffdda7
}

#ms_li_substatus.st_amber p#dayrem span {
    background-color: #ffb036
}

#ms_li_substatus.st_amber #ms_coupon {
    background-color: #ffdda7
}

.ms_pbtns {
    width: 100%;
    white-space: nowrap;
    margin: 20px 0;
    text-align: center
}

.ms_pbtns li {
    background-color: #fff;
    padding: 5px;
    height: 55px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #000
}

.ms_pbtns li:hover {
    background-color: #fff000
}

.ms_pbtns li.selected {
    background-color: #fff000
}

.ms_pbtns li h1 {
    font-size: 1.1em
}

.ms_pbtns li h2 {
    font-size: 1.5em
}

#ms_li_banner {
    background-color: #ff6363;
    height: 36px;
    width: 100%;
    border-radius: 3px;
    color: #fff;
    text-align: center
}

#ms_li_couponshop, #ms_li_premiumshop {
    border-radius: 3px;
    padding: 20px;
    position: relative;
    height: 210px;
    width: 415px
}

#ms_li_premiumshop button.stripe {
    float: right;
    margin-top: -35px
}

#ms_li_couponshop button.stripe {
    float: right;
    margin-top: -35px
}

#ms_li_premiumshop {
    background-color: #f9ffdb
}

#ms_ps_radiocont {
    display: block;
    width: 260px;
    margin: 10px auto
}

#ms_li_couponshop {
    background-color: #defdff
}

p#ms_cs_ptext, p#ms_ps_onetext, p#ms_ps_subtext {
    margin-top: 20px;
    font-weight: 700
}

#ms_ps_subdata {
    display: none;
    text-align: center
}

p#ms_ps_subbed {
    font-size: 1.4em;
    padding: 10px 20px;
    margin: 10px auto;
    width: 140px;
    color: #fff;
    background-color: #02d402;
    border-radius: 6px
}

#ms_coupon_table, #ms_payment_table, #ms_terms {
    padding: 20px;
    font-size: .8em
}

#ms_coupon_table table, #ms_payment_table table {
    width: 100%
}

#ms_terms h1 {
    text-align: left;
    font-size: 1.4em
}

#ms_terms h2 {
    text-align: left;
    font-size: 1.2em
}

#ms_terms ol {
    list-style-type: disc
}

#ms_terms ol li {
    margin-left: 30px
}

#manage_prm ol li {
    list-style: disc;
    margin-left: 1em
}

#prmstatus {
    margin: 20px 0 0 0;
    padding: 10px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    color: #fff
}

#prmstatus.active {
    background-color: #1d8f1b
}

#prmstatus.inactive {
    background-color: #ff6305
}

#prmstatus p b {
    color: #ff0
}

#prmstatus ul li {
    display: inline-block
}

#prmstatus ul li:first-child {
    font-size: 2em
}

#prmstatus ul li:nth-child(2) {
    font-size: 1.3em;
    padding-left: 10px
}

#manage_thm {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 6px
}

#manage_thm ul {
    width: 100%
}

#manage_thm ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px
}

#manage_thm ul li.title {
    width: 100%
}

#manage_thm ul li.thmlist #thm_select {
    width: 140px;
    height: 290px
}

#manage_thm ul li.thmsetting {
    width: 250px;
    height: 296px;
    margin: 0 10px;
    text-align: left
}

#thmsetting_cnt {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    width: 100%;
    height: 100%
}

#thmsetting_cnt {
    line-height: 1em
}

#thmsetting_cnt h3 {
    color: #000;
    font-weight: 700;
    background-color: #daf0ff;
    border-radius: 3px 3px 0 0;
    padding: 3px 10px 3px 10px
}

#thmsetting_cnt h3::before {
    content: "This is your current theme!"
}

#thmsetting_cnt.usethis h3::before {
    content: "Use this theme?"
}

#thmsetting_cnt #set_theme {
    display: none
}

#thmsetting_cnt #edit_theme_msg {
    display: none;
    text-align: center;
    padding: 50px 10px
}

#thmsetting_cnt #et_bgfile {
    display: none
}

#thmsetting_cnt button {
    width: 60px;
    height: 20px;
    font-size: .7em;
    margin-top: 5px
}

#thmsetting_cnt h5 {
    padding-top: 5px
}

#manage_thm ul li.thmconfig {
    width: 200px;
    height: 160px;
    border: 1px solid #bbdaf6;
    border-radius: 3px;
    padding: 10px 5px;
    margin: 10px 5px
}

#manage_thm ul li.thmconfig #thmshield {
    width: 860px;
    height: 150px;
    position: absolute;
    opacity: 0
}

#manage_thm ul li.thmconfig input[type=text] {
    text-align: center;
    width: 60px;
    float: right;
    transition: none
}

#manage_thm ul li.thmconfig input[type=text] + label {
    float: left;
    margin: 5px 10px
}

#manage_thm ul li.thmconfig #col_name {
    width: 100px
}

.thm_prv {
    width: 409px;
    height: 296px;
    background-color: #aed;
    font-size: .9em;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.thm_prv #thm_bg_img {
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute
}

.thm_prv .thm_camrow {
    height: 82px;
    opacity: .8
}

.thm_prv .thm_camrow .thm_camspot {
    width: 100px;
    height: 80px;
    display: inline-block
}

.thm_prv .thm_topic {
    width: 407px;
    height: 20px;
    opacity: .8
}

.thm_prv .thm_topic p {
    padding: 1px;
    text-align: left
}

.thm_prv .thm_txt {
    margin-top: 1px;
    width: 301px;
    height: 148px;
    padding-left: 5px;
    opacity: .8;
    text-align: left
}

.thm_prv .thm_txt span.thm_ts {
    font-size: .6em
}

.thm_prv .thm_txt span.thm_name {
    font-weight: 700
}

.thm_prv .thm_txt span.thm_sys {
    font-weight: 700
}

.thm_prv .thm_cntrow {
    width: 300px;
    height: 20px;
    padding-top: 1px;
    position: relative;
    text-align: left
}

.thm_prv .thm_cntrow .thm_btn {
    width: 20px;
    height: 17px;
    display: inline-block
}

.thm_prv .thm_msg {
    width: 263px;
    height: 18px;
    opacity: .8;
    text-align: left
}

.thm_prv .thm_send_btn {
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 254px;
    left: 266px
}

.thm_prv .thm_send_btn p {
    padding-top: 10px;
    cursor: default
}

.thm_prv .thm_ulist {
    width: 99px;
    height: 143px;
    position: absolute;
    left: 309px;
    top: 104px
}

.thm_prv .thm_ulist p {
    text-align: center
}

.thm_prv .thm_ulist .thm_ulist_cnt {
    width: 100%;
    height: 175px
}

.thm_prv .thm_ulist .thm_ulist_cnt p {
    text-align: left;
    color: red;
    padding: 2px 5px;
    background-color: #aed;
    cursor: default
}

.thm_prv .thm_pmbox {
    width: 140px;
    height: 100px;
    position: absolute;
    left: 150px;
    top: 60px;
    text-align: left
}

.thm_prv .thm_pmbox .thm_pmbox_title {
    height: 20px;
    width: 100%
}

.thm_prv .thm_pmbox .thm_pmbox_title p {
    padding: 0 5px;
    cursor: default
}

.thm_prv .thm_pmbox .thm_pmbox_txt {
    width: 85%;
    height: 40px;
    padding: 0 5px;
    margin: 5px
}

.thm_prv .thm_pmbox .thm_pmbox_msg {
    width: 85%;
    height: 20px;
    padding: 0 5px;
    margin: 5px
}

#room_log_table {
    width: 900px;
    table-layout: fixed
}

#room_log_table td, #room_log_table th {
    word-wrap: break-word;
    text-align: left;
    padding-left: 10px
}

#room_log_table tr.kick {
    background-color: #47381d
}

#room_log_table tr.remsg {
    background-color: #58631c
}

#room_log_table tr.ban {
    background-color: #3e1818
}

#room_log_table tr.mod {
    background-color: #1b3c1b
}

#room_log_table tr.topic {
    background-color: #36163b
}

#room_log_table tr.setting {
    background-color: #441629
}

#room_log_table tr:hover {
    background-color: #112
}

#room_log_table .id_td {
    text-align: center
}

#room_log_table span.topic {
    font-style: italic
}

#room_log_table span.topic ins {
    background-color: #8bf86f
}

#room_log_table span.topic del {
    background-color: #ff6363;
    text-decoration: line-through
}

.room_mod_table {
    width: 900px;
    table-layout: fixed
}

.room_mod_table td, .room_mod_table th {
    word-wrap: break-word;
    text-align: left;
    padding-left: 10px
}

.room_mod_table td.date {
    width: auto
}

.room_mod_table td.name {
    width: auto
}

.room_mod_table td.buttons {
    width: auto;
    text-align: right
}

.td_ban_editor, .td_ban_editor_loading {
    height: 34px;
    margin: 0;
    padding: 5px 5px;
    overflow: hidden;
    text-align: right
}

.td_ban_editor_loading {
    background-image: url('https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/images/static/icons/loading_horiz.gif');
    background-position: right 20px center;
    background-repeat: no-repeat
}

.td_ban_editor input[type=text] {
    width: 60px;
    text-align: center;
    margin: 0 2px
}

.td_ban_editor input[type=text].ban_reason {
    text-align: left;
    width: 200px
}

.td_ban_editor input[type=checkbox] + label span {
    margin-top: 3px;
    margin-right: 5px;
    vertical-align: top
}

#kyt {
    min-width: 400px;
    min-height: 400px;
    background-color: #000
}

#kyt body {
    background-color: #121212;
    overflow-x: hidden;
    overflow-y: hidden
}

#kyt_cont {
    background-color: #000
}

#yt_logo {
    width: 100px
}

#kyt_topbar {
    width: 100%
}

#kyt_topbar #manage_row {
    background-color: #1a1a1a
}

#kyt_topbar #manage_row button {
    margin: 5px
}

#kyt_topbar ul {
    white-space: nowrap
}

#kyt_topbar #now_playing {
    white-space: nowrap;
    overflow: hidden;
    max-width: 50%
}

#kyt body #privacy_notice {
    background-color: #fff;
    width: 75%;
    padding: 10px;
    border-radius: 3px;
    margin: 20px auto;
    text-align: center;
    display: none
}

#kyt body #privacy_notice p {
    text-align: left;
    margin-bottom: 10px
}

#kyt_player {
    width: 100%;
    height: calc(100% - 40px);
    z-index: -999 !important
}

#kyt_searchtool li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px
}

#kyt_searchtool #searchcont {
    padding-right: 45px
}

#kyt_searchtool #searchbox {
    width: 250px
}

#kyt_searchtool #addurlcont {
    margin-right: 45px
}

#kyt_searchtool p#query_err {
    color: red;
    padding: 3px
}

#kyt_searchtool p#query_err:empty {
    display: none
}

#kyt_queue_popup {
    padding: 10px;
    margin: auto;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 80%;
    height: 75%;
    z-index: 10001;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 3px
}

#kyt_queue {
    width: auto;
    overflow-y: auto
}

#kyt_queue h1 {
    padding: 10px
}

#kyt_queue table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

#kyt_sresults_cont {
    display: none;
    width: 100%
}

#kyt_sresult_head {
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    font-size: 2em
}

#kyt_sresults {
    overflow-y: auto
}

#kyt_sresults ul {
    text-align: center
}

#kyt_sresults #nav {
    text-align: right;
    margin: 10px
}

#kyt_sresults #nav p {
    margin-top: 5px;
    font-style: oblique
}

.kyt_vid {
    text-align: justify;
    width: 490px;
    min-height: 120px;
    margin: 5px;
    padding: 1px;
    display: inline-block
}

.kyt_vid:hover {
    background-color: #daf0ff
}

.kyt_vid button {
    height: 30px;
    width: 200px;
    border-radius: 0;
    margin: 0;
    padding: 0
}

.kyt_vid ul {
    display: table
}

.kyt_vid li {
    display: table-cell;
    vertical-align: top
}

.kyt_vid .ytthumb {
    width: 200px;
    height: 113px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #000;
    text-align: right;
    position: relative
}

.kyt_vid .ytthumb > .time {
    background-color: #000;
    color: #fff;
    opacity: .9;
    padding: 2px;
    margin: 3px;
    bottom: 0;
    right: 0;
    font-size: .8em;
    position: absolute
}

.kyt_vid h6 {
    padding: 0 10px 2px;
    text-align: left
}

.kyt_vid p {
    padding: 2px 10px;
    font-size: .8em;
    text-align: left
}

.kyt_vid p.error {
    color: red;
    text-align: center
}

.kyt_vid a {
    cursor: pointer
}

.kyt_loading {
    position: absolute;
    pointer-events: none;
    color: #000;
    font-size: 20px;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    left: 50%;
    top: 30%;
    border-radius: 50%;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

#cht_colpick {
    width: 400px;
    height: 200px;
    background-color: #eda;
    position: absolute;
    left: 500px;
    top: 400px;
    padding: 10px
}

#cht_colpick #cp_sample {
    width: 300px;
    margin-bottom: 10px
}

#cht_colpick ul li {
    display: inline-block;
    background-color: #aea
}

#cht_colpick #cp_namecol, #cht_colpick #cp_textcol {
    text-align: center;
    width: 60px;
    transition: none
}

/*@font-face {*/
/*    font-family: "Material Icons";*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: url(https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/fonts/gmaterial5.woff2) format('woff2'), url(https://web.archive.org/web/20230528105051im_/https://www.shutdown.chat/fonts/gmaterial5.woff) format('woff')*/
/*}*/

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

#cbnewchat {
    background-color: #ff0
}



/*naimbh.com*/
input.visible_checkbox {
    opacity: 1 !important;
    position: initial !important;
    accent-color: #daf0ff;
    transform: scale(1.4);
    margin-right: 10px;
}