/**========================================================================
* ?                                WHATSAPP LITE THEME
*========================================================================**/

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

/* general colors */
a { color:#128C7E; }
body, #intro_top {
    font-family:'Roboto', sans-serif;
    background: url('./images/whatsapp-bg.png') repeat;
    background-color: #ECE5DD;
    color: #111;
}
button {
    background:#25D366;
    color:#fff;
    border:none;
}
input, textarea, .post_input_container {
    font-family:'Roboto', sans-serif, 'FontAwesome';
    background:#fff;
    border:1px solid #ccc !important;
    color:#000;
}
.setdef { color:#111; }

/* cookie box */
.cookie_wrap { background:#25D366; color:#fff; }

/* neutral transparent backgrounds */
.bback,
.bbackb,
.bhover:hover,
.bbackhover,
.bbackhover:hover,
.bbackhoverb,
.bbackhoverb:hover,
.blisting,
.blisting:hover,
.blist {
    background:rgba(0,0,0,0.03);
    border:1px solid rgba(0,0,0,0.05);
}

/* headers, footer and top modal colors */
.bhead, .modal_top, .pro_top, .bfoot, .foot {
    background:#075E54;
    color:#fff;
}

/* private panel top */
.back_ptop { background:#128C7E; color:#fff; }

/* menus and submenus */
.bmenu, .submenu,
.bmenu:hover, .submenu:hover,
.bpmenu:hover, .bsub, .bsub:hover {
    background:rgba(0,0,0,0.03);
}

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

/* selection states */
.bselected,
.rselected,
.pselected,
.cselected, .liked,
.pag_btn,
.pagselected, .pag_btn:hover {
    background:rgba(0,0,0,0.05);
    color:#128C7E;
}

/* tags and borders */
.gtag, .fborder {
    background:#DCF8C6;
    border:1px solid #cceac2;
}
.bborder, .tborder, .lborder, .rborder {
    border-color:rgba(0,0,0,0.05);
}

/* major backgrounds */
.backglob {
    background:#fff;
}
.back_chat::before {
    content:'';
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    background:url('./images/whatsapp-bg.png');
    background-repeat:repeat;
    background-position:center;
    background-size:cover;
    opacity:.1;
}
.back_chat, .back_priv, .back_panel, .back_menu, .back_pmenu,
.back_box, .back_input, .back_modal, .page_element,
.back_quote, .cquote {
    background:#fff;
    border-color:#e0e0e0;
}

/* theme colors */
.theme_color, .menui, .subi { color:#128C7E; }
.default_color { color:#34B7F1; }
.error  { color:red; }
.success { color:#2E7D32; }
.warn { color:orange; }

/* buttons */
.theme_btn, .back_theme {
    background:#128C7E;
    color:#fff;
}
.default_btn, .back_default {
    background:#25D366;
    color:#fff;
}
.defaultd_btn {
    background:#DCF8C6;
    color:#000;
}
.ok_btn {
    background:#2E7D32;
    color:#fff;
}
.warn_btn {
    background:#FFA000;
    color:#fff;
}
.delete_btn {
    background:#D32F2F;
    color:#fff;
}
.send_btn {
    color:#fff;
    background:#128C7E;
}

/* chat and system */
.chat_system { color:#34B7F1; }
.user { color:#111; }
.offline { opacity:0.6; }
.reply_item, .main_post_item, .input_item {
    background:#fff;
    color:#555;
}
.target_private, .hunt_quote {
    background:#D7F1ED;
    color:#111;
}
.hunter_private, .targ_quote {
    background:#AEE1DC;
    color:#111;
}
.cqname { color:#128C7E; }
.cqmess { color:#555; }

/* tab & modal */
.tab_menu {
    background:#F0F0F0;
    box-shadow:0 1px 2px rgba(0,0,0,.1);
}
.tab_selected, .modal_selected {
    background:rgba(0,0,0,0.05);
}
.modal_back {
    background-color:rgba(0,0,0,0.4);
}
.modal_mback, .modal_in {
    background:#fff;
    border-color:#ccc;
}
.modal_mborder {
    border-bottom: 1px solid #ccc;
}

/* log types */
.log2 { background:rgba(0,0,0,0.03); }
.topic_log { background:#DCF8C6; color:#111; }

/* misc */
.bprogress { background:#2E7D32; color:#fff; }
.bnotify { background:#D32F2F; color:#fff; }
.sub_chat, .sub_priv, .sub_date,
.sub_text, .list_mood {
    color:#607D8B;
}

/* profile likes */
.plikes {
    background-color:rgba(0,0,0,0.05);
    color:#111;
}

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

/* special chat item */
.my_notice { color:#fff; background:#128C7E; }
.system_text { background:rgba(0,0,0,0.05); color:#555; }

/* outside page */
.back_page {
    background:#ECE5DD;
    color:#111;
}

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

/* slider */
.boom_slider .ui-widget-content { background: #25D366; }
.boom_slider .ui-state-default,
.boom_slider .ui-state-active,
.boom_slider .ui-slider-range {
    background: #128C7E !important;
}

/* select input */
.selectboxit-list, .selectboxit-btn {
    background-color: #fff;
    border:1px solid #ccc;
    color:#111;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
    background-color: rgba(0,0,0,0.05);
    color:#000;
}
.selectboxit-default-arrow {
    border-top: 4px solid #128C7E;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    background:#f5f5f5;
    color:#000;
}
.selectboxit-options {
    background:#fff;
    color:#111;
}
.selectboxit-list .selectboxit-option-anchor {
    color:#128C7E;
}