/** icon-font */
@font-face {
    font-family: 'goals-basic';  /* Project id 2787787 */
    src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}
.g-v3-icon {font-family: "goals-basic" !important;}
.g-v3-icon-add::before {content: "\e601";}
.g-v3-icon-del::before {content: "\e600";}
.g-v3-icon-edit::before {content: "\e65f";}
.g-v3-icon-info::before {content: "\e62c";}
.g-v3-icon-download::before {content: "\e76e";}
.g-v3-icon-upload::before {content: "\e7e5";}
.g-v3-icon-enabled::before {content: "\e72d";}
.g-v3-icon-disabled::before {content: "\e61b";}
.g-v3-icon-query::before {content: "\e624";}
.g-v3-icon-reset::before {content: "\e627";}
.g-v3-icon-save::before {content: "\e67c";}
.g-v3-icon-cancel::before {content: "\e613";}
.g-v3-icon-loading::before {content: "\e664";}
.g-v3-icon-back::before {content: "\ea4f";}
.g-v3-icon-close::before {content: "\e643";}
.g-v3-icon-operate::before {content: "\e602";}
.g-v3-icon-sort::before {content: "\e738";}
.g-v3-icon-loading {display: inline-block;width: 1em;height: 1em;text-align: center;line-height: 1em;animation: g_v3_icon_loading 1.8s linear infinite;}
.g-v3-icon-treeshow::before {content: "\e602";color: #888;transform: rotate(90deg);display: inline-block;}
.g-v3-icon-treehide::before {content: "\e602";color: #888;}
@keyframes g_v3_icon_loading {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
    25% {-webkit-transform: rotate(90deg);transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
    50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
    75% {-webkit-transform: rotate(270deg);transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
}

/** public */
.mb-1 {margin-bottom: 6px;}
.mt-1 {margin-top: 6px;}
.mr-1 {margin-right: 6px;}
.ml-1 {margin-left: 6px;}
.mb-2 {margin-bottom: 12px;}
.mt-2 {margin-top: 12px;}
.mr-2 {margin-right: 12px;}
.ml-2 {margin-left: 12px;}
.pb-1 {padding-bottom: 6px;}
.pt-1 {padding-top: 6px;}
.pr-1 {padding-right: 6px;}
.pl-1 {padding-left: 6px;}
.pb-2 {padding-bottom: 12px;}
.pt-2 {padding-top: 12px;}
.pr-2 {padding-right: 12px;}
.pl-2 {padding-left: 12px;}
.text-primary {color: #0070cc;}
.text-success {color: #5cb85c;}
.text-info {color: #5cb8b8;}
.text-warn {color: #eca751;}
.text-danger {color: #e25b5b;}
.text-cancel {color: #747474;}

/** g-header tag */
.g-v3-header {height: 36px;padding: 8px 15px;box-sizing: border-box;border-radius: 0 0 4px 4px;background-color: #f5f5f5;}
.g-v3-header>.g-v3-header-item {display: inline-block;color: #333;height: 20px;line-height: 20px;}
.g-v3-header>.g-v3-header-split {display: inline-block;color: #999;width: 15px;text-align: center;}

/** g-button tag */
.g-v3-button {display: inline-block;user-select: none;-moz-user-select: none;-webkit-user-select: none;outline: none;border-radius: 0;cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
.g-v3-button:focus, .g-v3-button:active {outline: none;}
.g-v3-button.g-btn-big {height: 32px;padding: 0 24px;}
.g-v3-button.g-btn-medium {height: 28px;padding: 0 18px;font-size: .925em;}
.g-v3-button.g-btn-small {height: 24px;padding: 0 12px;font-size: .85em;}
.g-v3-button.g-btn-big>.g-v3-icon {font-size: 1em;margin-left: -6px;margin-right: 3px;}
.g-v3-button.g-btn-medium>.g-v3-icon {font-size: .925em;margin-left: -5px;margin-right: 2px;}
.g-v3-button.g-btn-small>.g-v3-icon {font-size: .85em;margin-left: -4px;margin-right: 1px;}
.g-v3-button.g-btn-default {border: 1px solid #666;background-color: #fff;color: #333;}
.g-v3-button.g-btn-default:hover {background-color: #eee;}
.g-v3-button.g-btn-default:active {background-color: #ccc;}
.g-v3-button.g-btn-primary {border: 1px solid #0070cc;background-color: #0070cc;color: #fff;}
.g-v3-button.g-btn-primary:hover {background-color: #0059a7;}
.g-v3-button.g-btn-primary:active {background-color: #004986;}
.g-v3-button.g-btn-success {border: 1px solid #5cb85c;background-color: #5cb85c;color: #fff;}
.g-v3-button.g-btn-success:hover {background-color: #449d44;}
.g-v3-button.g-btn-success:active {background-color: #298809;}
.g-v3-button.g-btn-info {border: 1px solid #5cb8b8;background-color: #5cb8b8;color: #fff;}
.g-v3-button.g-btn-info:hover {background-color: #35a3a3;}
.g-v3-button.g-btn-info:active {background-color: #197e7e;}
.g-v3-button.g-btn-warn {border: 1px solid #eca751;background-color: #eca751;color: #fff;}
.g-v3-button.g-btn-warn:hover {background-color: #d18e3b;}
.g-v3-button.g-btn-warn:active {background-color: #ad6f22;}
.g-v3-button.g-btn-danger {border: 1px solid #d35858;background-color: #e25b5b;color: #fff;}
.g-v3-button.g-btn-danger:hover {background-color: #be4343;}
.g-v3-button.g-btn-danger:active {background-color: #880909;}
.g-v3-button.g-btn-disabled {border: 1px solid #CCC;cursor: no-drop;background-color: #f2f2f2;}
.g-v3-button.g-btn-disabled:hover {background-color: #f2f2f2;}
.g-v3-button.g-btn-disabled:active {background-color: #f2f2f2;}

/** g-anchor */
.g-v3-anchor {color: #1185e4;text-decoration: #1185e4;}
.g-v3-anchor.anchor-big {font-size: 1em;}
.g-v3-anchor.anchor-medium {font-size: .925em;}
.g-v3-anchor.anchor-small {font-size: .85em;}

/** g-popup tag */
.g-v3-popup {position: absolute;display: none;z-index: 90;top: 0;left: 0;right: 0;bottom: 0;}
.g-v3-popup>.popup-back {position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;}
.g-v3-popup>.g-v3-popup-body {position: absolute;background-color: #fff;z-index: 2;}
.g-v3-popup>.g-v3-popup-body>.popup-btns {position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;line-height: 50px;padding: 0 15px;box-sizing: border-box;}
.g-v3-popup>.g-v3-popup-body>.popup-title>.g-v3-icon {-webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
.g-v3-popup>.full-body>.popup-title {height: 50px;line-height: 50px;width: 100%;border-bottom: 1px solid #ebebeb;}
.g-v3-popup>.full-body>.popup-title>span {display: inline-block;vertical-align: top;margin-right: 12px;font-size: 1.1em;}
.g-v3-popup>.full-body>.popup-title>.g-v3-icon {font-size: 22px;color: #999;width: 50px;height: 50px;text-align: center;cursor: pointer;}
.g-v3-popup>.full-body>.popup-title>.g-v3-icon:hover {background-color: #ebebeb;}
.g-v3-popup>.unfull-body {border: 1px solid #ccc;box-shadow: 0px 0px 6px #ccc;}
.g-v3-popup>.unfull-body>.popup-title {height: 30px;line-height: 30px;position: relative;user-select: none;-webkit-user-select: none;-moz-user-select: none;
    padding-left: 10px;background-color: #f2f2f2;}
.g-v3-popup>.unfull-body>.popup-title>.g-v3-icon {position: absolute;top: 0;right: 0;width: 36px;height: 30px;line-height: 30px;text-align: center;
    font-size: 16px;cursor: pointer;}
.g-v3-popup>.unfull-body>.popup-title>.g-v3-icon:hover {background-color: #e25b5b;color: #fff;}
.g-v3-popup .popup-content {padding: 15px;position: absolute;left: 0;width: 100%;box-sizing: border-box;bottom: 0;overflow: auto;}
.g-v3-popup>.full-body>.popup-content {top: 50px;}
.g-v3-popup>.unfull-body>.popup-content {top: 30px;}

/** g-chunk tag */
.g-v3-chunk {display: flex;box-sizing: border-box;}
.g-v3-chunk.chunk-size-1 {width: 8.33%;}
.g-v3-chunk.chunk-size-2 {width: 16.67%;}
.g-v3-chunk.chunk-size-3 {width: 25%;}
.g-v3-chunk.chunk-size-4 {width: 33.33%;}
.g-v3-chunk.chunk-size-5 {width: 41.67%;}
.g-v3-chunk.chunk-size-6 {width: 50%;}
.g-v3-chunk.chunk-size-7 {width: 58.33%;}
.g-v3-chunk.chunk-size-8 {width: 66.67%;}
.g-v3-chunk.chunk-size-9 {width: 75%;}
.g-v3-chunk.chunk-size-10 {width: 83.33%;}
.g-v3-chunk.chunk-size-11 {width: 91.67%;}
.g-v3-chunk.chunk-size-12 {width: 100%;}
.g-v3-chunk.chunk-row {flex-direction: row;}
.g-v3-chunk.chunk-line {flex-direction: column;}

/** g-group tag, extends chunk */
.g-v3-chunk.chunk-row>.g-v3-group {padding: 0 15px;}
.g-v3-chunk.chunk-row>.g-v3-group:first-child {padding-left: 0;}
.g-v3-chunk.chunk-row>.g-v3-group:last-child {padding-right: 0;}

/** g-label tag, relation chunk and group */
.g-v3-chunk.chunk-row>.g-v3-label {width: 30%;align-self: flex-end;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.g-v3-chunk.chunk-row>.g-v3-label.label-rowback {border: 1px solid #ccc;border-right: none;background-color: #f2f2f2;}
.g-v3-chunk.chunk-row>.g-v3-label.label-big {height: 32px;}
.g-v3-chunk.chunk-row>.g-v3-label.label-medium {height: 28px;font-size: .925em;}
.g-v3-chunk.chunk-row>.g-v3-label.label-small {height: 24px;font-size: .85em;}
.g-v3-chunk.chunk-row>.g-v3-label>.label-hintmsg {display: none;}
.g-v3-chunk.chunk-line>.g-v3-label.label-medium {font-size: .925em;}
.g-v3-chunk.chunk-line>.g-v3-label.label-small {font-size: .85em;}
.g-v3-chunk.chunk-line>.g-v3-label {padding: 5px 0;display: flex;}
.g-v3-chunk.chunk-line>.g-v3-label>.label-text {word-break: keep-all;align-self: center;white-space: nowrap;}
.g-v3-chunk.chunk-line>.g-v3-label>.label-hintmsg {align-self: center;font-size: .8em;color: #777;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 8px;box-sizing: border-box;}
.g-v3-label>.label-required::after {content: "*";color: #fd6565;margin: 0 5px;}

/** g-input tag, relation chunk and group */
.g-v3-chunk.chunk-row>.g-v3-input {width: 70%;align-self: flex-end;}
.g-v3-input {box-sizing: border-box;outline: none;padding: 0 12px;
    -webkit-transition: border 0.2s ease-in-out;-moz-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out;}
.g-v3-input:focus {outline: none;}
.g-v3-input.input-big {height: 32px;}
.g-v3-input.input-medium {height: 28px;font-size: .925em;}
.g-v3-input.input-small {height: 24px;font-size: .85em;}
.g-v3-input.input-default {border: 1px solid #ccc;}
.g-v3-input.input-default:focus {border: 1px solid #0070cc;}
.g-v3-input.input-primary {border: 1px solid #0070cc;}
.g-v3-input.input-primary:focus {border: 1px solid #0059a7;}
.g-v3-input.input-success {border: 1px solid #5cb85c;}
.g-v3-input.input-success:focus {border: 1px solid #449d44;}
.g-v3-input.input-info {border: 1px solid #5cb8b8;}
.g-v3-input.input-info:focus {border: 1px solid #35a3a3;}
.g-v3-input.input-warn {border: 1px solid #eca751;}
.g-v3-input.input-warn:focus {border: 1px solid #d18e3b;}
.g-v3-input.input-danger {border: 1px solid #e25b5b;}
.g-v3-input.input-danger:focus {border: 1px solid #be4343;}
.g-v3-input.input-disabled {border: 1px solid #CCC;cursor: no-drop;background-color: #ebebeb;}

/** g-v3-progress tag animation: progress-animate 200ms infinite linear; */
.g-v3-progress {display: inline-block;box-sizing: border-box;padding: 0;position: relative;width: 70%;}
.g-v3-progress>.progress-bar {height: 100%;position: relative;width: 100%;overflow: hidden;border-radius: 20px;}
.g-v3-progress>.progress-text {position: absolute;right: 8px;top: 50%;transform: translateY(-50%);}
.g-v3-progress>.progress-bar>.progress-static {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #e8e8e8;}
.g-v3-progress>.progress-bar>.progress-active {position: absolute;top: 1px;bottom: 1px;left: 1px;width: 0;background-size: 26px 20px;border-radius: 20px 0 0 20px;
    animation: progress-animate 500ms infinite linear;}
.g-v3-progress.progress-primary>.progress-bar>.progress-active {
    background-image: linear-gradient(60deg, transparent 0rem, transparent 0.8rem, #0070cc 0.8rem, #0070cc 1.6rem, transparent 1.6rem, transparent 2.4rem, #0070cc 2.4rem);
    background-color: #0070cccc;box-shadow: 0px 0px 5px #0070cccc;}
.g-v3-progress.progress-success>.progress-bar>.progress-active {
    background-image: linear-gradient(60deg, transparent 0rem, transparent 0.8rem, #5cb85c 0.8rem, #5cb85c 1.6rem, transparent 1.6rem, transparent 2.4rem, #5cb85c 2.4rem);
    background-color: #5cb85ccc;box-shadow: 0px 0px 5px #5cb85ccc;}
.g-v3-progress.progress-info>.progress-bar>.progress-active {
    background-image: linear-gradient(60deg, transparent 0rem, transparent 0.8rem, #5cb8b8 0.8rem, #5cb8b8 1.6rem, transparent 1.6rem, transparent 2.4rem, #5cb8b8 2.4rem);
    background-color: #5cb8b8cc;box-shadow: 0px 0px 5px #5cb8b8cc;}
.g-v3-progress.progress-warn>.progress-bar>.progress-active {
    background-image: linear-gradient(60deg, transparent 0rem, transparent 0.8rem, #eca751 0.8rem, #eca751 1.6rem, transparent 1.6rem, transparent 2.4rem, #eca751 2.4rem);
    background-color: #eca751cc;box-shadow: 0px 0px 5px #eca751cc;}
.g-v3-progress.progress-danger>.progress-bar>.progress-active {
    background-image: linear-gradient(60deg, transparent 0rem, transparent 0.8rem, #e25b5b 0.8rem, #e25b5b 1.6rem, transparent 1.6rem, transparent 2.4rem, #e25b5b 2.4rem);
    background-color: #e25b5bcc;box-shadow: 0px 0px 5px #e25b5bcc;}
.g-v3-progress.progress-default>.progress-bar>.progress-active {
    background-image: linear-gradient(60deg, transparent 0rem, transparent 0.8rem, #ffffff 0.8rem, #ffffff 1.6rem, transparent 1.6rem, transparent 2.4rem, #ffffff 2.4rem);
    background-color: #ffffffcc;box-shadow: 0px 0px 5px #ffffffcc;}
@keyframes progress-animate {0% { background-position: 0 0;} 100% { background-position: 26px 0;}}

/** g-select tag, relation chunk and group */
.g-v3-chunk.chunk-row>.g-v3-select {width: 70%;align-self: flex-end;}
.g-v3-select {box-sizing: border-box;outline: none;padding: 0 12px;
    -webkit-transition: border 0.2s ease-in-out;-moz-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out;}
.g-v3-select:focus {outline: none;}
.g-v3-select.select-big {height: 32px;}
.g-v3-select.select-medium {height: 28px;font-size: .925em;}
.g-v3-select.select-small {height: 24px;font-size: .85em;}
.g-v3-select.select-default {border: 1px solid #ccc;}
.g-v3-select.select-default:focus {border: 1px solid #0070cc;}
.g-v3-select.select-primary {border: 1px solid #0070cc;}
.g-v3-select.select-primary:focus {border: 1px solid #0059a7;}
.g-v3-select.select-success {border: 1px solid #5cb85c;}
.g-v3-select.select-success:focus {border: 1px solid #449d44;}
.g-v3-select.select-info {border: 1px solid #5cb8b8;}
.g-v3-select.select-info:focus {border: 1px solid #35a3a3;}
.g-v3-select.select-warn {border: 1px solid #eca751;}
.g-v3-select.select-warn:focus {border: 1px solid #d18e3b;}
.g-v3-select.select-danger {border: 1px solid #e25b5b;}
.g-v3-select.select-danger:focus {border: 1px solid #be4343;}
.g-v3-select.select-disabled {border: 1px solid #CCC;cursor: no-drop;background-color: #ebebeb;}

/** g-choose tag, extends g-select, relation chunk and group */
.g-v3-chunk.chunk-row>.g-v3-choose {width: 70%;align-self: flex-end;}
.g-v3-choose {box-sizing: border-box;outline: none;padding: 0 12px;position: relative;
    -webkit-transition: border 0.2s ease-in-out;-moz-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out;}
.g-v3-choose:focus {outline: none;}
.g-v3-choose.choose-big {height: 32px;line-height: 30px;}
.g-v3-choose.choose-medium {height: 28px;line-height: 26px;font-size: .925em;}
.g-v3-choose.choose-small {height: 24px;line-height: 22px;font-size: .85em;}
.g-v3-choose.choose-big>.choose-options>.choose-item {height: 30px;line-height: 30px;}
.g-v3-choose.choose-medium>.choose-options>.choose-item {height: 26px;line-height: 26px;}
.g-v3-choose.choose-small>.choose-options>.choose-item {height: 22px;line-height: 22px;}
.g-v3-choose.choose-default {border: 1px solid #ccc;}
.g-v3-choose.choose-default:focus {border: 1px solid #0070cc;}
.g-v3-choose.choose-primary {border: 1px solid #0070cc;}
.g-v3-choose.choose-primary:focus {border: 1px solid #0059a7;}
.g-v3-choose.choose-success {border: 1px solid #5cb85c;}
.g-v3-choose.choose-success:focus {border: 1px solid #449d44;}
.g-v3-choose.choose-info {border: 1px solid #5cb8b8;}
.g-v3-choose.choose-info:focus {border: 1px solid #35a3a3;}
.g-v3-choose.choose-warn {border: 1px solid #eca751;}
.g-v3-choose.choose-warn:focus {border: 1px solid #d18e3b;}
.g-v3-choose.choose-danger {border: 1px solid #e25b5b;}
.g-v3-choose.choose-danger:focus {border: 1px solid #be4343;}
.g-v3-choose.choose-disabled {border: 1px solid #CCC;cursor: no-drop;background-color: #ebebeb;}
.g-v3-choose>.choose-options {width: 100%;position: absolute;left: -1px;background-color: #fff;z-index: 9;
    border: 1px solid #ccc;overflow-y: auto;overflow-x: hidden;
    -webkit-transition: height 0.2s ease-in-out;-moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;transition: height 0.2s ease-in-out;}
.g-v3-choose>.g-v3-icon {position: relative;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.g-v3-choose>.g-v3-icon::before {position: absolute;right: 0;width: 1em;height: 1em;line-height: 1em;top: calc(50% - 0.5em);font-size: .85em;}
.g-v3-choose.animate-down>.choose-options {top: calc(100% + 1px);border-top: none;}
.g-v3-choose.animate-up>.choose-options {bottom: calc(100% + 1px);border-bottom: none;}
.g-v3-choose.animate-down>.g-v3-icon-operate::before {transform: rotate(90deg);}
.g-v3-choose.animate-up>.g-v3-icon-operate::before {transform: rotate(270deg);}
.g-v3-choose>.choose-options>.choose-item {position: relative;display: block;width: 100%;box-sizing: border-box;padding: 0 15px;cursor: default;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.g-v3-choose>.choose-options>.choose-item:hover {background-color: #f2f2f2;}
.g-v3-choose>.choose-options>.choose-item.choose-selected::before {content: "";position: absolute;width: 2px;height: 10px;transform: rotate(36deg);
    background-color: #0070cc;right: 15px;top: calc(50% - 5px);}
.g-v3-choose>.choose-options>.choose-item.choose-selected::after {content: "";position: absolute;width: 2px;height: 5px;transform: rotate(-45deg);
    background-color: #0070cc;right: 20px;top: calc(50% - 1px);}

/** g-relation tag, extends g-select, relation chunk and group  */
.g-v3-chunk.chunk-row>.g-v3-relation {width: 70%;align-self: flex-end;}
.g-v3-relation {position: relative;}
.g-v3-relation>input {box-sizing: border-box;outline: none;padding: 0 12px;
    -webkit-transition: border 0.2s ease-in-out;-moz-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out;}
.g-v3-relation>input {width: 100%;height: 100%;}
.g-v3-relation>input:focus {outline: none;}
.g-v3-relation.relation-big>input {height: 32px;}
.g-v3-relation.relation-medium>input {height: 28px;font-size: .925em;}
.g-v3-relation.relation-small>input {height: 24px;font-size: .85em;}
.g-v3-relation.relation-default>input {border: 1px solid #ccc;}
.g-v3-relation.relation-default>input:focus {border: 1px solid #0070cc;}
.g-v3-relation.relation-primary>input {border: 1px solid #0070cc;}
.g-v3-relation.relation-primary>input:focus {border: 1px solid #0059a7;}
.g-v3-relation.relation-success>input {border: 1px solid #5cb85c;}
.g-v3-relation.relation-success>input:focus {border: 1px solid #449d44;}
.g-v3-relation.relation-info>input {border: 1px solid #5cb8b8;}
.g-v3-relation.relation-info>input:focus {border: 1px solid #35a3a3;}
.g-v3-relation.relation-warn>input {border: 1px solid #eca751;}
.g-v3-relation.relation-warn>input:focus {border: 1px solid #d18e3b;}
.g-v3-relation.relation-danger>input {border: 1px solid #e25b5b;}
.g-v3-relation.relation-danger>input:focus {border: 1px solid #be4343;}
.g-v3-relation.relation-disabled>input {border: 1px solid #CCC;cursor: no-drop;background-color: #ebebeb;}
.g-v3-relation>.relation-body {position: absolute;left: 0;width: 100%;top: 100%;max-height: 200px;overflow-y: auto;background-color: #fff;display: none;
    border: 1px solid #0070cc;border-top: none;box-sizing: border-box;z-index: 9;}
.g-v3-relation>.relation-body>.relation-item {display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: default;
    padding: 0 15px;box-sizing: border-box;}
.g-v3-relation>.relation-body>.relation-item:hover {background-color: #f2f2f2;}
.g-v3-relation>.relation-body .relation-highlight {color: #e25b5b;}
.g-v3-relation.relation-big>.relation-body>.relation-item {height: 28px;line-height: 28px;}
.g-v3-relation.relation-medium>.relation-body>.relation-item {height: 24px;line-height: 24px;font-size: .925em;}
.g-v3-relation.relation-small>.relation-body>.relation-item {height: 20px;line-height: 20px;font-size: .85em;}


/** g-textarea tag, relation chunk and group */
.g-v3-chunk.chunk-row>.g-v3-textarea {width: 70%;align-self: flex-end;}
.g-v3-textarea {box-sizing: border-box;outline: none;padding: 6px 12px;resize: none;
    -webkit-transition: border 0.2s ease-in-out;-moz-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out;}
.g-v3-textarea:focus {outline: none;}
.g-v3-textarea.textarea-big {height: 120px;}
.g-v3-textarea.textarea-medium {height: 90px;}
.g-v3-textarea.textarea-small {height: 60px;}
.g-v3-textarea.textarea-default {border: 1px solid #ccc;}
.g-v3-textarea.textarea-default:focus {border: 1px solid #0070cc;}
.g-v3-textarea.textarea-primary {border: 1px solid #0070cc;}
.g-v3-textarea.textarea-primary:focus {border: 1px solid #0059a7;}
.g-v3-textarea.textarea-success {border: 1px solid #5cb85c;}
.g-v3-textarea.textarea-success:focus {border: 1px solid #449d44;}
.g-v3-textarea.textarea-info {border: 1px solid #5cb8b8;}
.g-v3-textarea.textarea-info:focus {border: 1px solid #35a3a3;}
.g-v3-textarea.textarea-warn {border: 1px solid #eca751;}
.g-v3-textarea.textarea-warn:focus {border: 1px solid #d18e3b;}
.g-v3-textarea.textarea-danger {border: 1px solid #e25b5b;}
.g-v3-textarea.textarea-danger:focus {border: 1px solid #be4343;}
.g-v3-textarea.textarea-disabled {border: 1px solid #CCC;cursor: no-drop;background-color: #ebebeb;}

/** g-checkbox tag */
.g-v3-checkbox {display: inline-block;user-select: none;-webkit-user-select: none;-moz-user-select: none;cursor: default;}
.g-v3-checkbox>.checkbox-box, .g-v3-checkbox>.checkbox-text {display: inline-block;vertical-align: middle;}
.g-v3-checkbox>.checkbox-box {width: 1em;height: 1em;border: 1px solid #777;margin: 0 5px;box-sizing: border-box;border-radius: 1px;position: relative;
    -webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
.g-v3-checkbox:hover>.checkbox-box {border: 1px solid #555;}
.g-v3-checkbox>.checkbox-box.checkbox-selected::before {content: "";position: absolute;width: 2px;height: 10px;transform: rotate(36deg);background-color: #fff;
    right: calc(50% - 3px);top: calc(50% - 5px);}
.g-v3-checkbox>.checkbox-box.checkbox-selected::after {content: "";position: absolute;width: 2px;height: 5px;transform: rotate(-45deg);background-color: #fff;
    left: calc(50% - 3px);top: calc(50% - 1px);}
.g-v3-checkbox>.checkbox-box.checkbox-selected {border: none;background-color: #0075ff;}
.g-v3-checkbox>.checkbox-box.checkbox-half::before {content: "";position: absolute;width: 2px;height: 10px;transform: rotate(36deg);background-color: #0075ff;
    right: calc(50% - 3px);top: calc(50% - 5px);}
.g-v3-checkbox>.checkbox-box.checkbox-half::after {content: "";position: absolute;width: 2px;height: 5px;transform: rotate(-45deg);background-color: #0075ff;
    left: calc(50% - 3px);top: calc(50% - 1px);}
.g-v3-checkbox>.checkbox-box.checkbox-half {background-color: #fff;}

/** g-radio */
.g-v3-radio.g-v3-chunk.chunk-row>.g-v3-checkbox {margin-right: 12px;}
.g-v3-radio.g-v3-chunk.chunk-line>.g-v3-checkbox {padding: 3px 0;}

/** g-for tag */
.g-v3-for {position: relative;}
.g-v3-for>.for-loading {position: absolute;top: 36px;left: 0;width: 100%;text-align: center;z-index: 2;}
.g-v3-for>.for-loading>.g-v3-icon-loading {width: 3em;height: 3em;line-height: 3em;font-size: 3em;color: #777;}
.g-v3-for>.for-nodata {position: absolute;top: 36px;left: 0;width: 100%;text-align: center;font-size: 2.6em;color: #ccc;z-index: 1;}
.g-v3-for .for-highlight {color: #ff0000;}

/** g-list tag */
.g-v3-list {position: relative;}
.g-v3-list>table {width: 100%;border-collapse: collapse;}
.g-v3-list>table>thead {background-color: #f9f9f9;color: #333;}
.g-v3-list>table>thead td {padding: 8px;}
.g-v3-list>.g-v3-list-loading {position: absolute;top: 36px;left: 0;width: 100%;text-align: center;z-index: 2;}
.g-v3-list>.g-v3-list-loading>.g-v3-icon-loading {width: 3em;height: 3em;line-height: 3em;font-size: 3em;color: #777;}
.g-v3-list>.for-nodata {position: absolute;top: 36px;left: 0;width: 100%;text-align: center;font-size: 2.6em;color: #ccc;z-index: 1;}
.g-v3-list>table>tbody td {padding: 6px 8px;border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;word-break: break-all;}
.g-v3-list>table>tbody tr:hover {background-color: #f6f6f6;}

/** g-paging tag */
.g-v3-paging.paging-fixed {padding-bottom: 80px;}
.g-v3-paging.paging-handle {position: absolute;left: 15px;right: 15px;bottom: 0;height: 80px;box-sizing: border-box;box-shadow: 0px 0px 10px #dedede;
    display: flex;background-color: #fff;}
.g-v3-paging.paging-handle>.paging-buttons {width: 30%;align-self: center;box-sizing: border-box;padding-left: 15px;}
.g-v3-paging.paging-handle>.paging-operate {width: 70%;text-align: right;}
.g-v3-paging.paging-handle>.paging-operate {padding: 25px 15px;box-sizing: border-box;}
.g-v3-paging>.paging-handle>.paging-operate {padding: 15px 0px;box-sizing: border-box;}
.paging-handle>.paging-operate>.paging-item {display: inline-block;min-width: 30px;height: 30px;line-height: 28px;text-align: center;border: 1px solid #e8e8e8;
    font-size: 12px;cursor: pointer;color: #666;vertical-align: middle;padding: 0 5px;box-sizing: border-box;
    -webkit-transition: border 0.3s ease-in-out;-moz-transition: border 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out;transition: border 0.3s ease-in-out;}
.paging-handle>.paging-operate>.paging-left-none {border-left: 1px solid #e8e8e800;}
.paging-handle>.paging-operate>.paging-primary {
    -webkit-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;-moz-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.paging-handle>.paging-operate>.paging-primary:hover {border: 1px solid #999;background-color: #fff;}
.paging-handle>.paging-operate>.paging-disabled {cursor: not-allowed;color: #dedede;}
.paging-handle>.paging-operate>.paging-selected {border: 1px solid #0070cc;color: #0070cc;cursor: not-allowed;}
.paging-handle>.paging-operate>.paging-selected:hover {border: 1px solid #0070cc;color: #0070cc;}
.paging-handle>.paging-operate>.paging-text {border: none;cursor: default;line-height: 30px;margin-left: 10px;}
.paging-handle>.paging-operate .paging-highlight {font-size: 12px; color: #0070cc;margin: 0 2px;}
.paging-handle>.paging-operate>.paging-left>.g-v3-icon {display: inline-block;transform: rotate(180deg);}
.paging-handle>.paging-operate>.g-v3-choose {width: 70px;text-align: left;}
.paging-handle>.paging-operate>.paging-input {outline: none;width: 50px;cursor: default;-moz-appearance: textfield;}
.paging-handle>.paging-operate>.paging-input::-webkit-inner-spin-button,
.paging-handle>.paging-operate>.paging-input::-webkit-outer-spin-button {-webkit-appearance: none;}
.paging-handle>.paging-operate>.paging-input:focus {outline: none;border: 1px solid #0070cc;}
.paging-handle>.paging-operate>.paging-input-text {border: none;cursor: default;line-height: 30px;margin-left: 0px;min-width: auto;}
.paging-handle>.paging-operate>.paging-btn-sure {background-color: #fafafa;padding: 0 16px;}
/** 重写内部的choose组件样式 */
.g-v3-paging .g-v3-choose.paging-sort-choose {display: inline-block;vertical-align: middle;width: 24px;height: 24px;margin-left: 5px;cursor: pointer;padding: 0;border: none;}
.g-v3-paging .g-v3-choose.paging-sort-choose:hover {border: none;}
.g-v3-paging .g-v3-choose.paging-sort-choose:hover>.g-v3-icon {color: #0070cc;}
.g-v3-paging .g-v3-choose.paging-sort-choose>.g-v3-icon {width: 24px;height: 24px;text-align: center;color: #888;}
.g-v3-paging .g-v3-choose.paging-sort-choose>.g-v3-icon::before {font-size: 1em;right: 5px;}
.g-v3-paging .g-v3-choose.paging-sort-choose>.choose-options {width: 90px;border-top: 1px solid #ccc;}

/** g-v3-tree tag */
.g-v3-tree {position: relative;}
.g-v3-tree>.tree-body {width: 100%;height: 100%;overflow-y: auto;}
.g-v3-tree>.tree-loading {position: absolute;top: 36px;left: 0;width: 100%;text-align: center;z-index: 2;}
.g-v3-tree>.tree-loading>.g-v3-icon-loading {width: 3em;height: 3em;line-height: 3em;font-size: 3em;color: #777;}
.g-v3-tree .tree-item {padding: .2em 0;}
.g-v3-tree .tree-inner>.tree-title {display: inline-block;vertical-align: middle;user-select: none;-moz-user-select: none;-webkit-user-select: none;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.g-v3-tree .tree-inner>.tree-title>.tree-unfold-icon {display: inline-block;vertical-align: top;height: 1.2em;line-height: 1.2em;margin-right: .4em;}
.g-v3-tree .tree-inner>.tree-title>.tree-icon {display: inline-block;vertical-align: top;height: 1.2em;line-height: 1.2em;}
.g-v3-tree .tree-inner>.tree-title>.tree-name {display: inline-block;vertical-align: top;height: 1.2em;line-height: 1.2em;}
.g-v3-tree .tree-inner>.tree-title>.tree-icon + .tree-name {margin-left: .4em;}
.g-v3-tree .tree-inner>.tree-operate {display: inline-block;margin-left: .8em;}
.g-v3-tree .tree-children {display: none;overflow: hidden;margin-left: 1.4em;margin-top: .4em;}

/** g-v3-tab tag */
.g-v3-tab {position: relative;}
.g-v3-tab>.tab-head {display: flex;height: 30px;align-items: center;user-select: none;-moz-user-select: none;-webkit-user-select: none;}
.g-v3-tab>.tab-head>.tab-item {height: 100%;display: flex;align-items: center;border-right: 1px solid #a4dbdb;border-top: 1px solid #a4dbdb;
    padding: 0 20px;cursor: pointer;
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.g-v3-tab>.tab-head>.tab-item:first-child {border-left: 1px solid #a4dbdb;}
.g-v3-tab>.tab-head>.tab-item:hover {background-color: #35a3a3;color: #fff;border-color: #35a3a3;}
.g-v3-tab>.tab-head>.tab-item.actived {background-color: #5cb8b8;color: #fff;border-color: #5cb8b8;}
.g-v3-tab>.tab-head>.tab-item>.tab-icon {margin-right: 6px;font-size: 1.2em;padding-top: .2em;}
.g-v3-tab>.tab-body {border-top: 1px solid #a4dbdb;position: absolute;top: 30px;left: 0;width: 100%;height: calc(100% - 30px);overflow: hidden;}
.g-v3-tab>.tab-body>.tab-container {display: flex;height: 100%;}
.g-v3-tab>.tab-body .tab-content {width: 100%;height: 100%;box-sizing: border-box;overflow-x: hidden;overflow-y: auto;position: relative;}

/** g-v3-title tag */
.g-v3-title {display: inline-block;position: relative;}
.g-v3-title>.title-body {position: absolute;z-index: 99;bottom: calc(100% + 12px);left: 50%;transform: translateX(-50%);opacity: 0;
    background-color: #333;color: #fff;border-radius: 2px;width: max-content;padding: 5px;
    -webkit-transition: opacity .2s linear;-moz-transition: opacity .2s linear;-o-transition: opacity .2s linear;transition: opacity .2s linear;}
.g-v3-title>.title-body::before {content: "";position: absolute;bottom: -11px;left: 60%;transform: translateX(-50%);
    border-top: 12px solid #333;border-right: 10px solid transparent;width: 0;height: 0;}
