* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    padding: 5px;
    background: #f7f7f7;
    FONT-FAMILY: 微软雅黑, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    height: 100%;
}

TD    {FONT-FAMILY: 微软雅黑, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; white-space:normal; word-spacing :normal;}
TR    {FONT-FAMILY:  微软雅黑, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px}
SELECT    {FONT-FAMILY: 微软雅黑, Arial;FONT-SIZE: 12px; COLOR: #000000; FONT-WEIGHT: normal;TEXT-DECORATION: none;}
TEXTAREA  {FONT-FAMILY: 微软雅黑, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px}
OPTION    {FONT-FAMILY:  微软雅黑, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px}
FORM    {FONT-FAMILY:  微软雅黑, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px}
INPUT     {FONT-FAMILY:  微软雅黑, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px}

.GridStatusRed  {FONT-FAMILY: 微软雅黑, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; color:Red; }

.no-tooltip {
    pointer-events: none;
}

.AllTitle {
    font-size: 18px;
    font-weight: bold;
    color: #606060;
    font-family: 微软雅黑, Arial, sans-serif;
    letter-spacing: 0px;
}

.CopyRight {
    font-size: 14px;
    font-weight: bold;
    color: #4F4F4F;
    font-family: 微软雅黑, Arial, sans-serif;
    letter-spacing: 0px;
}

.LoginBodyBack{background:#f1f1f1; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px}
.LoginTopDiv{ background:#fff;}
.LoginLeftText{ text-align: left ;
                FONT-FAMILY: 微软雅黑, Arial; 
                FONT-SIZE: 14px; 
                COLOR: #0080C0;
}

.leftMenu { FONT-FAMILY: 微软雅黑, Arial; 
FONT-SIZE: 12px; COLOR: #000000; FONT-WEIGHT: normal;TEXT-DECORATION: none;
}

.mainMenu { FONT-FAMILY: 微软雅黑, Arial; 
FONT-SIZE: 12px; COLOR: #003366; FONT-WEIGHT: normal;text-align:right;TEXT-DECORATION: none;
cursor:pointer;
}

.blackBold { FONT-FAMILY: 微软雅黑, Arial, Helvetica, sans-serif; 
FONT-SIZE: 18px; COLOR: #000000; FONT-WEIGHT: Bold; TEXT-DECORATION: none
}

.RightTitle { FONT-FAMILY: 微软雅黑, Arial, Helvetica, sans-serif; 
FONT-SIZE: 12px; COLOR: #606060; FONT-WEIGHT: Bold; TEXT-DECORATION: none
}

.unVisable
{
    display:none;
}
.Visible
{
    display:block;
}
.LoginInput
{
    width:120px;
}
.EditDDL
{
    width:262px;
}
.vhidden
{
    background-color:transparent;
    border:0 solid white;
    /*visibility:hidden;*/    
}
/* For Loading */

.edit_div_none
{
    /*    
    background-color: #FEFEFE;
    border:2px solid #d3d3d3;*/
    padding:10px 20px 15px;
    margin-left:10px!important;
    margin-top:0px!important;
    margin-top:0px;
    position:fixed!important;
	_position:static; 
	overflow:auto; 
	_overflow:hidden; 
	_height:100%;
	top:10px; left:0px; 
	right:0px; bottom:10px; 
    
	text-align:center; 
    vertical-align:top;
	position:absolute; 
    z-index: 14000;	
    display:none;
}

.edit_div_block
{
    /*    
    background-color: #FEFEFE;
    border:2px solid #d3d3d3;*/
    padding:10px 10px 10px 10px;
    margin-left:10px!important;
    margin-top:0px!important;
    margin-top:0px;
    position:fixed!important;
	_position:static; 
	overflow:auto; 
	_overflow:hidden; 
	_height:100%;
	top:10px; left:0px; 
	right:0px; bottom:10px; 
    
	text-align:center; 
    vertical-align:top;
	position:absolute; 
    z-index: 14000;	
    display:block;
}

#loader_all_bg{
	margin: 0px;
	padding:0px;
	display: block;
	background-color: #135AE9;
	top:0;
	left:0;
	position:absolute;
	opacity:0.7;
	filter: alpha(opacity=70);
	z-index: 5000;
	/* 该遮罩层在IE7下会有兼容性问题 */
}
#loader_container {
    display: block;
	top:200px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 11000;
}
#loader {
    background-color: #FFFFFF;
    border: 2px solid #7EBF4F;
    color: #000000;
    display: block;
    font-family: Tahoma,Helvetica,sans;
    font-size: 11.5px;
    margin: 0 auto;
    padding: 10px 0 16px;
    text-align: left;
    width: 130px;
    z-index: 12000;
}
#loader_bg {
    background-color: #FFE6BF;
	background-image:url(loadingbar.gif);
    font-size: 1px;
    height: 7px;
    left: 15px;
    position: relative;
    top: 8px;
    width: 95px;
}
#loader_text{
	text-align:center;
}

