*
{
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body
{
	padding: 0;
	margin: 0;
	/*min-height: 100%;
	min-width: 100%; */
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 14px;
}
body
{
	min-height: 100vh;
	overflow: auto;
	position: relative;
}
table
{
	border-collapse: collapse;
}
ul, ol
{
	margin: 0;
}
.rtl
{
	direction: rtl;
}
.ltr
{
	direction: ltr;
}
/*
body
{
	font-size: 16px;
	line-height: 1.3em;
}
*/
#maskparent
{
	min-height: 100vh;
	width: 100%;
}
#maskparent.withmodal
{
	height: auto;
}
body.tmpnoscroll,
body.noscroll
{
	overflow: hidden;
}
div
{
	position: relative;
}
.list
{
}
.list>*,
.list-item
{
	display:block;
	padding: 10px;
}
.list.lined>div:nth-child(odd),
.list.lined>a:nth-child(odd),
.list.lined>.list-item:nth-child(odd)
{
	background-color: #eee;
}
button
{
	border: solid 1px #888888;
	padding: 5px 10px;
	cursor: pointer;
}
a
{
	text-decoration: none;
	color: inherit;
}
a.link
{
	color: blue;
}
a.button
{
	display: inline-block;
	text-align: center;
	border: solid 1px #888;
	min-width: 5ch;
	padding-top: .3em;
	height: 1.8em;

}
div:not(.badge):not(.inline).tippable
{
	display: inline-block;
}
div:not(.badge):not(.inline).tippable:before,
div:not(.badge):not(.inline).tippable:after
{
	content: ' ';
	display: block;
	clear: both;
}
.inline
{
	display: inline;
}
.tippable
{
	position: relative;
	cursor: default;
}
.tippable .tooltip
{
	font-weight: normal;
	font-style: normal;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	white-space: normal;
	position: absolute;
	display: none;
	left: 0;
	background-color: white;
	min-width: 150px;
	max-width: 90vw;
	max-width: calc(100vw - 40px);
	width: auto;
	padding: .5em;
	border: 1px solid #666;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
	color: black;
	text-decoration: none;
	text-align: left;
	z-index: 1;
}
.tooltip.wide
{
	width: 600px;
	max-width: 80vw;
}
.tooltip.halfwide
{
	width: 400px;
	max-width: 80vw;
}
picture.tippable
{
	display: inline-block;
}
.tippable .tooltip,
.tippable.left-up .tooltip,
.tippable.center-up .tooltip,
.tippable.right-up .tooltip
{
	bottom: 200%;
	bottom: calc(100% + 20px);
}
.tippable.left-down .tooltip,
.tippable.center-down .tooltip,
.tippable.right-down .tooltip
{
	bottom: auto;
	top: 200%;
	top: calc(100% + 20px);
}

body:not(.touch-device) .tippable:not(.click-only):not(.conditional-only):hover .tooltip,
.tippable .tooltip.display,
.tippable.showing .tooltip
{
	display: block;
}
.tippable.center-down .tooltip,
.tippable.center-up .tooltip
{
	left: 50%;
	-ms-transform: translate(-50% 0);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.tippable.right-down .tooltip,
.tippable.right-up .tooltip
{
	left: 100%;
	-ms-transform: translate(-100% 0);
	-webkit-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}
.tooltip:before
{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 10px solid;
}
.tooltip:after
{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 9px solid;
}
.tooltip:before,
.tippable.left-up .tooltip:before
{
	bottom: -20px;
	border-color: #666 transparent transparent #666;
	left: 12px;
}
.tooltip:after,
.tippable.left-up .tooltip:after
{
	bottom: -17px;
	border-color: #fff transparent transparent #fff;
	left: 13px;
}
.tippable.center-up .tooltip:before
{
	border-width: 20px 10px;
	border-color: #666 transparent transparent transparent;
	bottom: -40px;
	left: 48%;
	left: calc(50% - 10px);
	margin-left: 0;
}
.tippable.center-up .tooltip:after
{
	border-width: 18px 9px;
	bottom: -35px;
	border-color: #fff transparent transparent transparent;
	left: 48%;
	left: calc(50% - 10px);
	margin-left: 1px;
}
.tippable.right-up .tooltip:before
{
	bottom: -20px;
	border-color: #666 #666 transparent transparent;
	right: 12px;
	left: auto;
}
.tippable.right-up .tooltip:after
{
	bottom: -17px;
	border-color: #fff #fff transparent transparent;
	right: 13px;
	left: auto;
}
.tippable.left-down .tooltip:before
{
	top: -20px;
	border-color: transparent transparent #666 #666;
	left: 12px;
}
.tippable.left-down .tooltip:after
{
	top: -17px;
	border-color: transparent transparent #fff #fff;
	left: 13px;
}
.tippable.center-down .tooltip:before
{
	border-width: 20px 10px;
	border-color: transparent transparent #666 transparent;
	top: -40px;
	left: 48%;
	left: calc(50% - 10px);
	margin-left: 0;
}
.tippable.center-down .tooltip:after
{
	border-width: 18px 9px;
	top: -35px;
	border-color: transparent transparent #fff transparent;
	left: 48%;
	left: calc(50% - 10px);
	margin-left: 1px;
}
.tippable.right-down .tooltip:before
{
	top: -20px;
	border-color: transparent #666 #666 transparent;
	right: 12px;
	left: auto;
}
.tippable.right-down .tooltip:after
{
	top: -17px;
	border-color: transparent #fff #fff transparent;
	right: 13px;
	left: auto;
}
img.flag
{
	border: solid .5px #888;
}
.dropselect-container
{
	position: relative;
	display: inline-block;
	max-width: 100%;
}
.dropselect-box
{
	position: absolute;
	left: 0;
	top: 100%;
	box-shadow: 2px 2px 5px black;
	padding: 3px 0;
	border-radius: 0 0 4px 4px;
	background-color: white;
	z-index: 2;
}
.badge
{
	display: inline-block;
	border-radius: 50%;
	background-color: rgb(0, 160, 0);
	color: white;
	padding: .2em .2em .2em .2em;
	margin: 0 .3em .3em .3em;
	font-weight: bold;
	font-size: .8em;
	min-width: 2.0em;
	text-align: center;
}
.bar a
{
	color: inherit;
	text-decoration: inherit;
}
.bar
{
	display: block;
	position: relative;
	padding: .4em 0 0 0;
	border-bottom: solid 1px #888888;
	min-height: 2.46em;
	transition: padding-top 1s;
}
.bar:not(.expanded)
{
	height: 2.46em;
}
.bar.on-top
{
	padding-top: 40px;
}
.bar:before,
.bar:after
{
	content: '';
	display: table;
}
.bar:after
{
	clear: both;
}
.collapsible>ul.rightpart,
.collapsible>ul.leftpart,
.bar>ul.rightpart,
.bar>ul.leftpart
{
	list-style: none;
	margin: 0;
	padding: 0;
	color: inherit;
}
.collapsible>ul.leftpart,
.bar>ul.leftpart
{
	float: left;
}
/*
.bar:not(.expanded) .collapsible>ul.rightpart,
.bar:not(.expanded)>ul.rightpart
{
	float: right;
}
*/
.bar .collapsible>ul.rightpart,
.bar>ul.rightpart
{
	float: right;
}
.collapsible>ul>li,
.bar>ul>li
{
	float: left;
}
.rtl .collapsible>ul.rightpart,
.rtl .bar>ul.rightpart
{
	float: left;
}
.rtl .collapsible>ul.leftpart,
.rtl .bar>ul.leftpart
{
	float: right;
}
.rtl .collapsible>ul>li,
.rtl .bar>ul>li
{
	float: right;
}
.collapsible>ul>li>*,
.bar>ul>li>*
{
	display: inline-block;
	padding: 5px 10px 0px 10px;
	min-height: 2em;
	/* color: inherit; */
}
.bar>div>ul>li>div,
.bar>div>ul>li>a
{
	min-height: 2em;
}
.dropelement hr
{
	margin: .3em 0;
	border: solid .5px #ccc;
}
.huge
{
	font-size: 32px;
}
.left-addon,
.right-addon
{
	position: relative;
	font-size: 1em;
}
.left-addon .addon,
.right-addon .addon
{
	position: absolute;
	vertical-align: baseline;
	padding:  3px .5ch 0 2px;
	z-index: 1;
}
.left-addon .addon
{
	left: 0;
}
.right-addon .addon
{
	right: 0;
}
.left-addon input
{
	padding-left: 12px;
}
.right-addon input
{
	padding-right: 14px;
}
.contentdiv
{
	padding: 10px;
}
.toggleshow,
.inputeraser
{
	position: absolute;
	top: .2em;
	right: .2em;
	cursor: pointer;
}
.toggleshow.hidden
{
	display: none;
}
.toggleshow:hover
{
	color: blue;
}
.inputeraser:hover
{
	color: red;
}

.input-checkmark
{
	display: none;
}
.input-checkmark.ok,
.input-checkmark.check,
.input-checkmark.fail,
.input-checkmark.error
{
	display: inline-block;
	width: 16px;
}
.input-checkmark::after
{
	position: absolute;
	right: 0;
	font-size: 1.5em;
	content: "\00a0";
	vertical-align: top;
}
.input-checkmark.check::after
{
	content: "\2714";
	color: green;
}
.input-checkmark.fail::after
{
	content: "\2718";
	color: red;
}
.responsive,
picture.responsive img,
img.responsive
{
	position: relative;
	width: 100%;
	height: auto;
}
.responsive video,
.responsive audio
{
	width: 100%;
}
.buttonline
{
	padding-top: 5px;
	text-align: right;
}
.rtl .buttonline
{
	text-align: left;
}
.rtl .ltr .buttonline
{
	text-align: right;
}
.buttonline button
{
	margin-left: 10px;
}
.on-off
{
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 2.6em;
	height: 1.5em;
	padding: 0;
	margin: 0;
	border: solid 1px #888;
	border-radius: .75em;
	background-color: white;
	cursor: pointer;
	transition: background-color .1s;
	vertical-align: middle;
}
.on-off-switch
{
	width: 1.5em;
	height: 1.5em;
	width: calc(1.5em - 2px);
	height: calc(1.5em - 2px);
	top: 0;
	left: 0;
	position: absolute;
	border-radius: 50%;
	background-color: white;
	border: inherit;
	transition: left .1s;
}
.on-off.checked
{
	background-color: #0b0;
}
.checked .on-off-switch
{
	left: 1.1em;
}
.on-off[disabled],
[disabled] .on-off-switch
{
	background-color: #ddd;
}
/* responsive tables */
.rtable
{
	display: inline-block;
	max-width: 100%;
}
.rtable>tbody,
.rtable>tbody>tr
{
	display: block;
	max-width: 100%;
}
.rtable>tbody>tr>td,
table.responsive>tbody>tr>td
{
	white-space: nowrap;
	max-width: 100%;
}
.rtable>tbody>tr>td
{
        position: relative;
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
	padding-bottom: .4em;
}
.rtable>tbody>tr>td[colspan]
{
	display: block;
}
.rtable .tabbed
{
	display: none;
}
.tab0 table .tab0,
.tab1 table .tab1,
.tab2 table .tab2,
.tab3 table .tab3,
.tab4 table .tab4,
.tab5 table .tab5,
.tab6 table .tab6,
.tab7 table .tab7,
.tab8 table .tab8,
.tab9 table .tab9
{
	display: block;
}
.tablist
{
	border-bottom: solid 1px #888;
	margin-bottom: 12px;
}
.tablist .tab
{
	display: inline-block;
	vertical-align: top;
	min-width: 80px;
	height: 2.0em;
	text-align: left;
	padding: .2em .4em;
	border-width: 1px;
	border-color: #888;
	border-style: solid;
	border-top-left-radius: .7em;
	background-color: #eee;
	position: relative;
	top: 1px;
	cursor: pointer;
}
.tablist .tab.hidden
{
	display: none;
}
.tab0 .tablist .tab0,
.tab1 .tablist .tab1,
.tab2 .tablist .tab2,
.tab3 .tablist .tab3,
.tab4 .tablist .tab4,
.tab5 .tablist .tab5,
.tab6 .tablist .tab6,
.tab7 .tablist .tab7,
.tab8 .tablist .tab8,
.tab9 .tablist .tab9
{
	border-bottom-color: white;
	background-color: transparent;
	cursor: default;
}
.clickmask,
.bodymask
{
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	min-height: 100vh;
	/* height: 100%; */
	/* overflow: hidden; */
	position: absolute;
	left: 0;
	top: 0;
	padding-bottom: 100px;
	text-align: center;
}
.__dropmask
{
	z-index: 2;
}
.clickmask>*,
.bodymask>*
{
	text-align: left;
}
/*
.clickmask:after,
.bodymask:after
{
	content: " ";
	display: block;
	width: 1px;
	height: 800px;
	clear: both;
}
*/
.notice,
.notice.alert
{
	background: white;
	overflow: hidden;
	max-width: 100%;
	width: 100%;
	height: auto;
	max-height: 0;
	padding: 0 .8em;
	margin: 0;
	opacity: 0;
	border-width: 0;
	border-color: green;
	border-style: solid;
	white-space: normal;
	border-radius: 0;
}
#mainbar *,
.notice
{
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.notice.nopadding
{
	padding: 0;
}
.notice.showing
{
	opacity: 1;
	max-height: 20em;
	margin-bottom: 1em;
	padding: .4em .8em;
	border-width: 1px;
}
.notice.nopadding.showing
{
	padding: 0;
}
.notice.nopadding.showing .body
{
	padding: .4em .8em;
}
.notice-hidebox
{
	/* display: inline-block; */
	cursor: pointer;
	margin-left: .3em;
	float: right;
	position: relative;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	font-weight: bold;
	max-width: 100%;
}
#screenerrors
{
	background-color: white;
}
.captioned-img
{
	display: inline-block;
}
.img-caption
{
	font-size: .9em;
}
.rtl .notice-hidebox
{
	float: left;
}
body.raised .modal,
body.raised .bodymask,
body.raised .dropelement,
.z-up
{
	z-index: 50;
}
.notice-hidebox
{
	top: -.4em;
	left: .6em;
}
.rtl .notice-hidebox
{
	left: auto;
	right: .6em;
}
.modal-hidebox
{
	top: -.2em;
}
.modal-hidebox:hover,
.notice-hidebox:hover
{
	color: red;
}
.warning
{
	border-color: orange;
}
.error
{
	border-color: red;
}
.errorbox
{
	margin-top: 8px;
}
.swipepanel
{
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-y: visible;
	overflow-x: auto;
}
.swipepanel>div
{
	white-space: nowrap;
}
div.qrcode
{
	display: inline-block;
}
button,
input,
textarea,
select
{
	font-family: inherit;
	position: relative;
	font-size: 1em;
	max-width: 100%;
}
.datepicker
{
	max-width: 100%;
}
.bodymask div.movable
{
	position: absolute;
	transition: none
}
.inputlist,
.modal-dialog,
.modal
{
	text-align: left;
}
.modal-header
{
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.inputlist textarea,
.inputlist input[type=text],
.inputlist input[type=password],
.inputlist input[type=email],
.inputlist input[type=tel],
.inputlist input[type=number],
.inputlist input[type=url],
.modal-dialog textarea,
.modal-dialog input[type=text],
.modal-dialog input[type=password],
.modal-dialog input[type=email],
.modal-dialog input[type=tel],
.modal-dialog input[type=number],
.modal-dialog input[type=url],
.modal textarea,
.modal input[type=text],
.modal input[type=password],
.modal input[type=email],
.modal input[type=tel],
.modal input[type=number],
.modal input[type=url]
{
	width: 360px;
}
.inputlist input[type=text].num,
.modal-dialog input[type=text].num,
.modal input[type=text].num,
.inputlist input[type=number].num,
.modal-dialog input[type=number].num,
.modal input[type=number].num
{
	width: 120px;
}
.inputlist input[type=text]._datepicker,
.modal-dialog input[type=text]._datepicker,
.modal input[type=text]._datepicker
{
	width: 120px;
}
.doresize
{
	resize: both;
}
.noresize
{
	resize: none;
}
input[type=radio],
input[type=checkbox]
{
	vertical-align: middle;
}
input[type=radio]
{
	top: -.2em;
}
input[type=checkbox]
{
	top: -.1em;
}
.modal
{
	position: relative;
	display: none;
	overflow: visible;
	opacity: 0;
	background: white;
	background: rgba(255, 255, 255, 0);
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}
.modal-dialog,
.inputlist
{
	display: inline-block;
	position: static;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}
.modal.isshowing
{
	display: inline-block;
}
.modal.visible
{
	opacity: 1;
	background: white;
	background: rgba(255, 255, 255, 1);
	box-shadow: 2px 2px 12px black;
}
.modal.show-direct
{
	transition: none;
}
.modal.show-fast
{
	transition: opacity .25s, background-color .25s, background .25s, box-shadow .25s;
}
.modal.show-normal
{
/*
	-webkit-transition-property: opacity, background-color, background, box-shadow;
	-webkit-transition-duration: .4s;
	transition-property: opacity, background-color, background, box-shadow;
	transition-duration: .4s;
*/
}
.modal.show-slow
{
	transition: opacity .8s, background-color .8s, background .8s, box-shadow .8s;
}
.modal.show-veryslow
{
	transition: opacity 2s,background-color 2s,box-shadow 2s;
}
.modal.isshowing2
{
	opacity: .999;
}
.modalcontainer
{
	position: relative;
	
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}
.modalcontainer.toohigh
{
	overflow-y: scroll;
}
.toohigh .modal.isshowing
{
	position: relative;
	display: inline-block;
	top: 24px;
	left: 50%;
	transform: translate(-50%, 0%);
	margin-bottom: 150px;
}
.inputlist,
.modal-body
{
	position: relative;
	padding: 1.5em;
}
.header,
.modal-header
{
	display: block;
	padding: .4em .8em;
	background: #bbf;
	background: linear-gradient(#eef, #bbf);
	text-align: center;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	border-bottom: 1px solid #aac;
}
.modal-hidebox
{
	/* display: inline; */
	position: absolute;
	top: -.1em;
	right: .1em;
	font-weight: bold;
	cursor: pointer;
	font-size: 1.2em;
}
.modal-hidebox:hover
{
	color: red;
}
.prompt,
.confirm,
.alert
{
	padding: 25px;
	min-width: 100px;
	border-radius: 8px;
	border-style: solid;
	border-width: 3px;
	border-color: #888;
}
.prompt button,
.confirm button
{
	margin-left: 8px;
}
.alert-sign
{
	text-shadow: 2px 2px 2px #888888;
	margin: 5px;
}
.alert .alert-sign
{
	color: #ffb700;
}
.alert
{
	border-color: #ffb700;
}
.confirm .alert-sign
{
	color: #0000aa;
}
.confirm
{
	border-color: #0000aa;
}
.prompt .alert-sign
{
	color: #00aa00;
}
.prompt
{
	border-color: #00aa00;
}
.alert-text
{
	padding: 15px 0;
}
.alert-buttons
{
	text-align: right;
}
.alert-prompt
{
	margin: 10px 0 20px 0;
}
.alert-prompt input
{
	width: 120px;
	max-width: 100%;
}
.hover
{
}
.filedropper.active
{
	box-shadow: 0 0 3px green;
}
:not(.bar).trans0
{
	opacity: 1;
}
:not(.bar).trans1
{
	opacity: .9;
}
:not(.bar).trans2
{
	opacity: .8;
}
:not(.bar).trans3
{
	opacity: .7;
}
:not(.bar).trans4
{
	opacity: .6;
}
:not(.bar).trans5
{
	opacity: .5;
}
:not(.bar).trans6
{
	opacity: .4;
}
:not(.bar).trans7
{
	opacity: .3;
}
:not(.bar).trans8
{
	opacity: .2;
}
:not(.bar).trans9
{
	opacity: .1;
}
:not(.bar).trans10
{
	opacity: 0;
}
.bar.trans0
{
	background: rgba(255, 255, 255, .0);
}
.bar.inverse.trans0
{
	background: rgba(0, 0, 0, .0);
}
.bar.trans1
{
	background: rgba(255, 255, 255, .1);
}
.bar.inverse.trans1
{
	background: rgba(0, 0, 0, .1);
}
.bar.trans2
{
	background: rgba(255, 255, 255, .2);
}
.bar.inverse.trans2
{
	background: rgba(0, 0, 0, .2);
}
.bar.trans3
{
	background: rgba(255, 255, 255, .3);
}
.bar.inverse.trans3
{
	background: rgba(0, 0, 0, .3);
}
.bar.trans4
{
	background: rgba(255, 255, 255, .4);
}
.bar.inverse.trans4
{
	background: rgba(0, 0, 0, .4);
}
.bar.trans5
{
	background: rgba(255, 255, 255, .5);
}
.bar.inverse.trans5
{
	background: rgba(0, 0, 0, .5);
}
.bar.trans6
{
	background: rgba(255, 255, 255, .6);
}
.bar.inverse.trans6
{
	background: rgba(0, 0, 0, .6);
}
.bar.trans7
{
	background: rgba(255, 255, 255, .7);
}
.bar.inverse.trans7
{
	background: rgba(0, 0, 0, .7);
}
.bar.trans8
{
	background: rgba(255, 255, 255, .8);
}
.bar.inverse.trans8
{
	background: rgba(0, 0, 0, .8);
}
.bar.trans9
{
	background: rgba(255, 255, 255, .9);
}
.bar.inverse.trans9
{
	background: rgba(0, 0, 0, .9);
}
.bar.trans10
{
	background: rgba(255, 255, 255, 1);
}
.bar.inverse.trans10
{
	background: rgba(0, 0, 0, 1);
}
.right
{
	/* display: inline; */
	float: right;
}
.left
{
	/* display: inline; */
	float: left;
}
.center
{
	text-align: center;
}
.fixed
{
	position: fixed;
	width: 100%;
}
.absolute
{
	position: absolute;
}
.bar.fixed
{
	z-index: 1;
}
.dropelement a,
.dropelement span
{
	height: 2.2em;
}

.bar a,
.bar span,
.collapser,
.baritem,
.barbutton,
.bartext,
.dropup,
.dropdown
{
	height: 2.0em;
}

.bar a,
.barbutton,
.bartext,
.dropup,
.dropdown
{
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
	display: inline-block;
	color: inherit;
}
.collapser,
.barbutton,
.dropup,
.dropdown
{
	cursor: pointer;
}
.bar .right a,
.right .barbutton,
.right .dropup,
.right .bartext,
.right .dropdown
{
	padding-right: 1em;
	padding-left: 1em;
}
.bar a:hover,
.hover:hover,
.collapser:hover,
.barbutton:hover,
.dropup:hover,
.dropdown:hover
{
	color: #888888;
}
[class*="col-"]
{
	float: left;
}
.collapser
{
	position: absolute;
	right: .4em;
	top: .8em;
	display: none;
}
.rtl .collapser
{
	right: auto;
	left: .4em;
}
.bar .collapsible
{
	max-height: 2em;
}
.collapsible
{
	position: relative;
	height: 100%;
	transition: height,max-height .25s;
}
.dropelement
{
	display: block;
	position: absolute;
	overflow: hidden;
	height: auto;
	max-height: 0;
	padding: 0;
	border-style: solid;
	border-color: #888888;
	border-width: 0;
	left: 0;
	background: white;
	color: black;
	cursor: pointer;
	z-index: 3;
}
.dropdown>.dropelement
{
	min-width: 100%;
}
.dropelement.showsubs
{
	overflow: visible;
}
.dropelement.dropscroll
{
	overflow-y:scroll;
}
.rightpart .dropelement
{
	left: auto;
	right: 10px;
}
.rtl .dropelement
{
	left: auto;
	right: 0;
}
.rtl .rightpart .dropelement
{
	left: 10px;
	right: auto;
}
.dropshowing .dropelement
{
	box-shadow: 2px 2px 5px black;
	border-width: 1px;
	padding: 3px 0;
	max-height: 20em;
}
.dropshowing.high2 .dropelement
{
	max-height: 40em;
}
.dropdown .dropelement
{
	border-radius: 0 0 5px 5px;
}
.dropup .dropelement
{
	border-radius: 5px 5px 0 0;
}
.pullright:after
{
	content: "\25b8";
	font-size: 1.3em;
	position: absolute;
	top: 2px;
	right: 4px;
}
.pullright
{
	padding-right: 10px;
	overflow: hidden;
}
.pullright.showsubs
{
	overflow: visible;
}
.pullright .dropelement
{
	border-radius: 0 5px 5px 5px;
}
.dropup.auto-caret:after
{
	content: "\25b2";
	font-size: .8em;
	line-height: inherit;
	position: relative;
}
.right .dropelement
{
	left: auto;
	right: 0;
}
.rtl .rigth .dropelement
{
	right: auto;
	left: 0;
}
.rightspan
{
	position: absolute;
	right: 8px;
}
.rtl .rightspan
{
	right: auto;
	left: 8px;
}
.dropup .dropelement
{
	bottom: 100%;
}
.dropdown .dropelement
{
	top: 100%;
}
.pullright .dropelement
{
	left: 100%;
	top: 0;
}
.dropdown.auto-caret:after
{
	content: "\25bc";
	font-size: .8em;
	line-height: inherit;
	position: relative;
}
a.dropitem,
.dropitem
{
	transition: none;
	display: block;
	padding: .4em 1.5em .2em 0em;
	white-space: nowrap;
	text-align: left;
}
.rtl a.dropitem,
.rtl .dropitem
{
	padding: .4em 0em .2em 1em;
	text-align: right;
}
.dropitem:before
{
	/* enough space for a checkmark */
	width: 1.4em;
	/* a non breaking space */
	content: "\00a0";
	display: inline-block;
}
.dropitem.checked:before
{
	/* the checkmark */
	content: "\2713";
	width: 1.0em;
	display: inline-block;
	padding-left: .4em;
}
.rtl .dropitem.checked:before
{
	padding-left: 0;
	padding-right: .4em;
}
.dropitem:not(.disabled).current,
.dropitem:not(.disabled).active,
.dropitem:not(.disabled):hover,
.dropitem:not(.disabled):active
{
	background: #dddddd;
	color: black; /* !important; */
}
.dropitem.current
{
	cursor: default;
}
a.dropitem.active,
.dropitem.active
{
	cursor: default;
}
.dropup.show-direct .dropelement,
.dropdown.show-direct .dropelement,
.show-direct
{
	transition: none;
}
.dropup.show-fast .dropelement,
.dropdown.show-fast .dropelement,
.show-fast
{
	transition: all .25s;
}
.dropup.show-normal .dropelement,
.dropdown.show-normal .dropelement,
.show-normal
{
	transition: all .4s;
}
.dropup.show-slow .dropelement,
.dropdown.show-slow .dropelement,
.show-slow
{
	transition: .8s;
}
.dropup.show-veryslow .dropelement,
.dropdown.show-veryslow .dropelement,
.show-veryslow
{
	transition: 2s;
}
.dropshowing.dropdown,
.dropshowing.dropup
{
	transition: none;
}
.fast-override
{
	transition: none !important;
}
.checkboxlabel
{
	position: relative;
	vertical-align: top;
	top: 1px;
}
:not(.lbl)>.labeldiv
{
	display: inline-block;
	padding: 0 10px 0 5px;
}
.lbl
{
	padding-right: 10px;
}
.dropitem.ruler
{
	height: 7px;
	background-color: #888;
	padding: 0;
	margin: 0;
	border-width: 3px 0px;
	border-style: solid;
	border-color: white;
	cursor: default;
}
.dropitem.ruler:hover
{
	background-color: #888;
}
.hasshortcut
{
	padding-right: 6em;
}
.shortcut
{
	position: absolute;
	right: .3em;
}
.dropselect-item
{
	padding: 3px 6px;
	cursor: pointer;
	white-space: nowrap;
}
.dropselect-item.selected,
.dropselect-item:hover
{
	background-color: #ccc;
}
.bar .selected
{
	background: #dddddd;
}
.slideshow
{
	overflow: hidden;
	position: relative;
	transform-origin: top left;
}
.slideshow.nocursor
{
	cursor: none;
}
.slideshow .ontopitem
{
	position: absolute;
	width: 70%;
	left: 15%;
	top: 15%;
}
.arrow
{
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: solid 1px #fff;
	margin: 0;
	box-shadow: 0 0 2px #000;
	background: rgba(255, 255, 255, .3);
	opacity: .7;
	cursor: pointer;
	transition: opacity .8s;
}
.arrow.hidden
{
	opacity: 0;
}
.arrow:hover
{
	background-color: rgba(255, 255, 255, .5);
	opacity: .7;
}
.arrow:active
{
	background-color: rgba(255, 100, 100, .5);
	opacity: .7;
}
.arrow.left
{
	left: 20px;
	top: 50%;
	-ms-transform: translate(0 -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.arrow.right
{
	right: 20px;
	top: 50%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.arrow.up
{
	top: 20px;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.arrow.down
{
	bottom: 20px;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.arrow.notshowing,
.arrow.hidden.notshowing
{
	display: none;
}
.arrow div
{
	position: absolute;
	border-width: 0 2px 2px 0;
	border-color: #fff;
	border-style: solid;
	width: 40%;
	height: 40%;
	margin: 30%;
	box-shadow: 1px 1px 1px #000;
	border-radius: 0;
	background: transparent;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.arrow.left div
{
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	left: 12%;
}
.arrow.right div
{
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 12%;
}
.arrow.up div
{
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
	top: 12%;
}
.arrow.down div
{
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	bottom: 12%;
}
.slideshow .controlpanel
{
	position: absolute;
	width: 100%;
	text-align: center;
	background-color: rgba(255, 255, 255, .5);
	bottom: 0;
	border-style: solid;
	border-width: 2px 0 0 0;
	border-color: #fff #888 #888 #fff;
	opacity: 1;
	/* font-size: 32px; */
	white-space: nowrap;
	transition: all .8s;
}
.slideshow .controlpanel>span
{
	margin: 2px;
	cursor: pointer;
	color: black;
}

.slideshow .controlpanel>span.active
{
	color: blue;
}
.slideshow .controlpanel.hidden
{
	opacity: 0;
}
.slideshow .controlpanel:hover
{
	opacity: 1;
}
.slideshow .controlpanel>span:hover
{
	color: green;
}
.slideshow .controlpanel>span:active
{
	color: red;
}
.listitem
{
	display: block;
	padding: .6em 1em;
	cursor: pointer;
}
.listitem:hover,
.listitem.selected
{
	background: #eee;
}
.background-screen
{
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
.slideshow img
{
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.slideshow.contain-foreground img
{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.slideshow.cover-foreground img
{
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.add-img
{
	display: none;
}
.num
{
	width: 120px;
}
.area
{
	width: 600px;
	max-width: 90%;
}
.clock
{
	max-width: 100%;
}
.clock>div
{
	height: 0;
	padding-bottom: 100%;
}
.row:after
{
	content: "";
	clear: both;
	display: table;
}
.undisplay
{
	visibility: hidden;
}
[class*="col-"]
{
	width: 100%;
	float: left;
}
[class*="col-"] { width: 100%; }
.col-1 { width: 8.33%; }
.col-2 { width: 16.6666%; }
.col-3 { width: 25.00%; }
.col-4 { width: 33.33%; }
.col-5 { width: 41.6666%; }
.col-6 { width: 50.00%; }
.col-7 { width: 58.33%; }
.col-8 { width: 66.6666%; }
.col-9 { width: 75.00%; }
.col-10 { width: 83.33%; }
.col-11 { width: 91.6666%; }
.col-12 { width: 100.00%; }

.upload-progress-text
{
	font-family: Courier, "Courier New", monospace;
}

@media only screen and (max-width: 399px)
{
	.hide-u { display: none; }
	.block-u { display: block; float: none !important;}
}
@media only screen and (min-width: 400px)
{
	.show-u { display: none; }
	[class*='col-u'].header-left { text-align: left }
	[class*='col-u'].header-right { text-align: right }
	.col-u1 { width: 8.33%; }
	.col-u2 { width: 16.6666%; }
	.col-u3 { width: 25.00%; }
	.col-u4 { width: 33.33%; }
	.col-u5 { width: 41.6666%; }
	.col-u6 { width: 50.00%; }
	.col-u7 { width: 58.33%; }
	.col-u8 { width: 66.6666%; }
	.col-u9 { width: 75.00%; }
	.col-u10 { width: 83.33%; }
	.col-u11 { width: 91.6666%; }
	.col-u12 { width: 100.00%; }
}

@media only screen and (max-width: 519px)
{
	.hide-t { display: none; }
	.block-t { display: block; float: none !important;}
}
@media only screen and (min-width: 520px)
{
	.show-t { display: none; }
	[class*='col-t'].header-left { text-align: left }
	[class*='col-t'].header-right { text-align: right }
	.col-t1 { width: 8.33%; }
	.col-t2 { width: 16.6666%; }
	.col-t3 { width: 25.00%; }
	.col-t4 { width: 33.33%; }
	.col-t5 { width: 41.6666%; }
	.col-t6 { width: 50.00%; }
	.col-t7 { width: 58.33%; }
	.col-t8 { width: 66.6666%; }
	.col-t9 { width: 75.00%; }
	.col-t10 { width: 83.33%; }
	.col-t11 { width: 91.6666%; }
	.col-t12 { width: 100.00%; }
}
@media only screen and (max-width: 659px)
{
	.hide-s { display: none; }
	.block-s { display: block; float: none !important;}
}
@media only screen and (min-width: 660px)
{
	.show-s { display: none; }
	[class*='col-s'].header-left { text-align: left }
	[class*='col-s'].header-right { text-align: right }
	.col-s1 { width: 8.33%; }
	.col-s2 { width: 16.6666%; }
	.col-s3 { width: 25.00%; }
	.col-s4 { width: 33.33%; }
	.col-s5 { width: 41.6666%; }
	.col-s6 { width: 50.00%; }
	.col-s7 { width: 58.33%; }
	.col-s8 { width: 66.6666%; }
	.col-s9 { width: 75.00%; }
	.col-s10 { width: 83.33%; }
	.col-s11 { width: 91.6666%; }
	.col-s12 { width: 100.00%; }
}
@media only screen and (max-width: 819px)
{
	.hide-m { display: none; }
	.block-m { display: block; float: none !important;}
}
@media only screen and (min-width: 820px)
{
	.show-m { display: none; }
	[class*='col-m'].header-left { text-align: left }
	[class*='col-m'].header-right { text-align: right }
	.col-m1 { width: 8.33%; }
	.col-m2 { width: 16.6666%; }
	.col-m3 { width: 25.00%; }
	.col-m4 { width: 33.33%; }
	.col-m5 { width: 41.6666%; }
	.col-m6 { width: 50.00%; }
	.col-m7 { width: 58.33%; }
	.col-m8 { width: 66.6666%; }
	.col-m9 { width: 75.00%; }
	.col-m10 { width: 83.33%; }
	.col-m11 { width: 91.6666%; }
	.col-m12 { width: 100.00%; }
}
@media only screen and (max-width: 1023px)
{
	.hide-l { display: none; }
	.block-l { display: block; float: none !important;}
}
@media only screen and (min-width: 1024px)
{
	.show-l { display: none; }
	[class*='col-l'].header-left { text-align: left }
	[class*='col-l'].header-right { text-align: right }
	.col-l1 { width: 8.33%; }
	.col-l2 { width: 16.6666%; }
	.col-l3 { width: 25.00%; }
	.col-l4 { width: 33.33%; }
	.col-l5 { width: 41.6666%; }
	.col-l6 { width: 50.00%; }
	.col-l7 { width: 58.33%; }
	.col-l8 { width: 66.6666%; }
	.col-l9 { width: 75.00%; }
	.col-l10 { width: 83.33%; }
	.col-l11 { width: 91.6666%; }
	.col-l12 { width: 100.00%; }
}
@media only screen and (max-width: 1199px)
{
	.hide-x { display: none; }
	.block-x { display: block; float: none !important;}
}
@media only screen and (min-width: 1200px)
{
	.show-x { display: none; }
	[class*='col-x'].header-left { text-align: left }
	[class*='col-x'].header-right { text-align: right }
	.col-x1 { width: 8.33%; }
	.col-x2 { width: 16.6666%; }
	.col-x3 { width: 25.00%; }
	.col-x4 { width: 33.33%; }
	.col-x5 { width: 41.6666%; }
	.col-x6 { width: 50.00%; }
	.col-x7 { width: 58.33%; }
	.col-x8 { width: 66.6666%; }
	.col-x9 { width: 75.00%; }
	.col-x10 { width: 83.33%; }
	.col-x11 { width: 91.6666%; }
	.col-x12 { width: 100.00%; }
}
@media only screen and (max-width: 300px)
{
	.bar3 .collapser
	{
		display: inline-block;
	}
	.bar3 .collapsible>ul:first-child,
	.bar3 .collapsible>ul:first-child>li,
	.bar3 .collapsible>ul,
	.bar3 .collapsible>ul>li,
	.bar3 .collapsible .dropdown,
	.bar3 .collapsible .dropup,
	.bar3 .collapsible .barbutton,
	.bar3 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar3:not(.expanded)
	{
		overflow: hidden;
	}
	.bar3.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar3.expanded .dropelement>*
	{
		float: left;
	}
	.bar3 .collapsible>ul.rightpart,
	.bar3>ul.rightpart
	{
		float: left;
	}
	.bar3 .rightpart .dropelement
	{
		left: 0px;
		right: auto;
	}
}
@media only screen and (min-width: 300px)
{
	.col-100 { width: 33%; }
	.col-100rest { width: 67%; }
	.col-200 { width: 100%; }
	.col-200rest { width: 100%; }
	.col-300 { width: 100%; }
	.col-300rest { width: 100%; }
	.col-400 { width: 100%; }
	.col-400rest { width: 100%; }
}

@media only screen and (max-width: 400px)
{
	.bar4 .collapser
	{
		display: inline-block;
	}
	.bar4 .collapsible>ul:first-child,
	.bar4 .collapsible>ul:first-child>li,
	.rtl .bar4 .collapsible>ul:last-child,
	.rtl .bar4 .collapsible>ul:last-child>li,
	.bar5 .collapsible>ul,
	.bar4 .collapsible>ul>li,
	.bar4 .collapsible .dropdown,
	.bar4 .collapsible .dropup,
	.bar4 .collapsible .barbutton,
	.bar4 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar4:not(.expanded)
	{
		overflow: hidden;
	}
	.bar4.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar4.expanded .dropelement>*
	{
		float: left;
	}
	.bar4 .collapsible>ul.rightpart,
	.bar4>ul.rightpart
	{
		float: left;
	}
	.bar4 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}
@media only screen and (min-width: 100px)
{
	.col-100 { width: 100%; }
	.col-100rest { width: 100%; }
	.col-200 { width: 100%; }
	.col-200rest { width: 100%; }
	.col-300 { width: 100%; }
	.col-300rest { width: 100%; }
	.col-400 { width: 100%; }
	.col-400rest { width: 100%; }
}

@media only screen and (max-width: 500px)
{
	.bar5 .collapser
	{
		display: inline-block;
	}
	.bar5 .collapsible>ul:first-child,
	.bar5 .collapsible>ul:first-child>li,
	.rtl .bar5 .collapsible>ul:last-child,
	.rtl .bar5 .collapsible>ul:last-child>li,
	.bar5 .collapsible>ul,
	.bar5 .collapsible>ul>li,
	.bar5 .collapsible .dropdown,
	.bar5 .collapsible .dropup,
	.bar5 .collapsible .barbutton,
	.bar5 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar5:not(.expanded)
	{
		overflow: hidden;
	}
	.bar5.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar5.expanded .dropelement>*
	{
		float: left;
	}
	.bar5 .collapsible>ul.rightpart,
	.bar5>ul.rightpart
	{
		float: left;
	}
	.bar5 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}
@media only screen and (min-width: 500px)
{
	.col-100 { width: 20%; }
	.col-100rest { width: 80%; }
	.col-200 { width: 100%; }
	.col-200rest { width: 100%; }
	.col-300 { width: 100%; }
	.col-300rest { width: 100%; }
	.col-400 { width: 100%; }
	.col-400rest { width: 100%; }
}

@media only screen and (max-width: 600px)
{
	.bar6 .collapser
	{
		display: inline-block;
	}
	.bar6 .collapsible>ul:first-child,
	.bar6 .collapsible>ul:first-child>li,
	.rtl .bar6 .collapsible>ul:last-child,
	.rtl .bar6 .collapsible>ul:last-child>li,
	.bar6 .collapsible>ul,
	.bar6 .collapsible>ul>li,
	.bar6 .collapsible .dropdown,
	.bar6 .collapsible .dropup,
	.bar6 .collapsible .barbutton,
	.bar6 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar6:not(.expanded)
	{
		overflow: hidden;
	}
	.bar6.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar6.expanded .dropelement>*
	{
		float: left;
	}
	.bar6 .collapsible>ul.rightpart,
	.bar6>ul.rightpart
	{
		float: left;
	}
	.bar6 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}
@media only screen and (min-width: 600px)
{
	.col-100 { width: 16.6%; }
	.col-100rest { width: 83.4%; }
	.col-200 { width: 33.3%; }
	.col-200rest { width: 66.7%; }
	.col-300 { width: 50%; }
	.col-300rest { width: 50%; }
	.col-400 { width: 100%; }
	.col-400rest { width: 100%; }
}

@media only screen and (max-width: 700px)
{
	.bar7 .collapser
	{
		display: inline-block;
	}
	.bar7 .collapsible>ul:first-child,
	.bar7 .collapsible>ul:first-child>li,
	.rtl .bar7 .collapsible>ul:last-child,
	.rtl .bar7 .collapsible>ul:last-child>li,
	.bar7 .collapsible>ul,
	.bar7 .collapsible>ul>li,
	.bar7 .collapsible .dropdown,
	.bar7 .collapsible .dropup,
	.bar7 .collapsible .barbutton,
	.bar7 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar7:not(.expanded)
	{
		overflow: hidden;
	}
	.bar7.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar7.expanded .dropelement>*
	{
		float: left;
	}
	.bar7 .collapsible>ul.rightpart,
	.bar7>ul.rightpart
	{
		float: left;
	}
	.bar7 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}

@media only screen and (max-width: 800px)
{
	.bar8 .collapser
	{
		display: inline-block;
	}
	.bar8 .collapsible>ul:first-child,
	.bar8 .collapsible>ul:first-child>li,
	.rtl .bar8 .collapsible>ul:last-child,
	.rtl .bar8 .collapsible>ul:last-child>li,
	.bar8 .collapsible>ul,
	.bar8 .collapsible>ul>li,
	.bar8 .collapsible .dropdown,
	.bar8 .collapsible .dropup,
	.bar8 .collapsible .barbutton,
	.bar8 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar8:not(.expanded)
	{
		overflow: hidden;
	}
	.bar8.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar8.expanded .dropelement>*
	{
		float: left;
	}
	.bar8 .collapsible>ul.rightpart,
	.bar8>ul.rightpart
	{
		float: left;
	}
	.bar8 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}

@media only screen and (max-width: 900px)
{
	.bar9 .collapser
	{
		display: inline-block;
	}
	.bar9 .collapsible>ul:first-child,
	.bar9 .collapsible>ul:first-child>li,
	.rtl .bar9 .collapsible>ul:last-child,
	.rtl .bar9 .collapsible>ul:last-child>li,
	.bar9 .collapsible>ul,
	.bar9 .collapsible>ul>li,
	.bar9 .collapsible .dropdown,
	.bar9 .collapsible .dropup,
	.bar9 .collapsible .barbutton,
	.bar9 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar9:not(.expanded)
	{
		overflow: hidden;
	}
	.bar9.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar9.expanded .dropelement>*
	{
		float: left;
	}
	.bar9 .collapsible>ul.rightpart,
	.bar9>ul.rightpart
	{
		float: left;
	}
	.bar9 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}

@media only screen and (max-width: 1000px)
{
	.bar10 .collapser
	{
		display: inline-block;
	}
	.bar10 .collapsible>ul:first-child,
	.bar10 .collapsible>ul:first-child>li,
	.rtl .bar10 .collapsible>ul:last-child,
	.rtl .bar10 .collapsible>ul:last-child>li,
	.bar10 .collapsible>ul,
	.bar10 .collapsible>ul>li,
	.bar10 .collapsible .dropdown,
	.bar10 .collapsible .dropup,
	.bar10 .collapsible .barbutton,
	.bar10 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar10:not(.expanded)
	{
		overflow: hidden;
	}
	.bar10.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar10.expanded .dropelement>*
	{
		float: left;
	}
	.bar10 .collapsible>ul.rightpart,
	.bar10>ul.rightpart
	{
		float: left;
	}
	.bar10 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}

@media only screen and (max-width: 1100px)
{
	.bar11 .collapser
	{
		display: inline-block;
	}
	.bar11 .collapsible>ul:first-child,
	.bar11 .collapsible>ul:first-child>li,
	.rtl .bar11 .collapsible>ul:last-child,
	.rtl .bar11 .collapsible>ul:last-child>li,
	.bar11 .collapsible>ul,
	.bar11 .collapsible>ul>li,
	.bar11 .collapsible .dropdown,
	.bar11 .collapsible .dropup,
	.bar11 .collapsible .barbutton,
	.bar11 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar11:not(.expanded)
	{
		overflow: hidden;
	}
	.bar11.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar11.expanded .dropelement>*
	{
		float: left;
	}
	.bar11 .collapsible>ul.rightpart,
	.bar11>ul.rightpart
	{
		float: left;
	}
	.bar11 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}

@media only screen and (max-width: 1200px)
{
	.bar12 .collapser
	{
		display: inline-block;
	}
	.bar12 .collapsible>ul:first-child,
	.bar12 .collapsible>ul:first-child>li,
	.rtl .bar12 .collapsible>ul:last-child,
	.rtl .bar12 .collapsible>ul:last-child>li,
	.bar12 .collapsible>ul,
	.bar12 .collapsible>ul>li,
	.bar12 .collapsible .dropdown,
	.bar12 .collapsible .dropup,
	.bar12 .collapsible .barbutton,
	.bar12 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar12:not(.expanded)
	{
		overflow: hidden;
	}
	.bar12.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar12.expanded .dropelement>*
	{
		float: left;
	}
	.bar12 .collapsible>ul.rightpart,
	.bar12>ul.rightpart
	{
		float: left;
	}
	.bar12 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}

@media only screen and (max-width: 1300px)
{
	.bar13 .collapser
	{
		display: inline-block;
	}
	.bar13 .collapsible>ul:first-child,
	.bar13 .collapsible>ul:first-child>li,
	.rtl .bar13 .collapsible>ul:last-child,
	.rtl .bar13 .collapsible>ul:last-child>li,
	.bar13 .collapsible>ul,
	.bar13 .collapsible>ul>li,
	.bar13 .collapsible .dropdown,
	.bar13 .collapsible .dropup,
	.bar13 .collapsible .barbutton,
	.bar13 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar13:not(.expanded)
	{
		overflow: hidden;
	}
	.bar13.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar13.expanded .dropelement>*
	{
		float: left;
	}
	.bar13 .collapsible>ul.rightpart,
	.bar13>ul.rightpart
	{
		float: left;
	}
	.bar13 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}

@media only screen and (max-width: 1400px)
{
	.bar14 .collapser
	{
		display: inline-block;
	}
	.bar14 .collapsible>ul:first-child,
	.bar14 .collapsible>ul:first-child>li,
	.rtl .bar14 .collapsible>ul:last-child,
	.rtl .bar14 .collapsible>ul:last-child>li,
	.bar14 .collapsible>ul,
	.bar14 .collapsible>ul>li,
	.bar14 .collapsible .dropdown,
	.bar14 .collapsible .dropup,
	.bar14 .collapsible .barbutton,
	.bar14 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar14:not(.expanded)
	{
		overflow: hidden;
	}
	.bar14.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar14.expanded .dropelement>*
	{
		float: left;
	}
	.bar14 .collapsible>ul.rightpart,
	.bar14>ul.rightpart
	{
		float: left;
	}
	.bar14 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}

@media only screen and (max-width: 1500px)
{
	.bar15 .collapser
	{
		display: inline-block;
	}
	.bar15 .collapsible>ul:first-child,
	.bar15 .collapsible>ul:first-child>li,
	.rtl .bar15 .collapsible>ul:last-child,
	.rtl .bar15 .collapsible>ul:last-child>li,
	.bar15 .collapsible>ul,
	.bar15 .collapsible>ul>li,
	.bar15 .collapsible .dropdown,
	.bar15 .collapsible .dropup,
	.bar15 .collapsible .barbutton,
	.bar15 .collapsible .bartext
	{
		float: none;
		display: block;
	}
	.bar15:not(.expanded)
	{
		overflow: hidden;
	}
	.bar15.expanded .dropelement>*
	{
		clear: both;
	}
	body:not(.rtl) .bar15.expanded .dropelement>*
	{
		float: left;
	}
	.bar15 .collapsible>ul.rightpart,
	.bar15>ul.rightpart
	{
		float: left;
	}
	.bar15 .rightpart .dropelement
	{
		left: 0;
		right: auto;
	}
}

@media only screen and (min-width: 700px)
{
	.col-100 { width: 14.3%; }
	.col-100rest { width: 85.7%; }
	.col-200 { width: 28.8%; }
	.col-200rest { width: 71.2%; }
	.col-300 { width: 42.8%; }
	.col-300rest { width: 57.2%; }
	.col-400 { width: 100%; }
	.col-400rest { width: 100%; }
}
.padded
{
	padding: 15px;
}
@media only screen and (max-width: 600px)
{
	.padded { padding: 5px 10px; }
}
@media only screen and (min-width: 450px)
{
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}
}
@media only screen and (min-width: 600px)
{
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}
}
@media only screen and (min-width: 800px)
{
	.col-n-1 {width: 8.33%;}
	.col-n-2 {width: 16.66%;}
	.col-n-3 {width: 25%;}
	.col-n-4 {width: 33.33%;}
	.col-n-5 {width: 41.66%;}
	.col-n-6 {width: 50%;}
	.col-n-7 {width: 58.33%;}
	.col-n-8 {width: 66.66%;}
	.col-n-9 {width: 75%;}
	.col-n-10 {width: 83.33%;}
	.col-n-11 {width: 91.66%;}
	.col-n-12 {width: 100%;}
}
@media only screen and (min-width: 1024px)
{
	.col-b-1 {width: 8.33%;}
	.col-b-2 {width: 16.66%;}
	.col-b-3 {width: 25%;}
	.col-b-4 {width: 33.33%;}
	.col-b-5 {width: 41.66%;}
	.col-b-6 {width: 50%;}
	.col-b-7 {width: 58.33%;}
	.col-b-8 {width: 66.66%;}
	.col-b-9 {width: 75%;}
	.col-b-10 {width: 83.33%;}
	.col-b-11 {width: 91.66%;}
	.col-b-12 {width: 100%;}
}

.notransition *
{
	transition: none !important;
}
div.input
{
	display: inline-block;
	max-width: 100%;
	text-align: left;
}
td.lbl,
td.inp
{
	text-align: left;
}
div.hidden
{
	display: none;
}
.pleasewait
{
	position: absolute;
	text-align: center;
	left: 50%;
	top: 40%;
	-ms-transform: translate(-50% 50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 30px;
	color: #888;
	background-color: transparent;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 10px;
	padding: 16px;
	/* z-index: 2147483647; */
}
.progressdiv
{
	width: 600px;
	max-width: 90vw;
}
.process-progress
{
	width: 100%;
}
table.scrolling>tbody
{
	overflow-y: scroll;
	display: inline-block;
	max-height: 100%;
}
table.scrolling>thead tr
{
	display: table;
}
.videoframe
{
	background-color: black;
	xdisplay: inline-block;
	position: relative;
	text-align: center;
}
.videocontent
{
	width: 100%;
	height: 100%;
}
.aspect-4x3,
.aspect-5x3,
.aspect-5x4,
.aspect-16x9,
.aspect-21x9,
.aspect-compute
{
	height: 0;
	display: inline-block;
}
.aspect-4x3
{
	padding-bottom: 75%;
	max-width: 133.3vh;
}
.aspect-5x3
{
	padding-bottom: 60%;
	max-width: 166.7vh;
}
.aspect-5x4
{
	padding-bottom: 80%;
	max-width: 125vh;
}
.aspect-16x9
{
	padding-bottom: 56.2%;
	max-width: 177.8vh;
}
.aspect-21x9
{
	padding-bottom: 42.9%;
	max-width: 233.3vh;
}
.embedded-video,
.html-video
{
	width: 100%;
}
.embedded-video
{
	height: 100%;
}
.mediaspy .active
{
	background-color: yellow;
}
.mediaspy [data-cue-time]
{
	cursor: pointer;
}
.infotext
{
	border: solid 1px #ccc;
	padding: 1px 3px;
}
.notifier
{
	margin-left: 2em;
	color: green;
}
.notifier[disabled],
.notifier.disabled
{
	color: red;
}
.notifier.enabled
{
	color: green;
}
.notifier::before
{
	content: "\2714";
	font-size: 1.3em;
	position: absolute;
	top: 2px;
	left: -1.3em;
}
.notifier[disabled]::before,
.notifier.disabled::before
{
	content: "\2718";
}
.notifier.enabled::before
{
	content: "\2714";
}
.red
{
	color: red;
}
input.progress
{
	background-color: green;
	background: linear-gradient(#88ff88,#00ff00,#008800);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 0 100%;
	text-align: center;
	
}
.inverse-hover,
.inverse
{
	background: black;
	color: white;
}
.inverse a:hover,
.inverse .collapser:hover,
.inverse .barbutton:hover,
.inverse .dropup:hover,
.inverse .dropdown:hover
{
	color: #cccccc;
}
.inverse.disabled:not(.notifier),
.inverse .disabled:not(.notifier),
.inverse.disabled:not(.notifier):hover,
.inverse .disabled:not(.notifier):hover
{
	background: inherit;
	color: #ccc;
	cursor: default;
}
.bar.inverse:not(.expanded) .active::before
{
	border-color: transparent transparent white transparent;
	bottom: 0;
}
/* prevent iphone from zooming in on input focus */
@supports (-webkit-overflow-scrolling: touch)
{
	select,
	textarea,
	input
	{
		font-size: 16px;
	}
}