@import url('https://fonts.googleapis.com/css?family=Lato:300,400,500,700,900');

body {
margin:0;
color: #006600;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
width:100%;
height: auto;
}

#body {
background: #C8ECB0 url('/icons/head.png') top repeat-x;
min-width: 1000px;
}

#header {
    position:absolute; 
    top:0; 
    left:0; 
    width:98%;    
    margin:0;
    padding: 2px 10px 0;
    min-width: 980px;
    z-index: 39;
}

#header table.header {
    margin: 0 6px;
}

#login_form {
    position: absolute;
    left: 0;
    margin-left: 8px;
    z-index: 99;
}
#login_form div {
    background: #C8ECB0 url('/icons/head.png') 0 -22px repeat-x;
    padding:6px 0 2px 0;
}
#login_form div div {
    background: transparent;
}
#login_form table td, #login_form table td a {
white-space: nowrap;
}
#login_form a {
color: #FF0000;
}
#login_form label {
color: #000000;
}
#login_form .nick, #login_form .password {
width:145px; 
height:15px;
border: 1px solid #999999;
color: #003300;
}

#bobhead { 
    float: right; 
    padding: 0 10px; 
    margin-right: 165px; 
    overflow: hidden;
}
#bobhead .outer { position:absolute; width:0; height:0; }
#bobhead .inner { position:relative; top:-143px; }
#bobhead img { margin: 0; z-index:150; }

#head_welcome {
    position:absolute;
    right: 190px;
    top: 20px;
    z-index: -1;
    height: 100px;
    overflow: hidden;
}

#head_welcome strong {
    display: block;
    float:right;
    line-height:120%;
    text-align:left;
    padding:6px 0 6px 10px;
    color: #000000;
    margin:0;
    font-weight: normal;
}

#head_welcome a {
    color: #000000;
}

#block_hello {
    padding-top:20px;
    float:left;
    text-align:left;
}

#main {
    position:absolute;
    top: 133px;   
    left: 0;
    width: 100%;
    min-width: 1000px;
    padding-bottom: 30px;
}

#main .inner {
    margin: 0 10px;
}

#main > .inner > .bgwtl > .bgwbl > .bgwbr > .bgwtr {
    min-height: 400px;
}

#main .table {
    width: 100%;
}

#bob_text {
    width:700px; 
    margin:80px auto 0;
}

#main #bob_text {
    margin:20px auto 40px;
}

#langs {
    float:left;
    width: 0;
    height: 0;
    -position: absolute;
    -left: 20px;
}
#langs .flags {
    position: relative;
    z-index:1;
    width: 200px;
    top: -7px;
    text-align: left;
}
#langs .flags div {
    position: absolute;
    z-index:50;
}

#flags {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
}

#flags .head {
    width: 200px;
}
#flags .flags {
    padding-left: 20px;
    width: 180px;
    text-align:left;
}


h1 {
font-size: 13px;
color: #006600;
margin: 2px 0 2px 0;
}

h2 {
font-size: 12px;
font-weight: bold;
color: #000000;
margin: 2px 0 2px 0;
text-decoration: underline;
}

h3{
margin-right: 20px;
color: #006600;
}

#popup h1 {
margin: 12px 0 12px 0;
}

#popup a {
color: #FF0000;
}

#bc h1 {
font-size: 13px;
font-weight: bold;
text-decoration: underline;
color: #006600;
margin-bottom: 12px;
}

h1.title {
font-size: 12px;
color: #006600;
margin-bottom: 12px;
text-decoration: underline;
}

div.title {
height: 28px;
}

a {
font-size: 12px;
color: #0000FF;
}
#menu {
padding-top: 5px;
}
a:hover {
text-decoration: none;
}

a.blue {
color: #0000FF;
}

a.up {
color : #800000;
}

a.ab {
font-weight: bold;
color: #FF0000;
}

a.ar {
color: #FF0000;
}

a.bl {
color: #000000;
text-decoration: none;
line-height: 200%;
}

