:root {
    /* --widget-color-primary10: #120068;
    --widget-color-primary20: #28168D;
    --widget-color-primary30: #4034A5;
    --widget-color-primary40: #704FB5;
    --widget-color-primary80: #C6BFFF;
    --widget-color-primary90: #E5DFFF; */
    /* --widget-color-primary20: #442D97;
    --widget-color-primary30: #704FB5;
    --widget-color-primary80: #C6BFFF;
    --widget-color-primary90: #E5DFFF; */
    --widget-color-primary10: #120068;
    --widget-color-primary20: #00238A;
    --widget-color-primary30: #0035BE;
    --widget-color-primary40: #584EBE;
    --widget-color-primary80: #B7C4FF;
    --widget-color-primary90: #DCE1FF;
    --widget-color-primary100: #FFF;
    /* Light: 40 90 100 10 vs Dark: 80 30 20 90 */
    --widget-color-primary: var(--widget-color-primary80);
    --widget-color-primaryContainer: var(--widget-color-primary30);
    --widget-color-onPrimary: var(--widget-color-primary20);
    --widget-color-onPrimaryContainer: var(--widget-color-primary90);
    --widget-color-secondary: #FC845E;
    --widget-color-onSecondary: #FFF;
    --widget-font-family: "Open Sans",arial,x-locale-body,sans-serif;
}

.ov-form,.ov-color-form{
    border-collapse: collapse; 
}

.ov-property-panel .ov-form{
    width: 100%;  
}

.ov-property-panel .ov-form td{
    border-bottom: 1px solid rgba(85, 85, 85, 0.5);
    width:50%;
    padding: 0;
    font-family: "Open Sans",arial,x-locale-body,sans-serif;
}

.ov-color-form td{
    border: 1px solid rgba(85, 85, 85, 0.5);
    width:50%;
    padding: 0;
    font-family: "Open Sans",arial,x-locale-body,sans-serif;
}

.ov-form td:first-child{
    color:#FFF;
    text-align:right;
    padding-right:0.5em;
    cursor:default;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ov-form input, .ov-form select,.ov-color-form input{
    width: 100%;
    box-sizing: border-box;    
}

.ov-form input[type="range"]{    
    margin-left:5%;
    width:90%;
}

.ov-menu{
    top: 0px;
    left: 0px;
    padding: 10px;
    width: 320px;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.55);
    border-right: 1px solid rgba(85, 85, 85, 0.45);
    box-sizing: border-box;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.ov-list-panel{
    top: 0px;
    left: 0px;
    padding: 10px;
    width: 100%;
    height: calc(50% - 5px);
    border: 1px solid rgba(85, 85, 85, 0.7);
    box-sizing: border-box;
    overflow: auto;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.6);
}

.ov-property-panel{
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(50% - 5px);    
    border: 1px solid rgba(85, 85, 85, 0.7);
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.6);
}

.ov-panel-button{    
    opacity:0.5;
    transition:opacity 0.3s,text-shadow 0.3s;
}

.ov-panel-button:hover{
    cursor:pointer;
    opacity:1;
    text-shadow:0px 0px 1px #FFF;
}

.ov-panel-button:active{
    color:#AAA;
}

.ov-property-panel-title{
    cursor:default;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:#FFF;
    font-family: "Open Sans",arial,x-locale-body,sans-serif;
    background: rgba(0,0,0,0.4);
    min-height: 1.5em;
    box-sizing: border-box;
    padding: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-bottom: 1px solid rgba(85, 85, 85, 0.5);
    overflow: hidden;
}

.ov-property-panel-body{
    height: calc(100% - 1.5em);
    overflow: auto;
}

.ov-property-panel .ov-form td:first-child{
    background:rgba(0,0,0,0.4);    
    border-right: 1px solid rgba(85, 85, 85, 0.5);
}

.ov-list-item{
    color:#FFF;
    overflow:auto;
    overflow-x: hidden;
}

