body { 
    /* background-image:url(pic.jpg); 
    background-size: 100% 100%; */
    margin: 0px 0px 0px 0px; 
    font-family: "Microsoft YaHei"; 
    font-size:9pt; color:#000000;
    scrollbar-face-color: white; 
    scrollbar-shadow-color: gray;     
    scrollbar-highlight-color: white; 
    scrollbar-3dlight-color: gray;     
    scrollbar-darkshadow-color: white; 
    scrollbar-track-color: white;   
    scrollbar-arrow-color: gray
}

a
{   
    font-family: "Microsoft YaHei"; 
	font-size: 9pt;
    color:#000000; 
    text-decoration: none;
}
a:active
{
    font-family: "Microsoft YaHei"; 
    color: #000000;	
    text-decoration: none
}
a:link
{
    font-family: "Microsoft YaHei"; 
	color: #000000;	
    text-decoration: none
}
a:visited
{
    font-family: "Microsoft YaHei"; 
    color: #000000;	
    text-decoration: none
}
a:hover
{
    font-family: "Microsoft YaHei"; 
    color: #ff5d10; 
    text-decoration: none
}
td
{
    font-family: "Microsoft YaHei"; 
    font-size: 9pt;
}

select
{
    font-family: "Microsoft YaHei"; 
    border: 1px solid #000000; 
    font-size: 9pt;
}

input
{
    font-family: "Microsoft YaHei"; 
    border: 1px solid #000000; 
    font-size: 9pt;
    margin-left: 1px;
}

input[type=file]
{
    font-family: "Microsoft YaHei"; 
    border: 0px solid #000000; 
    font-size: 9pt;
    margin-left: 1px;
}


.button
{
    font-family: "Microsoft YaHei"; 
    border: 1px solid #000000; 
    height: 20px;
    font-size: 9pt; 
    padding-top: 2px;
    cursor: hand;
}

.button-normal,
.button-success,
.button-error,
.button-warning,
.button-secondary {
    font-family: "Microsoft YaHei"; 
    color: white;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-secondary-a05 {
    font-family: "Microsoft YaHei"; 
    color: white;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.5); /* this is a green */    
}

.button-normal {
    font-family: "Microsoft YaHei"; 
    color: rgb(0, 0, 0);
    border: 1px solid #000000; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(255, 255, 255); /* this is a green */
}

.button-normal-a05 {
    font-family: "Microsoft YaHei"; 
    color: rgb(0, 0, 0);
    border: 1px solid #000000; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgba(255, 255, 255, 0.5); /* this is a green */
}

.button-success {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 1px solid #217c19; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(28, 184, 65); /* this is a green */
}

.button-success-a05 {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 1px solid #217c19; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgba(28, 184, 65, 0.5); /* this is a green */
}

.button-error {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 1px solid #7c1919; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-error-a05 {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 1px solid #7c1919; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgba(202, 60, 60, 0.5); /* this is a maroon */
}

.button-warning {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 1px solid #7c6219; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-warning-a05 {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 1px solid #7c6219; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgba(223, 117, 20, 0.5); /* this is an orange */
}

.button-secondary {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 1px solid #196d7c; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(66, 184, 221); /* this is a light blue */
}

.button-secondary-a05 {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 1px solid #196d7c; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgba(66, 184, 221, 0.5); /* this is a light blue */
}

.button-normal:hover {
    font-family: "Microsoft YaHei"; 
    color: rgb(0, 0, 0);
    border: 2px solid #000000; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(214, 214, 214); /* this is a green */
}

.button-success:hover {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 2px solid #217c19; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(104, 173, 120); /* this is a green */
}

.button-error:hover {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 2px solid #7c1919; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(179, 109, 109); /* this is a maroon */
}

.button-warning:hover {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 2px solid #7c6219; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary:hover {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 2px solid #196d7c; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(128, 186, 204); /* this is a light blue */
}

.button-xxsmall {
    font-family: "Microsoft YaHei"; 
    font-size: 50%;
}

.button-xsmall {
    font-family: "Microsoft YaHei"; 
    font-size: 70%;
}
    
.button-small {
    font-family: "Microsoft YaHei"; 
    font-size: 85%;
}
    
.button-large {
    font-family: "Microsoft YaHei"; 
    font-size: 110%; 
}
    
.button-xlarge { 
    font-family: "Microsoft YaHei"; 
    font-size: 125%; 
}

.text
{
    font-family: "Microsoft YaHei"; 
    border-radius: 4px;    
    border: 1px solid #000000; 
    height: 20px;
    font-size: 9pt; 
    padding-top: 3px;
}


.password
{
    font-family: "Microsoft YaHei"; 
    border-radius: 4px;    
    border: 1px solid #000000; 
    height: 20px;
    font-size: 9pt; 
    padding-top: 3px;
}