a.gr {
color: #006600;
text-decoration: none;
line-height: 200%;
}

a.rl {
color: #000000;
line-height: 200%;
}

a.ext_link {
color: #FF0000;
font-size: 11px;
}

img.gi{
border:none;
vertical-align:middle;
}

.message_row a, .message_row td {
color: #006600;
}

.message_row_new a, .message_row_new td {
font-weight: bold;
color: #006600;
}

a.friend {
color: #000000;
}

span.text {
    color:#000000;
}

a.tbl {
color: #006600;
}

a.folder {
color: #0000FF;
}
a.folder1 {
color: #0000FF;
background-color: #99CC99;
}
.folder {
color: #0000FF;
font-size:12px;
}
.folder1 {
color: #0000FF;
background-color: #99CC99;
font-size:12px;
}

td, p, font, span {
}

td, p, span {
/* color : #006600; */
line-height: 150%;
}

p, span {
text-align: left;
}

p.sing {
margin:0 4px 8px 0;
}

p {
margin:4px 4px 8px 4px;
}

.mt {
color : #ff0000;
font-weight: bold;
}

.mtt {
color : #006600;
font-weight: normal;
}

.ml {
color : #000080;
font-weight: bold;
line-height : 18px;
}

.edit {
font-size: 12px;
color : #111111;
}

.norm {
line-height : 18px;
}

.dbl {
color : #000099;
font-weight:bold;
font-size: 10px;
}

.white {
color : #ffffff;
}

.whiteb {
color : #ffffff;
font-weight: bold;
}

.yellow {
color : #ffff00;
}

.yellowA {
color : #ffff00;
}


.red {
color : #800000;
font-weight : bold;
}

.red8 {
color : #800000;
}

.redF {
color : #ff0000;
}

.redFn {
color : #ff0000;
}

.green {
color : #006600;
font-weight: bold;
}

.green2 {
font-size: 11px;
line-height: 150%;
color: #006600;
}

.hl {
font-weight: bold;
font-size: 16px;
}

.greenn {
color : #006600;
}

.greeny {
color : #006600;
}

.black {
color : #000000;
}

.bl, table.bl td {
color : #000000;
}

.menu {
font-size : 12px;
}

.titleG {
color : #006600;
font-weight: bold;
text-decoration : underline;
}

.error {
color : #ffffff;
font-weight: bold;
background-color: #FF0000;
}
.err {
background-color:#FFFFAD;
color: #FF0000;
padding: 0 6px;
margin: 4px 0;
}
.errd {
margin:4px auto;
width:70%;
padding:4px;
background-color:#FFFFDD;
border:1px solid #EEEEAA;
}

.rtext {
color : #ff0000;
}

.text {
color : #006600;
}

.green6 {
color : #006600;
}

.yg {
background-color : #FFFFAA;
color : #006600;
}

.gg {
background-color : #DDFFDD;
color : #006600;
}

input.login
{
border: 1px solid #999999;
color: #003300;
}

input.login2
{
    border: 1px solid #999999;
    background-color: #DDFFDD;
    color: #006600;
    font-weight:bold;
}

input.gbtn, a.gbtn
{
    border: 1px solid rgb(204, 0, 0);
    background-color: #FFFFFF;
    color: #CC0000;
    font-weight:bold;
    cursor: pointer;
    padding: 1px 6px;
    font-size: 13px;
    margin-top: 3px;
    text-decoration: none;
}
a.gbtn {
    padding: 2px 8.5px;
}

input.cb
{
    vertical-align:middle;
    margin:2px;
    border:none !important;
}

textarea.login
{
    border: 1px solid #999999;
    background-color: #DDFFDD;
    color: #006600;
    padding:0;
}

select.search1
{
    border: 1px solid #999999;
    background-color: #DDFFDD;
    color: #006600;
    padding:0;
}

input.del_friend
{
    border: 1px solid #999999;
    background-color: #DDFFDD;
    color: #006600;
    font-weight:bold;
    padding:0;
    width:225px;
}

