/*!
*******************************************************************************************************
* ATTENTION: THIS IS NOT FREE EDITION. FOR COMMERCIAL PURPOSES, PLEASE PURCHASE A COMMERCIAL LICENSE! *
*******************************************************************************************************
* File: Centcount Analytics CA Manager CSS Code                                                       *
* Version: 3.0                                                                                        *
* Author: WM Jonssen                                                                                  *
* Date: 10/11/2023                                                                                    *
* Copyright 2015-2023 WM Jonssen <wm.jonssen@gmail.com> - All rights reserved.                        *
* License: Dual licensed under the Free License and Commercial License.                               *
* Website: https://www.centcount.com                                                                  *
*******************************************************************************************************
*/
 
@charset "utf-8";

html, body{font-size:13px; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Microsoft Yahei,Arial,Verdana; color:#555; padding:0px; margin:0px; border:0px; background-color:#eee;}
img{border:0px;}
a{color:#39F; text-decoration:none;}
a:hover{text-decoration:underline;}
tr, tbody, table, form, input, button, select, textarea{outline-style:none; outline-width:0px; border-spacing:0px; font-size:13px; font-family:Consolas,Monaco,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Microsoft Yahei,Arial,Verdana;}
input:-webkit-autofill, input:-internal-autofill-previewed, input:-internal-autofill-selected{transition:background-color 9999s ease-in-out 0s !important;}
.taba:hover{color:#000;}

#tipper{width:calc(100% - 50px); height:auto; min-height:30px; line-height:24px; margin:0px; padding:5px; padding-left:8px; padding-right:40px; color:#fff; font-size:16px; font-weight:400; display:none; flex-direction:row; align-items:center; text-align:left; position:fixed; bottom:0px; border:green 1px solid; z-index:999999999; background:url(../images/errorclose.png) calc(100% - 8px) center no-repeat; background-size:25px; background-color:rgb(65, 193, 116);}
#tipper a{color:red; font-weight:bold;}
#tipper b{color:#fff; font-weight:bold;}
.errmsg{display:none; margin:auto; text-align:center; width:auto; height:auto; line-height:18px; margin:0px; margin-bottom:0px; padding:15px; background-color:rgb(242,222,222); color:rgb(181,68,123); font-size:13px; border-radius:5px; border:rgb(235,204,209) 1px solid;}

#header{font-size:14px; font-family:Microsoft Yahei,Arial,Verdana; width:100%; height:auto; min-width:360px; float:left;}

.body_left_side{width:100%; max-width:210px; height:100%; min-height:100%; line-height:22px; background-color:#fff; border-right:#ccc 1px solid; transition:all 0.2s ease-in; position:fixed; transform:translateZ(0); -webkit-transform:translateZ(0); top:0px; left:0px; margin:auto; text-align:left; overflow:visible; float:left; z-index:99999999;}
.body_right_side{width:calc(100% - 211px); height:auto; line-height:22px; text-align:left; transition:all 0.2s ease-in; float:right;}

.div_guide_frame{width:100%; height:60px; min-width:300px; float:none; padding:0px; background-color:#fff; border-bottom:#ccc 1px solid; font-size:14px; text-align:center; position:fixed; transform:translateZ(0); -webkit-transform:translateZ(0); top:0; left:0; z-index:99999990;}
.div_side_menu_bar{width:100%; height:100%; line-height:22px; background-color:#fff; overflow:hidden;}
.div_side_menu{width:300px; max-width:300px; height:100%; float:left; padding:10px; padding-left:0px; overflow-y:auto; overflow-x:hidden;}
.div_side_menu_hide_btn, .div_side_menu_show_btn{width:17px; height:61px; margin-top:0px; float:right; background:url(../images/switch_btn.svg) 1px 0px repeat; border:0px; position:absolute; left:210px; top:0; cursor:pointer;}
.div_side_menu_show_btn{background:url(../images/switch_btn.svg) -14px 0px repeat;}
.div_logo{width:100%; height:60px; float:left; overflow:hidden; border-bottom:#ccc 1px solid; padding:0px;}
.img_logo{width:auto; height:40px; margin-top:10px; margin-left:10px; float:left;}
.div_copyright{width:100%; height:58px; font-size:12px; line-height:60px; font-family:Arial,Microsoft Yahei,Verdana; color:#777; text-align:center; float:left; border-top:#ccc 1px solid;}

#side_menu ul{width:210px; height:auto; float:none; list-style:none; margin:0px; padding:0; display:none; overflow:hidden; background-color:#fff;}
#side_menu li{width:auto; height:auto; line-height:40px; font-size:14px; color:#555; float:none; text-overflow:ellipsis; white-space:nowrap; position:relative; overflow:hidden; cursor:pointer;}
#side_menu li:hover{text-decoration:none; color:#000; background-color:#edf1f4;}
#side_menu li a{width:auto; height:40px; line-height:40px; padding-left:50px; font-size:14px; color:#444; float:none; text-overflow:ellipsis; white-space:nowrap; position:relative; overflow:hidden; display:block;}
#side_menu li a:hover{text-decoration:none; color:rgb(16,151,228);}

#side_menu .menu_active{color:rgb(16,151,228); background-color:#e3eef8; font-weight:bold;}
#side_menu .menu_hidden{background:url(../images/side_menu_arrow_right.svg) 190px 14px no-repeat; background-size:12px; padding-right:10px; cursor:pointer; font-size:14px; font-weight:bold;}
#side_menu .menu_shown{background:url(../images/side_menu_arrow_down.svg) 190px 14px no-repeat; background-size:12px; padding-right:10px; cursor:pointer; font-size:14px; font-weight:bold;}
#side_menu .menu_normal{cursor:pointer; font-size:14px; font-weight:bold;}


.icon_all_accounts{background-image:url(../images/side_menu_account.svg); background-position:14px 8px; background-repeat:no-repeat; background-size:21px;}
.icon_all_sites{background-image:url(../images/side_menu_all_sites.svg); background-position:16px 12px; background-repeat:no-repeat; background-size:18px;}
.icon_dashboard{background-image:url(../images/side_menu_dashboard.svg); background-position:16px 11px; background-repeat:no-repeat; background-size:18px;}
.icon_marketing{background-image:url(../images/side_menu_marketing.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}
.icon_heatmap{background-image:url(../images/side_menu_heatmap.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}
.icon_god_view{background-image:url(../images/side_menu_god_view.svg); background-position:15px 12px; background-repeat:no-repeat; background-size:20px;}
.icon_realtime{background-image:url(../images/side_menu_realtime.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}
.icon_visitor{background-image:url(../images/side_menu_visitor.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}
.icon_action{background-image:url(../images/side_menu_action.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}
.icon_referrer{background-image:url(../images/side_menu_referrer.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}
.icon_report{background-image:url(../images/side_menu_report.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}
.icon_sites{background-image:url(../images/side_menu_sites.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}
.icon_hosts{background-image:url(../images/side_menu_hosts.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}
.icon_language{background-image:url(../images/side_menu_language.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}
.icon_settings{background-image:url(../images/side_menu_settings.svg); background-position:15px 10px; background-repeat:no-repeat; background-size:20px;}


.title{width:auto; height:60px; line-height:60px; font-size:22px; text-align:left; color:#000; float:left; padding-left:30px; font-family:Verdana,Arial,Microsoft Yahei; white-space:nowrap;}
.guide{width:auto; height:46px; line-height:24px; font-size:12px; text-align:right; color:#aaa; float:right; margin:0px; margin-top:14px; margin-right:10px; overflow:hidden;}
.btn_msg, .btn_help, .btn_language, .btn_account{width:32px; height:32px; float:left; margin-left:5px; margin-right:5px; text-align:center; font-size:10px; line-height:30px; color:#F00; background:url(../images/account.svg) no-repeat; font-weight:bold; cursor:pointer; opacity:0.8;}
.btn_msg{background-position:8px 3px; background-size:116px;}
.btn_msg_act{width:8px; height:8px; border-radius:4px; background-color:red; position:absolute; right:148px; top:34px;}
.btn_help{background-position:-32px 0px; background-size:134px;}
.btn_language{background-position:-64px 0px;}
.btn_account{background-position:-123px -4px; background-size:160px;}
.btn_msg:hover, .btn_help:hover, .btn_language:hover, .btn_account:hover{text-decoration:none; opacity:1;}


.sitebar{width:auto; height:50px; line-height:47px; font-size:12px; font-family:Verdana,Microsoft Yahei,Arial; color:#555; text-align:center; float:right; margin-right:5px;}
.menuselect{width:180px; margin-left:10px; margin-right:10px; margin-top:12px; height:26px; vertical-align:middle; color:#777; display:block; float:right; text-align:left; font-size:10px; font-family:Verdana,Microsoft Yahei,Arial;}
.menuoption{height:20px; padding-top:3px; padding-left:5px; vertical-align:middle; color:#333; font-size:12px; font-family:Verdana,Microsoft Yahei,Arial;}

#bodyframe{font-size:14px; font-family:Microsoft Yahei,Arial,Verdana; width:100%; min-width:360px; height:auto; float:left; border-bottom:#ccc 1px solid; overflow:hidden; margin:auto; text-align:center;}
#footer{width:100%; min-width:360px; min-height:35px; font-size:12px; line-height:20px; font-family:Arial,Microsoft Yahei,Verdana; color:#777; text-align:center; float:left; padding-top:15px;}


@media only screen and (max-width: 720px) {
.body_left_side{left:-210px;}
.body_right_side{width:100%;}
.guide{display:none;}
#tipper{font-size:13px; line-height:19px;}

}