/*
* @package Theme Tcjo For Codychat
* @author Ahmad Aljaidi "Tech Creativity For IT & Marketing "
* @copyright 2021
* @terms any use of this script without a legal license is prohibited
* all the content of "Tcjo" is the propriety of "Tech Creativity" and Cannot be 
* used for another project.
* Phone Num +962786000188
*/
::-webkit-scrollbar {
    background: -webkit-linear-gradient(left, #FFFFFF 0%,#EEEEEE 100%);
    width: 12px;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 100px rgb(141, 167, 195);
    -webkit-border-radius: 20px;
    background-color: #74a1d2;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/* general colors */
a {color:orange;}
body {background: #bed0e5;color:#444;}
button { background:transparent; color:#fff; }
input, textarea {
    background: #ffffff;
    border: 1px solid #bfc9d2!important;
    color: #000000;
    font-weight: 700;
}
.post_input_container {
    background: #f2f2f2;
    border: 1px solid #e6e6e6 !important;
    color: #666;
}

/* login box */
.not_member { background:#d1dee8; color:#666; }

/* cookie box */
.cookie_wrap {background:#ddd;color:#666;direction: rtl;}

/* back mains colors */
.back_theme {border: 1px solid #ff7102;
    color: #fff;
    background: linear-gradient(#ffb200,#ff7102);}
.back_dark {
    background: -webkit-radial-gradient(center,ellipse cover,#fff 10%,#88C3FF 50%);
    text-shadow: 1px 1px 1px #d6c4c4;
    font-family: 'flat-jooza';
    color: #ff7200;
    font-weight: bold;
    }
.back_med { background:#d1dee8; color:#666; }
.back_lite { background:#f3f3f3; color:#666; }
.back_xlite { background:#fff; color:#666; }

/* button colors */
.theme_btn {background: linear-gradient(#ffb200,#ff7102);color:#fff;font-family: 'flat-jooza';font-weight: normal;}
.default_btn {
    background: linear-gradient(#ffb200,#ff7102);
    color: #fff;
    font-family: 'flat-jooza';
}
.dark_selected {
    background: linear-gradient(to bottom,#75a0de 0%,#6a97d8 50%,#4073bd 52%,#285494 100%);
    color: #fff;
}
.ok_btn {background: linear-gradient(#ffb200,#ff7102);
    color: #fff;
    font-family: 'flat-jooza';
    border-radius: 4px;}
.warn_btn { background:orange; color:#fff; }
.delete_btn {background: linear-gradient(#ffb200,#ff7102);color: #fff;font-family: 'flat-jooza';}
.sub_btn { background:#888; color:#fff; }

/* input option background colors */
.input_wrap { background: linear-gradient(to bottom,#dae5eb 0%,#fdfefe 100%);
    border-top: 1px solid #bfc9d2;
    border-bottom: 1px solid #bfc9d2;
}
.input_item { color:#4789d1; }

/* box colors */
.background_box {
    background: #f8fbfb;
    color: #666;
}


/* background header */
.background_header
{
    background: linear-gradient(to bottom,#ffffff 0%,#6892ce 50%,#5987c9 52%,#5987c9 100%);
    color: #fff;
    border: 1px solid #fff;
    font-family: 'flat-jooza';
}

/* background chat head */
.chat_head
{
    background: linear-gradient(#fff,#d8e2eb);
    color: #4789d1;
    font-family: 'flat-jooza';
    border-bottom: 1px solid #a2b4c7;
}

/* background footer */
.chat_footer {
    background: linear-gradient(#fff,#d8e2eb);
    color: #4789d1;
    font-family: 'flat-jooza';
    border-top: 1px solid #a2b4c7;
}
/* background panel top */
.panel_top
{ background:#012832; color:#fff; }

/* background emo head */
.emo_head
{
    background: linear-gradient(to bottom,#ffffff 0%,#6892ce 50%,#5987c9 52%,#5987c9 100%);
    color: #fff;
    font-family: 'flat-jooza';
    border: 1px solid #fff;
}

/* background modal top */
.modal_top
{
    background: linear-gradient(to bottom,#ffffff 0%,#6892ce 50%,#5987c9 52%,#5987c9 100%);
    color: #fff;
    font-family: 'flat-jooza';
    border: 1px solid #fff;
}

/* modal */
.modal_menu { background:#e3eaf1; color:#555; }
.tab_menu { background:#e3eaf1; color:#555; }
.modal_selected {background: linear-gradient(#ffb200,#ff7102);
    color: #fff;
}
.tab_selected {    background: linear-gradient(#ffb200,#ff7102);
    color: #fff;
}
.modal_back { background-color:rgba(0,0,0,0.6); }

/*panel selected */
.panel_selected {background: linear-gradient(to bottom,#75a0de 0%,#6a97d8 50%,#4073bd 52%,#285494 100%);color: #fff;font-family: 'flat-jooza';border-top: 1px solid #ffffff;}

/* reg menu */
.reg_menu { color:#444; }
.reg_selected {
    background: linear-gradient(#ffb200,#ff7102);
    color: #fff;
}

/* menu icon */
.sub_menu_icon{ color:#3b71ad; }
.menui{ color:#3b71ad; }
.menuo{ color:#3b71ad; }
.menup{ color:#3b71ad; }
/* outside menu */
.sub_menu_item { border-bottom:1px solid #d1dee8; background:#fff; color:#000;}
.fmenu_item { border-bottom:1px solid #d1dee8; background:#fff; color:#000;
    text-align: center;
;  font-weight: bold; }
.avitem {border-bottom:1px solid #d1dee8;background:#fff;color:#000;text-align: left;}
.sub_menu_item:hover { background:#d1dee8; color:#000 !important; }
.sub_menu_item:hover > .sub_menu_icon { background:#d1dee8; color:#000 !important; }
.fmenu_item:hover { background:#d1dee8; color:#000 !important; }
.avitem:hover { background:#d1dee8; color:#000 !important; }

/* inside menu */
.elem_in, .aclist, .left_drop_item, .page_drop_item  { background:#f3f3f3; border-bottom:1px solid #ddd; }
.elem_in:hover, .aclist:hover, .left_drop_item:hover, .page_drop_item:hover { background:#e6e6e6; color:#000; }

/* page menu */
.page_menu_wrapper { background:#fff; }
.page_menu_item { border-bottom:1px solid #d1dee8; }
.page_menu_item:hover { background:#d1dee8; color:#666; }
.page_selected { color:#3b71ad !important; }

/* text error colors */
.error { color:red; }
.success { color:#74b20e; }
.warn { color:orange; }

/* logs color private and main chat */
.log2 {background: #fffee2;}
.target_private {color: #3366ff;background: #fffee2;border: 1px solid #bed0e5;}
.hunter_private {
    color: #CC0066;
    background: #fffee2;
    border: 1px solid #bed0e5;
}

/* text color  & date */
.sub_text {color: #015bb6;} 
.date {color: #015bb6;}
.listing_text {color: #000;}
.docu_description {color: #015bb6;}
.sub_dark { color:#aaa; }
.input_text { color:#346aa0; }
.logs_date { color:#346aa0; }
.pdate { color:#346aa0; }
.ptdate { color:#346aa0; }
.cclear { color:#346aa0; } 
.cdate { color:#346aa0; }
.theme_color {color: #ff7e02;text-shadow: 1px 1px 0px #fff;}
.liked  { background:#d1dee8; color:#666; }
.default_color {
    color: #ff7502;
    text-align: left;
    font-weight: bold;
}
.user_count  {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #ff7102;
    border-bottom: 1px solid #d1dee8;
    height: 30px;
    margin-top: 7px;
    margin-bottom: 5px;
    text-decoration: none;
    margin: 0 auto;
    direction: rtl;
}
.my_notice {border: 1px solid #ff7102;
    color: #fff;
    background: linear-gradient(#ffb200,#ff7102);
    height: 25px;
    padding: 5px 5px;
    display: inline-block;
    line-height: 1em;
    margin-top: 1px;
    font-weight: normal;
    font-weight: bold;
    font-size: 16px;
    font-family: 'alhurra', 'FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;}
.shadow_text { text-shadow:1px 1px #000; }
.system_text { background:#d1dee8; color:#666; }
.bustate {
    color:#000; 
    line-height:1.1em
}

/* notification colors */
.bnotify { background:red; color:#fff; }

/* elements */ 
.tcjo-description {height: 30px;
    max-height: 30px;
    overflow: hidden;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: left;
}
.element_color { background:#fff; color:#444; }

#private_box { background:#fff; color:#444; margin-bottom:5px;}
#side_menu { background:#fff; color:#444; }
.background_chat { background:#fff; }
.chat_panel { background:#fff; }
.element_tcjo-color {

    background: linear-gradient(to bottom,#dee6ed 19%,#c8d5e0 22%,#ffffff 100%);

    color: #202020;

    font-family: 'flat-jooza';

    border: 1px solid #fff;

}

.player_options {background: #fff;color: #4789d1;border: 1px solid #a2b4c7;}

.page_element { background:#fff; color:#444; }

.private_box { background:#fff; color:#444; }

.chat_side_panel { background:#fff; color:#444; }

.side_menu { background:#fff; color:#444; }

.modal_in {background:#fff;color: #000;}

.background_chat { background:#fff; }

.chat_panel { background:#fff; }

/* shadow */
.add_shadow, .page_element, #private_box, .page_menu_wrapper, .chat_side_panel, #side_menu, .sub_menu, .fmenu { box-shadow:0 0 1px 1px #ddd; }

/* no view elements */
.noview {
    background: #bdd6e7;
    font-weight: bold;
    color: #ea720c;
}

/* background colors */
.top_background {
    background: linear-gradient(to bottom,#ffffff 0%,#6892ce 50%,#5987c9 52%,#5987c9 100%);
    color: #fff;
    font-family: 'flat-jooza';
    border: 1px solid #fff;
}

/* borders css */
.border_right, #chat_left { border-right:1px solid #d1dee8; }
.border_left, #chat_right {border-left: 1px solid #a2b4c7;}
.border_bottom {border-bottom:1px solid #d1dee8;}
.label_line {border-bottom:1px solid #d1dee8;text-align: center;} 
.panel_bar {border-bottom:1px solid #d1dee8;text-align: center;} 
.side_bar {border-bottom:1px solid #d1dee8;text-align: center;}  
.listing_element {border-bottom:1px solid #d1dee8;}
.listing_half_element {border-bottom:1px solid #d1dee8;}
.post_element{border-bottom:1px solid #d1dee8;}
.list_element{ border-bottom:1px solid #d1dee8; } 
.listing_reg{ border-bottom:1px solid #d1dee8; }
.left_list{ border-bottom:1px solid #d1dee8; } 
.user_item{ border-bottom:1px solid #d1dee8; }
.user_item_custom{ border-bottom:1px solid #d1dee8; }
.box_title { border-bottom:1px solid #d1dee8; }
.border_top{ border-top:1px solid #d1dee8; }
.full_border { border:1px solid #d1dee8; }
.panel_bar {
    background: linear-gradient(to bottom,#ffffff 0%,#6892ce 50%,#5987c9 52%,#5987c9 100%);
    color: #fff;
    font-family: 'flat-jooza';
    border: 1px solid #ffffff;
    border-top: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
/* list element */
.sub_list_item, .sub_item, .sub_half_item, .reply_item, .ulist_item, .sub_list { background:#f3f3f3; color:#666; }
.sub_list_item:hover, .sub_item:hover, .sub_half_item:hover, .ulist_item:hover { background:#d1dee8; }

/* slider */
.boom_slider .ui-widget-content { background: #d1dee8; }
.boom_slider .ui-state-default { background: #999 !important; }
.boom_slider .ui-state-active { background: #999 !important; }
.boom_slider .ui-slider-range { background:#ccc; }

/* select box color */
.selectboxit-list, .selectboxit-btn { background-color: #f2f2f2; color:#666;  border:1px solid #e6e6e6 !important; } /* background of select box */
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #d1dee8; color:#666; } /* color of sub menu hover */
.selectboxit-default-arrow { border-top: 4px solid #666; }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background:#f2f2f2; color:#666; } /* background selected hover */
.selectboxit-options { background:#fff; border:1px solid #ccc; } /* background color of the options */
.selectboxit-list .selectboxit-option-anchor { color:#666; } /* color of sub menu item */

/* user color and special user color */
.offline { opacity:0.5; }
.user {/* color: #111; */}

.chat_system {color: rgb(52,106,160);font-family: 'alhurra', 'FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;font-size: 13px;font-weight: bold;}

/* list icon colors */
.boy { border-color:#03add8; }
.girl { border-color:#ff99ff;}
.nosex { border-color:#ccc; }

/* file music and upload */
.file_color, .file_color a { background:#03add8; color:#fff; }
.audio_color {background: linear-gradient(#ffb200,#ff7102);color: #fff;font-family: 'flat-jooza';}
.song_title {background: linear-gradient(#ffb200,#ff7102);color: #fff;font-family: 'flat-jooza';}
.audio_progress { background:#fff; }
.audio_ball { background:#03add8; }

/* warning box */
.boom_warning { color:#8a6d3b; background:#fcf8e3; border:1px solid #faebcc; }
.boom_error { background:#f2dede; color:#a94442;; border:1px solid #ebccd1; }
.boom_success { color:#3c763d; background:#dff0d8; border:1px solid #d6e9c6; }
.boom_neutral { color:#31708f; background:#d9edf7; border:1px solid #bce8f1; }

/* admin box */
.sp_box { background:#ededed; color:#000; }
.sp_icon { background: linear-gradient(#ffb200,#ff7102); color:#fff; }

/* special log */
.topic_log {
    background: #fffee2;
    border: 1px solid #cccccc;
    color: #2566e6;
    margin-top: 3px;
    border-radius: 3px;
    font-family: 'alhurra', 'FontAwesome', sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
    font-size: 16px;
}
.seen { background:#ffe6f2; color:#330019; }

/* custom */
.login_sub_text{text-shadow: 1px 1px 1px #fff;
    font-family: 'flat-jooza';
    color: #ff7200;
    font-size: 15px; }
.login_title_text{ text-shadow: 1px 1px 1px #fff;
    font-family: 'flat-jooza';
    color: #ff7200;
    font-size: 20px; } 
.login_register_text  { text-shadow:1px 1px 1px #666; 
    
}