input.del_black_user
{
    border: 1px solid #999999;
    background-color: #DDFFDD;
    color: #006600;
    font-weight:bold;
    padding:0;
    width:225px;
}
.advertisement1
{
    text-decoration: none;
    color: #000080;
    text-align : left;
}
.advertisement2
{
    text-decoration: none;
    color: #FF6802;
    text-align : left;
}

table.tForm td {
text-align:left;
padding: 4px;
line-height: 150%;
}

table.tForm span {
color:#FF0000;
}

img.lf {
vertical-align:middle;
border: 0;
margin-right: 5px;
}

div.vs span{
white-space:nowrap;
line-height:170%;
color: red;
font-weight: bold;
}

div.vs {
margin:6px 5px 0 10px;
float:right;
text-align:center;
}

div.ns {
margin:6px;
float:right;
color: #000000;
font-size: 12px;
line-height: 150%;
text-align:right;
}

.img_avatar_0
{
    border: 3px solid #CEEFB5;
}

.img_avatar_1
{
    border: 3px solid #CC0000;
}

.img_avatar_2
{
    border: 3px solid #0000AA;
}

.border_yellow{
    border: 1px solid #ffcc00;
    padding:5px;
}
.border_green{
    border: 1px solid #99cc33;
    padding:5px;
}

span.pgc {
    font-weight:bold;
    color: #D60008;
}
img.pg {
    vertical-align:middle;
    display:inline;
    border:none;
}

div.gc {
    position:relative;
    text-align:left;
}

div.gc div {
    position:absolute;
    left:0;
    top:30px;
    padding-left:6px;
}

div.pc {
    float:left;
    text-align:center;
    margin: 5px;
}

div.pc img {
    border:none;
    vertical-align:middle;
}

div.pi {
    line-height:100%;
    color: #000000;
    font-size: 10px;
}

div.pi small {
    color: #FF0000;
    font-size: 10px;
}

.gt {
    height:70px;
    width:70px;
}

/*----------------------------------------------------------------------------*/

.ddmenu td {
background: #FFFFFF;
}
.ddmenu .l2_top, .ddmenu .l2_bottom {
height: 5px;
}

.ddmenu .l2_red .l2_top td {
border-top: solid 1px #FF0000;
}
.ddmenu .l2_red .l2_left {
border-left: solid 1px #FF0000;
}
.ddmenu .l2_red .l2_right {
border-right: solid 1px #FF0000;
}
.ddmenu .l2_red .l2_bottom td {
border-bottom: solid 1px #FF0000;
}

.ddmenu .l2_red .l2_top .l2_left {
background: url('/icons/menu_tl.gif') top left no-repeat;
border: none;
width: 5px;
}
.ddmenu .l2_red .l2_top .l2_right {
background: url('/icons/menu_tr.gif') top right no-repeat;
border: none;
width: 5px;
}
.ddmenu .l2_red .l2_bottom .l2_left {
background: url('/icons/menu_bl.gif') bottom left no-repeat;
border: none;
width: 5px;
}
.ddmenu .l2_red .l2_bottom .l2_right {
background: url('/icons/menu_br.gif') bottom right no-repeat;
border: none;
width: 5px;
}
.ddmenu {
position:absolute;
z-index: 100;
text-align:left;
}
.ddmenu a {
display:block;
padding:0.2em 0.5em;
white-space:nowrap;
font-size: 12px;
}
.ddmenu a:hover {
background:#CC0000 none repeat scroll 0 0;
color:#FFFFFF !important;
}
.hidn {
display:none;
}
.right {
float: right;
}
.left {
float: left;
}
.trans {
background-color: transparent;
}

/*----------------------------------------------------------------------------*/
.sheet td {
background: #FFFFFF;
}
.sheet .l2_top, .sheet .l2_bottom {
height: 5px;
}

div.artop{
float:left;
padding:3px;
width:166px;
border-left:solid 1px #DDDDDD;
text-align:left;
}