.ov-list-item-head{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ov-icon{
    display: inline-flex;
    vertical-align: top;
    cursor:default;
    font-size: 1em;
    margin-right: 0.3em;
}

.ov-icon-right{
    float:right;
    cursor:default;
    font-size: 1em;
    margin-left: 0.3em;
}

.ov-list-item-title{
    padding-left: 0.3em;
    padding-right: 0.3em;
    cursor:pointer;
    font-family: "Open Sans",arial,x-locale-body,sans-serif;
    display:inline-block;
    max-width: calc(100% - 1em);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ov-list-item-title:hover{
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 0 2px 0px white;
}

.ov-list-item-sub{
    padding-left: 1.2em;
    box-sizing: border-box;
}

.ov-dialog{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing:border-box;
    font-family: "Open Sans",arial,x-locale-body,sans-serif;
    position:absolute;
    min-width:20em;
    background:rgba(0,0,0,0.5);
    border: 2px solid #555;
    border-bottom: 2px solid #222;
    border-left: 2px solid #333;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow:hidden;
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
    z-index:100;
}

.ov-color-dialog{
    min-width: 10em;
    transform: none;
    top: 30%;
    left: 21em;
}

.ov-dialog-body{
    box-sizing:border-box;
    min-height:5em;
    padding:1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    box-shadow: inset 0 0 20px 20px rgba(0, 0, 0, 0.5);
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.ov-dialog-head{
    cursor:default;
    box-sizing:border-box;
    color:#FFF;
    background:rgba(0,0,0,0.5);
    padding:0.5em;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.ov-dialog-body > .ov-form{
    width: 100%;
    margin: 0 auto;
}

.ov-dialog-body .ov-form td{
    padding-top:0.5em;
    padding-bottom:0.5em;
}

.ov-dialog-body .ov-form td:first-child::after{
    content:":";
}

.ov-dialog-body .ov-form input,.ov-dialog-body .ov-form select{
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px;
    border: 1px solid #AAA;
    color: #FFF;
    transition : border 0.5s ,box-shadow 0.5s;
}

.ov-property-panel .ov-form input,.ov-property-panel .ov-form select,.ov-color-form input{
    font-weight:normal;
    background-color: rgba(0, 0, 0, 0);
    padding: 4px;
    border: 0;
    color: #FFF;
    transition : box-shadow 0.3s,background-color 0.3s;
}

.ov-color-form input {
    width:6em;
}

.ov-dialog-body .ov-form input[type="color"],.ov-color-form input[type="color"]{
    padding: 0px;
}

.ov-dialog-body .ov-form select option,.ov-property-panel .ov-form select option{
    color: #000;
}

.ov-dialog-body .ov-form input:focus,.ov-dialog-body .ov-form select:focus{
    outline:0px;
    box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.5), 0px 0px 5px 1px rgba(255, 255, 255, 0.5);
    border: 1px solid #FFF;
}

.ov-property-panel .ov-form input:focus,.ov-property-panel .ov-form select:focus,.ov-color-form input:focus{
    background-color: rgba(255, 255, 255, 0.1);
    outline: 0px;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 1.0);
}

.ov-dialog-buttonBar{
    overflow: auto;
    padding-bottom: 0;
}

.ov-dialog-buttonBar button{
    box-shadow: inset 0px 1px 8px 0px #1f1e1e;
    background: linear-gradient(to bottom, #4a4a4a 5%, #363434 100%) !important;
    background-color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #777;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000000;
    margin:0.5em;
    padding:0.2em;
    min-width:5em;

    transition: border 0.5s;
}

.ov-form input[type="button"]{
    background: rgba(0,0,0,0.4);
    display: inline-block;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000000;
    color:#FFF;

    transition: box-shadow 0.3s;
}

.ov-form input[type="button"]:hover,.ov-form input[type="button"]:focus{
    background: rgba(0,0,0,0.5);
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 1.0);
}

.ov-dialog-buttonBar button:hover{
    border: 1px solid #CCC;
}

.ov-color-preview div{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding:0.1em;
    text-shadow: 1px 1px 0px black,1px -1px 0px black,-1px 1px 0px black,-1px -1px 0px black,0px 1px 0px black,0px -1px 0px black,1px 0px 0px black,-1px 0px 0px black;
    text-align: center;
    color: white;
}

.ov-mask{
    top: 0;
    left: 0;
    z-index: 99;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
}

.ov-ui{
    box-shadow:0 1px 4px black;
    background:#FFF;
}

.ov-ui-title {
    background:#FFF;
    position: relative;
    left: 0px;
    top: 0px;
    width: auto;
    text-align: center;
    border-bottom: 1px solid #c0c0c0;
    padding: 0.5em;
    box-sizing: border-box;
    line-height: calc(2.5em - 0.5em * 2 - 1px); /*跟文字所在的範圍同高*/
    display: flex;
}

.ov-ui-disable{
    display: none !important;
}

.ov-ui-content {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    background: #FFF;
    position: relative;
}

.ov-ui-title:not(.ov-ui-disable) + .ov-ui-content{
    height: calc(100% - 2.5em);
}

.ov-ui-button {
    top: 0px;
    left: 0px;
    float: right;
    height: 1.5rem;
}

.ov-ui-button button{
    padding: 0;
    background: rgba(0,0,0,0);
    color: var(--widget-color-primary10);
    border: 0;
}

.ov-ui-disableMouseEvent {
    pointer-events:none;
}

.ov-ui-bubble-arrow {
    background-color:#FFF;
    box-shadow:0 1px 4px black;
}

.ov-ui-bubble-backgroundfill {
    background-color:#FFF;
}

.ov-ui-draggable {
    cursor: move;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ov-ui-flex-row {
	display: flex;
	flex-direction: row;
}

.ov-ui-textVerticalCenter {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ov-ui-message {
    color: white;
    position: fixed;
    left: 0;
    opacity: 0;
    bottom: 20px;
    margin: 10px;
    border-radius: 8px;
    padding: 10px 30px;
    max-width: calc(100% - 15px);
    height: auto;
    border-width: 3px;
    border-style: solid;
    z-index: 999999;
}
.ov-ui-message p{
    margin: 0;
    display: inline;
}
.ov-ui-message.ov-ui-messageNormal {
    background: rgba(0, 87, 146, 0.8);
    border-color: rgba(0, 187, 255, 0.6);
}
.ov-ui-message.ov-ui-messageError {
    background: rgba(170, 30, 50, 0.8);
    border-color: rgba(255, 0, 0, 0.6);
}
.ov-ui-message.ov-ui-messageInfo {
    background: rgba(0, 255, 80, 0.8);
    border-color: rgba(0, 255, 80, 0.6);
}
.ov-ui-message.ov-ui-messageConfirm {
    background: rgba(0, 87, 146, 0.8);
    border-color: rgba(0, 187, 255, 0.6);
}
.ov-ui-messageConfirm .ov-ui-messageBtn {
    color: #0F0;
    display: inline;
    margin-left: 10px;
    cursor: pointer;
}

.ov-widget-corner {
    border-radius: 5px;
    overflow: auto;
}

.ov-widget-header {
    width: 100%;
    line-height: normal;
    font-size: 18px;
    background: #EDE8F8;
    text-align: left;
    color: var(--widget-color-onPrimary);
    border-radius: 0.28571rem 0.28571rem 0 0;
    box-sizing: border-box;
    padding-left: 0.5rem;
}

.ov-widget-hideScrollBar::-webkit-scrollbar {
    display: none;
}

.ov-widget-scrollBar::-webkit-scrollbar {
    border-radius: 100px;
    width: 0.5rem;
}

.ov-widget-scrollBar::-webkit-scrollbar-track {
    background-color: rgba(88,78,190,0.12);
    border-radius: 100px;
}

.ov-widget-scrollBar::-webkit-scrollbar-thumb {
    background-color: #584EBE;
    border-radius: 100px;
}

.ov-widget-inputContainer {
    width: 100%;
    display: flex;
    font-size: 14px;
}

.ov-widget-inputTitle {
    display: inline-flex;
    flex: 0 0 auto;
    padding: 0.5833em 0.833em;
    background: #f0f0f0;
    font-size: inherit;
    border: 1px solid #e9e9e9;
    color: #5e5e5e;
    border-top-left-radius: 0.28571rem;
    border-bottom-left-radius: 0.28571rem;
    text-align: center;
    font-weight: 500;
}

.ov-widget-inputItem {
    display: inline-block;
    width: 100%;
    height: auto;
    border: 1px solid #e9e9e9;
    outline: none;
    border-top-right-radius: 0.28571rem;
    border-bottom-right-radius: 0.28571rem;
}

.ov-widget-select {
    display: block;
    width: 100%;
    transition: box-shadow .1s ease-in-out;
    line-height: 1.2142em;
    border: 1px solid #e9e9e9;
    padding: 0.7857em 1em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0.28571rem;
    background-size: 0.8em;
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-color:#fff;
    color: #5a5a5a;
    outline: none;
    font-size: 14px;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='54.7px' height='26.3px' fill='%235a5a5a'><polygon points='54.7,0 27.3,26.3 0,0'/></svg>");
}

.ov-widget-icon {
    cursor: pointer;
    box-shadow: 2px 2px 2px rgba(20%,20%,40%,0.6), 4px 4px 6px rgba(20%,20%,40%,0.4), 6px 6px 12px rgba(20%,20%,40%,0.4)
}

.ov-widget-icon:hover, .ov-widget-icon.active {
    border: 2px solid white;
}

.ov-widget-btn {
    display: inline-block;
    padding: 0.78571em 1.5em;
    background-color: #442D97;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    flex: 1;
    border: none;
}

.ov-widget-btn:not([disabled]):active {
    background-color: #704FB5;
}

.ov-widget-btn2 {
    display: inline-block;
    padding: 0.78571em 1.5em;
    background-color: #F4945E;
    color: white;
    border-radius: 5px;
    margin: 0 0 0 10px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    flex: 1;
    border: none;
}

.ov-widget-btn2:not([disabled]):active {
    background-color: #CB685A;
}

.ov-widget-smallBtn {
    float: right;
    margin-right: 0.25rem;
    border-radius: 14px;
    border: none;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

.ov-widget-locateBtn {
    color: var(--widget-color-onPrimaryContainer);
    background: #4034A5 center no-repeat url("data:image/svg+xml;charset=utf8,<svg width='14' height='19' viewBox='0 0 14 19' fill='white' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M6.47776 0H7.50187C8.51903 0.0816317 9.50647 0.382468 10.3964 0.881845C11.2862 1.38122 12.0575 2.0673 12.6571 2.89296C13.2904 3.81088 13.7136 4.85702 13.8968 5.95702C14.08 7.05702 14.0187 8.18388 13.7171 9.25748C13.1449 11.1814 12.2144 12.98 10.9746 14.5585C9.88286 16.1091 8.59238 17.5097 7.1362 18.7244H6.84574C4.81434 17.0094 3.09487 14.956 1.76339 12.655C0.459242 10.4413 -0.818292 7.00791 0.666376 3.9541C1.20728 2.84636 2.02788 1.89894 3.04708 1.20547C4.06628 0.512004 5.24879 0.0964919 6.47776 0ZM4.17496 4.31399C3.47866 5.04358 3.0864 6.01099 3.07795 7.01948C3.0785 7.64647 3.22943 8.26418 3.51805 8.82078C3.80668 9.37739 4.22459 9.85665 4.73672 10.2184C5.24885 10.5801 5.84026 10.8137 6.46133 10.8996C7.08241 10.9855 7.71503 10.9212 8.30611 10.7121C9.0749 10.4413 9.73886 9.93528 10.2037 9.26579C10.6686 8.5963 10.9108 7.79738 10.8959 6.98245C10.9013 6.45875 10.7985 5.93957 10.5941 5.45738C10.3897 4.97519 10.0879 4.54037 9.7078 4.18011C9.32766 3.81985 8.87727 3.54189 8.38481 3.36362C7.89235 3.18536 7.36841 3.11062 6.84574 3.14407C5.83729 3.17223 4.87941 3.59182 4.17496 4.31399Z'/></svg>");
}

.ov-widget-showBtn {
    color: var(--widget-color-onPrimaryContainer);
    background: #4034A5 center no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,<svg width='28' height='22' viewBox='0 0 28 22' fill='white' xmlns='http://www.w3.org/2000/svg' ><path d='M23.625 21.4998C23.5101 21.5 23.3963 21.4774 23.2901 21.4334C23.1839 21.3893 23.0876 21.3247 23.0065 21.2433L3.75648 1.9933C3.59931 1.82787 3.51298 1.60759 3.51591 1.37942C3.51883 1.15126 3.61076 0.933257 3.77212 0.771906C3.93347 0.610555 4.15147 0.518618 4.37963 0.515697C4.6078 0.512776 4.82808 0.599101 4.99351 0.756269L24.2435 20.0063C24.3658 20.1286 24.4491 20.2845 24.4828 20.4542C24.5165 20.6239 24.4992 20.7997 24.433 20.9596C24.3668 21.1194 24.2547 21.256 24.1109 21.3522C23.9671 21.4483 23.798 21.4997 23.625 21.4998ZM13.9814 17.9998C11.7124 17.9998 9.52437 17.3282 7.47796 16.0037C5.61476 14.8006 3.93749 13.0774 2.62718 11.0271V11.0227C3.71765 9.46033 4.91203 8.13908 6.195 7.07376C6.2066 7.06406 6.21607 7.05206 6.2228 7.03851C6.22953 7.02496 6.23337 7.01016 6.23409 6.99505C6.23481 6.97994 6.23239 6.96485 6.22698 6.95072C6.22157 6.93659 6.21328 6.92374 6.20265 6.91298L5.11328 5.82525C5.09392 5.80573 5.06792 5.79422 5.04046 5.793C5.01299 5.79179 4.98608 5.80096 4.96507 5.81869C3.60226 6.96712 2.33734 8.37587 1.18726 10.0252C0.98939 10.3092 0.880416 10.6456 0.874184 10.9917C0.867952 11.3378 0.964743 11.6779 1.15226 11.9688C2.59656 14.2291 4.45538 16.1327 6.52695 17.4731C8.85937 18.9841 11.3695 19.7498 13.9814 19.7498C15.3912 19.7454 16.7911 19.5131 18.1267 19.0618C18.1443 19.0558 18.1601 19.0455 18.1726 19.0317C18.1851 19.0179 18.1939 19.0011 18.1981 18.983C18.2023 18.9649 18.2019 18.946 18.1967 18.9281C18.1916 18.9102 18.182 18.8939 18.1688 18.8808L16.9887 17.7006C16.9615 17.6741 16.9279 17.6551 16.8912 17.6456C16.8545 17.636 16.8159 17.6361 16.7792 17.6459C15.8652 17.8813 14.9252 18.0002 13.9814 17.9998ZM26.8428 10.0482C25.3958 7.8104 23.5184 5.90947 21.414 4.55048C19.0859 3.04549 16.5156 2.24978 13.9814 2.24978C12.5865 2.25226 11.202 2.48945 9.88586 2.95142C9.86832 2.95753 9.85263 2.96799 9.84025 2.98183C9.82788 2.99568 9.81923 3.01244 9.81513 3.03055C9.81103 3.04866 9.8116 3.06752 9.8168 3.08534C9.822 3.10317 9.83165 3.11937 9.84484 3.13244L11.0234 4.31095C11.0508 4.33792 11.0849 4.35718 11.1221 4.36678C11.1594 4.37638 11.1985 4.37599 11.2355 4.36564C12.1308 4.12347 13.054 4.00046 13.9814 3.99978C16.2066 3.99978 18.3881 4.67955 20.4646 6.02322C22.3628 7.24822 24.0598 8.96978 25.3734 10.9998C25.3743 11.001 25.3749 11.0026 25.3749 11.0042C25.3749 11.0057 25.3743 11.0073 25.3734 11.0085C24.4198 12.5097 23.2366 13.8518 21.8668 14.9859C21.8551 14.9956 21.8455 15.0076 21.8387 15.0212C21.8318 15.0348 21.8279 15.0496 21.8271 15.0648C21.8264 15.08 21.8288 15.0952 21.8342 15.1094C21.8396 15.1236 21.8479 15.1365 21.8586 15.1473L22.9469 16.235C22.9661 16.2545 22.992 16.266 23.0193 16.2673C23.0467 16.2686 23.0735 16.2596 23.0945 16.2421C24.5569 15.0108 25.8227 13.5635 26.8483 11.9502C27.0296 11.666 27.1254 11.3356 27.1244 10.9984C27.1235 10.6613 27.0257 10.3315 26.8428 10.0482Z'/><path d='M14.00001 5.750001C13.60676 5.749788 13.21474 5.793815 12.83134 5.88125C12.81197 5.885272 12.79406 5.894469 12.7795 5.907862C12.76495 5.921256 12.7543 5.938346 12.74869 5.957312C12.74308 5.976278 12.74272 5.99641 12.74764 5.01557C12.75256 6.03472 12.76259 6.05218 12.77665 6.06609L18.9339 12.22172C18.9478 12.23578 18.9653 12.24581 18.9844 12.25073C19.0036 12.25565 19.0237 12.25529 19.0427 12.24968C19.0617 12.24406 19.0788 12.23342 19.0921 12.21886C19.1055 12.20431 19.1147 12.1864 19.1188 12.16703C19.2941 11.39815 19.2939 10.59965 19.1183 9.83084C18.9426 9.06203 18.5961 8.34266 18.1043 7.72616C17.61254 7.10965 16.9882 6.61186 16.27765 6.26975C15.56711 5.927631 14.78862 5.749985 14.00001 5.750001ZM9.0661 9.77828C9.05219 9.76422 9.03473 9.7542 9.01557 9.74927C8.996417 9.74435 8.976285 9.74471 8.957319 9.75032C8.938353 9.75594 8.921263 9.76659 8.907869 9.78114C8.894476 9.79569 8.885279 9.8136 8.881257 9.83297C8.682931 10.69941 8.707835 11.60202 8.953634 12.45621C9.19943 13.31039 9.65808 14.08819 10.28659 14.7167C10.9151 15.3452 11.6929 15.8039 12.54708 16.0497C13.40127 16.2955 14.30388 16.3204 15.17032 16.122C15.18968 16.118 15.2076 16.1088 15.22215 16.0954C15.2367 16.082 15.24735 16.0649 15.25296 16.046C15.25857 16.027 15.25894 16.0069 15.25402 16.9877C15.24909 15.9686 15.23907 15.9511 15.22501 15.9372L9.0661 9.77828Z'/></svg>");
}

.ov-widget-configBtn {
    color: var(--widget-color-onPrimaryContainer);
    background: #4034A5 center no-repeat;
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml;charset=utf8,<svg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' d='M6.6846 0.699215C6.49691 0.709214 6.4023 0.716907 6.39384 0.722292C6.38307 0.728445 6.32845 1.04229 6.2423 1.58845C6.18614 1.94075 6.11999 2.34075 6.09307 2.47921C6.08922 2.49921 6.08461 2.51845 6.0823 2.52075C6.07999 2.52306 6.04538 2.53152 6.00614 2.53921C5.4723 2.64845 4.91615 2.87691 4.4423 3.18306C4.37846 3.2246 4.35538 3.23537 4.34538 3.22998C4.31923 3.21691 3.83538 2.8746 3.51154 2.64152C3.33 2.50998 3.11231 2.35537 3.02769 2.29614C2.88308 2.19537 2.87462 2.18998 2.85769 2.20075C2.81308 2.22845 2.59539 2.42691 2.44154 2.58075C2.28077 2.74152 2.17462 2.85691 2.07077 2.98383L2.02385 3.04152L2.0377 3.06075C2.14385 3.21383 2.26077 3.37768 2.46923 3.66537C2.68077 3.95691 2.96154 4.35152 3.05154 4.4846L3.07538 4.51998L3.01462 4.61537C2.70154 5.10768 2.5 5.60306 2.36769 6.20383L2.35769 6.24998L2.18077 6.28229C2.08385 6.29998 1.93462 6.32537 1.85 6.33844C1.52154 6.38921 0.827699 6.50152 0.696161 6.52537L0.5577 6.54998L0.552315 6.59998C0.536931 6.75614 0.529238 7.03152 0.533085 7.28691C0.536931 7.51537 0.549238 7.78152 0.5577 7.79075C0.563085 7.79691 1.0277 7.87537 1.50385 7.94998C1.79308 7.99537 2.10539 8.04768 2.29308 8.08152L2.36 8.09383L2.36923 8.14152C2.37385 8.16691 2.39308 8.25075 2.41154 8.32691C2.53385 8.82767 2.74231 9.31075 3.01923 9.73614L3.07538 9.82152L3.04769 9.86306C2.98692 9.95383 2.70077 10.3584 2.51231 10.6192C2.40231 10.7715 2.24769 10.9892 2.16769 11.1031L2.02308 11.3092L2.05923 11.3531C2.28 11.6154 2.54616 11.8846 2.78077 12.0815C2.83769 12.1292 2.87231 12.1531 2.87846 12.1492C2.91154 12.13 3.26615 11.8784 3.54615 11.6769C4.02 11.3361 4.34538 11.1077 4.35846 11.1077C4.36153 11.1077 4.40615 11.1354 4.45846 11.1692C4.80538 11.3946 5.22846 11.5884 5.63845 11.7108C5.76307 11.7477 5.94461 11.7923 6.0323 11.8084C6.07384 11.8161 6.08461 11.8208 6.08768 11.8338C6.09768 11.8746 6.1823 12.3769 6.23461 12.7077C6.29153 13.0669 6.38307 13.6161 6.38691 13.62C6.40922 13.6423 7.32845 13.6523 7.52691 13.6323C7.58152 13.6269 7.62768 13.6215 7.62845 13.62C7.63306 13.6154 7.71691 13.1169 7.79152 12.6423C7.86614 12.1708 7.92614 11.8238 7.93229 11.82C7.93383 11.8192 7.98691 11.8077 8.04998 11.7938C8.56229 11.6854 9.11075 11.4577 9.55998 11.1669C9.61767 11.13 9.65844 11.1077 9.66613 11.1108C9.68536 11.1184 10.12 11.4246 10.4461 11.6615C10.8077 11.9238 10.9361 12.0154 11.0523 12.0954L11.1392 12.1554L11.1938 12.11C11.4015 11.9408 11.6769 11.6723 11.8707 11.4508C11.9661 11.3408 11.99 11.31 11.9846 11.3C11.9715 11.2761 11.7054 10.8984 11.4923 10.6038C11.3769 10.4431 11.2046 10.2015 11.1107 10.0669L10.9392 9.82306L11.0031 9.7246C11.2069 9.41306 11.3869 9.03537 11.51 8.65768C11.5592 8.50614 11.6177 8.28921 11.6423 8.16152C11.65 8.12537 11.6561 8.09537 11.6569 8.0946C11.6607 8.09075 12.1854 8.00229 12.5154 7.94998C12.8715 7.89306 13.4077 7.80383 13.4423 7.79537C13.4577 7.79152 13.46 7.7846 13.4646 7.73229C13.4915 7.41383 13.4907 6.85152 13.463 6.59691L13.4577 6.54998L13.4038 6.53998C13.2484 6.51152 12.8523 6.44614 12.4346 6.38075C12.1769 6.33998 11.8961 6.29383 11.8123 6.27844L11.6584 6.24998L11.63 6.12306C11.5469 5.75152 11.4223 5.40152 11.2531 5.06152C11.1684 4.89229 11.0538 4.69152 10.9738 4.57229L10.9392 4.52075L10.9823 4.45844C11.1777 4.17921 11.3107 3.99229 11.5 3.73075C11.7631 3.36691 11.8546 3.23998 11.933 3.12537L11.9923 3.03998L11.9446 2.98306C11.8315 2.85075 11.6907 2.70075 11.5377 2.54998C11.3784 2.39383 11.1754 2.21075 11.1469 2.19768C11.1315 2.19075 11.0238 2.26383 10.6615 2.52537C10.1961 2.86306 10.09 2.93845 9.90229 3.07075C9.79152 3.14845 9.69075 3.21768 9.67921 3.2246C9.65767 3.23691 9.65767 3.23691 9.56152 3.17614C9.08998 2.87691 8.57383 2.66229 8.05768 2.55075C8.00691 2.53921 7.95768 2.52845 7.94845 2.52691C7.93614 2.52383 7.92999 2.5146 7.9246 2.48691C7.90152 2.37921 7.86306 2.15229 7.80383 1.77691C7.7346 1.33691 7.67229 0.955368 7.6446 0.809215C7.63075 0.73383 7.62691 0.722292 7.61229 0.719214C7.52845 0.701523 6.89922 0.688445 6.6846 0.699215ZM7.30306 5.74921C7.52152 5.79998 7.74152 5.90152 7.8946 6.02383C7.95922 6.07537 8.07537 6.19075 8.13845 6.26537C8.26383 6.41383 8.36844 6.62691 8.42537 6.85229L8.44998 6.94998V7.16537C8.44998 7.36229 8.44844 7.38768 8.43229 7.45998C8.38075 7.68844 8.26768 7.92614 8.13229 8.08614C8.06998 8.15998 7.96229 8.26614 7.89768 8.31768C7.73768 8.44537 7.48691 8.55767 7.26845 8.60075C7.15153 8.62383 6.87537 8.62614 6.76537 8.6046C6.42614 8.53844 6.1123 8.36075 5.91076 8.12075C5.79076 7.97844 5.69076 7.80075 5.63153 7.62614C5.57461 7.45844 5.56768 7.41768 5.56384 7.21306C5.55922 7.01152 5.56461 6.95691 5.59999 6.81844C5.70922 6.39614 6.00845 6.03537 6.39768 5.85614C6.52691 5.79768 6.68999 5.74768 6.80999 5.73075C6.83614 5.72691 6.93768 5.72537 7.0346 5.72614C7.19614 5.72844 7.21999 5.72998 7.30306 5.74921Z'/></svg>");
}

.ov-widget-showBtn.active {
    background-image: url("data:image/svg+xml;charset=utf8,<svg width='28' height='18' viewBox='0 0 28 18' fill='none' xmlns='http://www.w3.org/2000/svg'  stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M13.9814 1.125C9.71911 1.125 5.34685 3.59195 1.90482 8.52586C1.80657 8.66824 1.75273 8.83655 1.7501 9.00952C1.74747 9.18249 1.79617 9.35236 1.89005 9.49766C4.53474 13.6375 8.84848 16.875 13.9814 16.875C19.0586 16.875 23.461 13.6277 26.1106 9.47852C26.2023 9.33606 26.251 9.17023 26.251 9.00082C26.251 8.83141 26.2023 8.66558 26.1106 8.52312C23.455 4.42156 19.0203 1.125 13.9814 1.125Z'/><circle cx='14' cy='9' r='4'/></svg>");
}

.ov-widget-resetBtn {
    color: var(--widget-color-onPrimaryContainer);
    background: #4034A5 center no-repeat;
    background-size: 23px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAzUExURQAAAP///////////////////////////////////////////////////////////////7eV4oIAAAAQdFJOUwAQIDBAUGBwf4+fr7/P3+8FUYRsAAAACXBIWXMAABcRAAAXEQHKJvM/AAAE1UlEQVR4Xu2c6babMAyEY/Y19P2ftpColmzMZg2Q08P3k9w4gzyW5aV9PTw8PDw8PPyHJHlelGVVlUWe0aN7MVnV9cMfh7YpE/r4FkzZeYosQ1PQH12Myfwo+dTXd6ipNzR96K8N2T5RE+/rhO0XNTFcJCx70w/upb9gXJqWfuwIFX35NNJwqIZ337dd1y8FsqOvn0QWcFVXZamhz6eEX4bieWpHlr6qoatS+kySN/Q5M4T+DoLxf6wrOEo+eUV/ZCnpEzC+2buNJD57i1OMn7h27ne8fOoJO8H4pqO2PwzlcvdJ0p6+8AXfj86Ld/tETZT0lS85PUXhtF7vVzXmFPrSB/B4LERmODrJOR05HHmjLVKp6nBHOLYE2t6I941K19KYLT3TIxLWEDeJyJSHsn1O7Y0c70FCxBtkL9mF0YnHCHc29EyHmNxqehRBSk1MILJEwu/ZaMIvrNDTIw0cLKUphO314RKmUFYAhpoZ0ScJDtZbO4KESbW1qgiWemFluDTSDkY2KmDWKKgpfe5inyI2FDhcutBzH0KmMg6XLvZcZkFmMjEYVabnPsSs87iUUNXP1gygcoR7UdMgT2SgxRT34kBPYmBrYfrw9eJCVdGitRZicv3AL6owl7WWoqJx4V5U2MJmLdz6DpAIE2oBZy1RPcf7glee9ABATS0qhqLNMm96AICrG3pwHCsLNhDlUIwuImwTwKUw5/lov54hiwu46ILe2hM0I05wtKJlWXv+aCf+luXPSBAsix4cx9pTU4V42EIw/lU5y2uXiAygKOHpHneOaosSxTCy0z1s55rfVLGCtdM9LHFxNlXUW4Dp3gOyHObchzrZtdbSvCjECRLuQ5UtIC8n4GpLtcKz5gKlCPuauvY46JC1Dy+HddHnHZvIcwIX3oJQZhzuRYDpxWGZ0hNiO10fLl7pqyslNqk607NR9WmQM6p2N10c0gCOfThcyshzAYjYlhLhUoVeHNIgRrXYTdeMH3nOBsmBwqnxJ+Dybof6OOSLbJEeHYbzH2xXiveToktdYXdcSSnOkOJ8Ie9XAa8ciG6MiZdzvwp5oUUMo8NXDoz0Fa4LJ+QJ+MHx6N+vwhRuhHNT5khenV8mhOoS2Wuk3tmRRl7O+QdUl3NTaueIzKQnGaguzyPbF5MWRI1Adcn0NbF+kTrzXsPhRN9PtGFlJqsWI/WlLMsqQyXW0B3d1r95arIm4PMgLShqsjwRtE1VFsX07zHqLqB8xLnwKECdcTkpey/j8Jgb4EsP6snZBeJt2umnl3SBqq9ZBtviTfXV6brSJacEGPg26Om6XtnOiLm3ec/XNbuvHKLzrxhfoGs0/2pfDm2g/pHFswSqaywQwplzut0f/KElWWBdI0lRNTZsw7sfU2tY0sSiLLyuLyZJ02SzaX+2F5ykaxduMelyoy7eug5wo67VtHKfLnlZd859utZq1jt1rZett+laqCT/8ejyeHQdY0sX/dnlbOgC3lI5xoYu1Va7hnVdwPsgB1nXhTgmjGNVF+hWcAxruqBbrAdZ0XXbWJxY1nWrrGVdoHsXsSzputHyHxZ0KU969QR13WutDyFd0C3fSOa6UFuXOnxdqI1LLe4/cf/saf4Gpd2g3vOfAVxIXnfvvq+Xd3seHh4eHh4efpPX6y+GAt6N34BeSAAAAABJRU5ErkJggg==");
}

.ov-widget-fastForwardBtn {
    color: var(--widget-color-onPrimaryContainer);
    background: #4034A5 center no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,<svg class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: %23ffffff;overflow: hidden;' viewBox='0 0 500 500' version='1.1' xmlns='http://www.w3.org/2000/svg'><path d='M277 384l182 -128l-182 -128v256zM85 128v256l182 -128z' />/></svg>");
}

.ov-widget-deleteBtn {
    color: var(--widget-color-onSecondary);
    background: #C05735 center no-repeat url("data:image/svg+xml;charset=utf8,<svg width='14' height='14' viewBox='0 0 14 14' stroke='white' xmlns='http://www.w3.org/2000/svg'><path stroke-width='3' d='M0 0 L14 14 M0 14 L14 0' /></svg>");
}

.ov-widget-slider {
    width: 100%;
    height: 5px;
    border: none;
    background : linear-gradient(45deg, rgb(59,173,277) 0%, rgb(87,111,230) 25%, rgb(152,68,183) 51%, rgb(255,53,127) 100%);
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
}

.ov-widget-tabs {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0.14285rem;
    border-radius: 0.28571rem;
}

.ov-widget-tabs-label {
    text-align: center;
    background: #4034A5;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    min-width: 50px;
    margin-right: 1px;
    padding: 5px 0;
    flex: 1;
}

.ov-widget-tabs-labelFirst {
    border-top-left-radius: 6px;
}

.ov-widget-tabs-labelLast {
    margin-right: 0px;
    border-top-right-radius: 6px;
}

.ov-widget-tabs-radio {
    display: none;
}

.ov-widget-tabs-content {
    order: 1;
    width: 100%;
    border-top: 2px solid #584EBE;
    display: none;
    padding: 14px;
    box-sizing: border-box;
    max-height: calc(95vh - 130px);
    min-height: 20vh;
    overflow: auto;
}

.ov-widget-tabs-radio:checked + .ov-widget-tabs-label {
    border-bottom: none;
    background: #584EBE;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 25%);
}

.ov-widget-tabs-radio:checked + .ov-widget-tabs-label + .ov-widget-tabs-content {
    display: initial;
}

.ov-widget-flexColumnContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.ov-widget-table {
    width : 100%;
    background: #fff;
    margin: 1em 0em;
    border: none;
    border-radius: 0.28em;
    text-align: center;
    color: #5a5a5a;
    border-collapse: separate;
    border-spacing: 0px;
}

.ov-widget-table-thead {
    background: var(--widget-color-primaryContainer);
    color: var(--widget-color-onPrimaryContainer);
}

.ov-widget-table-th {
    border: 1px solid var(--widget-color-onPrimary);
    padding: 0.78571em 0.5em;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
}

.ov-widget-table-tr:hover {
    background-color: #ddd;
}

.ov-widget-table-tr.active {
    background-color: #c6e5fa;
    box-shadow: inset 0 0 10px 1px #1e90ff;
}

.ov-widget-divider {
    font-size: 1rem;
    border-bottom: 1px solid #e9e9e9;
    margin: 1rem 0rem;
    line-height: 1;
    height: 0;
    font-weight: 500;
    letter-spacing: .05em;
    color: #919191;
}

.ov-widget-summary {
    display: flex;
    outline: none;
    padding: 0.3em 0.5em;
}

.ov-widget-summary-title {
    flex: auto;
}
.ov-widget-details {
    position: relative;
    margin: 5px;
    background: #FFEDE7;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    border-radius: 10px;
}

input[type="checkbox"].ov-widget-switch {
    font-size: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 2.5em;
    height: 0.8em;
    background: #A8A0FF;
    border-radius: 3em;
    position: absolute;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

input[type="checkbox"].ov-widget-switch:after {
    position: absolute;
    content: "";
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background: #FC845E;
    -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
    box-shadow: 0 0 .25em rgba(0,0,0,.3);
    left: 0;
    top: -0.25em;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

input[type="checkbox"].ov-widget-switch:checked {
    background: #FFB59D;
}

input[type="checkbox"].ov-widget-switch:checked:after {
    left: calc(100% - 1.2em);
}

.ov-widget-basemap-list-title {
    background-color: #1e90ff;
    color: #ffffff;
}

.ov-widget-basemap {
    width: auto;
    height: auto;
    font-family: "Open Sans",arial,x-locale-body,sans-serif;
    line-height: normal;
}

.ov-widget-basemap:before {
    content: "\1F5FA";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    text-align: center;
    height: auto;
    width: auto;
    overflow: hidden;
    font-size: 22px;/**/
}

.ov-widget-basemap_list {
    display: flex;
    flex-flow: column nowrap;
    padding-inline-start: 5px;
    padding-inline-end: 5px;
}

.ov-widget-basemap_item {
    display: flex;
    padding: 6px;
    cursor: pointer;
}

.ov-widget-basemap_item:hover {
    background-color: lightgrey;
}

.ov-widget-basemap_item:hover .ov-widget-basemap_item-img {
    animation-name: enhance;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in;
}

@keyframes enhance {
    from {
        transform: scale(1.0);
    }

    to {
        transform: scale(1.1);
    }
}

.ov-widget-basemap_item.active {
    background-color: #c6e5fa;
    box-shadow: inset 0 0 10px 1px #1e90ff;
}

.ov-widget-basemap_item-title {
    padding: 0 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.ov-widget-fadeOut {
    animation-duration: 0.3s;
    animation-name: fade;
    animation-direction: reverse;
}

.ov-widget-fadeIn {
    animation-duration: 0.3s;
    animation-name: fade;
}

@keyframes fade {
    0% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.ov-widget-timeline {
    --bar-background: #00000000;
    --bar-labelColor: #fff;
    --pin-background: var(--widget-color-secondary);
    --pin-labelColor: var(--widget-color-onSecondary);
    bottom: 0; /*指定*/
    left: 0; /*指定*/
    position: absolute;
    width: 100%;
    height: 31px;
    font-family: var(--widget-font-family);
    line-height: normal;
    overflow: unset;
    background-color: rgba(0,0,0,0);
}

.ov-widget-timeline-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: var(--bar-background);
}

.ov-widget-timeline-bar-labelContainer {
    width : 100%;
    height : 100%;
    position : relative;
    overflow-x : hidden;
    pointer-events: none;
}

.ov-widget-timeline-thickLine {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    background: #FFF;
    height: 100%;
}

.ov-widget-timeline-text {
    position: absolute;
    color: var(--bar-labelColor);
    font-size: 80%;
    width: auto;
    white-space: nowrap;
    pointer-events: none;
}

.ov-widget-timeline-pin {
    top: -35px;
    cursor: grab;
    position: absolute;
    background: var(--pin-background);
    border-top-color: var(--pin-background);
    color: var(--pin-labelColor);
    display: table-cell;
    height: 21px;
    white-space: nowrap;
    text-align: center;
    border-radius: .5em;
    box-shadow: 0 0 4px 0 black;
    margin: 0;
    padding: 0px 5px 0px 5px;
    font-size: 15px;
}

.ov-widget-timeline-pinNeedle {
    top: 100%;
    border: solid transparent;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    border-top-color: inherit;
    border-width: 5px;
}

.ov-widget-timeline-progress {
    position: absolute;
    cursor: pointer;
    height: 8px;
    background-clip: padding-box;
    border-right: none;
    border-left: none;
    border-radius: 4px;
    top: -8px;
    transition: width ease-in-put .7s;
    background-color: #78767A;
    overflow: hidden;
    width: 100%;
}

.ov-widget-timeline-played {
    height: 8px;
    background-color: #7168D8;
    position: relative;
    border-radius: 4px;
    width: 0%;
}

.ov-widget-timeline-deadline {
    position: absolute;
    height: 100%;
    background-color: red;
    width: 3px;
    left: -999px;
    top: 0;
}

.ov-widget-timeline-block {
    position: absolute;
    height: 100%;
}

.ov-widget-timeline-block-tag {
    color: #DD3730;
    background: white;
    font-size: 1px;
    right: 1px;
    border-radius: 10px;
    width: 13px;
    height: 13px;
    text-align: center;
    top: 1px;
    position: absolute;
}


.ov-widget-timeline-block-tooltip {
    position: absolute;
    text-align: center;
    bottom: 150%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    opacity: 0;
    transition: opacity 0.3s;
    border-radius: 3px;
    background-color: #FFF;
    width: max-content;
}

.ov-widget-timeline-block-tooltip.active {
    opacity: 1;
}

.ov-widget-timelinePlayer {
    bottom: 0; /*指定*/
    left: 0%; /*指定*/
    position: absolute;
    width: auto;
    height: auto;
    line-height: normal;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    overflow: unset;
}

.ov-widget-timelinePlayer-speedInputContainer::after {
    position: absolute;
    right: 4px;
    transition: all 0.1s ease-in-out;
    content: "x";
}

.ov-widget-timelinePlayer-speedInputContainer:hover::after,
.ov-widget-timelinePlayer-speedInputContainer:focus-within::after {
    right: 14px;
}

@supports (-moz-appearance: none) {
    .ov-widget-timelinePlayer-speedInputContainer::after {
        right: 14px;
    }
}

.ov-widget-timelinePlayer-speedInput {
    width: 55px;
    border: 1px solid #e9e9e9;
    outline: none;
    border-radius: 0.28571rem;
    font-size: 14px;
}

.ov-widget-timelinePlayer-playBtn {
    margin: 5px auto;
    position: absolute;
    bottom: 13px;
    left: 13px;
    font-size: 25px;
    width: 26px;
    height: 26px;
    border-radius: 1.2em;
    box-shadow: 2px 2px 4px 0 #000;
    text-align: center;
    background: #fff center no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='17px' height='18px' fill='%23fc845e'><polygon points='17,8.99994 2,17.7161 2,0.283814'/></svg>");
}
.ov-widget-timelinePlayer-playBtn.Play {
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='14px' height='14px' fill='%23fc845e'><rect width='14px' height='14px'/></svg>");
}

.ov-widget-timelinePlayer-configBtn {
    position: relative;
    font-size: 14px;
    width: 18px;
    height: 18px;
    border-radius: 1.2em;
    box-shadow: 2px 2px 4px 0 #000;
    background: #fff center no-repeat url("data:image/svg+xml;charset=utf8,<svg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23FC845E' d='M6.6846 0.699215C6.49691 0.709214 6.4023 0.716907 6.39384 0.722292C6.38307 0.728445 6.32845 1.04229 6.2423 1.58845C6.18614 1.94075 6.11999 2.34075 6.09307 2.47921C6.08922 2.49921 6.08461 2.51845 6.0823 2.52075C6.07999 2.52306 6.04538 2.53152 6.00614 2.53921C5.4723 2.64845 4.91615 2.87691 4.4423 3.18306C4.37846 3.2246 4.35538 3.23537 4.34538 3.22998C4.31923 3.21691 3.83538 2.8746 3.51154 2.64152C3.33 2.50998 3.11231 2.35537 3.02769 2.29614C2.88308 2.19537 2.87462 2.18998 2.85769 2.20075C2.81308 2.22845 2.59539 2.42691 2.44154 2.58075C2.28077 2.74152 2.17462 2.85691 2.07077 2.98383L2.02385 3.04152L2.0377 3.06075C2.14385 3.21383 2.26077 3.37768 2.46923 3.66537C2.68077 3.95691 2.96154 4.35152 3.05154 4.4846L3.07538 4.51998L3.01462 4.61537C2.70154 5.10768 2.5 5.60306 2.36769 6.20383L2.35769 6.24998L2.18077 6.28229C2.08385 6.29998 1.93462 6.32537 1.85 6.33844C1.52154 6.38921 0.827699 6.50152 0.696161 6.52537L0.5577 6.54998L0.552315 6.59998C0.536931 6.75614 0.529238 7.03152 0.533085 7.28691C0.536931 7.51537 0.549238 7.78152 0.5577 7.79075C0.563085 7.79691 1.0277 7.87537 1.50385 7.94998C1.79308 7.99537 2.10539 8.04768 2.29308 8.08152L2.36 8.09383L2.36923 8.14152C2.37385 8.16691 2.39308 8.25075 2.41154 8.32691C2.53385 8.82767 2.74231 9.31075 3.01923 9.73614L3.07538 9.82152L3.04769 9.86306C2.98692 9.95383 2.70077 10.3584 2.51231 10.6192C2.40231 10.7715 2.24769 10.9892 2.16769 11.1031L2.02308 11.3092L2.05923 11.3531C2.28 11.6154 2.54616 11.8846 2.78077 12.0815C2.83769 12.1292 2.87231 12.1531 2.87846 12.1492C2.91154 12.13 3.26615 11.8784 3.54615 11.6769C4.02 11.3361 4.34538 11.1077 4.35846 11.1077C4.36153 11.1077 4.40615 11.1354 4.45846 11.1692C4.80538 11.3946 5.22846 11.5884 5.63845 11.7108C5.76307 11.7477 5.94461 11.7923 6.0323 11.8084C6.07384 11.8161 6.08461 11.8208 6.08768 11.8338C6.09768 11.8746 6.1823 12.3769 6.23461 12.7077C6.29153 13.0669 6.38307 13.6161 6.38691 13.62C6.40922 13.6423 7.32845 13.6523 7.52691 13.6323C7.58152 13.6269 7.62768 13.6215 7.62845 13.62C7.63306 13.6154 7.71691 13.1169 7.79152 12.6423C7.86614 12.1708 7.92614 11.8238 7.93229 11.82C7.93383 11.8192 7.98691 11.8077 8.04998 11.7938C8.56229 11.6854 9.11075 11.4577 9.55998 11.1669C9.61767 11.13 9.65844 11.1077 9.66613 11.1108C9.68536 11.1184 10.12 11.4246 10.4461 11.6615C10.8077 11.9238 10.9361 12.0154 11.0523 12.0954L11.1392 12.1554L11.1938 12.11C11.4015 11.9408 11.6769 11.6723 11.8707 11.4508C11.9661 11.3408 11.99 11.31 11.9846 11.3C11.9715 11.2761 11.7054 10.8984 11.4923 10.6038C11.3769 10.4431 11.2046 10.2015 11.1107 10.0669L10.9392 9.82306L11.0031 9.7246C11.2069 9.41306 11.3869 9.03537 11.51 8.65768C11.5592 8.50614 11.6177 8.28921 11.6423 8.16152C11.65 8.12537 11.6561 8.09537 11.6569 8.0946C11.6607 8.09075 12.1854 8.00229 12.5154 7.94998C12.8715 7.89306 13.4077 7.80383 13.4423 7.79537C13.4577 7.79152 13.46 7.7846 13.4646 7.73229C13.4915 7.41383 13.4907 6.85152 13.463 6.59691L13.4577 6.54998L13.4038 6.53998C13.2484 6.51152 12.8523 6.44614 12.4346 6.38075C12.1769 6.33998 11.8961 6.29383 11.8123 6.27844L11.6584 6.24998L11.63 6.12306C11.5469 5.75152 11.4223 5.40152 11.2531 5.06152C11.1684 4.89229 11.0538 4.69152 10.9738 4.57229L10.9392 4.52075L10.9823 4.45844C11.1777 4.17921 11.3107 3.99229 11.5 3.73075C11.7631 3.36691 11.8546 3.23998 11.933 3.12537L11.9923 3.03998L11.9446 2.98306C11.8315 2.85075 11.6907 2.70075 11.5377 2.54998C11.3784 2.39383 11.1754 2.21075 11.1469 2.19768C11.1315 2.19075 11.0238 2.26383 10.6615 2.52537C10.1961 2.86306 10.09 2.93845 9.90229 3.07075C9.79152 3.14845 9.69075 3.21768 9.67921 3.2246C9.65767 3.23691 9.65767 3.23691 9.56152 3.17614C9.08998 2.87691 8.57383 2.66229 8.05768 2.55075C8.00691 2.53921 7.95768 2.52845 7.94845 2.52691C7.93614 2.52383 7.92999 2.5146 7.9246 2.48691C7.90152 2.37921 7.86306 2.15229 7.80383 1.77691C7.7346 1.33691 7.67229 0.955368 7.6446 0.809215C7.63075 0.73383 7.62691 0.722292 7.61229 0.719214C7.52845 0.701523 6.89922 0.688445 6.6846 0.699215ZM7.30306 5.74921C7.52152 5.79998 7.74152 5.90152 7.8946 6.02383C7.95922 6.07537 8.07537 6.19075 8.13845 6.26537C8.26383 6.41383 8.36844 6.62691 8.42537 6.85229L8.44998 6.94998V7.16537C8.44998 7.36229 8.44844 7.38768 8.43229 7.45998C8.38075 7.68844 8.26768 7.92614 8.13229 8.08614C8.06998 8.15998 7.96229 8.26614 7.89768 8.31768C7.73768 8.44537 7.48691 8.55767 7.26845 8.60075C7.15153 8.62383 6.87537 8.62614 6.76537 8.6046C6.42614 8.53844 6.1123 8.36075 5.91076 8.12075C5.79076 7.97844 5.69076 7.80075 5.63153 7.62614C5.57461 7.45844 5.56768 7.41768 5.56384 7.21306C5.55922 7.01152 5.56461 6.95691 5.59999 6.81844C5.70922 6.39614 6.00845 6.03537 6.39768 5.85614C6.52691 5.79768 6.68999 5.74768 6.80999 5.73075C6.83614 5.72691 6.93768 5.72537 7.0346 5.72614C7.19614 5.72844 7.21999 5.72998 7.30306 5.74921Z'/></svg>");
}

.ov-widget-timelinePlayer-sliderContainer {
    position: absolute;
    background-color: rgba(255,255,255,0.1);
    color: #fff;
    text-align: center;
    top: -88px;
    left: 12px;
    width: 163px;
    height: 35px;
    border-radius: 6px;
    padding: 5px;
    box-sizing: content-box;
}

.ov-widget-timelinePlayer-slider {
    width: 100%;
    height: 5px;
    border: 1px solid #c4c4c4;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    box-sizing: content-box;
}

.ov-widget-timelinePlayer-slider::-webkit-slider-thumb {
    width: 13px;
    height: 13px;
    appearance: none;
    -webkit-appearance: none;
    background-color: #FC845E;
    border-radius: 7px;
}

.ov-widget-attributes {
    top: 50px;
    left: 50px;
    position: absolute;
    font-family: "Open Sans",arial,x-locale-body,sans-serif;
    line-height: normal;
    background-color: rgba(128,128,128,0.5);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding-bottom: 5px;
}

.ov-widget-attributesHeader {
    line-height: normal;
    font-size: 20px;
    color: white;
    background: linear-gradient(to bottom, #4ca4f1, #0389ff 10%, #136ad5);
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
    padding: 0px 10px 0px 10px;
    border: none;
    height: auto;
}

.ov-widget-attributesContentContainer {
    background-color: white;
    border-radius: 10px;
    display: flex;
    margin: 5px;
    word-wrap: break-word;
    padding-right: 5px;
    padding-left: 5px;
}

.ov-widget-attributesContentLabel {
    color: #136ad5;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: right;
    padding-right: 10px;
}

.ov-widget-satellite {
    --satellite-content-background: white;
    top: 50px;
    left: 50px;
    position: absolute;
    font-family: var(--widget-font-family);
    line-height: normal;
    background-color: white;
    border-radius: 0.28571rem;
    width: 450px;
}

.ov-widget-satellite-speedHeader{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.ov-widget-satellite-speedTitle {
    flex: 1;
}

.ov-widget-satellite-speedLabel {
    flex: 1;
    text-align: right;
}

.ov-widget-satellite-extraContentContainer {
    background-color: var(--satellite-content-background);
    box-sizing: border-box;
    width: 100%;
}

.ov-widget-satellite-footer {
    border-radius: 10px;
    display: flex;
}

.ov-widget-satellite-importBtn {
    margin-right:14px;
}

.ov-widget-satellite-importBtn:after {
    content: "匯入";
}

.ov-widget-satellite-map2DBtn:after {
    content: "2D展示";
}

.ov-widget-satellite-exportBtn {
    margin-right:14px;
}

.ov-widget-satellite-exportBtn:after {
    content: "匯出";
}

.ov-widget-satellite-okBtn:after {
    content: "新增衛星";
}

.ov-widget-satellite-okBtn.active:after {
    content: "確認修改";
}

.ov-widget-satellite-deleteBtn {
    margin-left: 14px;
}

.ov-widget-satellite-deleteBtn:after {
    content: "刪除衛星";
}

.ov-widget-satellite-resetBtn {
    margin-right:14px;
}

.ov-widget-satellite-resetBtn:after {
    content: "回復預設";
}

.ov-widget-satellite-clearBtn {
    margin-right:14px;
}

.ov-widget-satellite-clearBtn:after {
    content: "清除路徑";
}

.ov-widget-satellite-calcBtn {
    margin-right:14px;
}

.ov-widget-satellite-downloadBtn:after {
    content: "下載結果";
}

.ov-widget-satellite-calcBtn:after {
    content: "計算過頂";
}

.ov-widget-fps {
    line-height: normal;
    font-size: 20px;
    color: var(--widget-color-onPrimaryContainer);
    background: var(--widget-color-primaryContainer);
    border-radius: 5px 5px 5px 5px;
    box-sizing: border-box;
    padding: 0px 10px 0px 10px;
    border: none;
    height: auto;
    z-index: 1;
    position: absolute;
    white-space: nowrap;
    font-family: var(--widget-font-family);
}

.ov-widget-DTM-ul {
    display: flex;
    font-size: 16px;
}

.ov-widget-DTM-li {
    width: 50%;
    text-align: center;
    border: 1px solid #333;
    border-top-right-radius: 5em;
}

.ov-widget-DTM-li.active {
    border-bottom: none;
}

.ov-widget-DTM-DrawTypeSelect {
    flex: 0 0 auto;
    display: block;
    width: 50%;
    transition: box-shadow .1s ease-in-out;
    line-height: 1.2142em;
    border: 1px solid #e9e9e9;
    padding: 0.7857em 1em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0.28571rem;
    background-size: 0.8em;
    background-repeat: no-repeat;
    padding-right: calc(1em +0.8em*1.2);
    background-position: right 1em center;
    background-color:#fff;
    color: #5a5a5a;
    outline: none;
    font-size: 14px;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='54.7px' height='26.3px' fill='%235a5a5a'><polygon points='54.7,0 27.3,26.3 0,0'/></svg>");
}

.ov-widget-DTM {
    font-family: var(--widget-font-family);
    line-height: normal;
    max-height: 88%;
    /* overflow-y: hidden; */
    border-radius: 0.28571rem;
}

.ov-widget-DTM-resultContentContainer {
    background: #eee;
}

.ov-widget-DTM-commandContainer {
    padding: 1em 0;
}

.ov-widget-DTM-commandFooterContainer {
    padding: 1em 0 0;
    border-top: 1px solid #e9e9e9;
}

.ov-widget-DTM-resultContainer {
    overflow: auto;
    background-color: #F3EFF4;
    width: 100%;
    height: 100%;
}

.ov-widget-DTM-image {
    max-height: 100%;
    max-width: 100%;
}

.ov-widget-unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ov-widget-DTM-DrawBtn::after{
    content: "繪製範圍";
}

.ov-widget-DTM-DrawBtn.active::after{
    content: "結束繪製";
}

.ov-widget-DTM-exportBtn {
    position: relative;
    width: 36px;
    height: 28px;
    margin: 15px;
    border-radius: 14px;
    cursor: pointer;
    background : var(--widget-color-primaryContainer) center no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 512 512'><title>Cloud Download</title><path d='M320 336h76c55 0 100-21.21 100-75.6s-53-73.47-96-75.6C391.11 99.74 329 48 256 48c-69 0-113.44 45.79-128 91.2-60 5.7-112 35.88-112 98.4S70 336 136 336h56M192 400.1l64 63.9 64-63.9M256 224v224.03' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/></svg>");
}

.ov-widget-DTM-ResultContent {
    max-height: 400px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: normal;
    border: 1px solid #e9e9e9;
}

.ov-widget-DTM-ResultContentContainer {
    background: #FFF;
}

.ov-widget-DTM-ResultContentDiv {
    padding: 0.8em;
    overflow-y: auto;
}

.ov-widget-DTM-ResultHeaderDiv {
    max-height: 400px;
    width: 100%;
    overflow: auto;
    line-height: normal;
    border: 1px solid #e9e9e9;
    display : inline-flex;
}

.ov-widget-DTM-ResultHeaderText {
    width: 100%;
    font-size: 17px;
    margin: 2px;
    padding: 0.9em 0.4em;
}

.ov-widget-DTM-dialogDiv {
    position: fixed;
    display: flex;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
}

.ov-widget-DTM-dialog {
    position: relative;
    display: block;
    top: 100px;
    left: 100px;
}

.ov-widget-DTM-dialogHeader {
    cursor: move;
    font-size: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.ov-widget-DTM-dialogP {
    color: #108ee9;
}

.ov-widget-DTM-dialogCloseBtn {
    position: absolute;
    right:  0;
    top:  0.3em;
    float: right;
    margin-right: 0.25rem;
    border-radius: 8px;
    cursor: pointer;
}

.ov-widget-DTM-dialogCloseBtn:before {
    content: "\2716";
    font-family: "Open Sans",arial,x-locale-body,sans-serif;
}

.ov-widget-trackWidget {
    font-family: var(--widget-font-family);
    line-height: normal;
    max-height: 88%;
    overflow-y: hidden;
    border-radius: 0.28571rem;
}

.ov-widget-trackWidget-resultRecord {
    border: 1px #000 dashed;
    height: 30px;
}

.ov-widget-trackWidget-targetInput {
    width: 80px;
    margin-left: 10px;
}

.ov-widget-seabed-bubble {
    border-radius: 4px;
}

.ov-widget-seabed-bubble-content {
    border-radius: 4px;
    text-align: center;
}

.ov-widget-sensorthings-ResultContent {
    max-height: 400px;
    width: 100%;
    overflow: auto;
    line-height: normal;
    border: 1px solid #e9e9e9;
    display: block;
}

.ov-widget-sensorthings-ResultContent-count {
    text-align: left;
}

.ov-widget-sensorthings-ResultContent-progress {
    width: 50%;
}

.ov-widget-pipeline {
    font-family: var(--widget-font-family);
    line-height: normal;
    max-height: 88%;
    overflow-y: hidden;
    border-radius: 0.28571rem;
    color: #28168D;
    box-sizing: content-box;
}

.ov-widget-pipeline-sliderContainer {
    text-align: center;
    width: 100%;
    height: 35px;
    border-radius: 6px;
    padding: 5px;
    box-sizing: border-box;    
}

.ov-widget-pipeline-layerListLabel{
    background-color: #584EBE;
    color: #fff;
    height: 35px;
    font-size: 25px;
    padding-left: 5px;
}

.ov-widget-pipeline-layerListContainer{
    background-color: #F3EFF4;
}

.ov-widget-pipeline-layerTitle{
    height: 20px;
}

.ov-widget-pipeline-underline {
    border-bottom: 2px solid #E5DFFF;
    height: 0;
    width: calc(100% - 10px);
    font-weight: 500;
    letter-spacing: .05em;
    color: #919191;
    position: absolute;
    bottom: 5px;
}

.ov-widget-pipeline-layerContainer {
    background-color: #FFEDE7;
    border-radius: 6px;
    height: 30px;
    padding: 5px;
    margin: 5px;
    font-size: 20px;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    position: relative;
    box-sizing: content-box;
}

.ov-widget-bestCommentatorPlayer {
    font-family: var(--widget-font-family);
    line-height: normal;
    overflow-y: hidden;
    border-radius: 0.28571rem;
}

.ov-widget-bestCommentatorPlayer-chapterNameBox {
    font-size: 24px;
    background: #001258;
    color: white;
    border: 1px solid black;
    padding: 16px 16px 8px 16px;
    border-bottom: none;
}

.ov-widget-bestCommentatorPlayer-descriptionBox {
    font-size: 16px;
    color: white;
    max-height: 30%;
    min-height: 30vh;
    overflow-y: auto;
    line-break: anywhere;
    margin-bottom: 5px;
    background: #001258;
    border: 1px solid black;
    border-top: none;
    padding: 0 16px 16px 16px;
}


.ov-widget-bestCommentatorPlayer-detailContainer {
    width: 100%;
    max-height: calc(100% - 2.584rem);
    display: flex;
    flex-direction: column;
}

.ov-widget-bestCommentatorPlayer-progress {
    position: relative;
    cursor: pointer;
    height: 8px;
    background-clip: padding-box;
    border-right: none;
    border-left: none;
    border-radius: 4px;
    transition: width ease-in-put .7s;
    background-color: #78767A;
}

.ov-widget-bestCommentatorPlayer-played {
    height: 8px;
    background-color: #FC845E;
    position: relative;
    border-radius: 4px;
    width: 0%;
}

.ov-widget-bestCommentatorPlayer-infoCmdContainer {
    width: 100%;
    display: flex;
    font-size: 14px;
    background-color: #4034A5;
    margin: 5px 0;
}

.ov-widget-bestCommentatorPlayer-btn {
    display: inline-block;
    background: white center no-repeat;
    border-radius: 1.25rem;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    border: none;
    margin: 0.584rem;
}

.ov-widget-bestCommentatorPlayer-prevBtn {
    background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='40px' height='40px' stroke-width='2' fill='%234034A5' stroke='%234034A5' stroke-linejoin='round'><path d='M20 12 L10 20 L20 28 Z'/><path d='M10 10 L10 30'/><path d='M30 12 L20 20 L30 28 Z'/></svg>");
    background-size: 25px;
    margin-left: 120px;
}

.ov-widget-bestCommentatorPlayer-playBtn {
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='40px' height='40px' stroke-width='2' fill='%234034A5'><path d='M18 12 L28 20 L18 28 Z'/></svg>");
    margin-left: 30px;
}

.ov-widget-bestCommentatorPlayer-playBtn.playing {
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='40px' height='40px' stroke-width='2' fill='%234034A5'><path d='M15 15 L25 15 L25 25 L15 25 Z'/></svg>");
}

.ov-widget-bestCommentatorPlayer-nextBtn {
    background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='40px' height='40px' stroke-width='2' fill='%234034A5' stroke='%234034A5' stroke-linejoin='round'><path d='M20 12 L30 20 L20 28 Z'/><path d='M30 10 L30 30'/><path d='M10 12 L20 20 L10 28 Z'/></svg>");
    background-size: 25px;
    margin-left: 30px;
}

.ov-widget-bestCommentatorPlayer-autoPlayNextInput {
    margin-top:  20px;
	right : 20px;
}

.ov-widget-bestCommentatorPlayer-summary-title {
    flex: auto;
    color: #4034A5;
    font-weight: bolder;
    font-size: 18px;
}

.ov-widget-bestCommentatorPlayer-table-thead {
    background: #4034A5;
    color: var(--widget-color-onPrimaryContainer);
}

.ov-widget-bestCommentatorPlayer-table-th {
    border: 1px solid var(--widget-color-onPrimary);
    padding: 0.78571em 0.5em;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
}

.ov-widget-bestCommentatorPlayer-table-tr {
    color: #4034A5;
}

.ov-widget-bestCommentatorPlayer-table-tr:hover {
    background-color: #ddd;
}

.ov-widget-bestCommentatorPlayer-table-tr.active {
    background-color: #ffdbcf;
}

.ov-widget-memoryInfo-contentPadding {
    padding: 0;
}

.ov-widget-memoryInfo-contentMargin {
    margin: 0;
}

.ov-widget-memoryInfo-label {
    text-align: center;
    background: #4034A5;
    color: #fff;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

.ov-widget-memoryInfo-table {
    width : 100%;
    background: #fff;
    margin: 0;
    border: none;
    border-radius: 0.28em;
    text-align: center;
    color: #5a5a5a;
    border-collapse: separate;
    border-spacing: 0px;
}

.ov-widget-memoryInfo-table-th th {
    border: 1px solid var(--widget-color-onPrimary);
    padding: 0.78571em 0.5em;
    overflow: hidden;
    font-size: 14px;
    background-color: #584EBE;
    color: #fff;
}

.ov-widget-memoryInfo-table-tr tr:hover {
    background-color: #ddd;
}

/* @license C3.js v0.7.20 | (c) C3 Team and other contributors | http://c3js.org/ */
.c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max{fill:#777}.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path{opacity:1}.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}

.ov-widget-columnAttributes-contentContainer {
    background: transparent;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    flex-direction: column;
    margin: auto;
    word-wrap: break-word;
    padding-right: 5px;
    padding-left: 5px;
}

.ov-widget-columnAttributes-attributeContainer {
    padding: 5px;
}

.ov-widget-columnAttributes-header {
    line-height: normal;
    font-size: 20px;
    color: white;
    background: linear-gradient(to bottom, #4ca4f1, #0389ff 10%, #136ad5);
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
    padding: 0px 10px 0px 10px;
    border: none;
    height: auto;
}

.ov-widget-columnAttributes-content {
    line-height: normal;
    font-size: 20px;
    color: #0389ff;
    background: white;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    padding: 0px 10px 0px 10px;
    border: none;
    height: auto;
}

.ov-widget-KML-ui {
    font-family: "Open Sans",arial,x-locale-body,sans-serif;
    line-height: normal;
    background-color: rgba(128,128,128,0.5);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.ov-widget-KML-content {
    order: 1;
    width: 100%;
    padding: 14px;
    box-sizing: border-box;
    max-height: calc(95vh - 130px);
    overflow: auto;
    color: #000000;
}

.ov-widget-KML-attribute {
    order: 1;
    width: 100%;
    padding: 14px;
    box-sizing: border-box;
    max-height: calc(95vh - 130px);
    overflow: auto;
    color: #000000;
    display: flex;
}

.ov-widget-KML-attribute-checkbox {
    display: inline-block;
    width: 75%;
    height: 75%;
    border: 1px solid #e9e9e9;
    outline: none;
    border-top-right-radius: 0.28571rem;
    border-bottom-right-radius: 0.28571rem;
    margin: auto;
}

.ov-widget-KML-list {
    overflow: auto;
    background-color: #F3EFF4;
    color: #000000;
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 10px 10px;
}

.ov-widget-KML-list-entity {
    margin: 5px;
    background: #FFEDE7;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    border-radius: 10px;
}

.ov-widget-ogcLayer-addOGCLayerContainer {
    padding: 10px;
}

.ov-widget-ogcLayer-ogcLayerListContainer {
    overflow: auto;
    background-color: #F3EFF4;
    color: #000000;
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 10px 10px;
}

.ov-widget-ogcLayer-urlContainer {
    display: flex;
}

.ov-widget-ogcLayer-urlText {
    padding-left: 0px;
    font-size: inherit;
    width: 100%;
}

.ov-widget-ogcLayer-summary-title {
    flex: auto;
	height: 30px;
}

.ov-widget-ogcLayer-summary-icon {
	width: 28px;
	height: 28px;
	float: right;
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='28px' height='28px' stroke='white' stroke-width='2'><path d='M 0 0 H 28 M 0 14 H 28 M 0 28 H 28'/></svg>");
	background-repeat: no-repeat;
}

.ov-widget-ogcLayer-optionContainer {
	height: 30px;
	padding: 0.3em 0.5em;
}

.ov-widget-ogcLayer-opacitySlider {
	width: 150px;
    height: 5px;
    border: 1px solid #c4c4c4;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    box-sizing: content-box;
}

.ov-widget-readilyAvailableHouse-content {
	padding: 10px;
}

.ov-widget-readilyAvailableHouse-fileText {
    width: 70%;
}

.ov-widget-readilyAvailableHouse-selectFileLabel {
	margin-left: 10px;
}

.ov-widget-readilyAvailableHouse-checkLabel {
	padding: 0.5833em 0.5833em;
}

.ov-widget-readilyAvailableHouse-checkContainer {
	border: 1px solid #e9e9e9;
}

.ov-widget-readilyAvailableHouse-error {
	color: var(--widget-color-onSecondary);
    background: #ff0000 center no-repeat url("data:image/svg+xml;charset=utf8,<svg width='14' height='14' viewBox='0 0 14 14' stroke='white' xmlns='http://www.w3.org/2000/svg'><path stroke-width='3' d='M0 0 L14 14 M0 14 L14 0' /></svg>");
}

.ov-widget-readilyAvailableHouse-success {
	color: var(--widget-color-onSecondary);
    background: #00ff00 center no-repeat url("data:image/svg+xml;charset=utf8,<svg width='14' height='14' viewBox='0 0 14 14' stroke='white' xmlns='http://www.w3.org/2000/svg'><path stroke-width='3' d='M0 7 L7 14 M7 14 L14 0' /></svg>");
}

.ov-widget-gmlPipeline-main {
    font-family: var(--widget-font-family);
    line-height: normal;
    overflow-y: hidden;
    border-radius: 0.28571rem;
}

.ov-widget-gmlPipeline-container {
    order: 1;
    width: 100%;
    border-top: 2px solid #584EBE;
    padding: 16px;
    box-sizing: border-box;
    min-height: 5vh;
    max-height: 50vh;
    overflow: auto;
}

.ov-widget-gmlPipeline-inputItem {
    padding: 0.5833em 0.833em;
}

.ov-widget-gmlPipeline-inputContainerNonFirst {
    padding-top: 0.5833em;
}

.ov-widget-gmlPipeline-tableContainer {
    max-height: 40vh;
    overflow: auto;
}

.ov-widget-gmlPipeline-table {
    margin: 0;
}

.ov-widget-gmlPipeline-thead-tr {
    background-color: inherit;
}

.ov-widget-gmlPipeline-thead-th {
    background-color: inherit;
    position: sticky;
    top: 0;
    z-index: 1;
}

.ov-widget-gmlPipeline-smallBtn-green {
    background-color: lightgreen;
}

.ov-widget-gmlPipeline-smallBtn-red {
    background-color: pink;
}

.ov-widget-gmlPipeline-textarea {
    resize: none;
    width: 100%;
    box-sizing: border-box;
}

.ov-widget-photogrammetryModelLayerToI3S-main {
    font-family: var(--widget-font-family);
    line-height: normal;
    overflow-y: hidden;
    border-radius: 0.28571rem;
}

.ov-widget-photogrammetryModelLayerToI3S-copyButton{
    border: none;
    border-radius: 5px;
    background-color: #442D97;
    color: white;
    text-align:center;
    padding: 5px;
    width: 35px;
    margin-left: 2px;
}

.ov-widget-photogrammetryModelLayerToI3S-copyButton:hover{
    cursor: pointer;
}

.ov-widget-photogrammetryModelLayerToI3S-progress{
    width: 100%;
    height: 30px;
    margin-left: 10px;
}

.ov-widget-photogrammetryModelLayerToI3S-textarea{
    resize: vertical;
}

.ov-widget-multiWindow-main {
    font-family: var(--widget-font-family);
    line-height: normal;
    overflow-y: hidden;
    border-radius: 0.28571rem;
}

.ov-widget-multiWindow-contentDiv{
    padding: 10px;
    overflow: hidden;
}   

.ov-widget-multiWindow-viewsBox{
    display:flex;
    flex-wrap: wrap;
}

.ov-widget-multiWindow-activeView{
    pointer-events: none;
    position: absolute;
    border: 6px #ff000073 solid;
    z-index:2;
}

.ov-widget-multiWindow-mapSwip {
    height: 100%;
    width: 0%;
    position: relative;
    z-index: 1;
}

.ov-widget-multiWindow-mapSwipBar {
    width: 5px;
    height: 100%;
    border-left: 1px solid #848484;
    border-right: 1px solid #848484;
    background: rgba(218, 218, 218, 0.6);
    z-index: 1;
}

.ov-widget-multiWindow-swipButton {
    position: relative;
    background: grey;
    line-height: 48px;
    width: 94px;
    height: 48px;
    top: -30%;
    left: -45px;
    border-radius: 15px;
    z-index: 2;
    cursor: pointer;
}

.ov-widget-multiWindow-swipButton::after {
    content: "keyboard_arrow_left";
    padding-left: 10px;
    float: left;
}

.ov-widget-multiWindow-swipButton::before {
    content: "keyboard_arrow_right";
    padding-right: 10px;
    float: right;
}

.ov-widget-BuildingOverlay-main{
    font-family: var(--widget-font-family);
    line-height: normal;
    overflow-y: hidden;
    border-radius: 0.28571rem;
}

.ov-widget-BuildingOverlay-contentDiv {
    padding: 10px;
    overflow: hidden;
}
.ov-widget-BuildingOverlay-button {
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
}

.ov-widget-BuildingOverlay-v-center {
    display: flex;
    justify-content: center;
}

.ov-widget-LandApi-tab-box {
    display:flex;
    width: 100%;
}

.ov-widget-LandApi-tab-button:first-child{
    border-top-left-radius: 5px;
}

.ov-widget-LandApi-tab-button:last-child{
    border-top-right-radius: 5px;
}

.ov-widget-LandApi-tab-button{
    width: 100%;
    background-color: #4034A5;
    margin-left: 1px;
    color: #fff;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.ov-widget-LandApi-tab-contain{
    padding: 20px;
    display: none;
    border: #aaaaaa 1px solid;
    border-radius: 0 0 5px 5px;
    max-height: 600px;
    overflow-x: auto;
}

.ov-widget-LandApi-content{
    max-height: 600px;
    overflow-x: auto;
    padding: 20px;
}

.ov-widget-LandApi-messagebox::before{
    content: "提示訊息:";
    text-align: center;
}

.ov-widget-LandApi-warningBox{
    color: red;
}

.ov-widget-LandApi-InputButton{
    width: 50px;
}

.ov-widget-LandApi-table{
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
    font-size: 4px;
}

.ov-widget-LandApi-table thead{
    border-bottom: #000 2px solid;
}

.ov-widget-LandApi-table tbody tr{
    border-bottom: #000 1px solid;
}


.ov-widget-LandApi-table tbody tr:nth-of-type(odd){
    background-color: rgba(0,0,0,0.05);
}

.ov-widget-LandApi-table td{
    padding: 5px;
}

.ov-widget-LandApi-colTable{
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
    font-size: 4px;
    table-layout: fixed;
}

.ov-widget-LandApi-colTable thead{
    background-color:#EDE8F8;
    padding: 2px;
}

.ov-widget-LandApi-colTable tbody tr td:nth-of-type(odd){
    background-color: rgba(0,0,0,0.05);
}

.ov-widget-LandApi-colTable tbody tr td{
    border: #ddd 1px solid;
}

.ov-widget-LandApi-main {
    font-family: var(--widget-font-family);
    line-height: normal;
    overflow-y: hidden;
    border-radius: 0.28571rem;
}

.ov-widget-Projector-main {
    font-family: var(--widget-font-family);
    line-height: normal;
    overflow-y: hidden;
    border-radius: 0.28571rem;
}

.ov-widget-Projector-discBox {
    background-color: white;
    width: 140px;
    height: 140px;
    position: relative;
    padding: 0;
    margin: 0;
    --size: 65px;
    --hover: grey;
    clip-path: circle(49%);
}

.ov-widget-Projector-discBox>*:nth-child(1) {
    width: var(--size);
    height: calc(var(--size)*2);
    position: absolute;
    border: 0;
    top: 5px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
}

.ov-widget-Projector-discBox>*:nth-child(2) {
    width: var(--size);
    height: calc(var(--size)*2);;
    position: absolute;
    right: 0px;
    top: 5px;
    border: 0;
    clip-path: polygon(100% 0%, 100% 100%, 0% 50%);
}

.ov-widget-Projector-discBox>*:nth-child(3) {
    height: var(--size);
    width: calc(var(--size)*2);;
    position: absolute;
    top: 0px;
    left: 5px;
    border: 0;
    clip-path: polygon(100% 0%, 50% 100%, 0% 0%);
}

.ov-widget-Projector-discBox>*:nth-child(4) {
    height: var(--size);
    width: calc(var(--size)*2);;
    bottom: 0;
    left: 5px;
    position: absolute;
    border: 0;
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}

.ov-widget-Projector-discBox>button:active {
    box-shadow: 0px 0px 90px var(--widget-color-onPrimary) inset;
    color: white;
}

.ov-widget-Projector-discBox>button {
    background-color: white;
    color: black;
    box-shadow: 0px 0px 90px var(--widget-color-primary) inset;
    transition: 0.1s;
    border: 0;
    cursor: pointer;
}

.ov-widget-Projector-discBox>div {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    left: 50px;
    top: 50px;
    position: absolute;
    background-color: white;
}

.ov-widget-Projector-controlsBox {
    display: flex;
}

.ov-widget-Projector-controlsBoxChild {
    margin: 5px;
}

.ov-widget-Projector-controlsBoxChild > span {
    color: black;
    text-align: center;
    display: block;
    padding: 4px;
}

.ov-widget-Projector-heightBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 140px;
    width: 85px;
}

.ov-widget-Projector-heightBox > button {    
    box-shadow: 0px 0px 90px var(--widget-color-primary) inset;
    color: black;
    transition: 0.1s;
    border: 0;
    border-radius: 5px;
    padding: 12px;
    cursor: pointer;
}

.ov-widget-Projector-heightBox > button:nth-child(2) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 3px;
}

.ov-widget-Projector-heightBox > button:nth-child(1) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 3px;
}

.ov-widget-Projector-heightBox > button:active {
    box-shadow: 0px 0px 90px var(--widget-color-onPrimary) inset;
    color: white;
}

.ov-widget-Projector-switch {
    position: relative !important;
    margin-top: 5px !important;
}

.ov-widget-Projector-bottomFlex {
    display: flex;
    flex-wrap: wrap;
    margin: 0.1em;
}

.ov-widget-Projector-listItem {
    padding-bottom: 5px;
}

.ov-widget-Projector-btn {
    margin: 5px;
    margin-left: 2px;
    margin-bottom: 4px;
    display: inline-block;
    padding: 0.78571em 1.5em;
    background-color: #442D97;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    flex: 1;
    border: none;
}

.ov-widget-Projector-btn:first-child {    
    margin-left: 5px;
}

.ov-widget-Projector-btn:not([disabled]):active {
    background-color: #704FB5;
}

.ov-widget-los-infoBox {
    padding: 0.3em;
    border: 1px solid #bfb2cc;
    background-color: #f5f4f5;
    border-radius: 0.4em;
    margin-top: 0.2em;
    color: black;
}

.ov-widget-los-btn {
    margin: 5px;
    margin-left: 2px;
    margin-bottom: 4px;
    display: inline-block;
    padding: 0.78571em 1.5em;
    background-color: #e6e6e6;
    color: #5a5a5a;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    flex: 1;
    border: none;
}

.ov-widget-los-btn:hover {
    background-color: lightslategrey;
    color: white;
}

.ov-widget-los-btn:active {
    background-color: rgb(94, 107, 121);
    color: white;
}