.w-smallButton{
	border-radius: 5px;
	margin: 2px;
	padding: 3px;
	cursor: pointer;
	box-sizing: content-box;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	background-repeat: no-repeat;
	background-clip: content-box;
	background-origin: content-box;
}
.w-smallButton:active,
.w-smallButton-active {
	padding: 4px 2px 2px 4px;
}
.w-smallButton-disabled {
	cursor: not-allowed;
}
.w-title-0{
	position: fixed;
	padding: 5px;
}
.w-title-0 .w-title-label{
	padding: 2px 4px;
	margin: 5px;
	text-align: center;
	white-space: nowrap;
	background-color: rgba(0,0,0,0.75);
	border-radius: 3px;
	color: white;
}

.w-title-0 .w-title-arrow{
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
}
.w-title-0 .w-title-arrow-right{
	top: 50%;
	margin-top: -5px;
	border-right-color: rgba(0,0,0,0.75);
	left: 0;
}
.w-title-0 .w-title-arrow-left{
	top: 50%;
	margin-top: -5px;
	border-left-color: rgba(0,0,0,0.75);
	right: 0;
}


.w-title-1{
	position: fixed;
	padding: 5px;
}
.w-title-1 .w-title-label{
	padding: 2px 4px;
	margin: 5px;
	text-align: center;
	white-space: nowrap;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid gray;
}

.w-title-1 .w-title-arrow{
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
}
.w-title-1 .w-title-arrow-right{
	top: 50%;
	margin-top: -5px;
	border-right-color: rgba(0,0,0,0.8);
	left: 0;
}
.w-title-1 .w-title-arrow-left{
	top: 50%;
	margin-top: -5px;
	border-left-color: rgba(0,0,0,0.8);
	right: 0;
}


/* SOURCE: widgets/styles/button.css */

.w-button{
	width: 24px;
	height: 24px;
	border: 1px solid #518dca;
	cursor: pointer;
	box-sizing: content-box;
	display: inline-block;
	background-repeat: no-repeat;
	border: 1px solid #9b9ea2;
	box-sizing: border-box;
	background-position: center;
	user-select: none;
	background-color: white;
}
.w-button:active,
.w-button.w-button-active {
	box-shadow: inset 0px 0px 1px 1px rgba(107, 158, 234, 1);
}
.w-button.w-button-disabled{
	cursor: default;
	box-shadow: none;
	background-color: rgba(80, 80, 80, 0.09);
	color: gray;
	border-color: #9b9ea2;
}


/* SOURCE: widgets/styles/button_2.css */

.w-button2{
	border: 1px solid #d8d8d8;
	border-radius: 2px;
	box-sizing: content-box;
	display: inline-block;
	background-repeat: no-repeat;
	background-clip: content-box;
	background-origin: content-box;

	padding: 6px;
    cursor: pointer;
    margin: 0;
}

