/*!
*******************************************************************************************************
* ATTENTION: THIS IS NOT FREE EDITION. FOR COMMERCIAL PURPOSES, PLEASE PURCHASE A COMMERCIAL LICENSE! *
*******************************************************************************************************
* File: Centcount Analytics Caesar Edition CA Control CSS Code                                        *
* Version: 3.0 Caesar                                                                                 *
* Author: WM Jonssen                                                                                  *
* Date: 04/24/2022                                                                                    *
* Copyright 2015-2022 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";

.framespace{width:100%; height:15px;}
.frameoptionsites{width:100%; min-width:330px; height:auto; float:none; margin:0px; text-align:left; overflow-x:auto; overflow-y:hidden;}
.frameoption{width:auto; height:auto; float:left; margin:12px; margin-bottom:2px; margin-right:0px;}

.d_clone{width:auto; height:auto; float:left; border:0px; background-color:transparent; margin-bottom:9px; margin-right:9px;}
.d_frame{width:auto; height:32px; font-family:Microsoft Yahei,Arial,Verdana; font-size:12px; line-height:32px; color:#333; text-align:left; float:left; display:block; margin:3px; border:#ccc 1px solid; z-index:99999; overflow:hidden; background-color:#fff;}
.d_frame:hover{border:#bbb 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow: 1px 1px 3px 0px #bbb; box-shadow: 1px 1px 3px 0px #bbb; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.d_active{border:#bbb 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow: 1px 1px 3px 0px #bbb; box-shadow: 1px 1px 3px 0px #bbb; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.d_body{width:auto; height:auto; text-align:left; line-height:32px; display:none; padding-left:20px; padding-bottom:10px; overflow-x:hidden; overflow-y:auto;}

.d_body a.butok{width:70px; height:24px; line-height:22px; font-size:12px; text-align:center; color:#333; background-color:#F6F6F6; border:#ccc 1px solid; display:inline-block; margin:4px; border-radius:3px;}
.d_body a.butok:hover{text-decoration:none; border:#bbb 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow: 1px 1px 3px 0px #bbb; box-shadow: 1px 1px 3px 0px #bbb; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

.d_refresh{width:32px; height:32px; line-height:33px; font-size:11px; font-weight:bold; color:#f00; text-align:center; float:left; display:block; margin:3px; margin-bottom:13px; margin-right:9px; border:#ccc 1px solid; z-index:99999; background:url(../images/menu_refresh.svg) no-repeat; background-position:4px 4px; background-size:24px; cursor:pointer; overflow:hidden; background-color:#fff; font-family:Arial,Microsoft Yahei,Verdana;}
.d_refresh:hover{border:#bbb 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow: 1px 1px 3px 0px #bbb; box-shadow: 1px 1px 3px 0px #bbb; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

.d_btn{width:82px; height:24px; line-height:24px; border:#ccc 1px solid; display:block; margin:5px; margin-left:0px; margin-right:15px; text-align:center; color:#555; font-size:12px; border-radius:3px; float:left;}
.d_btn:hover{border:#bbb 1px solid; text-decoration:none; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow: 1px 1px 3px 0px #bbb; box-shadow: 1px 1px 3px 0px #bbb; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

.dd_body{width:auto; height:auto; max-height:480px; text-align:left; line-height:32px; display:none; padding-top:0px; padding-bottom:0px; overflow-x:hidden; overflow-y:auto; border-top:#ccc 1px solid;}

.dd_body a{width:auto; height:auto; text-align:left; height:32px; font-size:12px; line-height:32px; display:block; color:#333; background-color:#fff; padding-left:20px; padding-right:20px; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.dd_body a.active{background-color:#f6f6f6;}
.dd_body a:hover{text-decoration:none; background-color:#eee;}

.dd_title{width:auto; height:32px; font-size:12px; color:#333; line-height:32px; text-align:left; padding-left:20px; padding-right:30px; background:url(../images/menu_drop_down.svg) top right no-repeat; background-size:28px 28px; background-color:#fff; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.dp_title{width:auto; height:auto; font-family:Microsoft Yahei,Arial,Verdana; font-size:12px; color:#333; line-height:32px; text-align:left; padding-left:20px; padding-right:30px; margin-right:12px; background:url(../images/menu_date.svg) center right no-repeat; background-size:16px 16px; background-color:#fff; cursor:pointer; overflow:hidden;}

.popup{width:auto; height:auto; max-height:510px; text-align:left; display:block; position:absolute; z-index:99999999999; padding-top:0px; padding-bottom:0px; overflow-x:hidden; overflow-y:auto; border:#bbb 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow:1px 1px 3px 0px #bbb; box-shadow:1px 1px 3px 0px #bbb; background-color:#fff; visibility:hidden;}
/*-webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in; */
.popup a{width:auto; height:auto; text-align:left; height:34px; line-height:34px; font-family:Microsoft Yahei,Arial,Verdana; font-size:12px; display:block; color:#333; background-color:#fff; padding-left:20px; padding-right:20px; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.popup a.active{background-color:#f6f6f6;}
.popup a:hover{text-decoration:none; background-color:#eee;}

.popup span{width:auto; height:auto; text-align:left; height:36px; line-height:36px; font-family:Microsoft Yahei,Arial,Verdana; font-size:12px; display:block; color:#333; background-color:#fff; padding-left:20px; padding-right:20px; white-space:nowrap; text-overflow:ellipsis; cursor:default; border-bottom:#ccc 1px solid;}


/*calendar*/
.c_body{width:182px; height:auto; float:left; border:#ccc 1px solid; border-bottom:0px; padding:0px; margin-top:10px; margin-bottom:10px; margin-right:20px; display:block;}

.c_box{width:182px; height:auto; float:left; background-color:#fff; margin:0px; padding:0px; border-bottom:#ccc 1px solid;}

.c_box a{width:26px; height:26px; line-height:26px; font-size:12px; text-align:center; color:#333; background-color:#fff; display:block; float:left; cursor:pointer;}
.c_box a:hover{text-decoration:none; background-color:#C6E2FF;}

.c_box .focus{width:26px; height:26px; line-height:26px; font-size:12px; text-align:center; color:#39F; background-color:#c6e2ff; display:block; float:left;}
.c_box .focus:hover{background-color:#6CF;}

.c_box span{width:26px; height:26px; line-height:26px; font-size:12px; text-align:center; color:#aaa; background-color:#fff; display:block; float:left;}

.c_box weekday{width:26px; height:26px; line-height:26px; font-size:12px; text-align:center; color:#aaa; background-color:#FcFcFc; display:block; float:left;}

.c_box a.last{width:22px; height:22px; line-height:22px; font-size:12px; text-align:center; color:#333; background-color:#F6F6F6; border:#ccc 1px solid; display:block; float:left; margin:4px; background:url(../images/dp.png) top left no-repeat; border-radius:3px;}
.c_box a.last:hover{border:#bbb 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow: 1px 1px 3px 0px #bbb; box-shadow: 1px 1px 3px 0px #bbb; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

.c_box a.next{width:22px; height:22px; line-height:22px; font-size:12px; text-align:center; color:#333; background-color:#F6F6F6; border:#ccc 1px solid; display:block; float:left; margin:4px; background:url(../images/dp.png) 1px -23px no-repeat; border-radius:3px;}
.c_box a.next:hover{border:#bbb 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow: 1px 1px 3px 0px #bbb; box-shadow: 1px 1px 3px 0px #bbb; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

.c_box a.year, .c_box a.month{width:30px; height:22px;line-height:22px; font-size:12px; text-align:center; color:#333; padding-left:5px; padding-right:20px; border:#ccc 1px solid; border-radius:3px; margin:4px; background:url(../images/dp.png) bottom right no-repeat; background-color:#fff; display:block; float:left; cursor:pointer;}
.c_box a.month{width:18px;}
.c_box a.year:hover, .c_box a.month:hover{border:#bbb 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow: 1px 1px 3px 0px #bbb; box-shadow: 1px 1px 3px 0px #bbb; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}


.c_clone{width:auto; height:auto; float:left; border:0px; background-color:transparent; margin:1px; margin-left:2px; margin-right:2px;}
.c_frame{width:60px; min-width:60px; height:22px; font-size:12px; line-height:20px; color:#333; text-align:left; float:left; display:block; margin:3px; border:#ccc 1px solid; border-radius:3px; z-index:999999; overflow:hidden; background-color:#fff;}
.c_frame:hover{border:#bbb 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow: 1px 1px 3px 0px #bbb; box-shadow: 1px 1px 3px 0px #bbb; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.cd_body{width:auto; height:auto; max-height:220px; text-align:left; line-height:22px; display:none; padding-top:0px; padding-bottom:10px; overflow-x:hidden; overflow-y:auto; border-top:#ccc 1px solid;}

.cd_body a{width:auto; height:auto; text-align:left; height:22px; font-size:12px; line-height:22px; display:block; color:#333; background-color:#fff; padding-left:10px; padding-right:10px; white-space:nowrap; text-overflow:ellipsis;}
.cd_body a.active{background-color:#f6f6f6;}
.cd_body a:hover{text-decoration:none; background-color:#eee;}

.cd_title{width:auto; height:22px; font-size:12px; color:#333; line-height:20px; text-align:center; padding-left:5px; padding-right:22px; background:url(../images/dp.png) bottom right no-repeat; cursor:pointer; overflow:hidden; background-color:#fff; white-space:nowrap; text-overflow:ellipsis;}


.c_year{width:auto; height:auto; font-size:12px; font-family:Microsoft Yahei,Arial,Verdana; text-align:left; color:#aaa; float:left;}
.guidebtn,.guidespan{width:auto; height:14px; line-height:14px;color:#4283C4; text-align:center; padding-left:9px; padding-right:11px; font-size:12px; font-family:Microsoft Yahei,Arial,Verdana; cursor:pointer;}
.guidebtn:hover{text-decoration:none;}
.guidespan{color:#333;}

.c_year ul{width:auto; height:auto; float:left; margin:0px; padding:0px; background-color:#fff; list-style:none;}
.c_year li{background-color:#fff; width:auto; height:auto; font-size:12px; float:left; margin:0px; padding:0px;}

.c_year li ul{display:none; width:62px; height:auto; max-height:168px; border:#ccc 1px solid; position:absolute; z-index:999; background-color:#fff; margin-left:4px; margin-top:27px; overflow-x:hidden; overflow-y:auto;}
.c_year li li {display:block; width:auto; height:24px; float:none; text-align:left;}

.c_year li ul li a{width:100%; height:24px; line-height:24px; font-size:12px; text-align:center; display:block;}
.c_year li ul li a:hover{text-decoration:none; background-color:#ddd;}
/*.c_year li:hover ul{display:block;}*/