div.artop_s{
width:694px; 
margin:0 auto;
padding: 10px 0 0;
clear:both;
text-align: left;
}

div.artop a, div.artop_s a{
font-size: 11px;
line-height: 150%;
color: #0000FF;
display: block;
margin:0;
padding:0;
}

div.artop a {
    width:166px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.artop_s a {
    display: inline;
    padding-left: 6px;
}

div.artop_s b {
font-size: 11px;
color: #000000;
}

.arphp_cont {
padding-top: 10px;
margin: 0 auto;
width: 700px;
clear:both;
}

.arphp {
font-size: 10px;
color: #000000;
}

a.arphp {
color: #0000FF;
}

div.site_links{
text-align: center;
width:684px; 
margin: 10px auto;
clear:both;
}

div.site_links a {
color: #000000;
}

table.main, #menu table {
    border-collapse: collapse;
}

.bggtl { background: #C8ECB0 url('/icons/top_left_corner2.gif') top left no-repeat; }
.bggbl { background: url('/icons/bot_left_corner2.gif') bottom left no-repeat; }
.bggbr { background: url('/icons/bot_right_corner2.gif') bottom right no-repeat; }
.bggtr { background: url('/icons/top_right_corner2.gif') top right no-repeat; padding:10px; height: 1%; }

.bgctl { background: #CFF7F8 url('/icons/cian_tl.gif') top left no-repeat; }
.bgcbl { background: url('/icons/cian_bl.gif') bottom left no-repeat; }
.bgcbr { background: url('/icons/cian_br.gif') bottom right no-repeat; }
.bgctr { background: url('/icons/cian_tr.gif') top right no-repeat; padding:10px; height: 1%; }

.bgwtl { background: #FFFFFF url('/icons/top_left_corner.gif') top left no-repeat; }
.bgwbl { background: url('/icons/bot_left_corner.gif') bottom left no-repeat; }
.bgwbr { background: url('/icons/bot_right_corner.gif') bottom right no-repeat; }
.bgwtr { background: url('/icons/top_right_corner.gif') top right no-repeat; padding:10px; height: 1%; }

.bgwctl { background: #FFFFFF url('/icons/white_cian_tl.gif') top left no-repeat; margin:5px; }
.bgwcbl { background: url('/icons/white_cian_bl.gif') bottom left no-repeat; }
.bgwcbr { background: url('/icons/white_cian_br.gif') bottom right no-repeat; }
.bgwctr { background: url('/icons/white_cian_tr.gif') top right no-repeat; }

td.period-tab {
  padding-left:   10pt;
  padding-top:    3pt;
  padding-right:  10pt;
  padding-bottom: 3pt;
  white-space:    pre;
}

/* Guest book messages */

/*.profile_tab_title {
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    max-width: 40em;
    width: 5em;
    white-space: nowrap;
}*/

.profile_tab_title {
    float: left;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    margin-right: 0.45em;
    border: 1px #BBDDBB;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    white-space: nowrap;
}

.profile_tab_title_link {
    margin-left: 1.3em;
}

.profile_tab_content {
    border: #BBDDBB solid 1px; 
    padding: 6px;
}
.gb_msg_container{
    width:454px; 
    overflow: hidden; 
    float:left; 
    margin-top:6px;
}
.gb_msg_container div.pc {
    width: 140px;
    margin: 0 0px 0 8px;
    float: left;
}
.gb_msg {
    width:auto;
    margin-left: 160px;
}

#guest_book_full .gb_msg {
    margin-right: 220px;
}   
.gb_msg_vsize {
    height:130px; 
    overflow: hidden;
}
.gb_msg_min_vsize {
    min-height:130px; 
}
.gb_msg .msg {
    color: #000000;
}
div.ellipsis_text {
    display:inline;
}

#guest_book_full .gb_msg_container{
    width:100%; 
    margin-top:6px;
    
}
#guest_book_full .gb_msg_min_vsize {
    min-height:130px; 
}

td.guest-book-message {
  color:black;
  padding-left:10px;
  padding-right:5px;
  padding-top:5px;
  min-height:120px;
}
td.guest-book-message p, td.guest-book-message span {
  color: black;
  word-wrap: break-word;
  width:544px;
}

.guest-book-message p, .guest-book-message span, .gb_msg .msg .p, .gb_msg .msg .span, .gb_msg .msg{
  line-height: 130%;
}

.gb_after_msg {
display: block;
text-align:right; 
padding-bottom:2px; 
border-bottom:#BBDDBB solid 1px;
}
.gb_after_msg small {
color:#000000;
}
.afterMessageBlock a {
font-size: 12px;
color:#0000FF;
}

.no_records {
padding: 20px 0; 
text-align:center;
}

/* Forum posts at user profile */
.forum_message {
    float:left;
    text-align:left;
    width:40%;
    max-width:48%;
    padding:7px 1% 7px 1%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.forum_message .time { font-size:10px; }
/* /Forum posts at user profile */

.profile_wall_materials { }
.profile_wall_materials .material { float: left; margin-right: 15px }
.profile_wall_materials .thumbnail { width: 133px; height: 100px; text-align: center }

div.profileBlock {
    padding:0;
    width:156px;
    height:144px;
}
div#friend_list {
    display: inline;
}
#friend_list div.profileBlock {
    float:left;
    margin:10px;
}
div.profileBlock div {
    margin: 4px auto;
}
div.profileBlock img {
    border:none;
    vertical-align:middle;
}

