* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {margin: 0; padding: 0;}
* {
font-family:Microsoft JhengHei,courier new, consola, Verdana, sans-serif;
}
body,input,textarea,td,div,span,select,p,pre,a,legend {
font-size:1em;
width:auto;
}
html,body {
height:100%;
font-size:1em;
}
input {
width:'';
}
input::placeholder {
color: #A4A4A4;
}
div {
flex-shrink: 0;
}
th {
color:#262626;
font-weight:normal;
}
.hzControl {
overflow:auto;
position:relative;
}
.noSelection {
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}
.hzError {
position:relative;
}
.hzError .message {
}
.hzError.hasIcon .message{
padding-left:20px;
}
.hzError .icon {
cursor:pointer;
}
.hzError .icon:before{
content:'＋';
font-size:1.2em;
font-weight:bold;
color:darkred;
border:0px solid black;
position:absolute;
top:-1px;
}
.hzError.showAdvanced .icon:before{
content:'－';
font-size:1.8em;
top:0px;
left:-4px;
}
.hzError .advanced {
display:none;
}
.hzError.showAdvanced .advanced {
display:block;
}
.hz-hide {
display:none;
}
.hz-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hz-blink {
animation: blinker 1s linear infinite;
}
.hz-danger-html, .hz-success-html {
margin-top:4px;
}
@keyframes blinker {
50% { opacity: 0; }
}
[data-help]:not(.customCss)
{
color: #337ab7; /* blue */
cursor: pointer;
margin-left: 3px;
}
@media (pointer:coarse) { /* 為解決手指點擊 [data-help] 有時會沒有作用的問題，所以此時圖像尺寸要加大並離前面元素更遠 */
[data-help]:not(.customCss) {
margin-left: 8px;
font-size: 150%;
}
}
/* hzWindow */
.hzWindow {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction:column;
top:0px;
left:0px;
position:absolute;
min-width:60px;
min-height:50px;
background:white;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #536376;
-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
-moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;;
padding: 1px;
/*
background-image:url(dialogbg.png);
*/
background-color:white;
background-repeat:repeat-x
}
/*
.hzWindow >div.body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*/
.hzWindow .header{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
width:100%;
top:0px;
height:32px;
padding:4px;
background:'menu';
border-bottom:1px solid black;
background-image:url(dialogbg.png);
background-repeat:repeat-x;
}
.hzWindow .footer{
width:100%;
height:32px;
padding:4px;
background:whitesmoke;
border-top:1px inset white;
}
.hzWindow.noFooter >div.body {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction:column;
-ms-flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex:1;
width:100%;
height:calc(100% - 32px);
padding:4px;
border:0px;
}
.hzWindow.noHeader .header {
display:none;
}
.hzWindow.noHeaderIcon >.header .headerIcon {
display:none;
}
.hzWindow.noFooter.noHeader > div.body{
height:100%;
}
.hzWindow.noMin .min {
border:0px solid silver;
display:block;
position:relative;
text-align:center;
cursor:pointer;
}
.hzWindow .header .max,
.hzWindow .header .close {
border:0px solid silver;
display:block;
position:relative;
top:-2px;
width:20px;
text-align:center;
cursor:pointer;
}
.hzWindow.noFooter .footer,
.hzWindow.noMin .min,
.hzWindow.noMax .max {
display:none;
}
.hzWindow:not(.concise) .header .min:hover,
.hzWindow:not(.concise).header .max:hover,
.hzWindow:not(.concise) .header .close:hover {
color:white;
background:darkblue;
}
.hzWindow .header .max:before{
content:'\2610';
position:relative;
top:2px;
}
.hzWindow .header .min:before{
content:'\2014';
position:relative;
top:1px;
}
.hzWindow:not(.mined) .header .min:before{
content:'\2014';
font-size:0.5em;
}
.hzWindow.mined .header .min:before{
content:'\2610';
}
.hzWindow.mined.maxed .header .min:before{
content:'\29C9';
font-size:0.8em;
}
.hzWindow .header .close:before {
content:'\2716';
font-size:0.8em;
}
.hzWindow.maxed .header .max:before{
font-size:0.8em;
content:'\29C9';
}
.hzWindow .header .headerIcon {
display:block;
position:relative;
top:3px;
width:16px;
height:16px;
background-image:url(/hz/images/window/headerIcon.png);
background-repeat:no-repeat;
background-position: center;
}
.hzWindow .header .title {
-ms-flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex:1;
padding-left:4px;
margin-right:8px;
display:block;
overflow:hidden;
}
.hzWindow.noClose .header .close {
display:none;
}
.hzWindow > div.body {
-ms-flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex:1;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction:column;
overflow:auto;
}
.hzWinfow iframe {
border:0px;
}
.hzWindow.mined {
max-height:32px;
min-height:32px;
max-width:100px;
min-width:80px;
}
.hzWindow.mined .ui-resizable-handle,
.hzWindow.mined .header .max,
.hzWindow.mined .body,
.hzWindow.noFooter.mined .body,
.hzWindow.mined .footer {
display:none;
}
/* hzWindow */
/* hzMenu */
.hzMenu {
font-size:0.9em;
}
.hzMenu * {
font-size:1em;
}
.hzMenu,.hzMenu ul {
display:inline-block;
position:relative;
list-style: none;
background-color:#ececec;
border:1px solid gray;
z-index:100000;
}
.hzMenu a,.hzMenu a:hover {
text-decoration: none;
color:black;
}
.hzMenu li {
margin:0px;
padding:4px 36px 4px 24px;
position:relative;
white-space: nowrap;
}
.hzMenu li.caption {
padding-left:4px;
background:white;
}
.hzMenu li.caption a {
font-weight:bold;
color:darkred;
}
.hzMenu li.disabled a {
color:gray;
cursor:default;
}
.hzMenu li.disabled a:before,
.hzMenu li.disabled > img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}
.hzMenu li >img {
position:absolute;
left:4px;
top:6px;
}
.hzMenu .hovered:not(.disabled):not(.caption) {
background-color:#3c8dde;
}
.hzMenu .hovered:not(.disabled):not(.caption) > a{
color:white;
}
.hzMenu ul {
display:none;
position:absolute;
top:4px;
left:calc(100% - 2px);
}
.hzMenu li.hasMenu >a {
cursor:default;
}
.hzMenu .hasMenu >a:after{
content:'\25BA';
position:absolute;
font-size:10px;
top:2px;
right:2px;
}
.hzMenu li >div {
width: 1px;
height: 26px;
position: absolute;
left: 20px;
top: 0px;
background: lightgray;
}
.hzMenu hr {
border-color:white;
margin:0px;
}
.hzMenu li .icon>div {
display:block;
}
.hzMenu .hasIcon a:before{
content:'';
position: absolute;
left: 2px;
top: 4px;
}
.hzMenu .hasIcon.add a:before{
content:url('/hz/images/Toolbars/add.png');
}
.hzMenu .hasIcon.edit a:before{
content:url('/hz/images/Toolbars/edit.png');
}
.hzMenu .hasIcon.copy a:before{
content:url('/hz/images/Toolbars/copy.png');
}
.hzMenu .hasIcon.remove a:before{
content:url('/hz/images/Toolbars/remove.png');
}
.hzMenu .hasIcon.approve a:before{
content:url('/hz/images/Toolbars/approve.png');
}
.hzMenu .hasIcon.save a:before{
content:url('/hz/images/Toolbars/save.png');
}
.hzMenu .hasIcon.printer a:before{
content:url('/hz/images/Toolbars/printer.png');
}
.hzMenu .hasIcon.search a:before{
content:url('/hz/images/Toolbars/search.png');
}
.hzMenu .hasIcon.quickSearch a:before{
content:url('/hz/images/Toolbars/quickSearch.png');
}
.hzMenu .hasIcon.reload a:before{
content:url('/hz/images/Toolbars/reload.png');
}
.hzMenu .hasIcon.options a:before{
content:url('/hz/images/Toolbars/options.png');
}
.hzMenu .hasIcon.first a:before{
content:url('/hz/images/Toolbars/first.png');
}
.hzMenu .hasIcon.last a:before{
content:url('/hz/images/Toolbars/last.png');
}
.hzMenu .hasIcon.next a:before{
content:url('/hz/images/Toolbars/next.png');
}
.hzMenu .hasIcon.previous a:before{
content:url('/hz/images/Toolbars/previous.png');
}
.hzMenu .hasIcon.exit a:before{
content:url('/hz/images/Toolbars/exit.png');
}
.hzMenu .hasIcon.undo a:before{
content:url('/hz/images/Toolbars/undo.png');
}
.hzMenu .hasIcon.redo a:before{
content:url('/hz/images/Toolbars/redo.png');
}
.hzMenu .hasIcon.upload a:before{
content:url('/hz/images/Toolbars/up.png');
}
.hzMenu .hasIcon.download a:before{
content:url('/hz/images/Toolbars/download.png');
}
.hzMenu .hasIcon.clear a:before{
content:url('/hz/images/Toolbars/clear.png');
}
.hzMenu .hasIcon.remove2 a:before{
content:url('/hz/images/Toolbars/delete.png');
}
.hzMenu .checked a:before{
content:'';
position: absolute;
left: 2px;
top: 6px;
content:url('/hz/images/Toolbars/checkmark1.png');
}
.hzMenu li.bootstrap a:before {
left:4px;
top:8px;
position:absolute;
}
.hzTree {
overflow:auto;
padding:4px 2px;
}
.hzTree ul ,.hzTree li {
list-style-type:none;
}
.hzTree li >div {
white-space:nowrap;
height:20px;
}
.hzTree li.active >div {
background-color:#c5dbc9;;
}
.hzTree:not(.disabled) li:not(.active):not(.disabled) > div:hover {
background-color:#3c8dde;
color:white;
}
.hzTree li.rootHide >div{
display:none
}
.hzTree li.rootHide {
margin-left:-1em;
}
.hzTree li.hide {
display:none;
}
.hzTree li >div >span {
height:1em;
display:inline-block;
}
.hzTree li >div >.checkbox {
position:relative;
background-image:url(/hz/images/tree/unchecked.png);
background-size:11px 11px;
background-repeat: no-repeat;
background-position: center;
width:13px;
height:13px;
margin-right:2px;
margin-top:0px;
margin-bottom:0px;
top:-2px;
}
.hzTree li.checked >div >.checkbox {
background-image:url(/hz/images/tree/checked.png);
}
.hzTree li.disabled >div >.checkbox,
.hzTree li.checkDisabled >div >.checkbox {
background-image:url(/hz/images/tree/unchecked_disabled.png);
}
.hzTree li.checked.checkDisabled >div >.checkbox {
background-image:url(/hz/images/tree/checked_disabled.png);
}
.hzTree:not(.showCheckbox) li >div >.checkbox {
display:none;
}
.hzTree:not(.showIcon) li >div >.icon {
display:none;
}
.hzTree .icon {
margin-right:4px;
position:relative;
top:2px;
}
.hzTree .indent,.hzTree .icon,.hzTree .node {
width:16px;
}
.hzTree .indent,.hzTree .node {
width:16px;
position:relative;
top:-4px;
}
.hzTree li.disabled > div> span {
color:silver;
cursor:default;
}
.hzTree.disabled li > div >.checkbox,
.hzTree li.disabled > div >.checkbox,
.hzTree.disabled li > div >.icon,
.hzTree li.disabled > div >.icon
{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}
@keyframes slideInDown {
from {
height:0;
}
to {
height:auto;
}
}
.hzTree .hasTree >ul ,
.hzTree .hasTree >ul >li>div{
display:none;
}
.hzTree .hasTree.expanded >ul,
.hzTree .hasTree.expanded >ul>li>div {
display:table;
width:100%;
}
.hzTree .hasTree.expanded >ul{
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.hzTree .node {
width:16px;
height:18px;
}
.hzTree.showLine ul> li:not(:last-child) ul> li >div >.indent:not(:first-child) {
background-image:url(/hz/images/tree/line.gif);
background-repeat: no-repeat;
background-position: center;
width:16px;
height:100%;
}
.hzTree ul> li:not(:last-child) ul> li >div > .indent.noLine:not(:first-child) {
background:transparent;
}
.hzTree.showLine ul> li >div .node {
background-image:url(/hz/images/tree/line_middle.gif);
background-size:22px 22px;
background-repeat: no-repeat;
background-position: center;
width:16px;
height:100%;
}
.hzTree.showLine .rootHide>ul>li:first-child >div .node {
background-image:url(/hz/images/tree/line_start.gif);
}
.hzTree.showLine .rootHide>ul>li:first-child:last-child>div .node {
/*
visibility:hidden;
*/
}
.hzTree.showLine .rootHide>ul>li.hasTree:first-child >div .node {
background-image:url(/hz/images/tree/closed_start.gif);
}
.hzTree.showLine .rootHide>ul>li.hasTree:first-child:last-child >div .node {
background-image:url(/hz/images/tree/closed_single.gif);
}
.hzTree.showLine .rootHide>ul>li.hasTree.expanded:first-child >div .node {
background-image:url(/hz/images/tree/opened_start.gif);
}
.hzTree.showLine .rootHide>ul>li.hasTree.expanded:first-child:last-child >div .node {
background-image:url(/hz/images/tree/opened_single.gif);
}
.hzTree.showLine ul> li:not(.hide):last-child >div .node {
background-image:url(/hz/images/tree/line_end.gif);
}
.hzTree .hasTree >div .node {
background-image:url(/hz/images/tree/closed_single.gif);
}
.hzTree .hasTree.expanded >div .node {
background-image:url(/hz/images/tree/opened_single.gif);
}
.hzTree >.hasTree >div .node {
background-image:url(/hz/images/tree/closed_single.gif);
background-repeat: no-repeat;
background-position: center;
width:16px;
height:18px;
}
.hzTree >.hasTree.expanded >div .node {
background-image:url(/hz/images/tree/opened_single.gif);
}
.hzTree ul >li.hasTree.expanded:first-child >div .node {
background-image:url(/hz/images/tree/opened_single.gif);
}
.hzTree ul >li.hasTree:first-child >div .node {
background-image:url(/hz/images/tree/closed_single.gif);
}
.hzTree ul >li.hasTree.expanded:last-child >div .node {
background-image:url(/hz/images/tree/opened_single.gif);
}
.hzTree ul >li.hasTree:last-child >div .node {
background-image:url(/hz/images/tree/closed_single.gif);
}
.hzTree.showLine .hasTree >div .node {
background-image:url(/hz/images/tree/closed_middle.gif);
}
.hzTree.showLine .hasTree.expanded >div .node {
background-image:url(/hz/images/tree/opened_middle.gif);
}
.hzTree.showLine >.hasTree >div .node {
background-image:url(/hz/images/tree/closed_single.gif);
background-repeat: no-repeat;
background-position: center;
width:16px;
height:18px;
}
.hzTree ul > *, ol >* {
margin-left: 0px;
}
.hzTree.showLine >.hasTree.expanded >div .node {
background-image:url(/hz/images/tree/opened_single.gif);
}
.hzTree.showLine ul >li.hasTree.expanded:first-child >div .node {
background-image:url(/hz/images/tree/opened_middle.gif);
}
.hzTree.showLine ul >li.hasTree:first-child >div .node {
background-image:url(/hz/images/tree/closed_middle.gif);
}
.hzTree.showLine ul >li.hasTree.expanded:last-child >div .node {
background-image:url(/hz/images/tree/opened_end.gif);
}
.hzTree.showLine ul >li.hasTree:last-child >div .node {
background-image:url(/hz/images/tree/closed_end.gif);
}
/*
.hzTree ul>li >div .node {
background-image:url(/hz/images/tree/line_middle.gif);
background-size:22px 22px;
background-repeat: no-repeat;
background-position: center;
width:16px;
height:100%;
}
*/
.hzTree .hasTree.empty>ul:after{
/*
content:'No Data';
font-size:0.5em;
color:silver;
text-align:center;
display: inline-block;
width:100%;
padding-top:-2px;
height:1em;
*/
}
.hzTree li.noData .title{
font-size:0.5em;
position:relative;
top:-5px;
}
.hzTree .icon {
top:-1px;
background-size: 15px;
}
.hzTree .title {
position:relative;
top:-3px;
}
.hzTree .emptyMessage {
position:absolute;
text-align:center;
top:4px;
width:95%;
}
.hzForm {
/*
display:inline-block;
panel 中須伸展
*/
padding:2px;
overflow:auto;
z-index:100;
}
.hzForm > fieldset{
border:1px solid gray;
background:white;
padding:4px;
width:100%;
height:100%;
overflow:auto;
}
.hzForm legend {
padding:0 2px;
}
.hzForm > table,.hzForm > fieldset > table {
margin:0px;
/*
table-layout:fixed; */
}
.hzForm >fieldset >table >tr:last-child{
height:100%;
}
.hzFormItemOuter {
width:auto;
}
.hzForm td,.hzFormItemOuter td {
padding:4px 4px 4px 4px;
}
.hzForm .itemTitle {
}
.hzForm .itemTitle >div {
width:100%;
}
.hzForm .itemTitle >div.stretch{
white-space:nowrap;
}
.hzForm .itemTitle >div.nowrap{
overflow:hidden;
height:20px;
}
.hzForm >table.center {
margin:0 auto 0 auto;
}
.hzForm >table.left {
margin:0;
}
.hzForm >table.right {
margin:0 0 0 auto;
}
.hzForm .preview {
display:inline-block;
margin-top:8px;
}
.hzForm.autoStretch .itemTitle{
width:1%;
}/* ------------------------------------------
* CSS3 GITHUB BUTTONS (Nicolas Gallagher)
* Licensed under Unlicense
* http://github.com/necolas/css3-github-buttons
* --------------------------------------- */
/* =============================================================================
Base Button
========================================================================== */
.hzButton {
position: relative;
/*IE有問題
display: table-cell;
*/
vertical-align:middle;
padding: 4px 4px 2px 4px;
border: 1px solid #d4d4d4;
min-height:28px;
text-decoration: none;
text-align: center;
text-shadow: 1px 1px 0 #fff;
font-size:1em;
font-weight:normal;
color: #333;
white-space: nowrap;
cursor: pointer;
background-color: #ececec;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
background-image: -moz-linear-gradient(#f4f4f4, #ececec);
background-image: -ms-linear-gradient(#f4f4f4, #ececec);
background-image: -o-linear-gradient(#f4f4f4, #ececec);
background-image: linear-gradient(#f4f4f4, #ececec);
-moz-background-clip: padding; /* for Firefox 3.6 */
background-clip: padding-box;
border-radius: 0.2em;
/* IE hacks */
zoom: 1;
}
.hzButton:not(.disabled):hover,
.hzButton:not(.disabled):focus{
border-color: #3072b3;
border-bottom-color: #2a65a0;
text-decoration: none;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
color: #fff;
background-color: #3c8dde;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
background-image: -moz-linear-gradient(#599bdc, #3072b3);
background-image: -o-linear-gradient(#599bdc, #3072b3);
background-image: linear-gradient(#599bdc, #3072b3);
}
/* overrides extra padding on button elements in Firefox */
.hzButton::-moz-focus-inner {
padding: 0;
border: 0;
}
/* =============================================================================
Button icons
========================================================================== */
.hzButton.icon.left:before,.hzButton.icon.right:before {
content: "";
position: relative;
margin: 0 6px 0 0;
}
.hzButton.icon.left:after,.hzButton.icon.right:after {
content: "";
position: relative;
margin: 0 0 0 6px;
}
/* Danger button
========================================================================== */
.hzButton.danger {
color: #900;
}
.hzButton.danger:hover,
.hzButton.danger:focus,
.hzButton.danger:active {
border-color: #b53f3a;
border-bottom-color: #a0302a;
color: #fff;
background-color: #dc5f59;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
background-image: -moz-linear-gradient(#dc5f59, #b33630);
background-image: -ms-linear-gradient(#dc5f59, #b33630);
background-image: -o-linear-gradient(#dc5f59, #b33630);
background-image: linear-gradient(#dc5f59, #b33630);
}
.hzButton.disabled {
opacity: 0.9;
cursor:not-allowed;
color:gray;
}
.hzButton:not(.icon):not(.fa):before{
content:'';
width:0;
height:100%;
display:inline-block;
position:relative;
vertical-align:middle;
}
.hzButton.fa.left:before{
padding-right:8px;
}
.hzButton.noCaption.fa.left:before{
position:relative;
top:4px;
}
.hzButton.icon.left:after,
.hzButton.icon.right:before,
.hzButton.icon.top:after,
.hzButton.icon.bottom:before{
content:'';
width:0;
height:100%;
display:inline-block;
position:relative;
vertical-align:middle;
}
.hzButton > .content {
padding-top:1px;
display:inline-block;
}
.hzButton.fa > .content {
margin-top:3px;
margin-bottom:3px;
}
.hzButton.icon.top > .content {
position:absolute;
width:100%;
left:0px;
bottom: calc(25% - 0.5em);
}
.hzButton.icon.bottom > .content {
position:absolute;
width:100%;
left:0px;
top: calc(25% - 0.5em);
}
.hzButton.icon:before,
.hzButton.icon:after{
position:relative;
}
.hzButton.icon.left:before,
.hzButton.icon.right:after{
top:2px;
}
.hzButton.icon.bottom:after
{
position:absolute;
bottom: calc(25% - 8px);
left:calc(50% - 6px);
}
.hzButton.icon.top:before
{
position:absolute;
top: calc(25% - 6px);
left: calc(50% - 6px);
}
.hzButton.icon.disabled:before,
.hzButton.icon.disabled:after{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}
.hzButton.icon.add.left:before,
.hzButton.icon.add.right:after,
.hzButton.icon.add.top:before,
.hzButton.icon.add.bottom:after{
content:url('/hz/images/Toolbars/add.png');
}
.hzButton.icon.edit.left:before,
.hzButton.icon.edit.right:after,
.hzButton.icon.edit.top:before,
.hzButton.icon.edit.bottom:after{
content:url('/hz/images/Toolbars/edit.png');
}
.hzButton.icon.copy.left:before,
.hzButton.icon.copy.right:after,
.hzButton.icon.copy.top:before,
.hzButton.icon.copy.bottom:after{
content:url('/hz/images/Toolbars/copy.png');
}
.hzButton.icon.remove.left:before,
.hzButton.icon.remove.right:after,
.hzButton.icon.remove.top:before,
.hzButton.icon.remove.bottom:after,
.hzButton.icon.no.left:before,
.hzButton.icon.no.right:after,
.hzButton.icon.no.top:before,
.hzButton.icon.no.bottom:after
{
content:url('/hz/images/Toolbars/remove.png');
}
.hzButton.icon.remove2.left:before,
.hzButton.icon.remove2.right:after,
.hzButton.icon.remove2.top:before,
.hzButton.icon.remove2.bottom:after{
content:url('/hz/images/Toolbars/delete.png');
}
.hzButton.icon.approve.left:before,
.hzButton.icon.approve.right:after,
.hzButton.icon.approve.top:before,
.hzButton.icon.approve.bottom:after,
.hzButton.icon.yes.left:before,
.hzButton.icon.yes.right:after,
.hzButton.icon.yes.top:before,
.hzButton.icon.yes.bottom:after,
.hzButton.icon.ok.left:before,
.hzButton.icon.ok.right:after,
.hzButton.icon.ok.top:before,
.hzButton.icon.ok.bottom:after
{
content:url('/hz/images/Toolbars/approve.png');
}
.hzButton.icon.save.left:before,
.hzButton.icon.save.right:after,
.hzButton.icon.save.top:before,
.hzButton.icon.save.bottom:after{
content:url('/hz/images/Toolbars/save.png');
}
.hzButton.icon.printer.left:before,
.hzButton.icon.printer.right:after,
.hzButton.icon.printer.top:before,
.hzButton.icon.printer.bottom:after{
content:url('/hz/images/Toolbars/printer.png');
}
.hzButton.icon.search.left:before,
.hzButton.icon.search.right:after,
.hzButton.icon.search.top:before,
.hzButton.icon.search.bottom:after{
content:url('/hz/images/Toolbars/search.png');
}
.hzButton.icon.quickSearch.left:before,
.hzButton.icon.quickSearch.right:after,
.hzButton.icon.quickSearch.top:before,
.hzButton.icon.quickSearch.bottom:after{
content:url('/hz/images/Toolbars/quickSearch.png');
}
.hzButton.icon.reload.left:before,
.hzButton.icon.reload.right:after,
.hzButton.icon.reload.top:before,
.hzButton.icon.reload.bottom:after,
.hzButton.icon.cancel.left:before,
.hzButton.icon.cancel.right:after,
.hzButton.icon.cancel.top:before,
.hzButton.icon.cancel.bottom:after
{
content:url('/hz/images/Toolbars/reload.png');
}
.hzButton.icon.approve.left:before,
.hzButton.icon.approve.right:after,
.hzButton.icon.approve.top:before,
.hzButton.icon.approve.bottom:after{
content:url('/hz/images/Toolbars/approve.png');
}
.hzButton.icon.options.left:before,
.hzButton.icon.options.right:after,
.hzButton.icon.options.top:before,
.hzButton.icon.options.bottom:after{
content:url('/hz/images/Toolbars/options.png');
}
.hzButton.icon.first.left:before,
.hzButton.icon.first.right:after,
.hzButton.icon.first.top:before,
.hzButton.icon.first.bottom:after{
content:url('/hz/images/Toolbars/first.png');
}
.hzButton.icon.last.left:before,
.hzButton.icon.last.right:after,
.hzButton.icon.last.top:before,
.hzButton.icon.last.bottom:after{
content:url('/hz/images/Toolbars/last.png');
}
.hzButton.icon.next.left:before,
.hzButton.icon.next.right:after,
.hzButton.icon.next.top:before,
.hzButton.icon.next.bottom:after{
content:url('/hz/images/Toolbars/next.png');
}
.hzButton.icon.previous.left:before,
.hzButton.icon.previous.right:after,
.hzButton.icon.previous.top:before,
.hzButton.icon.previous.bottom:after{
content:url('/hz/images/Toolbars/previous.png');
}
.hzButton.icon.exit.left:before,
.hzButton.icon.exit.right:after,
.hzButton.icon.exit.top:before,
.hzButton.icon.exit.bottom:after{
content:url('/hz/images/Toolbars/exit2.png');
}
.hzButton.icon.undo.left:before,
.hzButton.icon.undo.right:after,
.hzButton.icon.undo.top:before,
.hzButton.icon.undo.bottom:after{
content:url('/hz/images/Toolbars/undo.png');
}
.hzButton.icon.redo.left:before,
.hzButton.icon.redo.right:after,
.hzButton.icon.redo.top:before,
.hzButton.icon.redo.bottom:after{
content:url('/hz/images/Toolbars/redo.png');
}
.hzButton.icon.upload.left:before,
.hzButton.icon.upload.right:after,
.hzButton.icon.upload.top:before,
.hzButton.icon.upload.bottom:after{
content:url('/hz/images/Toolbars/up.png');
}
.hzButton.icon.download.left:before,
.hzButton.icon.download.right:after,
.hzButton.icon.download.top:before,
.hzButton.icon.download.bottom:after{
content:url('/hz/images/Toolbars/download.png');
}
.hzButton.icon.clear.left:before,
.hzButton.icon.clear.right:after,
.hzButton.icon.clear.top:before,
.hzButton.icon.clear.bottom:after{
content:url('/hz/images/Toolbars/clear.png');
}
.hzButton.icon.back.left:before,
.hzButton.icon.back.right:after,
.hzButton.icon.back.top:before,
.hzButton.icon.back.bottom:after{
content:url('/hz/images/Toolbars/back.png');
}
.hzButton.icon.grid.left:before,
.hzButton.icon.grid.right:after,
.hzButton.icon.grid.top:before,
.hzButton.icon.grid.bottom:after{
content:url('/hz/images/Toolbars/grid.png');
}
.hzButton.icon.noCaption {
padding: 4px 2px 2px 8px;
}
.hzButton.icon.noCaption .content{
display:none;
}
.hzButton.icon.noCaption:after{
display:none;
}
.hzButton.flex_1{
-ms-flex: 0;
-webkit-box-flex: 0;
-moz-box-flex: 0;
-webkit-flex: 0;
flex: 0;
}
.hzButton.checked {
border: 1px inset silver;
}
.hzButton.noCaption.fa {
min-width:28px;
padding:5px 4px 0px 4px;
}
.hzButton.noCaption.fa .content {
display:none;
}
.hzTextItem,
.hzColorItem,
.hzLabelItem,
.hzCanvasItem,
.hzListItem,
.hzSelectItem,
.hzMemoItem,
.hzImageItem,
.hzUploadItem
{
background:#fefdff;
border:1px solid silver;
position:relative;
}
.hzUploadLabel {
position:relative;
display:inline-block;
}
.hzCanvasItem{
border:0px;
background:transparent;
}
.hzSelectItem
{
display:inline-block;
width:100%;
}
.hzListItem{
overflow:auto;
}
.hzSelectItem select
{
padding:0px;
border:0px;
width:100%;
height:100%;
}
.hzSelectItem select.hasIcon {
width:calc(100% - 16px);
}
.hzListItem.readOnly .optionTitle,.hzRadioGroupItem.readOnly .optionTitle {
color:gray;
}
.hzListItem:not(.readOnly) tr> td:hover:not(.active) {
background:lightyellow;
color:black;
}
.hzListItem:not(.readOnly) tr >td {
cursor:pointer;
}
.hzListItem tr> td.active {
background:#607194;
color:white;
}
.hzListItem table {
width:100%;
}
.hzListItem >table tr >td:first-child {
display:none;
}
.hzTextItem input,.hzColorItem input,.hzImageItem input,.hzUploadItem input {
border:0px;
padding: 2px 2px 2px 4px;
width:100%;
height:100%;
float:left;
}
.hzTextItem,.hzColorItem,.hzImageItem,.hzLabelItem,.hzUploadItem {
height:27px;
}
.inGrid .hzTextItem,
.inGrid .hzColorItem,
.inGrid .hzCanvasItem,
.inGrid .hzListItem,
.inGrid .hzSelectItem,
.inGrid .hzMemoItem,
.inGrid .hzImageItem,
.inGrid .hzUploadItem
{
border:0px solid silver;
}
.inGrid .hzTextItem,.inGrid .hzColorItem,.inGrid .hzImageItem,.inGrid .hzUploadItem {
height:26px;
}
.inGrid .hzMemoItem{
height:26px;
}
.hzImageItem.readOnly ,
.hzUploadItem.readOnly
{
background:menu;
}
.hzImageItem.readOnly .iconUpload {
/*
display:none;
*/
}
.hzImageItem.noEditor {
/*
background:whitesmoke;
*/
}
.hzUploadItem.readOnly .hzIcon {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}
.hzUploadItem .ext {
position:absolute;
left:2px;
bottom:4px;
width:16px;
height:16px;
display:none;
}
.hzForm .preview {
display:inline-block;
margin-top:8px;
}
.hasIcon {
padding-right:16px;
position:relative;
}
.hzColorItem{
position:relative;
}
.hzColorItem:before{
content:'#';
color:darkred;
position:absolute;
top:3px;
left:4px;
z-index:100;
}
.hzCanvasItem > div{
width:100%;
height:100%;
}
.hzMemoItem {
overflow:hidden;
}
.hzMemoItem textarea {
border:0px;
padding:4px;
width:100%;
height:100%;
}
hzTextItem:focus,.hzTextItemFocus,
hzMemoItem:focus,.hzMemoItemFocus
{
background:lightyellow;
}
.hzSelectItem.readOnly select,
.hzImageItem.readOnly input,
.hzUploadItem.readOnly input,
.hzTextItem.readOnly input,
.hzColorItem.readOnly input,
.hzMemoItem.readOnly textarea
{
background:whitesmoke;
}
.hzRichTextItem {
overflow:auto;
min-height:100px;
min-width:300px;
position:relative;
height:100%;
}
.hzRichTextItem .readOnlyMask {
top:0px;
left:0px;
position:absolute;
width:0;
height:0;
background: gray;
opacity: 0.04;
}
.inGrid .hzFormItemOuter {
width:100%;
}
.inGrid .hzFormItemOuter td {
padding:0px;
/*
padding-right:1px;
*/
}
.inGrid .hzFormItemOuter td > div {
overflow:hidden;
/*
border:0px;
*/
}
.inGrid .hzFormItemOuter td > div >input {
position:relative;
left:-2px;
}
.inGrid .hzFormItemOuter .hzMemoItem textarea {
padding:2px;
}
.inGrid .hzFormItemOuter td > div:not(.readOnly) >input,
.inGrid .hzFormItemOuter td > div:not(.readOnly) >select,
.inGrid .hzFormItemOuter td > div:not(.readOnly) >textarea
{
background:lightyellow;
}
.inGrid .hzFormItemOuter td > div >select {
position:relative;
left:-2px;
padding:1px;
}
.inGrid .hzSelectItem {
display:block;
}
.hzCheckBoxItem td {
padding:2px;
}
.hzCheckBoxItem.readOnly .optionTitle {
color:gray;
}
.hzCheckBoxItem .hzContent {
text-align:center;
}
.hzMultiCheckBoxItem .selectTopPane {
margin-left:2px;
border-bottom:1px solid silver;
font-weight:bold;
}
.hzMultiCheckBoxItem .selectTopPane label {
margin-left:2px;
}
.hzRadioGroupItem > table,.hzMultiCheckBoxItem > table {
float:left;
}
.hzRadioGroupItem td,.hzMultiCheckBoxItem td {
padding:2px;
}
.hzRadioGroupItem td:nth-child(even),.hzMultiCheckBoxItem td:nth-child(even) {
padding-right:12px;
}
.overflowAuto {
overflow:auto;
}
.hzIcon {
position:absolute;
right:1px;
bottom:1px;
bottom:calc((100% - 16px) / 2);
height:70%;
height:16px;
cursor:pointer;
}
.hzMemoItem .hzIcon {
bottom:6px;
}
.iconUpload {
/*
background:url("/hz/images/icons/other/Toolbars/up.png");
*/
background-size: 100% 100%;
background-repeat: no-repeat;
margin-bottom:2px;
cursor:pointer;
position:absolute;
}
.hzUploadItem.readOnly .iconUpload,.hzUploadItem.readOnly .hzMemoEditor {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}
.hzResizebar {
background: #fafafa;
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(24%, #f7f7f7), color-stop(62%, #e8e8e8), color-stop(71%, #e8e8e8), color-stop(100%, #e8e8e8));
background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%);
background-image: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%);
background-image: -o-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%);
background-image: linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%);
padding-right: 3px;
font-family:Calibri;
color:gray;
border:1px solid silver;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.hzResizebar.draged,.hzResizebar:hover{
background:gray;
}
.hzHResizebar {
position:absolute;
width:6px;
cursor: ew-resize;
overflow:hidden;
}
.hzHResizebar:before {
content: '• • •';
content:'';
color: silver;
line-height:8px;
left:1px;
position: absolute;
top:50%;
margin-top:-20px;
font-size:12px;
background:gray;
}
.hzVResizebar {
position:absolute;
height:6px;
cursor: ns-resize;
overflow:hidden;
}
.hzVResizebar:before {
content: '• • •';
content:'';
color: silver;
left:1px;
margin-top:-6px;
position: absolute;
left:50%;
margin-left:-40px;
font-size:12px;
background:gray;
}
.hzPanel {
min-width:20px;
min-height:20px;
overflow:auto;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
overflow:hidden;
flex-shrink:0;
height:100%;
}
.hzPanel.horizontal {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction:row;
}
.hzPanel.vertical >hzPanel.horizontal:(not:last-child) {
margin:0px;
}
.hzPanel.horizontal.left {
justify-content:flex-start;
-webkit-justify-content: flex-start; /* Safari 6.1+ */
}
.hzPanel.horizontal.right {
justify-content:flex-end;
-webkit-justify-content:flex-end;
}
.hzPanel.horizontal.center {
justify-content:center;
-webkit-justify-content:center;
}
.hzPanel.horizontal.top {
align-items:flex-start;
-webkit-align-items:flex-start;
}
.hzPanel.horizontal.bottom {
align-items:flex-end;
-webkit-align-items:flex-end;
}
.hzPanel.horizontal.middle {
align-items:center;
-webkit-align-items:center;
}
.hzPanel.vertical {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction:column;
}
.hzPanel.vertical.left {
align-items:flex-start;
-webkit-align-items:flex-start;
}
.hzPanel.vertical.right {
align-items:flex-end;
-webkit-align-items:flex-end;
}
.hzPanel.vertical.center {
align-items:center;
-webkit-align-items:center;
}
.hzPanel.vertical.top {
justify-content:flex-start;
-webkit-justify-content:flex-start;
}
.hzPanel.vertical.bottom {
justify-content:flex-end;
-webkit-justify-content:flex-end;
}
.hzPanel.vertical.middle {
justify-content:center;
-webkit-justify-content:center;
}
/* hzWindow */
/* hzWindow */
.hzCanvas {
overflow:auto;
height:100%;
}
.hzLookupGridWindow {
width:100px;
min-width:200px;
min-height:100px;
position:absolute;
background:white;
}
.hzLookupGridWindow .hzSimpleGrid {
min-height:100px;
}
.hzElipseWindow {
position:absolute;
background:white;
top:10px;
margin:auto;
}
.hzMask {
position:fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
background:black;
opacity: 0.01;
}
td.modified >div {
color:darkred;
}
.hzChart {
text-align:center;
}
/*
.hzFormItemOuterPane {
overflow:auto;
}
*/
.hzFormItemOuterPane.inGrid {
overflow:hidden;
}
.hzFormItemOuterPane.inGrid .hzCheckBoxItem {
width:13px;
}
.hzFormItemOuterPane.inGrid div:not(.hzListItem) .optionTitle {
display:none;
}
.tbAbsolute tr,.tbAbsolute td {
padding:0;
margin:0;
border:0
}
span.hint {
padding-left:0px;
}
.hzPrompt {
width:200px;
height:50px;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
background:darkblue;
color:white;
top:calc(50% - 25px);
left:calc(50% - 50px);
position:absolute;
border:1px solie gray;
vertical-align:middle;
text-align:center;
align-items:center;
justify-content:center;
}
.autoCenter {
/* Center without knowing the width/height */
position: absolute;
left: 50%;
top: 50%;
width: auto;
height: auto;
margin: 0;
transform: translateX(-50%) translateY(-50%);
}
.flex_1 {
-ms-flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.hzStateItem {
text-align:center;
}
.hzStateItem .showItem {
display:none;
left:-4px;
top:1px;
position:relative;
cursor:pointer;
}
.hzStateItem .showBlankItem img {
border:1px solid black;
width:16px;
height:16px;
}
.hzKeyTitle {
color:darkred;
}
.hzFormItemOuterPane {
display:inline-block;
}
.hzFormItemOuterPane > table {
width:100%;
height:100%;
}
.inGrid.hzFormItemOuterPane {
height:26px;
display:block;
position:relative;
padding-left:0px;
left:1px;
}
.hzRichTextWindowItem {
border:1px solid silver;
position:relative;
height:100%;
}
.hzIcon.noIcon {
display:none;
}
.hzRichTextWindowItem .hzIcon {
width:16px;
height:16px;
top:4px;
}
.hzCustomGrid {
overflow:auto;
}
.wrap {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
}
.hzVideoEditItem {
position:relative;
}
.hzVideoEditItem + .preview {
display:none;
}
.hzVideoEditItem + .preview,.hzVideoShow {
border:1px solid silver;
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.hzVideoEditItem + .preview iframe,.hzVideoShow iframe{
border:0px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hzImg {
border:1px solid silver;
}
.hzGuideFlow {
overflow:auto;
}
.hzHistory {
height:30px;
width:100px;
border:0px;
}
.overflowHidden {
overflow:hidden;
}
/*hzCalendar*/
.hzCalendar {
min-height:200px;
min-width:300px;
font-size:0.8em;
background:white;
}
.hzCalendar .selectPane {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
justify-content:center;
background:menu;
}
.hzCalendar .datePane {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap:wrap;
-ms-flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex:1;
}
.hzCalendar .weekPane {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
height:2em;
-ms-flex-wrap: wrap;
flex-wrap:wrap;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction:row;
}
.hzCalendar .week,
.hzCalendar .day {
min-height:2em;
border:1px solid silver;
width:14.285%;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
justify-content:center;
position:relative;
}
.hzCalendar .day {
font-size:1.2em;
}
.hzCalendar .day span {
font-weight:normal;
}
.hzCalendar .day:hover:not(.select):not(.notShow) {
cursor:pointer;
border:1px solid orange;
background:#80bfff;
}
.hzCalendar .week {
-ms-flex-align:center;
align-items:center;
background:menu;
height:1.5em;
}
.hzCalendar .day.sat {
color:green;
}
.hzCalendar .day.sun {
color:red;
}
.hzCalendar .lunar {
position:absolute;
color:gray;
font-size:0.5em;
bottom:0;
white-space: pre;
right:1px;
}
.hzCalendar .lunar.first {
color:darkblue;
}
.hzCalendar .lunarTerm{
position:absolute;
color:darkred;
font-size:0.5em;
white-space: pre;
bottom:0;
left:1px;
}
.hzCalendar .day.today:not(.notShow){
background:lightgreen;
}
.hzCalendar .select:not(.notShow) {
background:#ffd9b3;
}
.hzCalendar .day.notCurrent,.hzCalendar .day.notCurrent >* {
color:silver;
}
.hzCalendar .dayEvent {
color:black;
font-weight:normal;
position:absolute;
height:calc(100% - 1em);
overflow:auto;
padding:2px;
width:100%;
left:0;
top:2em;
font-size:0.5em;
}
.hzCalendar .day >.lunar + .dayEvent {
height:calc(100% - 2em);
}
/*hzLabel */
.hzLabel {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex;
display:flex;
overflow:hidden;
}
.hzLabel >div {
overflow:auto;
/*
width:100%;
height:100%;
*/
}
.hzLabel.middle {
align-items:center;
-webkit-align-items:center;
}
.hzLabel.top {
align-items:flex-start;
-webkit-align-items:flex-start;
}
.hzLabel.bottom {
align-items:flex-end;
-webkit-align-items:flex-end;
}
.hzLabel.center {
justify-content:center;
-webkit-justify-content:center;
}
.hzLabel.left {
justify-content:flex-start;
-webkit-justify-content:flex-start;
}
.hzLabel.right {
justify-content:flex-end;
-webkit-justify-content:flex-end;
}
/*hzLabelItem*/
.hzLabelItem {
border:0px;
background:transparent;
padding:2px;
}
.hzLabelItem option{
color:;
}
.hzLabelItem > div{
display:inline-block;
}
.hzLabelItem.wrap > div{
overflow:hidden;
}
/* hzTabSet*/
.hzTabSet {
padding:2px;
min-height:50px;
position:relative;
}
.hzTabSet > .hzTabSetPane {
border: none;
border: 1px solid silver;
border-radius: 0;
background-color: #fff;
position: relative;
margin: 0;
outline: none;
margin-top: -1px;
min-width:100px;
min-height:30px;
height:calc(100% - 23px);
overflow:auto;
z-index:101;
}
.hzTabSet >ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.hzTabSet >ul li{
text-align:center;
padding:3px;
position:relative;
}
.hzTabSet>ul li.hasContent:after {
content:'\2729';
position:absolute;
bottom:-2px;
right:0px;
color:red;
z-index:100;
}
.hzTabSet >ul li.selected{
background: #21a4ad;
}
.hzTabSet >ul li >.removeIcon {
width:10px;
height:10px;
background-image:url(/hz/images/Toolbars/remove.png);
background-size:9px;
position:absolute;
right: 2px;
z-index: 5;
top: 2px;
cursor:hand;
display:none;
}
.hzTabSet >ul li:hover >.removeIcon:hover {
width:15px;
height:15px;
background-size:15px;
}
.hzTabSet >ul li:hover >.removeIcon {
display:block;
}
.hzTabSet >ul >li a {
font-weight: 600;
font-size:1em;
text-decoration: none;
color: #333;
background: #f1f1f1;
outline: none;
border: 1px solid #ccc;
border-radius: 5px 5px 0 0;
position: relative;
transition: border-color .3s linear;
}
.hzTabSet >ul > li.selected a {
color: #333;
color:whitesmoke;
border-color: #4a6a7c;
background: #21a4ad;
z-index: 3;
}
.hzTabSet >ul >li.hide,
.hzTabSet.topLeft >ul >li.hide,
.hzTabSet.bottomLeft >ul >li.hide,
.hzTabSet.topRight >ul >li.hide
{
display:none;
}
/*topLeft*/
.hzTabSet.topLeft > .hzTabSetPane,
.hzTabSet.bottomLeft > .hzTabSetPane,
.hzTabSet.bottomRight > .hzTabSetPane,
.hzTabSet.topRight > .hzTabSetPane {
margin-top: -1px;
height:calc(100% - 23px);
}
.hzTabSet.topLeft >ul ,
.hzTabSet.bottomLeft >ul
{
text-align: left;
padding-left: 5px;
}
.hzTabSet.topRight >ul,
.hzTabSet.bottomRight >ul
{
padding-right: 5px;
text-align:right;
}
.hzTabSet.topLeft >ul >li ,
.hzTabSet.bottomLeft >ul >li ,
.hzTabSet.bottomRight >ul >li ,
.hzTabSet.topRight >ul >li
{
margin-right: 0;
margin-right: 2px;
padding: 0;
display: inline;
cursor:pointer;
}
.hzTabSet.topLeft >ul >li a,
.hzTabSet.bottomLeft >ul >li a,
.hzTabSet.bottomRight >ul >li a,
.hzTabSet.topRight >ul >li a
{
padding: 0 10px;
display: inline-block;
border-bottom: none;
min-width:50px;
line-height: 24px;
}
.hzTabSet.bottomLeft >ul >li a,
.hzTabSet.bottomRight >ul >li a{
border-radius: 0 0 5px 5px;
}
/*leftTop*/
.hzTabSet.leftTop > .hzTabSetPane,
.hzTabSet.rightTop > .hzTabSetPane,
.hzTabSet.rightBottom > .hzTabSetPane,
.hzTabSet.leftBottom > .hzTabSetPane
{
margin-left: -1px;
width:calc(100% - 30px);
float:right;
}
.hzTabSet.noTabTitle.leftTop> .hzTabSetPane,
.hzTabSet.noTabTitle.rightTop> .hzTabSetPane,
.hzTabSet.noTabTitle.rightBottom> .hzTabSetPane,
.hzTabSet.noTabTitle.leftBottom> .hzTabSetPane
{
width:100%;
}
.hzTabSet.leftTop > .hzTabSetPane:after,
.hzTabSet.rightTop > .hzTabSetPane:after,
.hzTabSet.rightBottom > .hzTabSetPane:after,
.hzTabSet.leftBottom > .hzTabSetPane:after {
content:'';
clear:both;
}
.hzTabSet.leftTop >ul {
text-align: left;
left:3px;
top:5px;
width:30px;
position:absolute;
}
.hzTabSet.leftTop >ul >li,
.hzTabSet.rightTop >ul >li,
.hzTabSet.rightBottom >ul >li,
.hzTabSet.leftBottom >ul >li
{
margin-bottom: 2px;
border:1px solid #ccc;
cursor:pointer;
border-radius: 5px 0 0 5px;
}
.hzTabSet.leftTop >ul >li.selected,
.hzTabSet.rightTop >ul >li.selected,
.hzTabSet.rightBottom >ul >li.selected,
.hzTabSet.leftBottom >ul >li.selected {
border-right:0px solid white;
}
.hzTabSet.leftTop >ul >li a,
.hzTabSet.rightTop >ul >li a,
.hzTabSet.rightBottom >ul >li a,
.hzTabSet.leftBottom >ul >li a {
padding: 10 0px;
border-right: none;
min-height:50px;
border:0px;
width:100%;
border-radius: 0 0 0 0;
}
/*leftBottom*/
.hzTabSet.rightTop > .hzTabSetPane,
.hzTabSet.rightBottom > .hzTabSetPane
{
margin-right: -1px;
float:left;
}
.hzTabSet.rightTop >ul{
text-align: right;
right:3px;
top:5px;
width:30px;
position:absolute;
}
.hzTabSet.leftBottom >ul
{
text-align: left;
left:3px;
bottom:5px;
width:30px;
position:absolute;
}
.hzTabSet.rightBottom >ul
{
text-align: right;
right:3px;
bottom:5px;
width:30px;
position:absolute;
}
.hzTabSet.rightTop >ul >li,
.hzTabSet.rightBottom >ul >li
{
margin-bottom: 2px;
text-align:left;
padding-left:4px;
border-radius: 0 5px 5px 0
}
.hzTabSet .hzTab {
overflow:auto;
}
.hzGroupBox {
position:relative;
padding:2px;
}
.hzGroupBox .caption {
position:absolute;
background:white;
}
.hzGroupBox .body {
position:relative;
border:1px solid silver;
}
.hzGroupBox.topLeft >.caption {
top:0px;
left:12px;
padding:2px 12px 2px 12px;
}
.hzGroupBox.topLeft >.body,
.hzGroupBox.topRight >.body
{
top:12px;
height:calc(100% - 12px);
padding-top:8px;
width:100%;
}
.hzGroupBox.topRight >.caption {
top:0px;
right:12px;
padding:2px 12px 2px 12px;
}
.hzGroupBox.bottomLeft >.caption {
bottom:0px;
left:12px;
padding:2px 12px 2px 12px;
}
.hzGroupBox.bottomLeft >.body,
.hzGroupBox.bottomRight >.body {
top:0px;
padding-bottom:8px;
height:calc(100% - 12px);
width:100%;
}
.hzGroupBox.bottomRight >.caption {
bottom:0px;
right:12px;
padding:2px 12px 2px 12px;
}
.hzGroupBox.bottomRight >.body {
top:0px;
height:calc(100% - 12px);
width:100%;
}
.hzGroupBox.bottomRight >.body >.hzPanel,
.hzGroupBox.bottomLeft >.body >.hzPanel
{
top:0px;
overflow:auto;
}
.hzGroupBox.topRight >.body >.hzPanel,
.hzGroupBox.topLeft >.body >.hzPanel
{
top:0px;
overflow:auto;
}
.hzCustomGrid div[hzRow] >div{
display:inline-block
}
.hzCustomGrid div[hzRow][isDefault] {
border-bottom:1px solid silver;
}
.hzCustomRow {
overflow:auto;
position:relative;
}
.hzCustomRow .rowForm ,
.hzCustomRow .column {
display:inline-block;
}
.hzCustomRow .column{
border:1px solid transparent;
}
.hzCustomRow .row {
overflow:auto;
border:1px dashed transparent;
}
.hzCustomRow .column.active {
border:1px dotted red;
}
.hzCustomRow .rowForm td {
position:relative;
}
.hzCustomRow .rowForm .itemMask {
position:absolute;
top:0px;
content:'';
width:100%;
height:100%;
border:0px solid red;
z-index:100;
}
/*hzCanvasItem*/
.hzCanvasItem {
min-height:20px;
}.hzUploadItem .removeIcon {
width:10px;
height:10px;
background-image:url(/hz/images/Toolbars/remove.png);
background-repeat: no-repeat;
background-size:9px;
background-position: center;
position:absolute;
cursor:pointer;
right: 36px;
z-index: 5;
top: 2px;
cursor:hand;
display:none;
}
.hzUploadItem img.ext {
display:none;
}
.hzUploadItem.prefix img.ext {
display:inline-block;
}
.hzUploadItem.prefix.empty img.ext {
display:none;
}
.hzUploadItem:not(.readOnly):hover >.removeIcon {
display:block;
}
.hzUploadItem:not(.readOnly) .iconUpload:hover ~ .removeIcon {
display:none;
}
.hzUploadItem:not(.readOnly) .hzIcon:hover ~ .removeIcon {
display:none;
}
.hzUploadItem:not(.readOnly) .hzMemoEditor:hover ~ .removeIcon {
display:none;
}
.hzUploadItem input
{
width:calc(100% - 40px);
/*
background:whitesmoke;
*/
}
.hzUploadItem input{
padding-left:24px;
}
.uploadShow {
margin-top:12px;
border-spacing:0px;
}
.uploadShow td {
border-top:1px solid silver;
padding:6px
}
.uploadShow .name {
padding-left:8px;
}
.uploadShow .size {
padding-right:8px;
}
.hzUploadItem .hzIcon {
position:absolute;
right: 18px;
bottom:1px;
bottom:calc((100% - 16px) / 2);
height:70%;
height:16px;
cursor:pointer;
}
.hzUploadItem .hzMemoEditor {
position:absolute;
right: 1px;
bottom:calc((100% - 16px) / 2);
height:70%;
height:16px;
cursor:pointer;
}
/*
.hzUploadItem:not(.readOnly):hover >.removeIcon:hover {
width:15px;
height:15px;
background-size:15px;
}
*/
/*hzImageIgem*/
.hzImageIgem {
display:inline-block;
}
.hzImgItem >img {
/*
width:100%;
height:100%;
*/
}
.hzCode {
overflow:auto;
background:white;
padding-top:48px;
}
.cHide {
display:none;
}
.hzCode >div {
padding-left:12px;
}
.hzCode .class .name{
color: darkBlue;
font-size: 1.2em;
line-height: 1.6;
padding:2px;
}
.hzCode .class .inherites{
color: blue;
font-size: 0.9em;
}
.hzCode >.properties,
.hzCode >.methods,
.hzCode >.events,
.hzCode >.enums
{
margin-bottom:4px;
}
.hzCode .property,
.hzCode .method
{
border:1px solid transparent
}
.hzCode .property.active,
.hzCode .method.active,
.hzCode .event.active {
border:1px dashed red
}
.hzCode >.properties >.title,
.hzCode >.methods >.title,
.hzCode >.events >.title,
.hzCode >.enums >.title
{
background:#679ad7;
color:white;
padding:4px 4px;
}
.hzCode .declare >.name{
font-weight:bold;
color:#3072b3;
}
.hzCode .description {
margin-bottom: 4px;
color:black;
}
.hzCode .declare {
position:relative;
}
.hzCode >.properties > .declare,
.hzCode >.methods > .declare,
.hzCode >.events > .declare
{
padding-left:12px;
position:relative;
}
.hzCode >.properties > .description,
.hzCode >.methods > .description,
.hzCode >.events > .description
{
padding-left:12px;
}
.hzCode span.type {
color:blue;
font-weight:normal;
}
.hzCode .params {
margin-bottom:8px
}
.hzCode .params {
padding-left:12px;
}
.hzCode .param >.name {
color:#B77018;
}
.hzCode .attr {
font-size: 0.9em;
color: gray;
margin-left: 4px;
padding: 1px 2px 1px 2px;
background: lightgray;
border: 1px solid green;
}
.hzCode .defaults {
position:absolute;
right:0px;
top:0px;
color:black;
}
.hzCode .property ,
.hzCode .method
{
position:relative;
margin-bottom:6px;
padding:4px;
}
.hzCode .property:not(.cHide):nth-child(even) ,
.hzCode .method:not(.cHide):nth-child(even)
{
background:whitesmoke
}
.hzCode .hasParent >.declare:before{
content:'*';
color:red;
}
.hzCode .or {
color:red;
}
.hzCode .scope.private,
.hzCode .scope.static,
.hzCode .optional
{
margin: 0px 0px 0px 12px;
padding:2px;
background:orange;
border:1px solid #7D3A3A;
color:white;
font-size:0.8em;
}
.hzCode .optional
{
background:#D4D2CD;
border:1px solid silver;
}
.hzCode .scope.static {
background:#A25C70;
border:1px solid darkred;
}
.hzCode .setterGetter[for='NONE'] {
display:none;
}
.hzCode .setterGetter {
margin: 0px 0px 0px 12px;
padding: 2px;
background: #5F84BB;
color: white;
font-size: 0.8em;
border: 1px solid #041133;
}
.hzCode .methodType{
display:none;
margin: 0px 0px 0px 12px;
padding:2px;
background:lightgray;
color:white;
font-size:0.8em;
}
.hzCode .methodType.abstract {
display:initial;
background:lightgray;
}
.hzCode .methodType.override {
display:initial;
background:#869CCC;
}
.hzCode .methodType.protected {
display:initial;
background:#3a8a3a;
}
.hzCode .inherit {
text-decoration:underline;
cursor:pointer;
}
.hzCode .return {
color:darkred;
}
.hzCode .hasParent >.declare>.name {
color:green
}
.hzCode span.type.hz
{
cursor:pointer;
text-decoration:none;
color:darkblue;
}
.hzCode span.type.hz.enum
{
text-decoration:underline;
color:purple;
}
.hint td,.hint span{
font-family:Calibri;
padding:2px 4px;
}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
line-height:1.6;
padding-left:12px;
}.hzPager {
max-height:30px;
height:30px;
min-height:20px;
}
.hzPager ul, .hzPager li {
list-style:none;
display:inline-block;
margin-right:3px;
}
.hzPager li a
{
font:13px/20px Verdana;
color:#434343;
padding:2px 5px 3px;
border:1px solid #ABABAB;
border-radius:4px;
text-decoration:none
}
.hzPager li span
{
font:13px/20px Verdana;
color:#434343;
}
.hzPager .pages {display:inline-block;}
/*
.hzPager .btns {float:left;}
.hzPager .description {float:right;}
*/
.hzPager .pageStr {
margin-right:10px;
}
.hzPager .pageNum {
font-weight:bold;
}
.hzPager .btns li:not(.disabled) a:hover,
{
background-color:#FFFFFF; color:#000000;
}
.hzPager .pages li:not(.disabled) a:hover,
.hzPager .pages li.selected a
{
cursor:default;
background-color:#4C4442; color:#FFFFFF;
}
.hzPager .btns li.disabled a,
.hzPager .pages li.disabled a{
background-color:#FFFFFF;
cursor:not-allowed;
color:lightgreen;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}
/*
.hzPager .btns li.hide,
.hzPager .pages li.hide
{
display:none;
}
/*
.hzPager .hzTextItem {
padding:0px;
top:-1px;
}
.hzPager .hzTextItem td {
padding:0px;
}
.hzPager .hzTextItem td >div {
padding:0px;
}
.hzPager .hzTextItem input {
padding:0px;
font-size:1em;
text-align:center;
}
.hzPager .pageCount,
.hzPager .totalRecordCount {
padding:0 4px;
background:gray;
color:white;
}
*/
.hzSection {
}
.hzSection .sectionHeader {
min-height:27px;
cursor:pointer;
height:27px;
background:menu;
border-bottom:1px solid silver;
background-image: url(dialogbg.png);
background-repeat: repeat-x;
}
.hzSection .sectionHeader:before{
content:url('/hz/images/Section/up.png');
width:13px;
height:13px;
margin-right:8px;
margin-left:4px;
}
.hzSection .sectionHeader.expanded:before{
content:url('/hz/images/Section/down.png');
opacity:1;
}
.hzSection .sectionHeader + .hzPanel {
display:none;
}
.hzSection .sectionHeader.expanded + .hzPanel {
display:flex;
}
.transition {
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.hide {
display:none;
}
.noHeight{
height:0px;
}
.hzMenubar {
background-color:#ececec;
height:34px;
border:1px solid silver;
}
.hzMenubar:after{
clear:both;
}
.hzMenubar > .menuButton,.hzMenubar > .menuLabel {
position:relative;
border:1px outset transparent;
display:inline-block;
background-image:none;
min-height:30px;
padding:4px 8px 4px 8px;
}
.hzMenubar > .menuButton.right,.hzMenubar > .menuLabel.right{
float:right;
}
.hzMenubar> .menubarCaption{
position:absolute;
left:50%;
top:0px;
line-height:34px;
height:100%;
}
.hzMenubar .menuButton:not(.disabled):hover,
.hzMenubar .menuButton:not(.disabled):focus,
.hzMenubar .menuButton:not(.disabled):active {
border-color: white;
border-radius:0;
text-decoration: none;
text-shadow: none;
color: black;
background-color: transparent;
background-image:none;
}
.hzMenubar .menuButton:not(.disabled):not(.checked):active {
border:1px inset white;
/*
padding:5px 7px 3px 9px;
*/
}
.hzMenubar.active .menuButton:hover {
border:1px inset white;
background: #ececec;
/*
padding:5px 7px 3px 9px;
*/
}
.hzMenubar .menuButton >.hzMenu {
display:none;
}
.hzMenubar.active .menuButton:hover >.hzMenu {
position:absolute;
top:29px;
display:block;
z-index:10000;
}
.hzMenubar.active .menuButton:not(.right):hover >.hzMenu {
left:0px;
}
.hzMenubar.active .menuButton.right:hover >.hzMenu {
right:0px;
}
.hzMenubar .menuButton{
margin:0 2px 0 2px;
}.hzMenuButton {
}
.hzMenuButton:after {
content:'\25BE';
padding-left:4px;
font-size:18px;
position:absolute;
}
.hzRichText.content * {
/*-webkit-box-sizing: content-box;box-sizing: content-box;*/
}
.hzRichText.content li{
list-style: inherit;
}
.hzRichText.content ul,.hzRichText.content ol{
padding-left:40px;
}
.templateGroup {
width:100%;
height:auto;
}
.templateSection {
display:block;
width:100%;
position:relative;
padding:8px;
margin:0px;
}
.templateGroup .Image img {
width:100%;
}
.templateGroup .templateSection > img,.templateGroup .templateSection > a > img,
{
width:100%;
}
.templateGroup .Content {
position:relative;
word-break: break-all;
}
.templateGroup .Title {
font-size:24px;
padding:8px 0px;
}
.templateSection .Article {
position:relative;
word-break: break-all;
display:block;
vertical-align:top;
width:100%;
}
.templateSection .Image,.templateSection img {
display:block;
padding:0px 12px;
position:relative;
width:100%;
}
.templateGroup div {
text-align:center;
vertical-align:top;
}
.templateGroup.a-g-l-1-2 div ,
.templateGroup.a-g-l-2-1 div ,
.templateGroup.a-g-t-1-2 div {
text-align:center;
vertical-align:top;
}
@media (min-width: 768px) {
.templateSection {
display:inline-block;
}
.templateSection >.Article {
float:left;
}
.templateSection >.Image {
float:left;
}
/* 左圖右文1:1 */
.templateGroup.ml-ar-1-1 >.templateSection >.Article {
width:50%;
}
.templateGroup.ml-ar-1-1 >.templateSection >.Image {
width:50%;
}
/* 左圖右文1:2 */
.templateGroup.ml-ar-1-2 >.templateSection >.Article {
width:66.66%;
}
.templateGroup.ml-ar-1-2 .templateSection .Image {
width:33.33%;
}
/* 左圖右文2:1 */
.templateGroup.ml-ar-2-1 .templateSection .Article {
width:33.33%;
}
.templateGroup.ml-ar-2-1 .templateSection .Image {
width:66.66%;
}
/* 左圖右文3:1 */
.templateGroup.ml-ar-3-1 >.templateSection >.Article {
width:25%;
}
.templateGroup.ml-ar-3-1 >.templateSection >.Image {
width:75%;
}
/* 左文右圖1:1 */
.templateGroup.al-mr-1-1 .templateSection .Article {
width:50%;
}
.templateGroup.al-mr-1-1 .templateSection .Image {
width:50%;
}
/* 左文右圖1:2 */
.templateGroup.al-mr-1-2 >.templateSection >.Article {
width:33.33%;
}
.templateGroup.al-mr-1-2 >.templateSection >.Image {
width:66.66%;
}
/* 左文右圖2:1 */
.templateGroup.al-mr-2-1 >.templateSection >.Article {
width:66.66%;
}
.templateGroup.al-mr-2-1 >.templateSection > .Image {
width:33.33%;
}
/* 左文右圖3:1 */
.templateGroup.al-mr-3-1 >.templateSection >.Article {
width:75%;
}
.templateGroup.al-mr-3-1 >.templateSection >.Image {
width:25%;
}
/* 上文下圖 */
/* 上圖下文 */
.templateGroup.mt-ab-1-1 > .templateSection >.Article,
.templateGroup.mt-ab-1-1 > .templateSection >.Image,
.templateGroup.at-mb-1-1 > .templateSection >.Article,
.templateGroup.at-mb-1-1 >.templateSection .Image,
.templateGroup.multiColumns > .templateSection > .Article,
.templateGroup.multiColumns >.templateSection > .Image
{
display:block;
}
/*二欄內文*/
/*三欄內文*/
/*四欄內文*/
/*六欄內文*/
/*八欄內文*/
/*十欄內文*/
/*左一右二內文*/
/*左二右一內文*/
/*上一下二內文*/
/*文文圖*/
.templateGroup.a-g-2,
.templateGroup.a-g-3,
.templateGroup.a-g-4 ,
.templateGroup.a-g-6 ,
.templateGroup.a-g-8 ,
.templateGroup.a-g-10 ,
.templateGroup.a-g-l-1-2 ,
.templateGroup.a-g-l-2-1 ,
.templateGroup.a-g-t-1-2 ,
.templateGroup.a-a-m ,
.templateGroup.a-m-a ,
.templateGroup.m-a-m ,
.table
{
display:table;
width:100%;
}
/*二欄圖文*/
/*二欄內文*/
/*二欄圖片*/
.templateGroup.c2 > .templateSection
{
width:50%;
float:left;
}
/*三欄圖文*/
/*三欄內文*/
/*文文圖*/
.templateGroup.c3 > .templateSection
{
width:33.33%;
float:left;
vertical-align:top;
}
/*四欄圖文*/
/*四欄內文*/
.templateGroup.c4 > .templateSection
{
width:25%;
float:left;
}
/*六欄內文*/
.templateGroup.c6 > .templateSection
{
width:16.66%;
float:left;
}
/*八欄內文*/
.templateGroup.c8 > .templateSection
{
width:12.5%;
float:left;
}
/*十欄內文*/
.templateGroup.c10 > .templateSection
{
width:10%;
float:left;
}
/*文繞圖*/
.templateGroup.ml-a div.Content ,.templateGroup.a-mr div.Content{
text-align:left;
}
.templateGroup.ml-a ,.templateGroup.a-mr {
width:100%;
}
/*文繞圖左*/
.templateGroup.ml-a > img,.templateGroup.ml-a > a > img {
width:auto;
max-width:100%;
float:left;
}
/*文繞圖右*/
.templateGroup.a-mr > img ,.templateGroup.a-mr > a > img{
width:auto;
max-width:100%;
float:right;
}
.c-12 {
width: 100%;
float:left;
}
.c-11 {
width: 91.66666667%;
float:left;
}
.c-10 {
width: 83.33333333%;
float:left;
}
.c-9 {
width: 75%;
float:left;
}
.c-8 {
width: 66.66666667%;
float:left;
}
.c-7 {
width: 58.33333333%;
float:left;
}
.c-6 {
width: 50%;
float:left;
}
.c-5 {
width: 41.66666667%;
float:left;
}
.c-4 {
width: 33.33333333%;
float:left;
}
.c-3 {
width: 25%;
float:left;
}
.c-2 {
width: 16.66666667%;
float:left;
}
.c-1 {
width: 8.33333333%;
float:left;
}
}
/* HZ.UI.ActionGrid */
.hzActionGrid {
overflow:auto;
border:1px solid silver;
position:relative;
}
.hzActionGrid > table {
table-layout:fixed;
border-collapse: collapse;
border:0px solid silver;
}
.hzActionGrid.noHeader >table.head,
.hzActionGrid.noHeader >table.body thead,
.hzActionGrid.noHeader >table.rowNumber thead{
display:none;
}
.hzActionGrid >.titleBar{
display:none;
}
.hzActionGrid >.titleBar>.caption{
display:table-cell;
padding:12px 6px;
}
.hzActionGrid > table.head,
.hzActionGrid > table.rowNumber,
.hzActionGrid > table.corner
{
position:absolute;
background:white;
}
.hzActionGrid > table.corner {
z-index:100;
}
.hzActionGrid > table.head {
z-index:98;
}
.hzActionGrid > table.rowNumber {
z-index:99;
}
.hzActionGrid >table.head ._selectAllField{
left:-2px;
position:relative;
}
.hzActionGrid > table.rowNumber.fixed,
.hzActionGrid > table.corner.fixed
{
border-right:2px solid silver;
}
.hzActionGrid >table >thead >tr.fields {
background-color:#EFEFEF;
}
.hzActionGrid.autoStretch > table {
width:100%;
}
.hzActionGrid > table > thead >tr.fields,
.hzActionGrid > table > tbody >tr
{
height:30px;
}
.hzActionGrid:not(.disabled) > table.body > tbody >tr:hover:not(.active),
.hzActionGrid :not(.disabled)> table.rowNumber > tbody >tr:hover:not(.active)
{
background:#FFFDEE;
}
.hzActionGrid > table > tbody >tr >td,
.hzActionGrid > table > thead >tr.fields >th
{
vertical-align:middle;
border:1px solid silver;
text-overflow: ellipsis;
overflow:hidden;
white-space:nowrap;
padding:2px 6px 0px 6px;
min-width:30px;
}
.hzActionGrid > table.body > tbody >tr>td.editing:not(.readOnly) {
border:2px inset whitesmoke;
}
.hzActionGrid > table.body > tbody >tr>td.editing:not(.readOnly) {
padding:2px 2px 0px 0px;
}
.hzActionGrid > table.body > tbody >tr>td.editing input,
.hzActionGrid > table.body > tbody >tr>td.editing textarea
{
left:0px;
padding-left:5px;
padding-right:4px;
}
.hzActionGrid > table.body > tbody >tr>td.editing select {
left:0px;
padding-left:0px;
}
.hzActionGrid > table > tbody >tr:nth-child(even),
.hzActionGrid > table > thead >tr.fields:nth-child(even)
{
background-color: #f7f7f7;
}
.hzActionGrid:not(.disabled)> table > tbody >tr.active:not(.editing){
background-color:rgb(211, 222, 214);;
}
.hzActionGrid > table > thead >tr.fields >th.showCheckBox
{
max-width:40px;
width:40px;
text-align:center;
}
.hzActionGrid > table > thead >tr.fields >th.showCheckBox input
{
position:relative;
left:-2px;
}
.hzActionGrid > table > thead >tr.fields >th.showRowNumber,
.hzActionGrid > table > tbody >tr >td.showRowNumber
{
max-width:30px;
width:30px;
font-weight:bold;
font-family:Calibri;
}
.hzActionGrid > table > thead >tr.fields >th,
.hzActionGrid > table > tbody >tr >td.showRowNumber
{
color: black;
background: #fafafa;
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(24%, #f7f7f7), color-stop(62%, #e8e8e8), color-stop(71%, #e8e8e8), color-stop(100%, #e8e8e8));
background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%);
background-image: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%);
background-image: -o-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%);
background-image: linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%);
padding-right: 3px;
color:gray;
}
.hzActionGrid:not(.disabled) > table.body > tbody >tr.active >td.showRowNumber,
.hzActionGrid:not(.disabled) > table.rowNumber > tbody >tr.active >td.showRowNumber
{
color:red;
/*
padding-right:2px;
*/
}
.hzActionGrid > table > tbody >tr >td.showAction,
.hzActionGrid > table > thead >tr.fields >th.showAction
{
width:40px;
white-space:nowrap;
min-width:40px;
}
.hzActionGrid .action {
display:inline-block;
border:#CCC 1px solid;
margin-left: 3px;
width:20px;
height:20px;
background-color:#F2F2F2;
background-repeat:no-repeat;
background-position:center;
background-size:13px 13px;
}
.hzActionGrid:not(.disabled) .action {
cursor:pointer;
}
.hzActionGrid > table >tbody>tr:not(:last-child) .lastColumn{
border-top:0px;
border-bottom:0px;
background:white;
}
.hzActionGrid > table >tbody>tr:last-child .lastColumn{
border-top:0px;
background:white;
}
.hzActionGrid .hzTextItem, .hzActionGrid .hzColorItem, .hzActionGrid .hzImageItem, .hzActionGrid .hzLabelItem, .hzActionGrid .hzUploadItem{
height:100%;
}
.hzActionGrid >table.body >tbody>tr>td .action.disabled{
cursor:not-allowed;
}
.hzActionGrid >table.body >tbody>tr>td .action.disabled,
.hzActionGrid.disabled >table >tbody>tr>td,
.hzActionGrid.disabled >table >thead.fields>tr>th
{
color:silver;
}
.hzActionGrid.disabled >table.body >tbody>tr>td .action,
.hzActionGrid.masked >table.body >tbody>tr>td img,
.hzActionGrid.disabled >table.body >tbody>tr>td img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}
.hzActionGrid .action.add {
background-image:url('/hz/images/Toolbars/add.png');
}
.hzActionGrid .action.edit {
background-image:url('/hz/images/Toolbars/edit.png');
}
.hzActionGrid .action.del {
background-image:url('/hz/images/Toolbars/trash.png');
}
.hzActionGrid .action.copy {
background-image:url('/hz/images/Toolbars/copy.png');
}
.hzActionGrid .action.view {
background-image:url('/hz/images/Toolbars/view.png');
}
.inGrid .hzCheckBoxItem {
margin-left:0px;
}
.hzActionGrid >table.head >thead >tr.fields >th.asc,
.hzActionGrid >table.rowNumber >thead >tr.fields >th.asc,
.hzActionGrid >table.body >thead >tr.fields >th.asc,
.hzActionGrid >table.head >thead >tr.fields >th.desc,
.hzActionGrid >table.rowNumber >thead >tr.fields >th.desc,
.hzActionGrid >table.body >thead >tr.fields >th.desc
{
position:relative;
}
.hzActionGrid >table.head >thead >tr.fields >th.asc:after,
.hzActionGrid >table.rowNumber >thead >tr.fields >th.asc:after,
.hzActionGrid >table.body >thead >tr.fields >th.asc:after
{
content:'\25B2';
position:absolute;
right:0px;
top:-2px;
color:silver;
font-size:0.9em;
}
.hzActionGrid >table.head >thead >tr.fields >th.desc:after,
.hzActionGrid >table.rowNumber >thead >tr.fields >th.desc:after,
.hzActionGrid >table.body >thead >tr.fields >th.desc:after
{
content:'\25BC';
position:absolute;
right:0px;
top:-2px;
color:silver;
font-size:0.9em;
}
.hzCellResizebar:after {
content:'';
position:absolute;
margin:0 auto;
left:9px;
width:2px;
height:100%;
background:gray;
}
.hzCellResizebar {
position:absolute;
background:transparent;
border:0px solid black;
width:20px;
cursor: col-resize;
overflow:hidden;
display:none;
}
.hzCellResizebar.show,.hzCellResizebar.draged {
display:block;
}
.hzActionGrid th.dragTarget {
background:lightyellow;
}
.hzActionGrid th.dragTarget.noReorder {
background:lightgreen;
}
/*hzHint*/
.hzHint {
border:1px solid gray;
display:block;
position:absolute;
line-height:24px;
padding:6px 8px;
border-radius:2px;
box-shadow:2px 2px 1px 0px rgba(0,0,0,0.35);
background:#fbf1e6;
}
.hzHint:before,.hzHint:after{
border-radius:2px;
content:'';
height:0px;
width:0px;
position : absolute;
z-index : 100;
}
.hzHint.top:before{
left:12px;
bottom:-12px;
border-left : 6px solid transparent;
border-right : 6px solid transparent;
border-bottom : 6px solid transparent;
border-top : 6px solid #fbf1e6;
}
.hzHint.top:after{
left:11px;
bottom:-14px;
z-index : 99;
border-left : 7px solid transparent;
border-right : 7px solid transparent;
border-bottom : 7px solid transparent;
border-top : 7px solid gray;
}
.hzHint.bottom:before{
left:12px;
top:-6px;
border-left : 6px solid transparent;
border-right : 6px solid transparent;
border-bottom : 6px solid #fbf1e6;
}
.hzHint.bottom:after{
left:11px;
top:-7px;
z-index : 99;
border-left : 7px solid transparent;
border-right : 7px solid transparent;
border-bottom : 7px solid gray;
}
.hzHint.left:before{
right: -12px;
top: 6px;
border-left: 6px solid #fbf1e6;
border-bottom: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid transparent;
}
.hzHint.left:after{
right:-14px;
top:5px;
z-index : 99;
border-left: 7px solid gray;
border-bottom : 7px solid transparent;
border-right : 7px solid transparent;
border-top: 7px solid transparent;
}
.hzHint.right:before{
left: -12px;
top: 6px;
border-left: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid #fbf1e6;
border-top: 6px solid transparent;
}
.hzHint.right:after{
left:-14px;
top:5px;
z-index : 99;
border-left: 7px solid transparent;
border-bottom : 7px solid transparent;
border-right : 7px solid gray;
border-top: 7px solid transparent;
}
.hzRecordBar {
min-width:200px;
height:36px;
}
.hzRecordBar .recNo {
color:blue;
font-weight:bold;
font-family:Calibri;
font-size:1.2em;
}
.hzRecordBar .totalCount {
color:black;
font-weight:bold;
font-family:Calibri;
font-size:1.2em;
}
.hzRecordBar .cAlign{
flex:1;
}
.hzMessagePanel {
position:relative;
}
.hzMessagePanel >div{
word-wrap: break-word;
}
.hzMessagePanel.showRowNumber >div{
padding-left:24px;
}
.hzMessagePanel.showRowNumber >div:before{
content:attr(rel) ".";
min-width:24px;
text-align:right;
display:inline-block;
color:darkred;
padding:0px 0px;
font-family:Calibri;
background:white;
position:absolute;
padding-right:2px;
left:0px;
}
.hzMessagePanel.showRowNumber.len2 >div{
padding-left:22px;
}
.hzMessagePanel.showRowNumber.len2 >div:before{
width:22px;
}
.hzMessagePanel.showRowNumber.len3 >div{
padding-left:33px;
}
.hzMessagePanel.showRowNumber.len3 >div:before{
width:33px;
}
.hzMessagePanel>div[rel] {
min-height: 20px;
}
.hzDialog {
min-height:50px;
min-width: 250px;
max-width:calc(100% - 20px);
}
.hzDialog >.header>.title{
color:darkred;
}
.hzDialog .noHeader {
background-image:url('');
}
.hzDialog .header {
border-bottom:1px solid silver;
}
.hzDialog.concise .header {
border-bottom:0px;
background-image:url('');
background-color:white;
height:24px;
}
.hzDialog .dialogBody{
background:white;
overflow:auto;
margin-bottom:40px;
padding: 24px 22px;
border:0px solid black;
}
.hzDialog.noDialogIcon .dialogBody{
padding: 0px;
}
.hzDialog.concise .dialogBody{
padding: 0px 22px 24px 22px;
}
.hzDialog.noButtons .dialogBody{
margin-bottom:0px;
}
.hzDialog.noHeader .dialogBody {
margin-top:0px;
position:relative;
}
.hzDialog .dialogContent{
margin-left:40px;
min-width:120px;
min-height:14px;
padding:1px;
line-height:1.5em;
}
.hzDialog.noDialogIcon .dialogContent {
margin-left:0px;
padding:2px;
}
.hzDialog .dialogIcon{
width:32px;
height:32px;
position:absolute;
top:54px;
}
.hzDialog.noHeader .dialogIcon{
top:20px;
}
.hzDialog.noDialogIcon .dialogIcon {
display:none;
}
.hzDialog .buttonsBar{
position: absolute;
height: 40px;
bottom: 0px;
padding: 4px 12px 4px 4px;
text-align: right;
width: 100%;
/*
border-top: 1px solid silver;
*/
}
.hzDialog .dialogBody:after{
clear:both;
}
.hzDialog .buttonsBar >span{
margin-left:8px;
display:inline-block;
}
.hzDialog .bottomLine {
position: absolute;
height: 1px;
background: silver;
margin-left: 20px;
width: 100%;
bottom: 44px;
right: 0px;
}
.hzDialog.noButtons .bottomLine,.hzDialog.noButtons .buttonsBar{
display:none;
}
.hzDialog.default .dialogIcon{
display:inline-block;
background-image:url(/hz/images/Dialog/default.png);
background-size:100%;
}
.hzDialog.ask .dialogIcon{
display:inline-block;
background-image:url(/hz/images/Dialog/ask.png);
}
.hzDialog.confirm .dialogIcon{
display:inline-block;
background-image:url(/hz/images/Dialog/confirm.png);
}
.hzDialog.warn .dialogIcon{
display:inline-block;
background-image:url(/hz/images/Dialog/warn.png);
}
.hzDialog.notify .dialogIcon{
display:inline-block;
background-image:url(/hz/images/Dialog/notify.png);
}
.hzDialog.process .dialogIcon{
display:inline-block;
height:12px;
top:32px;
background-image:url(/hz/images/Dialog/process.gif);
}
.hzDialog.error .dialogIcon{
display:inline-block;
background-image:url(/hz/images/Dialog/error.png);
}
.hzIMultiItem {
}
.hzIMultiItem .option.top {
vertical-align:top;
}
.hzIMultiItem .option.middle {
vertical-align:middle;
}
.hzIMultiItem .option.bottom {
vertical-align:bottom;
}
.hzIMultiItem .optionTitle {
vertical-align:top;
}
.hzIMultiItem .optionTitle.disabled{
color:silver;
}
.hzValueMapNotExist {
color:silver;
}
.hzIMultiItem.autoStretch table {
width:100%;
}
/*HZ.AP.BTForm*/
.hzFormItemOuterPane.inGrid .hzCheckBoxItem {
margin-left:2.5px;
width:24px;
}
.hz-option-title {
padding-right:12px;
}
body.hz-body >*:not(.hzDialog) {
display:none;
}
body.hzBTForm {
height:auto;
}/*HZ.BT.Controls*/
.btMultiCheckBoxItem,.btLabelItem {
vertical-align:bottom
}
.btDbLookupItem {
padding-right:18px;
display:inline-block;
}
.btDbLookupItem ~ .hz-icon {
font-family: "Glyphicons Halflings";
position:relative;
left:-18px;
}
.btDbLookupItem ~ .hz-icon:before {
content: "\e252";
font-size:0.7em;
color:#FF9800
}
.btRecordBar > li {
display:inline-block;
width:100%;
}
.hz-lookkup-result-pane {
position:absolute;
overflow-x:hidden;
border:1px solid gray;
background:white;
overflow-y:auto;
height:250px;
max-height:250px;
z-index:1000;
}
.hz-lookkup-result-pane .hz-more {
cursor:pointer;
}
.hz-lookkup-match {
color:red;
}
.hz-lookkup-result-pane tr:not(.hz-more):hover {
background-color: lightyellow;
cursor:pointer;
}
.hz-lookkup-result-pane tr:not(.hz-more):hover {
background-color: lightyellow;
cursor:pointer;
}
.hz-lookkup-result-pane tr:nth-child(even) {
background-color: #f7f7f7;
}
.hz-lookkup-result-pane td {
padding:4px 8px;
}
tr.active >td.hz-grid-pointer >div {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
tr.active >td.hz-grid-pointer >div:before {
content: "\f0a4";
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%;
color: dimgray;
}
input[hzuitype="btDbTextItem"].readOnly {
background-color: whitesmoke;
}
.btn.hz-hide {
display:none;
}
.btColumn {
overflow:auto;
}
@media (min-width:768px){
.col-sm-height-1 {
height: 8.33333333%;
}
.col-sm-height-2 {
height:16.66666667%;
}
.col-sm-height-3 {
height:25%;
}
.col-sm-height-4 {
height:33.33333333%;
}
.col-sm-height-5 {
height:41.66666667%;
}
.col-sm-height-6 {
height:50%;
}
.col-sm-height-7 {
height:58.33333333%;
}
.col-sm-height-8 {
height:66.66666667%;
}
.col-sm-height-9 {
height:75%;
}
.col-sm-height-10 {
height:83.33333333%;
}
.col-sm-height-11 {
height:91.66666667%;
}
.col-sm-height-12 {
height:100%;
}
}
@media (min-width:992px){
.col-md-height-1 {
height: 8.33333333%;
}
.col-md-height-2 {
height:16.66666667%;
}
.col-md-height-3 {
height:25%;
}
.col-md-height-4 {
height:33.33333333%;
}
.col-md-height-5 {
height:41.66666667%;
}
.col-md-height-6 {
height:50%;
}
.col-md-height-7 {
height:58.33333333%;
}
.col-md-height-8 {
height:66.66666667%;
}
.col-md-height-9 {
height:75%;
}
.col-md-height-10 {
height:83.33333333%;
}
.col-md-height-11 {
height:91.66666667%;
}
.col-md-height-12 {
height:100%;
}
}
table.btGrid,.btGrid>table {
text-align: left;
line-height: 40px;
border-collapse: separate;
border-spacing: 0;
border: 2px solid #00bcd4;
/*
margin: 50px auto;
*/
border-radius: .25rem;
}
table.btGrid.autoStretch,.btGrid.autoStretch>table {
width:100%;
}
.btGrid thead tr:first-child {
background: #00bcd4;
color: #fff;
border: none;
}
.btGrid th:first-child, .btGrid td:first-child { padding: 0 15px 0 20px; }
.btGrid thead tr:last-child th { border-bottom: 2px solid #ddd; }
.btGrid tbody tr:hover { background-color: #e0f7fa; cursor: default; }
.btGrid tbody tr:last-child td { border: none; }
.btGrid tbody td { border-bottom: 1px solid #ddd; }
.btGrid td:last-child {
text-align: right;
padding-right: 10px;
}
.btGrid .button {
color: #aaa;
cursor: pointer;
vertical-align: middle;
}
.btGrid .edit:hover {
color: #0a79df;
}
.btGrid .delete:hover {
color: #dc2a2a;
}/*btButton*/
.btButton {
border:1px solid black;
padding:4px 4px;
background-color:transparent;
}
.btButton.disabled {
color:lightgray;
}
.bt-button-caption {
padding-left:0.3em;
}
.hzForm.btMemoButton-form table {
width:100%;
height:100%;
}
/*btLabelItem*/
.hzToolbar {
background-color:#ececec;
height:36px;
border:1px solid silver;
}
.hzToolbar .hzControl.seperator {
height:95%;
border:1px inset white;
width:2px;
margin:0px 2px;
background:silver;
}
.hzToolbar.multiline .hzCanvas {
overflow:auto;
}
.hzToolbar .hzMenuButton {
border:1px outset transparent;
padding-top:6px;
}
.hzToolbar .btButton {
text-align:center;
display:flex;
align-items:center;
-webkit-align-items: center;
font-size:16px;
}
.hzToolbar .btButton,.hzToolbar .hzButton {
border:1px outset transparent;
background-image:none;
min-height:30px;
padding:4px 8px 4px 8px;
/* border:1px;
padding:0px;
height:24px;
width:40px;
*/
}
.hzToolbar .hzMenuButton.fa {
min-height:22px;
}
.hzToolbar .hzButton.hzUploadButton {
padding:4px 16px 4px 0px;
}
.hzToolbar .hzMenuButton:not(.disabled):hover,
.hzToolbar .hzMenuButton:not(.disabled):focus,
.hzToolbar .hzMenuButton:not(.disabled):active {
border-color: white;
border-radius:0;
text-decoration: none;
text-shadow: none;
color: black;
background-color: transparent;
background-image:none;
}
.hzToolbar .hzMenuButton:not(.disabled):not(.checked):active {
border:1px inset white;
/*
padding:5px 7px 3px 9px;
*/
}
.hzToolbar .btButton:not(.disabled):hover,
.hzToolbar .btButton:not(.disabled):focus,
.hzToolbar .btButton:not(.disabled):active,
.hzToolbar .hzButton:not(.disabled):hover,
.hzToolbar .hzButton:not(.disabled):focus,
.hzToolbar .hzButton:not(.disabled):active {
border-color: white;
border-radius:0;
text-decoration: none;
text-shadow: none;
color: black;
background-color: transparent;
background-image:none;
}
.hzToolbar .btButton:not(.disabled):not(.checked):active,
.hzToolbar .hzButton:not(.disabled):not(.checked):active {
border:1px inset white;
/*
padding:5px 7px 3px 9px;
*/
}
.hzToolbar .btButton.check.checked,
.hzToolbar .hzButton.check.checked {
border:1px inset white;
background: lightyellow;
/*
padding:5px 7px 3px 9px;
*/
}
.hzToolbar .btButton,.hzToolbar .hzButton{
margin:0 2px 0 2px;
}.btCustomRow .hz-grid-button {
border:0px;
padding:2px;
margin: 0 2px;
}
.btCustomRow [hz-grid-row] {
border:1px solid transparent;
}
.btCustomRow [hz-grid-row].active {
border:1px dashed darkred;
}
.hzPropertyForm .hzFormItem,.hzPropertyForm .hzIMultiItem {
border:0px;
/*
height:auto;
*/
}
.hzPropertyForm .hzToolbar {
max-height:28px;
}
.hzPropertyForm .btButton {
max-height:24px;
min-height:24px;
padding: 2px 6px 2px 6px;
}
.hzPropertyForm .hzToolbar .btButton {
font-size:14px;
}
.hzPropertyForm .hz-group {
}
.hzPropertyForm .hz-group * {
display:inline-block;
}
.hzPropertyForm .hz-group-icon:before {
content:"\f067";
color:black;
margin-right:4px;
border:1px solid silver;
color:silver;
}
.hzPropertyForm .hz-group.expand .hz-group-icon:before {
content:"\f068";
}
.hzPropertyForm .hz-group-title {
font-weight: bolder;
font-size: 14px;
}
.hzPropertyForm td {
padding:0px 2px;
margin:2px;
}
.hzPropertyForm * {
font-size:10px;
}
.hzPropertyForm .itemTitle >div {
padding-top:2px;
}
.hzPropertyForm input,.hzPropertyForm select {
padding: 1px 2px 1px 4px;
}/*btPager*/
.pagination.gray>li>a,
.pagination.gray>li>span {
color:gray;
background-color:white;
}
.pagination.gray>.active>a,
.pagination.gray>.active>a:focus,
.pagination.gray>.active>a:hover,
.pagination.gray>.active>span,
.pagination.gray>.active>span:focus,
.pagination.gray>.active>span:hover {
background-color: gray;
border-color: gray;
color:white;
}/*btDbLookupItem*/
.btDbLookupItem ~ .hz-icon ~ .hz-add {
padding:2px 4px
}
.btDbLookupItem ~ .hz-icon ~ .hz-add ~ .hz-add-pane {
display:block;
padding:4px;
margin-top:4px;
border-top:1px solid silver;
}
.btDbLookupItem ~ .hz-icon ~ .hz-add ~ .hz-add-pane .hz-record {
padding:4px 4px;
border-bottom:1px solid silver;
width: 100%;
}
.btDbLookupItem ~ .hz-icon ~ .hz-add ~ .hz-add-pane .hz-record >* {
padding:0px 4px;
}
.hzSlideWindow .header .slide {
border:0px solid silver;
display:block;
position:relative;
top:-2px;
width:20px;
text-align:center;
cursor:pointer;
}
.hzSlideWindow:not(.concise).header .slide:hover {
color:white;
background:darkblue;
}
.hzSlideWindow .header .slide:before{
content:"\f054";
position:relative;
top:6px;
}
.hzSlideWindow.slideMaxed .header .slide:before{
content:"\f053";
}
.hzSlideWindow .leftSide {
position:absolute;
background:whitesmoke;
right:0px;
height:100%;
width:27px;
top:0px;
}
.hzSlideWindow.slideMaxed .leftSide {
display:none;
}
.hzSlideWindow.sliding .leftSide {
display:none;
}
.hzSlideWindow:not(.slideMaxed) .body {
position:relative;
}
/* hzSlideWindow */
/*hzHtmlEditor*/
.hzHtmlEditor{
}
.hzHtmlEditor .toolbar{
padding:4px;
height:32px;
}
.hzHtmlEditor .tool-item{
display:inline-block;
padding:0 4px;
}
.hzHtmlEditor .tool-item .tool-btn,.hzHtmlEditor .tool-item .tool-btn-act{
cursor:pointer;
border:1px solid whitesmoke;
padding:2px 6px;
background:transparent;
user-select:none;
}
.hzHtmlEditor .tool-item * {
user-select:none;
}
.hzHtmlEditor .tool-item .tool-btn:hover,.hzHtmlEditor .tool-item .tool-btn-act:hover{
border:1px solid darkred;
}
.hzHtmlEditor .tool-item .tool-btn.active,.hzHtmlEditor .tool-item .tool-btn-act.active{
border:1px solid silver;
}
.hzHtmlEditor .toolbar{
border-bottom:1px solid silver;
}
.hzHtmlEditor .editor{
min-width:200px;
min-height:40px;
outline:none;
padding:4px;
}
.hzHtmlEditor.readOnly .editor{
background-color: #eee;
}
.tool-btn-act.forecolor {
position:relative;
}
.fa-forecolor:before {
content: "A";
border-bottom: 4px solid black;
position:relative;
top:-1px;
}
.fa-pencil {
position:relative;
}
.fa-pencil:before {
position:relative;
top:-1px;
border-bottom: 4px solid white;
}
.hzHtmlEditor .tool-item .tool-btn.indent,.hzHtmlEditor .tool-item .tool-btn.outdent{
display:none;
}
.hzImageMask {
position:absolute;
opacity:0.3;
background-color:gray;
border:3px solid black;
}
.confirmCancelBar {
border-top:1px solid whitesmoke;
position:relative;
height:40px;
padding-top:4px;
}
.confirmCancelBar > * {
float:right;
margin:0px 4px;
}
.hzHtmlEditor.readOnly .confirmCancelBar button,.hzHtmlEditor.readOnly .confirmCancelBar .hz-action-deleteFile, .hzHtmlEditor.readOnly .toolbar {
display:none;
}
.hzHtmlEditor:not(.canEdit) .confirmCancelBar button,
.hzHtmlEditor:not(.canEdit) .confirmCancelBar .hz-action-deleteFile,
.hzHtmlEditor:not(.canEdit) .toolbar {
display:none;
}
.hzHtmlEditor:not(.canEdit).noAttatches .confirmCancelBar {
display:none;
}
.hzHtmlEditor.noAttatches .__hzAttatches {
display:none;
}
.hzHtmlEditor .confirmCancelBar .__hzAttatches {
float:left;
}
.hzHtmlEditor .editor .__hzAttatches {
display:none;
}
.hzHtmlEditor .__hzAttatches img {
width:13px;
}
.hzHtmlEditor .__hzAttatches a {
font-size:0.8em;
}
.hzHtmlEditor.toolbarFixed .toolbar {
position:fixed;
background:white;
}
.hzHtmlEditor.toolbarFixed .toolbar {
position:fixed;
background:white;
}
.hzHtmlEditor.toolbarFixed .toolbar.fixedHide {
display:none;
}
.hzHtmlEditor .__hzAttatches td {
padding:0px 4px;
}
.hzjmBtBase .dropdown-submenu,
.hzjmBtBase2 .dropdown-submenu {
position: relative;
}
.hzjmBtBase .dropdown-submenu .dropdown-menu,
.hzjmBtBase2 .dropdown-submenu .dropdown-menu{
top:0;
left:100%;
margin-top: -1px;
}
.hzjmBtBase .dropdown-menu .divider,
.hzjmBtBase2 .dropdown-menu .divider{
margin-top:5px;
margin-bottom:5px;
display:list-item;
}