.textarea
{
    font-family: "Microsoft YaHei"; 
    border-radius: 4px;    
    border: 1px solid #000000;
    font-size: 9pt;
    padding-top: 3px;
}

.command
{
    font-family: "Microsoft YaHei"; 
    border-radius: 4px;    
	background: #2ba4d5;
}

/* ̺ header κ */
.tbl 
{ 
    font-family: "Microsoft YaHei"; 
	border-collapse:collapse; 
    border-color: #ffffff;
    border: 0px solid #999999;
    padding: 0px;
    background-color:rgba(255, 255, 255, 0.3);
}

/* 테이블 */
.tbt1l {background-color: #ffffff; padding-top: 4px; text-align: left;}
.tbt1c {background-color: #ffffff; padding-top: 4px; text-align: center;}
.tbt1r {background-color: #ffffff; padding-top: 4px; text-align: right;}



/* 셀 */
.dt1l {height:21px; padding-top:3px; text-align:left;}
.dt1c {height:25px; padding-top:3px; text-align:center;}
.dt1r {height:21px; padding-top:3px; text-align:right;}

/* 제목 */
.title_l
{
    font-family: "Microsoft YaHei"; 
    font-weight:bold;
    background-color: #afafaf7e; 
	border-collapse:collapse; 
    text-align: left;
    padding-top:5px;
    padding-bottom:5px;
}


.title_c
{
    font-family: "Microsoft YaHei"; 
    font-weight:bold;
    background-color: #afafaf7e; 
	border-collapse:collapse; 
    text-align: center;
    padding-top:5px;
    padding-bottom:5px;
}

.title_a
{
    font-family: "Microsoft YaHei"; 
    font-weight:bold;
    background-color: #fefeceaa; 
	border-collapse:collapse; 
    text-align: center;
    padding-top:5px;
    padding-bottom:5px;
}


.title_s
{
    font-family: "Microsoft YaHei"; 
    font-weight:bold;
    background-color: #ffdadaaa; 
	border-collapse:collapse; 
    text-align: center;
    padding-top:5px;
    padding-bottom:5px;
}



.title_r
{
    font-family: "Microsoft YaHei"; 
    font-weight:bold;
    background-color: #afafaf7e; 
	border-collapse:collapse; 
    text-align: right;
    padding-top:5px;
    padding-bottom:5px;
}



.Wrapper{ 
    margin:0px; 
}

.Wrapper ul{
    list-style:none;
    margin:0;
    padding:0;
    text-align:right;
}

.Wrapper ul li{
    display:inline-block;
    margin:0px;
    text-align:center;
}

.tooltiptitle {
    width: "100%";
    height: 20px;
    padding: 0px;
    padding-bottom: 2px;
    border-bottom:1px solid gray; /*text-decoration : none || underline || blink || overline || line-through : dashed dotted solid */
 }
 
 .tooltipaction {
     width: "100%";
     height: 20px;
     text-align: right;
     padding: 0px;
     margin-bottom: 2px;
  }
 
  .tooltiswitchbutton {
     width: "100%";
     height: 26px;
     padding: 0px;
     padding-top:2px;
     vertical-align:middle;
     align-content:center;
     border-top:1px solid gray; /*text-decoration : none || underline || blink || overline || line-through : dashed dotted solid */
  }

  .frmsection {
    width: "100%";
    height: 30px;
    padding: 2px;
 }

 .frmsection_h26 {
    width: 400px;
    height: 26px;
    padding: 5px;
    /* background-color: #196d7c;
    color: #ff0000;
    border:1px solid gray;
    */
    text-align: left;
 }
 
 .fullcalendarEventTitle {
     padding: 5px;
     margin-bottom: 2px;
     border-bottom:1px solid gray; /*text-decoration : none || underline || blink || overline || line-through : dashed dotted solid */
  }
  
  .fullcalendarEventContent {
     padding: 2px;
  }
 
div { font-size: 12px; }

.label-gold,
.label-green,
.label-blue,
.label-yellow,
.label-orange,
.label-red,
.label-gray,
.label-normal,
.label-success, 
.label-error,
.label-warning,
.label-secondary {
    font-family: "Microsoft YaHei"; 
    color: white;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: 2px;
    margin-right: 2px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.font-10px { font-size : 10px;  }
.font-8px  { font-size : 8px;  }
.font-5px  { font-size : 5px;  }

.label-bottom-redline { text-align:center;margin-bottom:2px; border-bottom: 2px solid #ff0000;   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.label-bottom-normalline { text-align:center;margin-bottom:2px; border-bottom: 2px solid #000000;   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.label-bottom-successline { text-align:center;margin-bottom:2px; border-bottom: 2px solid #217c19;   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.label-bottom-errorline { text-align:center;margin-bottom:2px; border-bottom: 2px solid #7c1919;     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.label-bottom-warningline { text-align:center;margin-bottom:2px; border-bottom: 2px solid #7c6219;    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.label-bottom-secondaryline { text-align:center;margin-bottom:2px; border-bottom: 2px solid #196d7c;  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.margin-lr-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.margin-lr-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-lr-25 {
    margin-left:  25px;
    margin-right: 25px;
}

.margin-lr-30 {
    margin-left:  30px;
    margin-right: 30px;
}

.margin-lr-35 {
    margin-left:  35px;
    margin-right: 35px;
}

.margin-lr-40 {
    margin-left:  40px;
    margin-right: 40px;
}


.label-normal {
    font-family: "Microsoft YaHei"; 
    color: rgb(0, 0, 0);
    border: 0px solid #000000; 
    padding-left: 10px;
    padding-right: 10px;  
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(255, 255, 255); /* this is a green */
    align-items: center;
    justify-content: center;
    text-align : center;
    padding : 3px;
    vertical-align: middle;
}

.label-normal-a05 {
    font-family: "Microsoft YaHei"; 
    color: rgb(0, 0, 0);
    border: 0px solid #000000; 
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 2px;
    margin-right: 2px;
    background-color:rgba(255, 255, 255, 0.5);
    width:120px;
    align-items: center;
    justify-content: center;
    text-align : center;
    padding : 3px;  
    vertical-align: middle;
}

.label-success {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 0px solid #217c19; 
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(28, 184, 65); /* this is a green */
}

.label-error {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 0px solid #7c1919; 
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(202, 60, 60); /* this is a maroon */
}

.label-warning {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 0px solid #7c6219; 
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(223, 117, 20); /* this is an orange */
}

.label-secondary {
    font-family: "Microsoft YaHei"; 
    color: white;
    border: 0px solid #196d7c; 
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(66, 184, 221); /* this is a light blue */
}


.label-gold {
    font-family: "Microsoft YaHei"; 
    text-align:center;
    color: white;
    border: 0px solid darkgoldenrod; 
    padding-left: 10px;
    padding-right: 10px;    
    background-color: darkgoldenrod; 
}
.label-green {
    font-family: "Microsoft YaHei"; 
    text-align:center;
    color: white;
    border: 0px solid darkgreen; 
    padding-left: 10px;
    padding-right: 10px;    
    background-color: darkgreen; 
}
.label-blue {
    font-family: "Microsoft YaHei"; 
    text-align:center;
    color: white;
    border: 0px solid darkblue; 
    padding-left: 10px;
    padding-right: 10px;    
    background-color: darkblue;
}
.label-yellow { 
    font-family: "Microsoft YaHei"; 
    text-align:center;
    color: white;
    border: 0px solid darksalmon; 
    padding-left: 10px;
    padding-right: 10px;    
    background-color: darksalmon; 
}
.label-orange {
    font-family: "Microsoft YaHei"; 
    text-align:center;
    color: white;
    border: 0px solid darkorange; 
    padding-left: 10px;
    padding-right: 10px;
    background-color:  darkorange;
}
.label-red {
    font-family: "Microsoft YaHei"; 
    text-align:center;
    color: white;
    border: 0px solid darkred; 
    padding-left: 10px;
    padding-right: 10px;
    background-color: darkred; 
}
.label-gray { 
    font-family: "Microsoft YaHei"; 
    text-align:center;
    color: white;
    border: 0px solid darkgrey; 
    padding-left: 10px;
    padding-right: 10px;    
    background-color: darkgrey; 
}


.tool_tip {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  .tool_tip .tool_tip_text {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .tool_tip:hover .tool_tip_text {
    visibility: visible;
    opacity: 1;
  }

  .loader-over {
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    opacity: .5
}

.loader-layout, .loader-over {
    position: absolute;
    display: none
}

.loader-layout {
    top: 40%;
    left: 40%;
    z-index: 100000000;
    width: 20%;
    height: 20%;
    text-align: center
}


/*tools*/
.mvctool {
    /* position: fixed; */
    height: 32px;
    padding-top: 2px;
}

.popup-top-menu {
    /* position top */
    position: sticky;
    top: 0;
    z-index: 1;
}

.bgb {
    height: 32px;
    background-color: #fafafa;
    border-bottom: 1px solid #e7eaec;
    padding-top: 2px;
    padding-left: 5px;
}

.mvctool .l-btn-left {margin:7px;}
.mvctool .rightdiv {height:32px; line-height:32px;float:right;margin-right:30px;}
.mvctool .datagrid-btn-separator {margin:7px 2px;height:20px; }

.img-slogan {
    width: 100%;
    height: auto;
  }

  .elementTRBGColor {
    background-color: #f0f0f0; /* 默认背景颜色 */
    color: #333;               /* 默认文字颜色 */
}

.elementTRBGColor:hover {
    background-color: #d0e9c6; /* 鼠标悬停时的背景颜色 */
    color: #155724;            /* 鼠标悬停时的文字颜色 */
}