div.profileBlock .highlight {
    font-weight: bold;
}

.fb_cont {
position:absolute; 
top:0;
left: 0;
height:0;
z-index:0; 
}

.fb_cont .fb_inner {
position:relative; 
left:20px; 
top:52px;
}

.fb_cont p.fb_buttons {
float:left;
line-height: 20px;
}

.fb_cont .google_outer {
vertical-align:top;
display: inline-block;
position: relative;
top: 4px;
}

.fb_cont iframe {
border: none;
overflow:hidden; 
width:140px; 
height:40px; 
margin:0; 
padding: 0;
vertical-align:top;
}

.fb_cont p {
padding:0 0 0 0; 
line-height:100%; 
font-size:11px; 
color:#333333; 
}


.fb_cont_wide {
position:static;
clear: left;
}

.fb_cont_wide div {
position:static;
padding:6px 0 12px;
}

.fb_cont_wide div iframe {
border:none;
overflow:hidden; 
width:200px; 
height:24px; 
float:left;
margin:0; padding: 0;
}

.p1_cont_wide div p, .fb_cont_wide div p {
margin:0; 
padding:3px 0; 
line-height:21px; 
font-size:11px; 
color:#333333; 
display:inline;
float:left;
text-align:left;
}


#inv_cont {
position:absolute; 
top:0;
right:0;
height:0; 
z-index:10; 
}

#inv_cont div {
position:relative; 
z-index:0; 
width:200px; 
top:50px; 
margin-right:20px; 
left:0; 
text-align:right;
}

#inv_cont div a {
color:#333333; 
font-size:11px;
}

span.link {
    cursor: pointer;
    color: #0000FF;
    text-decoration: underline;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none; 
}
span.link:hover { text-decoration: none; }
    
span.link_colored {
    cursor: pointer;
    color: #FF0000;
    text-decoration: underline;
    -moz-user-select: none;
	-khtml-user-select: none;
    user-select: none; 
}
span.link_colored:hover { text-decoration: none; }

#mybobtv_room_list {
    margin-top: 36px;
}

#mybobtv_room_list .green {
    position:relative;
    z-index:10;
}

/* Import contacts form */

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

#contacts .list {
    overflow:auto; 
    width:100%; 
    height:20em;
}

#contacts div.bl {
    text-align: left;
    padding-left: 15px;
}

#contacts-table td {
    border-bottom:1px solid #CCCCCC;
    color: #000000;
}