.w-button2:active,
.w-button2.w-button-active {
	/*box-shadow: inset 0px 0px 1px 1px rgba(107, 158, 234, 1);*/
	box-shadow: inset 0px 0px 1px 1px rgba(255, 123, 123, 1);
}
.w-button2.w-button-disabled{
	cursor: default;
	box-shadow: none;
	opacity: 0.5;
}
.w-buttonLabel{
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #9b9ea2;
	cursor: pointer;
	border-radius: 3px;
	min-width: 50px;
	text-align: center;
	transition: 0.2s background-color;
	overflow: hidden;
	flex: 0 0 auto;
}
.w-buttonLabel:active{
	
}
.w-buttonLabel:hover{
	background-color: rgba(81, 141, 202, 0.10);
	border-color:#518dca;
}
.w-buttonLabel.w-button-disabled{
	pointer-events: none;
	cursor: default;
	background-color: rgba(216, 216, 216, 0.3);
	color: gray;
	border-color:#9b9ea2;
}
.w-flatButton{
	margin: 2px;
	padding: 5px 7px;
	cursor: pointer;
	display: inline-block;
	transition: background .25s;
}
.w-flatButton-icon{
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.w-flatButton.w-button-active, .w-flatButton:active, .w-flatButton:hover{
	background-color: rgb(107, 158, 234);
}

.w-button-active.w-flatButton .w-flatButton-icon,
:active.w-flatButton .w-flatButton-icon,
:hover.w-flatButton .w-flatButton-icon {
	background-position: -24px 0px;
}

.w-num-flatButton{
	margin: 2px;
	padding: 5px 7px;
	cursor: pointer;
	display: inline-block;
	transition: background .25s;
	position: relative;
}
.w-num-flatButton-icon{
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.w-num-flatButton-num {
	position: absolute;
	bottom: 4px;
	right: 8px;
	color: blue;
	font-size: 0.8em;
	background-color: #bdbdbd;
	background-image: linear-gradient(rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
	padding: 0 2px;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 1.5em;
	font-weight: bold;
}

.w-num-flatButton.w-button-active, .w-num-flatButton:active,.w-num-flatButton:hover{
	background-color: rgba(107, 158, 234, 1);
}

.w-button-active.w-num-flatButton .w-num-flatButton-icon,
:active.w-num-flatButton .w-num-flatButton-icon,
:hover.w-num-flatButton .w-num-flatButton-icon {
	background-position: -24px 0px;
}


/* SOURCE: widgets/styles/checkbox.css */

.w-cb {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
	background-image: url(/viewer/assets/icons/checkmark.667904.png);
	margin: 2px;
	background-position: -16px 0px;
	background-repeat: no-repeat;
	flex: 0 0 auto;
}
.w-cb input {
	opacity: 0;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
}
.w-cb:hover {
	background-position: -48px 0px;
}
.w-cb-loading input,
.w-cb-disabled input {
	cursor: default;
}
.w-cb-checked {
	background-position: 0px 0px;
}
.w-cb-checked:hover {
	background-position: -32px 0px;
}
.w-cb-disabled {
	background-position: -80px 0px;
}
.w-cb-checked.w-cb-disabled {
	background-position: -64px 0px;
}
.w-cb-loading {
	background-position: 0px 0px!important;
	background-image: url(/viewer/assets/icons/loading_16.c7daa5.gif);
}


.w-select{
	display: flex;
	border: 1px solid #9b9ea2;
	background-color: white;
	height: 24px;
	font-size: 13px;
	box-sizing: border-box;
	flex: 1 1 auto;
	overflow: hidden;
	border-radius: 3px;
	align-items: center;
}
.w-s-label{
	flex: 1 1 auto;
	padding: 1px 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
}
.w-s-disabled .w-s-label{
	color: rgba(0,0,0,0.5);
}

.w-s-btn{
	width: 11px;
	height: 7px;
	flex: 0 0 auto;
	background: white url(/viewer/assets/icons/select.f4687f.png);
	background-repeat: no-repeat;
	background-clip: content-box;
	background-origin: content-box;
	padding: 7.5px 6px;
	cursor: pointer;
}
.w-s-btn:hover {
	background-position: 11px 0px;
	background-position-x: -11px;
	background-position-y: 0px;
}
.w-s-disabled .w-s-btn{
	cursor: not-allowed;
}

.w-s-listBox{
	position: fixed;
	background-color: white;
}
.w-s-list{
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #d8d8d8;
	max-height: 10em;
	overflow: auto;
}
.w-s-item{
	padding: 1px 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
}
.w-s-item:hover{
	background-color: rgba(81, 141, 202, 0.12);
}
.w-s-item.select{
	background-color: rgba(81, 141, 202, 0.24);
}
.w-s-item:first-child{
	border-width: 0;
}


.w-multiselect{
	display: flex;
	border: 1px solid #9b9ea2;
	background-color: white;
	height: 24px;
	font-size: 13px;
	box-sizing: border-box;
	flex: 1 1 auto;
	overflow: hidden;
	border-radius: 3px;
	align-items: center;
}
.w-ms-label{
	flex: 1 1 auto;
	padding: 1px 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
}
.w-ms-disabled .w-ms-label{
	color: rgba(0,0,0,0.5);
}

.w-ms-btn{
	width: 11px;
	height: 7px;
	flex: 0 0 auto;
	background: white url(/viewer/assets/icons/select.f4687f.png);
	background-repeat: no-repeat;
	background-clip: content-box;
	background-origin: content-box;
	padding: 7.5px 6px;
	cursor: pointer;
}
.w-ms-btn:hover {
	background-position: 11px 0px;
	background-position-x: -11px;
	background-position-y: 0px;
}
.w-ms-disabled .w-ms-btn{
	cursor: not-allowed;
}

.w-ms-listBox{
	position: absolute;
	background-color: white;
}
.w-ms-list{
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #d8d8d8;
	max-height: 10em;
	overflow: auto;
}
.w-ms-item{
	padding: 1px 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
	align-items: center;
	display: flex;
}
.w-ms-item:hover{
	background-color: rgba(81, 141, 202, 0.12);
}
.w-ms-item.select{
	background-color: rgba(81, 141, 202, 0.24);
}
.w-ms-item:first-child{
	border-width: 0;
}

.w-tooltip{
	position: absolute;
	padding: 5px;
	width: min-content;
}
.w-tooltip-content{
	padding: 2px 4px;
	margin: 5px;
	text-align: center;
	white-space: nowrap;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid gray;
}

.w-tooltip-arrow{
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
}
.w-tooltip-arrow-right{
	top: 50%;
	margin-top: -5px;
	border-right-color: rgba(0,0,0,0.75);
	left: 0;
}
.w-tooltip-arrow-left{
	top: 50%;
	margin-top: -5px;
	border-left-color: rgba(0,0,0,0.75);
	right: 0;
}
.w-radio {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
	background-image: url(/viewer/assets/icons/checkmark.667904.png);
	margin: 2px;
	background-position: -112px 0px;
	background-repeat: no-repeat;
}
.w-radio input {
	opacity: 0;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
}
.w-radio:hover {
	background-position: -144px 0px;
}
.w-radio-disabled input {
	cursor: default;
}
.w-radio-checked {
	background-position: -96px 0px;
}
.w-radio-checked:hover {
	background-position: -128px 0px;
}
.w-radio-disabled {
	background-position: -176px 0px!important;
}
.w-radio-checked.w-radio-disabled {
	background-position: -160px 0px;
}
.w-dialog{
	background-color: white;
	border: 1px solid #518dca;
	border-radius: 2px;
	
	position: fixed;
	top: 50px;
	left: 50px;
	display: flex;
	flex-direction: column;
}
.w-dialog-size {
	max-width: 1200px;
	max-height: 800px;
	min-width: 300px;
	min-height: 200px;
}




.w-dialog-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.3em 0.5em;
	background-color: #6b9eea;
	transition: background-color 0.2s ease;
	flex: 0 0 auto;
}
.w-dialog-head:hover{
    background-color: #446eca;
}
.w-dialog-head-label{
	color: white;
	flex: 1 1 auto;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.w-dialog-close{
	flex: 0 0 auto;
	cursor: pointer;
	margin: 0 0 0 1em;
}

.w-dialog-body{
	flex: 1 1 auto;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 8px 0;
}
.w-dialog-content{
	overflow: auto;
	padding: 0 8px;
	flex: 1 1 auto;
}
.w-dialog-control{
	display: flex;
	justify-content: center;
	margin: 18px 0 0 0;
	flex: 0 0 auto;
}

.w-dialog-resize {
	position: absolute;
	width: 16px;
	height: 16px;
	background: url(/viewer/assets/icons/resize.b1dbc1.png) -32px 0px;
	bottom: 0;
	right:0;
	background-repeat: no-repeat;
	cursor: se-resize;
}

.w-m_dialog{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	display: flex;
	justify-content: center;
	align-items: center;
}
.w-m_dialog .w-d-box{
	background-color: white;
	border: 1px solid #518dca;
	border-radius: 2px;
	max-width: 1200px;
}

.w-m_dialog.constructor .w-d-box{
	background-color: white;
	border: 1px solid #518dca;
	border-radius: 2px;
	max-width: 1200px;
	min-width: 350px;
	min-height: 125px;
}

.w-m_dialog .w-d-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.3em 0.5em;
	background-color: #6b9eea;
}
.w-m_dialog .w-d-head .label{
	color: white;
	flex: 1 1 auto;
}
.w-m_dialog-ctrl-head{
	flex: 0 0 auto;
    margin: 0 0 0 1em;
    display: flex;
}
.w-m_dialog .w-d-head .btn-close{
	flex: 0 0 auto;
	cursor: pointer;
	margin: 0 0 0 10px;
}

.w-m_dialog .w-d-body{
	padding: 8px;
	flex: 0 0 auto;
}
.w-m_dialog .w-d-content{
	min-width: 150px;
	overflow: auto;
}
.w-m_dialog .w-d-control{
	display: flex;
	justify-content: center;
	margin: 18px 0 0 0;
}

.w-m_dialog .icon-link{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/link.20241b.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.w-textSelect{
	display: flex;
	padding: 0 3px;
	cursor: pointer;
	align-items: center;
	color: black;
}

.w-ts-label{
	flex: 1 1 auto;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color:rgb(105, 103, 103);
}

.w-ts-symbol{
	flex: 0 0 auto;
	border-style: solid;
	border-color: rgba(0,0,0, 0.4) transparent transparent transparent;
	border-width: 5px 5px 0 5px;
	width: 0;
	height: 0;
	margin: 2px 0 0 3px;
}
.w-textSelect:hover .w-ts-symbol{
	border-color: black transparent transparent transparent;
}
.w-ts-active .w-ts-symbol{
	border-color: transparent transparent rgba(0,0,0, 0.5) transparent;
	border-width: 0 5px 5px 5px;
}
.w-ts-active:hover .w-ts-symbol{
	border-color: transparent transparent black transparent;
}


.w-ts-listBox{
	position: absolute;
	background-color: white;
	z-index: 9999;
}
.w-ts-list{
	border: 1px solid #d8d8d8;
	max-height: 10em;
	overflow: auto;
}
.w-ts-item{
	padding: 1px 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
}

.w-ts-item:hover{
	background-color: rgba(81, 141, 202, 0.12);
}

.w-range{
	display: flex;
}

.w-range-track {
	flex: 1 1 auto;
	cursor: pointer;
	position: relative;
	margin: 0 8px;
}
.w-range-track-bg {
	margin: 6px 0;
	height: 4px;
	background-color: rgba(81,141,202,0.30);
}
.w-range-thumb {
	height: 16px;
	width: 16px;
	background-color: rgba(107, 158, 234, 1);
	position: absolute;
	flex: 0 0 auto;
	cursor: pointer;
	top: 0;
	border-radius: 50%;
	margin: 0 0 0 -8px;
}

.w-calendar{
	position: absolute;
	padding: 5px;
	background-color: white;
	border: 1px solid #518dca;
	user-select: none;
}
.w-calendar-head{
	display: flex;
	padding: 0 14px;
	margin: 0 0 8px 0;
}

.w-calendar-head-label{
	text-align: center;
	margin: 0 2px;
	cursor: pointer;
	flex: 1 1 auto;
	font-size: 1.2em;
	border: 1px solid transparent;
	transition: border 0.2s ease;
}
.w-calendar-btn{
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 22px;
	transition: border 0.2s ease;
	border: 1px solid transparent;
}

.w-calendar-btn-prev,
.w-calendar-btn-next{
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
}
.w-calendar-btn-prev{
	border-width: 6px 10px 6px 0;
	border-right-color: gray;
}
.w-calendar-btn-next{
	border-width: 6px 0 6px 10px;
	border-left-color: gray;
}

.w-calendar-head-label:hover,
.w-calendar-btn:hover{
	border-color: gray;
}

.w-calendar-head-label-max{
	cursor: default;
	border-color: transparent;
}


.w-calendar-week-label{
	display: flex;
	justify-content: space-around;
	border-style: solid;
	border-color: gray;
	border-width: 0 0 1px 0;
	margin: 0 0 1px 0;
}


.w-calendar-list{
	display: flex;
	width: 210px;
	overflow: hidden;
	flex-wrap: wrap;
}

.w-calendar-year,
.w-calendar-month,
.w-calendar-day{
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	border: 1px solid transparent;
	transition: border 0.2s ease;
	background-clip: content-box;
}



.w-calendar-day{
	width: 30px;
}
.w-calendar-month{
	width: 70px;
}
.w-calendar-year{
	width: 70px;
}

.w-calendar-year.w-calendar-disabled,
.w-calendar-month.w-calendar-disabled,
.w-calendar-day.w-calendar-disabled{
	cursor: not-allowed;
	color: #bdbdbd;
}

.w-calendar-year.w-calendar-gray,
.w-calendar-month.w-calendar-gray,
.w-calendar-day.w-calendar-gray{
	background-color: #d8d8d84d;
	/*background-image: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);*/
	/*background-image: repeating-linear-gradient(45deg, #d8d8d84d, #d8d8d84d 10px, #b1b1b14d 10px, #b1b1b14d 20px);*/
}

.w-calendar-year.w-calendar-today,
.w-calendar-month.w-calendar-today,
.w-calendar-day.w-calendar-today{
	background-color: rgba(107, 158, 234, 0.2);
}

.w-calendar-year.w-calendar-select,
.w-calendar-month.w-calendar-select,
.w-calendar-day.w-calendar-select{
	border: 1px dashed gray;
}

.w-calendar-year:hover,
.w-calendar-month:hover,
.w-calendar-day:hover{
	border: 1px solid gray;
}


.w-calendar-day.w-calendar-r-start{
	border: 1px solid transparent;
	background-color: #6b9eea;
	border-radius: 7px 0 0 7px;
	transition: none;
}
.w-calendar-day.w-calendar-r-mid{
	border: 1px solid transparent;
	background-color: #cad7ea;
	transition: none;
}
.w-calendar-day.w-calendar-r-end{
	border: 1px solid transparent;
	background-color: #6b9eea;
	border-radius: 0 7px 7px 0;
	transition: none;
}

.w-table-box{
	white-space: nowrap;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 1px;
	position: relative;
}

.w-table{
	display: flex;
	flex-direction: column;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(216, 216, 216);
	border-image: initial;
	flex: 1 1 auto;
	overflow: hidden;
	position: relative;
}

.w-table-h-box{
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #d8d8d8;
	flex: 0 0 auto;
	overflow: hidden;
	display: flex;
	background-color: rgba(216, 216, 216, 0.3);
	min-height: 1em;
}
.w-table-h{
	display: flex;
	border-right: 1px solid #d8d8d8;
	flex: 0 0 auto;
	width: 100%;
}
.w-table-h > div{
	border-left: 1px solid #d8d8d8;
}
.w-table-h > div:first-child{
	border-left: none;
}

.w-table-h-bc0{
	flex: 0 0 auto;
	justify-content: center;
	align-items: center;
	display: flex;
}
.w-table-h-bc1{
	width: 20px;
}
.w-table-h-bc2{
	width: 22px;
}
.w-table-h-btn{
	width: 22px;
}

.w-table-h-bc{
	flex: 0 0 auto;
	user-select: none;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.w-table-h-bc.w-table-width-auto{
	flex: 1 0 100px;
}

.w-table-h-bc-base{
	padding: 1px 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
}
.w-table-h-bc-label{
	overflow: hidden;
	text-overflow: ellipsis;
}

.w-table-sort{
	cursor: pointer;
}

.w-table-h-bc .filter{
	border-top: 1px solid #d8d8d8;
	display: flex;
	padding: 2px 4px;
}
.w-table-h-bc .resize{
	position: absolute;
	width: 4px;
	top: 0;
	right: 0;
	height: 100%;
	cursor: col-resize;
	z-index: 999;
	user-select: none;
}
.w-table-h-bc input{
	width: 100%;
	flex: 1 1 auto;
	text-align: center;
}

.w-table-sort-icon{
	flex: 0 0 auto;
	background-image: url(/viewer/assets/icons/sort.7c7c1d.png);
	width: 16px;
	height: 16px;
}
.w-table-sort-icon-desc{
	background-position: -16px 0;
}

.w-table-h-bc:last-child{
	flex-grow: 1;
}
.w-table-r-bc:last-child{
	flex-grow: 1;
}


.w-table-h-cl{
	width: 150px;
	flex: 0 0 auto;
	padding: 1px 5px;
}
.w-table-rs-box{
	overflow: auto;
	flex: 1 1 auto;
}
.w-table-rs{
	min-height: 1px; /** for triggered scrool **/
	width: 100%;
}
.w-table-rs > .w-table-r{
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #d8d8d8;
}

.w-table-empty{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.w-table-resize-cell{
	position: absolute;
	border-style: dotted;
	border-color: gray;
	border-width: 0 0 0 1px;
	width: 0;
	height: 100%;
	top: 0;
}


.w-table-r{
	display: flex;
	transition: background-color .1s ease;
}
.w-table-r:hover{
	background-color: rgba(81, 141, 202, 0.12);
}
.w-table-r.w-table-r-select{
	background-color: rgba(81,141,202,0.40);
}

.w-table-r-exp{
	display: flex;
	transition: background-color .1s ease;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #d8d8d8;
}
.w-table-r-exp:hover{
	background-color: rgba(0, 150, 10, 0.12);
}

.w-table-r > *,
.w-table-r-exp > *{
	border-left: 1px solid #d8d8d8;
}
.w-table-r > *:first-child,
.w-table-r-exp > *:first-child{
	border: none;
}

.w-table-r-bc0{
	flex: 0 0 auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.w-table-r-bc0-null{
	border-color: transparent;
	width: 20px;
}
.w-table-r-bc1{
	flex: 0 0 auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2px;
}
.w-table-r-bc1-null{
	border-color: transparent;
	width: 20px;
}

.w-table-r-bc1 .exp{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/p_m.232381.png);
	cursor: pointer;
}
.w-table-r-bc1 .exp.open{
	background-position: -16px 0;
}

.w-table-r-bc2{
	flex: 0 0 auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.w-table-r-bc2 .w-smallButton{
	margin: 0;
}
.w-table-r-bc2-null{
	border-color: transparent;
	width: 22px;
}

.w-table-r-btn{
	width: 22px;
	flex: 0 0 auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.w-table-r-btn .w-smallButton{
	margin: 0;
}
.w-table-r-btn-null{
	border-color: transparent;
	width: 22px;
}


.w-table-r-bc{
	padding: 1px 4px;
	flex: 0 0 auto;
	text-align: center;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	box-sizing: border-box;
	/* max-height: 4em; */
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.w-table-r-bc.w-table-width-auto{
	flex: 1 0 100px;
}
.w-table-cell{
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	max-height: 100%;
}
.w-table-cell-use{
	padding: 0 3px;
	border: 1px dashed transparent;
	text-decoration: underline;
	cursor: pointer;
	color: blue;
	box-sizing: border-box;
	transition: border .1s ease;
}
.w-table-cell-use:hover{
	border-color: gray;
}
.w-table-r-bc .btn-overlflow{
	position: absolute;
	top: 3px;
	right: 3px;
	width: 16px;
	height: 16px;
	opacity: 0.8;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(/viewer/assets/icons/info.5a6e3e.png);
}
.w-table-r-bc .btn-overlflow:hover{
	opacity: 1;
}


.w-table-r-bc-edit{
	padding: 1px 4px;
	flex: 0 0 auto;
	text-align: center;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	box-sizing: border-box;
	max-height: 4em;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.w-table-r-bc-edit.w-table-width-auto{
	flex: 1 0 100px;
}
.w-table-cell-edit{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}



.w-table-load{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.w-table-load-icon{
	background-image: url(/viewer/assets/icons/loading.50c5e3.gif);
	width: 32px;
	height: 32px;
}

.w-table-ctrl{
	background-color: rgba(216, 216, 216, 0.3);

	border-style: solid;
	border-color: #d8d8d8;
	border-width: 0 1px 1px 1px;
	display: flex;
	flex: 0 0 auto;
}
.w-table-ctrl-g{
	padding: 0 8px;
	border-left: 1px solid #d8d8d8;
	display: flex;
	align-items: center;
}
.w-table-ctrl-g:first-child{
	border: none;
}
.w-table-ctrl-g label{
	display: flex;
	align-items: center;
}

.w-table-ctrl .ctrl_refresh{
	background-image: url(/viewer/assets/icons/refresh.a55352.png);
	width: 16px;
	height: 16px;
}
.w-table-ctrl .ctrl_show{
	background-image: url(/viewer/assets/icons/map16.81d2d9.png);
	width: 16px;
	height: 16px;
}
.w-table-ctrl .ctrl_show.disabled{
	background-position: -16px 0;
}
.w-table-ctrl .ctrl_clear{
	background-image: url(/viewer/assets/icons/clear.0344de.png);
	width: 16px;
	height: 16px;
}
.w-table-ctrl .ctrl_filter{
	background-image: url(/viewer/assets/icons/filter.fce300.png);
	width: 16px;
	height: 16px;
	overflow: hidden;
}
.w-table-ctrl .ctrl_filter.active:after{
	background-image: url(/viewer/assets/icons/ok_12.48272d.png);
	width: 12px;
	height: 12px;
	content: "";
	display: block;
	margin: 5px 0 0 5px;
}
.w-table-nav-list{
	flex: 0 1 auto;
	text-align: center;
	width: 2em;
	margin-left: 2px;
}
.w-table-nav-list-count{
	margin: 0 2px;
}
.w-table-nav-prev{
	background-image: url(/viewer/assets/icons/arrow.ea644c.png);
	width: 16px;
	height: 16px;
	background-position: 0 0;
}
.w-table-nav-next{
	background-image: url(/viewer/assets/icons/arrow.ea644c.png);
	width: 16px;
	height: 16px;
	background-position: 0 -16px;
}

.w-table-btn-edit{
	background-image: url(/viewer/assets/icons/edit.fe0e14.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.w-table-btn-save{
	background-image: url(/viewer/assets/icons/save.543a76.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

/* -- PointPopup -- */

.pointPopup{
	position: relative;
	max-width: 400px;
}
.pointPopup .head{
	box-shadow: 6px 16px 16px -7px #888;
	border: solid 1px #6b9eea;
	padding: 2px 8px;
	border-radius: 5px 5px 0px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #6b9eea;
}
.pointPopup .head-controls{
	display: flex;
	align-items: center;
}
.pointPopup .head-controls > *{
	margin: 0px;
}

.pointPopup .title{
	color: #fff;
	margin: 0 15px 0 0;
}
.pointPopup .close{
	right: 0;
	background-image: url(/viewer/assets/icons/close2.be2c5f.png);
	width: 16px;
	height: 16px;
	padding: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-clip: content-box;
	background-position: 2px 2px;
}
.pointPopup .icon-zoom{
	right: 0;
	background-image: url(/viewer/assets/icons/popup_zoom.b14066.png);
	width: 16px;
	height: 16px;
	padding: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-clip: content-box;
	margin-left: auto !important;
    margin-top: 2px !important;
    margin-right: 5px !important;
	/* background-position: 2px 2px; */
}
.pointPopup .body{
	padding: 5px;
    border: solid #6b9eea;
    box-shadow: 6px 6px 16px -7px #888;
    background-color: white;
    min-height: 30px;
    border-width: 1px 1px 0px 1px;
}

.pointPopup .under-controls
{
	/* border-width: 1px 0 0 0; */
	border-style: solid;
	border-color: #52AEDA;
	width: calc(100% - 2px);
	border-width: 0 1px 1px 1px;
	margin-top: -3px;
	height: 21px;
	background-color: white;
	border-radius: 0 0 5px 5px;
}

.pointPopup.arrow {
	position: relative;
	background: #88b7d5;
	border: 1px solid #c2e1f5;
}

.pointPopup .arrow:after, .pointPopup .arrow:before {
	top: 50%;
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.pointPopup .arrow:before {
	border-color: transparent;
	border-right-color: #6b9eea;
	border-width: 11px;
	margin-right: 0px;
	margin-top: -6px;
}
.pointPopup .arrow:after {
	border-color: transparent;
	border-right-color: white;
	border-width: 10px;
	margin-right: -1px;
	margin-top: -5px;
}

.pointPopup .btn {
	margin: 0 0 0 5px;
	cursor: pointer;
	user-select: none;
}


/*--------------------------------------------------------------------------*/

.pointPopup.arrowB {
	position: relative;
	background: #88b7d5;
	border: 1px solid #c2e1f5;
}

.pointPopup .arrowB:after, .pointPopup .arrowB:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.pointPopup .arrowB:before {
	border-color: transparent;
	border-bottom-color: #777777;
	border-width: 11px;
	margin-left:  -11px;
	margin-bottom: 0px;
}
.pointPopup .arrowB:after {
	border-color: transparent;
	border-bottom-color: #6b9eea;
	border-width: 10px;
	margin-bottom: 0px;
	margin-left: -11px;
}

/*--------------------------------------------------------------------------*/

.pointPopup.arrowT {
	position: relative;
	background: #88b7d5;
	border: 1px solid #c2e1f5;
}

.pointPopup .arrowT:after, .pointPopup .arrowT:before {
	top: 99.5%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.pointPopup .arrowT:before {
	border-color: transparent;
	border-top-color: #6b9eea;
	border-width: 11px;
	margin-left: -12px;
	margin-top: 0px;
}
.pointPopup .arrowT:after {
	border-color: transparent;
	border-top-color: white;
	border-width: 10px;
	margin-top: -1px;
	margin-left: -11px;
}

/*---------------------------------------------*/

.pointPopup.arrowL {
	position: relative;
	background: #88b7d5;
	border: 1px solid #c2e1f5;
}

.pointPopup .arrowL:after, .pointPopup .arrowL:before {
	top: 50%;
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.pointPopup .arrowL:before {
	border-color: transparent;
	border-left-color: #6b9eea;
	border-width: 11px;
	margin-left: 0px;
	margin-top: -5px;
}
.pointPopup .arrowL:after {
	border-color: transparent;
	border-left-color: white;
	border-width: 10px;
	margin-left: -1px;
	margin-top: -5px;
}


.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid rgb(179,197,219);
  background-color: rgba(255,255,255,0.4);
}

.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}

.ol-scale-line {
  background: rgba(0,60,136,0.3);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line-inner {
  border: 1px solid #eee;
  border-top: none;
  color: #eee;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.ol-scale-singlebar-even{
  background-color: #000000;
}
.ol-scale-singlebar-odd{
  background-color: #ffffff;
}
.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: #000000;
  float: right;
  z-index: 10;
}
.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 12px;
  z-index: 11;
  color: #000000;
  text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
}
.ol-scale-text {
  position: absolute;
  font-size: 14px;
  text-align: center;
  bottom: 25px;
  color: #000000;
  text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
}
.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid black;
}

.ol-unsupported {
  display: none;
}
.ol-viewport, .ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ol-viewport canvas {
  all: unset;
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.ol-control {
  position: absolute;
  background-color: rgba(255,255,255,0.4);
  border-radius: 4px;
  padding: 2px;
}
.ol-control:hover {
  background-color: rgba(255,255,255,0.6);
}
.ol-zoom {
  top: .5em;
  left: .5em;
}
.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}
.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}
.ol-full-screen {
  right: .5em;
  top: .5em;
}

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: rgba(0,60,136,0.5);
  border: none;
  border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ol-zoom-extent button {
  line-height: 1.4em;
}
.ol-compass {
  display: block;
  font-weight: normal;
  font-size: 1.2em;
  will-change: transform;
}
.ol-touch .ol-control button {
  font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
  top: 5.5em;
}
.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  background-color: rgba(0,60,136,0.7);
}
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}


.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}
.ol-attribution a {
  color: rgba(0,60,136,0.7);
  text-decoration: none;
}
.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: #000;
  text-shadow: 0 0 2px #fff;
  font-size: 12px;
}
.ol-attribution li {
  display: inline;
  list-style: none;
}
.ol-attribution li:not(:last-child):after {
  content: " ";
}
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.ol-attribution button {
  flex-shrink: 0;
}
.ol-attribution.ol-collapsed ul {
  display: none;
}
.ol-attribution:not(.ol-collapsed) {
  background: rgba(255,255,255,0.8);
}
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}
.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}
.ol-attribution.ol-uncollapsible button {
  display: none;
}

.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}
.ol-zoomslider button {
  position: relative;
  height: 10px;
}

.ol-touch .ol-zoomslider {
  top: 5.5em;
}

.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid #7b98bc;
  height: 150px;
  margin: 2px;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 2px;
  left: 2px;
  position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: rgba(255,255,255,0.8);
}
.ol-overviewmap-box {
  border: 2px dotted rgba(0,60,136,0.7);
}

.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}