/* general colors */
a {color:#f8b900;}
body {color:#fff; background:#FF0066 url('images/Corporateeee.png');}
button { background:transparent; color:#fff; }

#external_wrap {background:url('images/Corporate_hover.png'); background-repeat:no-repeat; background-size:100% auto; background-position:center center;}

/* background color for box element */
.background_chat, .background_login { background:#FF0066; box-shadow:0 0 5px #011626;}
.background_box { background:rgb(234,234,234); color:#111; border:none;}
.background_menu_footer { background:url('images/bg.png'); border-top:0px solid #03477a; }
.panels { background:#034476; box-shadow:0 0 5px #011626; background-image: url(images/bg.png); }
#chat_error { background:#111; }
#inner_header, #header_login  { background: url('logo/Corporate_logo.png'); background-repeat:no-repeat; background-size: 160px; background-position:center center; }
#menu_private { background:#000;}

/*  Chat logs */

.log1.system .my_text::before,
.log2.system .my_text::before,
.ch_logs.system .my_text::before {
    left: -15px;
    right: auto;
    border-left: 7px solid transparent;
    border-right: 7px solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.system .my_text {
    color: #46be8a !important;
}
.my_text::before {
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    height: 0;
    position: absolute;
    top: 10px;
    width: 0;
}
.log1.system .my_text,
.log2.system .my_text,
.ch_logs.system .my_text {
    background-color: #ffffff;
    color: #a0a0a0;
    float: left;
    margin: 2px 0 2px 10px;
    box-shadow: 0 1px 2px -1px, 0 0 36px -18px #bababa inset;
}
.log1.public .my_text::before,
.log2.public .my_text::before,
.ch_logs .my_text::before {
    left: -15px;
    right: auto;
    border-left: 7px solid transparent;
    border-right: 7px solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.log1.public .my_text,
.log2.public .my_text,
.ch_logs .my_text {
    background-color: #ffffff;
    color: #7a7a7a;
    float: left;
    margin: 2px 0 2px 10px;
    box-shadow: 0 1px 2px -1px, 0 0 36px -18px #bababa inset;
}
.log1 .my_text::before,
.log2 .my_text::before,
.ch_logs .my_text::before {
    left: -15px;
    right: auto;
    border-left: 7px solid transparent;
    border-right: 7px solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.log1 .my_text,
.log2 .my_text,
.ch_logs .my_text {
    background-color: #ffffff;
    color: #7a7a7a;
    float: left;
    margin: 2px 0 2px 10px;
    box-shadow: 0 1px 2px -1px, 0 0 38px -18px #bababa inset;
}
.my_text {
    border-radius: 4px;
    display: block;
    padding: 13px 16px 9px 16px;
    position: relative;
    max-width: calc(100% - 90px);
}
.private .my_text {
    color: #F2A654;
    float: left;
    margin: 2px 0 2px 10px;
    box-shadow: 0 1px 2px -1px, 0 0 36px -18px #bababa inset;
}
.private .my_text::before {
    left: -15px;
    right: auto;
    border-left: 7px solid transparent;
    border-right: 7px solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.global .my_text {
    color: #F96868;
    float: left;
    margin: 2px 0 2px 10px;
    box-shadow: 0 1px 2px -1px, 0 0 36px -18px #bababa inset;
}
.global .my_text::before {
    left: -15px;
    right: auto;
    border-left: 7px solid transparent;
    border-right: 7px solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.me .my_text,
.seen .my_text {
    color: #62A8EA;
    float: left;
    margin: 2px 0 2px 10px;
    box-shadow: 0 1px 2px -1px, 0 0 36px -18px #bababa inset;
}
.me .my_text::before,
.seen .my_text::before {
    left: -15px;
    right: auto;
    border-left: 7px solid transparent;
    border-right: 7px solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

/* separator colors */
.user_separator { border-bottom:1px solid #e6005b; }
.user_option_separator { border-bottom:1px solid #e6005b; }
.top_separator { border-top:0px solid #e6005b; }
.right_separator { border-right:1px solid #e6005b; }
.bottom_separator { border-bottom:1px solid #e6005b; }

/* user list drop down colors */
.user_option_list { background:#01243f; color:#fff; }

/* button and element colors */
.sub_button { background:#029120; color:#fff;}
#submit_button { background: #029120; color:#fff;} /* this is main button send */
.sub_element { background:#02771b; color:#fff;}
.empty_element { background:#01b928; color:#fff; }
.selected_element { background:#f8b900; color:#fff; }
.hover_element:hover { background:#02d22d; color:#fff;}

/* ads background */
#show_chat_ads { background:#FF0066 !important;}

/* special colors and sub colors */
.error { color:white;}
.success { color:green;}
.away { color:#DE5233; }
.my_notice { background:#ffff99; padding:3px;}
.sub_color2 { color:#f8b900;}
.sub_color { color:#f8b900; }
.room_userin { color:#fff; }
.hide_private_title { color:#ccc; }
.wrap_command:hover { background:#02d22d !important; }
.tooltip:hover:before, .tooltip2:hover:before, .tooltip3:hover:before { border-color: #02d22d transparent;}
.tooltip:hover:after, .tooltip2:hover:after, .tooltip3:hover:after { background: none repeat scroll 0 0 #02d22d; color: #fff;}

/* private chat color message */

.target_private {color:#fff; background:#029120;}
.hunter_private {color:#fff; background:#FF9900;}

/* inside chat color */
.datechat {color:#666;}
.me {color:#003366; background:#E8F2FC;}
.global { color:#5f1d1d; background:#ffecec;}
.private { color:#294229; background:#daf0da;}
.private_reply { background:#8ea68e; color:#fff;}
.seen { color:#3f2d4f; background:#eeeaf2;}

.delete_log {color:#c7c7c7;}

.logs_date {color:#c7c7c7;}

/* user color and special user color */
.system { color:#666 !important;}
.admin{ color:#03a1c8;}
.sadmin { color:#027c9b; }
.modo  {color:#b840fd !important;}
.vip {color:#c89c03;}
.user {color:#014510;}
.guest {color:#62725c;}

/* color picker and tools bar */

.bar_options{ border-left:1px solid #035ea4; border-right:1px solid #011626;} /* change the bar element separator */
#picker_box, #list_emoticon { background:#111; box-shadow:0 0 5px #000;} /* change the background color of box */
.sel_item { background:#ff9900;} /* change background of element when selected on bar */
.pick_color, #smile_content, .wrap_picker { border-left:1px solid #111; border-bottom:1px solid #222; border-top:1px solid #111; border-right:1px solid #222; } /* change border of element and subelement */
#smile_content { background:#fff;} /* change background of emoticon content */

/* user list hover name */

.usertarget:hover { color:#fff !important; opacity:1; }
.open_user { background:#02d22d; }
.user_option_list .hover_element:hover { background:#011d33; }