#contacts-table td.last {
    border:none;
}

#import_window {
    float: none;
    display:block; 
    width:585px; 
    margin:0 auto;
}

#import_window .ic_text {
    width:234px;
}

#import_window textarea.ic_text {
    width:240px;
}

/* end Import contacts form */


td.bw {
    background-color: #FFFFFF;
}

td.common-corner {
    background-color: transparent;
    width:8px;
    height:8px;
    font-size: 1pt;
}

img.corner {
	margin: 0px;
	border: 0px;
}

#lockLayer {
    display:none; position:absolute; left:0; top:0; z-index:300; width:100%; height:1800px; background-image:url(/icons/pb/fog.gif);
}
#lockLayer .loading { width:380px; z-index:100; margin: 400px auto;  }
#lockLayer span { color:#019A01; font-weight:bold 12px; }

.clear {
    clear: both;
}

#reason_list {
    color: #000000;
}

/* User profile */
#profile h3{
    display:inline;
    color: #006600;
}
#profile td{
    color: #006600;
}
.gp{
    color: red;
    font-size: 13px;
    padding-right: 3px;
}
.photoBlock{
    display: block;
    width:100%;
}
.photoBlock div{
    height: 150px;
    display: inline;
}
.photoBlock img{
    vertical-align:middle;
    margin: 8px 4px;
    border:none;
}
.gblock{
    display: block;
    width:100%;
}
.gblock div.gcont{
    height: 124px;
    width: 136px;
    float: left;
    text-align:center;
    padding: 8px 4px;
}
.gblock td{
    line-height: 120%;
}
.gblock img{
    vertical-align:middle;
    margin: 0;
    border:none;
}
.gblock a{
    font-size:13px;
    color:black;
    text-decoration:none;
}
a.gift_name {
    padding:1px 3px; 
    display:block; 
    line-height:100%; 
    white-space:nowrap; 
    width:140px; 
    overflow:hidden; 
    font-size:11px;
    text-overflow: ellipsis;
}
#profile img{
    vertical-align:middle;
    border:none;
}
#profile .sm {
    width: 132px;
    overflow: hidden;
}
.gblock p{
    color:black;
    padding:12px 6px;
}
.sm {
    font-size:11px;
}
a.arb{
    color:#FF0000;
    font-weight:bold;
}
.profile_description {
    margin-top: 20px;
    width:100%;
    min-height:130px; 
    overflow: visible;
    color: #006600;
    text-align:left;
}
.profile_menu_ctnr {
    float:right; 
    padding-right:0;
    min-width:350px;
    clear:none;
}
.profile_menu_ctnr_no_photo {
    float:right; 
    padding-right:0;
    width:0; 
    clear:none;
}
.profile_menu {
    width:200px; 
    float:right;
    text-align: left;
    line-height: 150%;
    height: 187px;
}
.profile_menu div.inner {
    border-left: 1px solid #BBDDBB; 
    padding-left:4px; 
    padding-bottom: 6px;
}

.profile_note {
    display: block;
    margin: 0 auto;
    width: 480px;
    font-size: 11px;
    color: #080;
}
#profile_certified_photos {
    float:right;
}
#profile_certified_photos .profile_certified_photo {
    width: 140px;
    margin:0 5px; 
    text-align: center;
    float:left;
}
.profile_certified_photo span {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
}
.profile_status_online {
    color:#FF0000;
    display:block;
    clear: left;
}
.profile_status_offline {
    color:#999999;
    display:block;
    clear: left;
}
.profile_friend_note {
    margin-top: 12px;
}
.profile_blog_address {
    margin-top: 12px;
}
.profile_about {
    margin-top: 12px;
}
.profile_location {
    margin-top: 12px;
}
#profile_counter {
    color: #006600;
    margin-top: 20px;
}
.profile_denounciation {
    margin-top: 12px;
}
.guest_book_ctnr {
    margin-right:200px;
}