/* - for grid delete / edit - */
.GridEdit
{
    Cursor:pointer;
    color: #0000FF;
    vertical-align:middle;
}

.PrintTitle
{
    font-family: Times New Roman, serif; font-size: 37.3px; font-weight: 700;
}
.PrintContent
{
    font-family: Times New Roman, serif; font-size: 16px; font-weight: 400;
}
.PrintSubTitle
{
    font-family: Times New Roman, serif; font-size: 17px; font-weight: 700;
}
.PrintTenlog
{
    font-family: Times New Roman, serif; font-size: 24px; font-weight: 700;
}
.PrintTenlog1
{
    font-family: Times New Roman, serif; font-size: 23px; font-weight: 700;
}
.PrintDetail
{
    font-family: Times New Roman, serif; font-size: 16px; font-weight: 700; border:1px solid #000000;
}
.PrintDetail1
{
    font-family: Times New Roman, serif; font-size: 16px; font-weight: 400; border:1px solid #000000; 
}
.PrintMoney
{
    font-family: Times New Roman, serif; font-size: 13px; font-weight: 700; border:1px solid #000000;
}
.EditTable {
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translate(-50%);
    background-color: #FEFEFE;
    width: auto;
}

/* 聊天表格整体 */
.chartTable {
    width: 80%;
    border-collapse: collapse;
}

    .chartTable td {
        padding: 10px;
        vertical-align: top;
        width: 50%;
    }
/* 客服 - 左侧 */
.chartLeftName {
    font-size: 13px;
    color: #666;
    margin-bottom: 4px;
    text-align: left;
}

.chartLeftBubble {
    display: inline-block;
    background: #eee;
    color: #333;
    padding: 10px 14px;
    border-radius: 10px;
    max-width: 65%;
    float: left;
}
/* 用户 - 右侧 */
.chartRightName {
    font-size: 13px;
    color: #666;
    margin-bottom: 4px;
    text-align: right;
}

.chartRightBubble {
    display: inline-block;
    background: #07c160;
    color: #fff;
    padding: 10px 14px;
    border-radius: 10px;
    max-width: 65%;
    float: right;
}

/* HTML编辑器 */
.editor-toolbar {
    background: #f5f5f5;
    border: 1px solid #ccc;
    padding: 6px 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

    .editor-toolbar button, .editor-toolbar select {
        padding: 4px 8px;
        border: 1px solid #aaa;
        border-radius: 3px;
        background: #fff;
        cursor: pointer;
    }

.editor-tab {
    margin: 10px 0;
    display: flex;
    gap: 6px;
}

    .editor-tab button {
        padding: 8px 14px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #fff;
    }

        .editor-tab button.active {
            background: #0078d7;
            color: white;
        }

.editor-panel {
    width: 100%;
    min-height: 380px;
    border: 1px solid #ccc;
    padding: 12px;
    background: #fff;
    font-size: 14px;
    line-height: 1.6;
}

#editorSource {
    width: 100%;
    min-height: 380px;
    font-family: Consolas;
    padding: 10px;
    border: 1px solid #ccc;
    resize: vertical;
}