/**========================================================================
* ?                                ABOUT
* @author         :  8lackMask
* @product        :  Windows Whistler (theme)
* @version        :  1.1 (Ubuntu Update)
*========================================================================**/

/* custom font */
@import url('./font/Ubuntu.css');

/* general colors */
a { color:#003399; }
body{
    font-family:'Ubuntu',sans-serif;
    background:#d6e7f7 url('./images/office.webp') repeat;
    color:#000;
}
button {
    background:transparent;
    color:#000;
}
input,
textarea,
.post_input_container{
    font-family:'Ubuntu',sans-serif,'FontAwesome';
    background:#f5f8fd;
    color:#000;
    border:1px solid #7f9db9 !important;
}
.setdef { color:#000; }

/* item with background no effect */
.bback { background:rgba(255,255,255,0.6); }

/* item with background no effect with border */
.bbackb {
    background:rgba(255,255,255,0.7);
    border:1px solid #7f9db9;
}

/* item with no background and hover effect */
.bhover:hover,
.bhoverr:hover {
    background:rgba(123,164,224,0.25);
}

/* item with background and hover effect */
.bbackhover { background:rgba(255,255,255,0.7); }
.bbackhover:hover { background:rgba(123,164,224,0.25); }

/* item width background and hover effect with a border */
.bbackhoverb { background:rgba(255,255,255,0.6); }
.bbackhoverb:hover {
    background:rgba(123,164,224,0.20);
    border:1px solid #7f9db9;
}

/* item with no background with line separator and hover effect */
.blisting { border-bottom:1px solid #b7c7dd; }
.blisting:hover { background:rgba(123,164,224,0.20); }

/* item with no background with line separator */
.blist { border-bottom:1px solid #b7c7dd; }

/* private panel top */
.back_ptop {
    background:#3a6ea5;
    color:#fff;
}

/* page menu & page sub menu */
.bpmenu:hover { background:rgba(255,255,255,0.35); }
.bsub { background:rgba(255,255,255,0.6); }
.bsub:hover { background:rgba(123,164,224,0.25); }

/* sub menus for card, logs, wall, news */
.bmenu,
.submenu {
    border-bottom:1px solid #b7c7dd;
}
.bmenu:hover,
.submenu:hover {
    background:rgba(123,164,224,0.20);
}

/* box shadow */
.bshadow,
.page_element,
.float_menu,
.btnshadow,
.pboxed {
    box-shadow:0 1px 3px rgba(0,0,0,0.25);
}

/* main item selected for panel and box */
.bselected { background:rgba(123,164,224,0.30); }

/* reg menu selected item */
.rselected { background:rgba(123,164,224,0.30); }

/* page selected */
.pselected { color:#003399; }

/* current item selected */
.cselected,
.liked { background:rgba(123,164,224,0.20); }

/* paginate item selected */
.pag_btn{
    background:rgba(255,255,255,.7);
    color:#003399;
}
.pagselected,
.pag_btn:hover{
    background:rgba(123,164,224,.35);
}

/* count and gold tag */
.gtag{
    background:#3a6ea5;
    border:1px solid rgba(0,0,0,.15);
    color:#fff;
}

/* border color for separator and items border */
.bborder { border-bottom:1px solid #b7c7dd; }
.tborder { border-top:1px solid #b7c7dd; }
.lborder,
.ppanel { border-left:1px solid #b7c7dd; }
.rborder { border-right:1px solid #b7c7dd; }
.fborder { border:1px solid #b7c7dd; }

/* float top color */
.float_top,
.float_ctop {
    border-bottom:1px solid #7f9db9;
}

/* headers colors and top box colors */
.bhead{
    background:#3a6ea5 url('./images/background_chat.webp') repeat-x;
    color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,0.5);
}
.bsidebar{
    background:#d6e7f7;
    color:#000;
}
.modal_top,
.pro_top{
    background:#3a6ea5;
    color:#fff;
}
.bfoot{
    background:#3a6ea5;
    color:#fff;
}
.foot{
    background:#d6e7f7;
    color:#000;
}

/* background major element panel, page menu, float menu, modal, chat boxes */
.backglob{ background:#d6e7f7; }
.back_chat{
    background:#d6e7f7 url('./images/background_chat.webp') repeat;
}
.back_priv,
.back_panel,
.back_modal,
.page_element{
    background:#f0f5ff;
}
.back_menu{ background:#d6e7f7; }
.back_pmenu{
    background:#3a6ea5;
    color:#fff;
}
.back_box{ background:#f0f5ff; }
.back_input{ background:#f5f8fd; }
.back_quote{ background:#e3edf9; }

/* main theme color */
.theme_color{ color:#003399; }
.default_color { color:#333; }
.error  { color:#cc0000; }
.success { color:#008000; }
.warn { color:#e39e20; }

/* button colors (using Whistler bitmaps) */
.theme_btn,
.back_theme{
    background:#3a6ea5 url('./images/ButtonBackground.png') repeat-x;
    color:#fff;
    border:1px solid #3a6ea5;
}
.theme_btn:hover,
.back_theme:hover{
    background-image:url('./images/ButtonBackgroundHover.png');
}
.theme_btn:active,
.back_theme:active{
    background-image:url('./images/ButtonBackgroundActive.png');
}
.theme_btn:disabled,
.back_theme:disabled{
    background-image:url('./images/ButtonBackgroundDisabled.png');
    color:#777;
}

.default_btn,
.defaultd_btn,
.back_default {
    background:#d4d0c8 url('./images/ButtonBackground.png') repeat-x;
    color:#000;
    border:1px solid #7f9db9;
}
.ok_btn {
    background:#3a6ea5 url('./images/ButtonBackground.png');
    color:#fff;
}
.warn_btn {
    background:#e39e20 url('./images/ButtonBackground.png');
    color:#fff;
}
.delete_btn {
    background:#cc0000 url('./images/ButtonBackground.png');
    color:#fff;
}
.send_btn { color:#003399; }

/* default username color */
.user { color:#000; }

/* chat system messsage text color */
.chat_system { color:#555; }

/* opacity for offline users in list */
.offline { opacity:0.5; }

/* menu icon */
.menui,
.subi { color:#003399; }

/* wall reply background */
.reply_item { background:#e3edf9; }

/* main post item option wall and news */
.main_post_item { color:#555; }

/* input option background colors */
.input_item { color:#555; }

/* private log bubble colors */
.target_private,
.hunt_quote {
    color:#000;
    background:#e3edf9;
}
.hunter_private,
.targ_quote {
    color:#000;
    background:#c7d8f5;
}

/* quote in chat background */
.cquote {
    background:rgba(255,255,255,0.8);
    color:#000;
}

/* tab menu */
.tab_menu {
    background:#d6e7f7;
    box-shadow:0 1px 3px rgba(0,0,0,0.25);
}
.tab_selected { background:rgba(123,164,224,0.30); }

/* modal menu */
.modal_mback { background:rgba(255,255,255,0.7); }
.modal_mborder { border-bottom:1px solid #b7c7dd; }
.modal_selected { background:rgba(123,164,224,0.30); }

/* back transparency background for modal box */
.modal_back { background-color:rgba(0,0,0,0.35); }

/* chat logs */
.mbubble { background:rgba(255,255,255,0.8); }
.topic_log{
    background:rgba(123,164,224,0.25);
    color:#000;
}

/* upload progress */
.bprogress {
    background:#3a6ea5;
    color:#fff;
}

/* notification colors */
.bnotify {
    background:#c83d3d;
    color:#fff;
}
.foot_notify,
.head_notify {
    border:1px solid #fff;
}

/* date colors */
.sub_date { color:#555; }
.sub_chat,
.sub_priv { color:#555; }

/* secondary text color */
.sub_text,
.list_mood{
    color:#555;
}
.list_mood{ font-weight:300; }

/* profile likes */
.plikes {
    background-color:rgba(123,164,224,0.35);
    color:#000;
}

/* spinner color */
.bspin { color:rgba(0,0,0,0.3); }

/* special chat item */
.my_notice {
    color:#000;
    background:#c7d8f5;
}
.system_text {
    background:#f5f5f5;
    color:#333;
}

/* outside pages background */
.back_page {
    background:#d6e7f7;
    color:#000;
}

/* video background color */
.post_video { background:#000; }

/* slider */
.boom_slider .ui-widget-content { background:#e3edf9; }
.boom_slider .ui-state-default { background:#3a6ea5 !important; }
.boom_slider .ui-state-active { background:#3a6ea5 !important; }
.boom_slider .ui-slider-range { background:#3a6ea5; }

/* select input color */
.selectboxit-list,
.selectboxit-btn {
    background-color:#f5f8fd;
    color:#000;
    border:1px solid #7f9db9 !important;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
    background-color:#e3edf9;
    color:#000;
}
.selectboxit-default-arrow { border-top:4px solid #3a6ea5; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    background:#e3edf9;
    color:#000;
}
.selectboxit-options { background:#f5f8fd; }
.selectboxit-list .selectboxit-option-anchor { color:#000; }

/* classic checkbox / radio using Whistler bitmaps */
.checkbox_whistler{
    width:16px;
    height:16px;
    background:url('./images/CheckBoxEmpty.png') no-repeat;
}
.checkbox_whistler.checked{
    background-image:url('./images/CheckBoxChecked.png');
}
.radio_whistler{
    width:16px;
    height:16px;
    background:url('./images/RadioButtonEmpty.png') no-repeat;
}
.radio_whistler.checked{
    background-image:url('./images/RadioButtonChecked.png');
}