/* Payment advertisement */
.payment_link {
    font-size:18px; 
    color:#0000FF;
}
.payment_note {
    font-size:13px; 
    color:#000000; 
    text-decoration:none;
}
.payment_feature_list {
    margin:0; 
    color:#CC0000; 
    font-weight:bold;
    font-size: 11px; 
    text-decoration:none; 
    line-height:14px;
}

.hrow {
    background-color: #FFFFFF;
}
.hrow:hover {
    background-color: #C8ECB0;
}

.sf_right_outer {
    width:0; 
    float:right; 
    margin-right: 180px;
}

.sf_right_inner {
    position:absolute;
}

a img{
	border:none;
}

/* Profile films amateurs */
.profile_films_amateurs {
    width: 100%;
}

/* Bobstore Wishlist */
#wishlist_content {
    display: table-cell;
}

.wishlist_container .node{
    text-align:center;
}

.wishlist_container .gb_msg_container{
    width:200px;
    height:160px;
}

#profile .wishlist_container h2{
    font-weight: normal;
}

.gb_msg_container h2 a {
    width:200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.listes-d-envies .wishlist_container #wishlist_content {
    height: 170px;
    overflow: hidden;
}

table.grayscale {
    filter: grayscale(100%);
}

/* Chat login page */
#chat-login {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    padding: 30px;

    text-align: left;

    width: 300px;
    margin: 15px auto;
}

@media (max-width: 767px) {
    #chat-login {
        margin: auto;
        height: 100vh;
    }

}
@media (max-height: 400px) {
    #chat-login {
        height: 100%;
    }

}


#chat-login .chat-login-header {
    font: 1.375rem "Lato", sans-serif;
    color: #ffffff;
    text-decoration: none;

    display: flex;
    justify-content: space-between;

    margin-bottom: 30px;
}

#chat-login .chat-login-header h1 {
    font: inherit;
    color: inherit;
    display: inline-block;
    margin: 0;
}

#chat-login a.header-button {
    position: relative;
    top: -4px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 3px;
    border: 1px solid #f37021;
    background-color: rgba(255, 128, 65, 0);
    text-align: center;
    color: #f37021;
    text-decoration: none;
    display: inline-block;
    width: auto;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
}

#chat-login input[type=text], #chat-login input[type=password], #chat-login input[type=submit] {
    display: block;

    padding: 0 16px 0;
    width: 300px;
    height: 44px;
    border-radius: 2px;
    background-color: #ffffff;
    box-sizing: border-box;
    font: 1rem "Lato", sans-serif;
    color: #373737;
    border: none;

    margin-bottom: 27px;
}

#chat-login input[type=password] {
    margin-bottom: 15px;
}

#chat-login input[type=submit] {
    display: block;
    width: 300px;
    height: 44px;
    border-radius: 3px;
    border: none;
    background-color: #f37021;
    text-align: center;
    font: 1rem "Lato", sans-serif;
    line-height: 44px;
    color: #ffffff;
    margin-bottom: 0;
    -webkit-appearance: none;
}

#chat-login .link-button {
    display: block;
    width: 300px;
    height: auto;
    padding: 15px 0;
    border-radius: 3px;
    border: 1px solid #f37021;
    background-color: transparent;
    text-align: center;
    font: 1rem "Lato", sans-serif;
    line-height: 125%;
    color: #f37021;
    text-decoration: none;
}

#chat-login form a, #chat-login span.white {
    font: 1rem "Lato", sans-serif;
    color: #ffffff !important;
}

#chat-login form a {
    text-decoration: none;
    margin-bottom: 19px;
    display: inline-block;
    text-align: right;
}

#chat-login form a:hover {
    color: #f37021 !important;
}

#chat-login form .error {
    background: none;
    color: #f37021;
    font-size: 0.9rem;
    font-weight: normal;
    margin-bottom: 15px;
}

#chat-login form .error a {
    color: white;
    font-size: inherit;
    text-decoration: underline;
    display: inline;
}

#chat-login span.white {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    color: #dddddd;
}


/* end Chat login page */