/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}/*! jQuery UI - v1.11.1 - 2014-10-14
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, button.css, datepicker.css, dialog.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=gloss_wave&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=inset_soft&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=glass&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-widget{font-family:Segoe UI,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Segoe UI,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #666;background:#000 url("images/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x;color:#fff}.ui-widget-content a{color:#fff}.ui-widget-header{border:1px solid #333;background:#333 url("images/ui-bg_gloss-wave_25_333333_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #666;background:#555 url("images/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eee}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#eee;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #59b4d4;background:#0078a3 url("images/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #ffaf0f;background:#f58400 url("images/ui-bg_inset-soft_30_f58400_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ccc;background:#eee url("images/ui-bg_highlight-soft_80_eeeeee_1x100.png") 50% top repeat-x;color:#2e7db2}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#2e7db2}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ffb73d;background:#ffc73d url("images/ui-bg_glass_40_ffc73d_1x400.png") 50% 50% repeat-x;color:#111}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#111}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#111}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_cccccc_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_cccccc_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_4b8e0b_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_a83300_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#5c5c5c url("images/ui-bg_flat_50_5c5c5c_40x100.png") 50% 50% repeat-x;opacity:.8;filter:Alpha(Opacity=80)}.ui-widget-shadow{margin:-7px 0 0 -7px;padding:7px;background:#ccc url("images/ui-bg_flat_30_cccccc_40x100.png") 50% 50% repeat-x;opacity:.6;filter:Alpha(Opacity=60);border-radius:8px}/*! jQuery UI - v1.11.1 - 2014-10-14
* http://jqueryui.com
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}/*! jQuery UI - v1.11.1 - 2014-10-14
* http://jqueryui.com
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-widget{font-family:Segoe UI,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Segoe UI,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #666;background:#000 url("images/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x;color:#fff}.ui-widget-content a{color:#fff}.ui-widget-header{border:1px solid #333;background:#333 url("images/ui-bg_gloss-wave_25_333333_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #666;background:#555 url("images/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eee}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#eee;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #59b4d4;background:#0078a3 url("images/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #ffaf0f;background:#f58400 url("images/ui-bg_inset-soft_30_f58400_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ccc;background:#eee url("images/ui-bg_highlight-soft_80_eeeeee_1x100.png") 50% top repeat-x;color:#2e7db2}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#2e7db2}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ffb73d;background:#ffc73d url("images/ui-bg_glass_40_ffc73d_1x400.png") 50% 50% repeat-x;color:#111}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#111}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#111}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_cccccc_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_cccccc_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_4b8e0b_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_a83300_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#5c5c5c url("images/ui-bg_flat_50_5c5c5c_40x100.png") 50% 50% repeat-x;opacity:.8;filter:Alpha(Opacity=80)}.ui-widget-shadow{margin:-7px 0 0 -7px;padding:7px;background:#ccc url("images/ui-bg_flat_30_cccccc_40x100.png") 50% 50% repeat-x;opacity:.6;filter:Alpha(Opacity=60);border-radius:8px}/* Shared palette and controls. Preserve dimensions of legacy role slots. */
:root {
    --ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    --ui-surface: #141922;
    --ui-raised: #1d2532;
    --ui-hover: #29354a;
    --ui-border: #364155;
    --ui-text: #edf0f7;
    --ui-muted: #b1bbce;
    --ui-accent: #93a8ff;
    color-scheme: dark;
}
html { min-height: 100%; background: #0b0e14; }
body {
    min-width: 0;
    min-height: 100vh;
    height: auto;
    margin: 0;
    padding: 0;
    color: var(--ui-text);
    font: 14px/1.5 var(--ui-font);
}
a, a:visited { color: #b1bfff; text-decoration: none; }
a:hover { color: #d5ddff; text-decoration: underline; }
h1, h2, h3 {
    color: var(--ui-text);
    font-family: var(--ui-font);
    font-weight: 600;
    line-height: 1.3;
    text-shadow: none;
    height: auto;
    white-space: normal;
}
h1 { margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--ui-border); font-size: 24px; }
h2 { margin-bottom: 16px; font-size: 20px; }
h3 { margin-bottom: 12px; font-size: 16px; }
input[type=text], input[type=password], textarea {
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #536078;
    border-radius: 5px;
    background: #10151e;
    color: var(--ui-text);
    font: 14px/20px var(--ui-font);
    box-shadow: none;
}
textarea { resize: vertical; overflow: auto; }
input:disabled, textarea:disabled { color: var(--ui-muted); opacity: .6; cursor: not-allowed; }
:where(a, button, input, textarea, select, [tabindex]):focus-visible {
    outline: 2px solid var(--ui-accent);
    outline-offset: 3px;
}
.ui-button {
    border: 1px solid #536078;
    border-radius: 5px;
    padding: 6px 10px;
    background: var(--ui-raised);
    color: var(--ui-text);
    font: 500 13px/20px var(--ui-font);
    text-align: center;
    cursor: pointer;
    box-shadow: none;
    transition: background-color 150ms, border-color 150ms;
}
.ui-button:hover { background: var(--ui-hover); border-color: var(--ui-accent); }
.ui-button:active { background: #344361; }
.ui-button:focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 3px; }
.ui-button:disabled, .ui-button.ui-state-disabled { opacity: .55; cursor: not-allowed; }
.ui-widget { font-family: var(--ui-font); font-size: 14px; }
.ui-dialog, .ui-datepicker { background: var(--ui-raised); color: var(--ui-text); border-color: var(--ui-border); box-shadow: 0 12px 36px #0006; }
.ui-dialog .ui-widget-header, .ui-datepicker .ui-widget-header { background: var(--ui-hover); color: var(--ui-text); border-color: var(--ui-border); }
.ui-dialog-title { font-size: 18px; font-weight: 600; }
.ui-dialog-content { font-size: 14px; line-height: 1.5; }
.clickable { cursor: pointer; }
.content_area { padding-left: 10px; padding-top: 15px; height: 450px; width: 920px; overflow: visible; float: left; }
.scrollable_y { overflow-y: auto; overflow-x: hidden; }
.scrollable_x { overflow-x: auto; overflow-y: hidden; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.tabs {
    width: 47px;
    height: 220px;
    float: left;
    background-repeat: no-repeat;
}

.tab_icon {
    width: 32px;
    height: 32px;
    margin-left: 2px;
    margin-top: 5px;
}

.settingBlock {
    display: inline-block;
    float: left;
    width: 380px;
}

.settingLine {
    min-height: 20px;    
    vertical-align: top;
    margin-bottom: 5px;
}

.settingNewSection {
    margin-top: 20px;
}

.settingLabel {
    width: 200px;
    display: inline-block;
    clear: left;
    margin-bottom: 8px;
    vertical-align: top;
    padding-top: 4px;
    color: #d0d0d0;
    font-weight: 500;
}

.settingField {
    margin-left: 6px;
    vertical-align: top;
    display: inline-block;
}

.shadow_inlay {
    text-shadow: -1px -1px 2px black;
}

.shadow_gray {
    text-shadow: 1px 1px 2px #808080;
}

.shadow_white {
    text-shadow: 1px 1px 1px #e3e3e3;
}

.shadow_inlay_hard {
    text-shadow: -1px -1px 1px black;
}

.shadow_default {
    text-shadow: 1px 1px 1px black;
}

.glow_complete {
    text-shadow: 0px 0px 5px rgba(0,255,0,1.0);
    color: #030;
}

.box_inlay {
    background-color: var(--ui-raised);
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px var(--ui-border);
}

.gradient_ok {    
    background: linear-gradient(to bottom,   rgba(121, 235, 114, 1) 0%,rgba(57, 196, 51, 1) 100%); 
    background: -webkit-linear-gradient(top, rgba(121, 235, 114, 1) 0%,rgba(57, 196, 51, 1) 100%);
    background: -moz-linear-gradient(top,    rgba(121, 235, 114, 1) 0%,rgba(57, 196, 51, 1) 100%);
    background: -o-linear-gradient(top,      rgba(121, 235, 114, 1) 0%,rgba(57, 196, 51, 1) 100%);
    background: -ms-linear-gradient(top,     rgba(121, 235, 114, 1) 0%,rgba(57, 196, 51, 1) 100%);
}

.gradient_available {
    background: linear-gradient(to bottom,   rgba(236, 217, 73, 1) 0%,rgba(196, 177, 37, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(236, 217, 73, 1) 0%,rgba(196, 177, 37, 1) 100%);
    background: -moz-linear-gradient(top,    rgba(236, 217, 73, 1) 0%,rgba(196, 177, 37, 1) 100%);
    background: -o-linear-gradient(top,      rgba(236, 217, 73, 1) 0%,rgba(196, 177, 37, 1) 100%);
    background: -ms-linear-gradient(top,     rgba(236, 217, 73, 1) 0%,rgba(196, 177, 37, 1) 100%);
}

.gradient_unavailable {
    background: linear-gradient(to bottom,   rgba(255, 134, 134, 1) 0%,rgba(204, 100, 97, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 134, 134, 1) 0%,rgba(204, 100, 97, 1) 100%);
    background: -moz-linear-gradient(top,    rgba(255, 134, 134, 1) 0%,rgba(204, 100, 97, 1) 100%);
    background: -o-linear-gradient(top,      rgba(255, 134, 134, 1) 0%,rgba(204, 100, 97, 1) 100%);
    background: -ms-linear-gradient(top,     rgba(255, 134, 134, 1) 0%,rgba(204, 100, 97, 1) 100%);
}

.gradient_missed {
    background: linear-gradient(to bottom,   rgba(177,177,177,1) 0%,rgba(154,154,154,1) 100%);
    background: -webkit-linear-gradient(top, rgba(177,177,177,1) 0%,rgba(154,154,154,1) 100%);
    background: -moz-linear-gradient(top,    rgba(177,177,177,1) 0%,rgba(154,154,154,1) 100%);
    background: -o-linear-gradient(top,      rgba(177,177,177,1) 0%,rgba(154,154,154,1) 100%);
    background: -ms-linear-gradient(top,     rgba(177,177,177,1) 0%,rgba(154,154,154,1) 100%);
}

.gradient_role_tank {
    background: linear-gradient(to bottom,   rgba(255,212,127,1) 0%,rgba(204,175,102,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,212,127,1) 0%,rgba(204,175,102,1) 100%);
    background: -moz-linear-gradient(top,    rgba(255,212,127,1) 0%,rgba(204,175,102,1) 100%);
    background: -o-linear-gradient(top,      rgba(255,212,127,1) 0%,rgba(204,175,102,1) 100%);
    background: -ms-linear-gradient(top,     rgba(255,212,127,1) 0%,rgba(204,175,102,1) 100%);
}

.gradient_role_heal {
    background: linear-gradient(to bottom,   rgba(222,246,247,1) 0%,rgba(139, 205, 236, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(222,246,247,1) 0%,rgba(139, 205, 236, 1) 100%);
    background: -moz-linear-gradient(top,    rgba(222,246,247,1) 0%,rgba(139, 205, 236, 1) 100%);
    background: -o-linear-gradient(top,      rgba(222,246,247,1) 0%,rgba(139, 205, 236, 1) 100%);
    background: -ms-linear-gradient(top,     rgba(222,246,247,1) 0%,rgba(139, 205, 236, 1) 100%);
}

.gradient_role_melee {
    background: linear-gradient(to bottom,   rgba(255, 148, 50, 1) 0%,rgba(221, 73, 73, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 148, 50, 1) 0%,rgba(221, 73, 73, 1) 100%);
    background: -moz-linear-gradient(top,    rgba(255, 148, 50, 1) 0%,rgba(221, 73, 73, 1) 100%);
    background: -o-linear-gradient(top,      rgba(255, 148, 50, 1) 0%,rgba(221, 73, 73, 1) 100%);
    background: -ms-linear-gradient(top,     rgba(255, 148, 50, 1) 0%,rgba(221, 73, 73, 1) 100%);
}

.gradient_role_range {    
    background: linear-gradient(to bottom,   rgba(187,255,116,1) 0%,rgba(131,178,82,1) 100%);
    background: -webkit-linear-gradient(top, rgba(187,255,116,1) 0%,rgba(131,178,82,1) 100%);
    background: -moz-linear-gradient(top,    rgba(187,255,116,1) 0%,rgba(131,178,82,1) 100%);
    background: -o-linear-gradient(top,      rgba(187,255,116,1) 0%,rgba(131,178,82,1) 100%);
    background: -ms-linear-gradient(top,     rgba(187,255,116,1) 0%,rgba(131,178,82,1) 100%);
}

.gradient_role_support {
    background: linear-gradient(to bottom,   rgba(167, 199, 255, 1) 0%,rgba(177, 138, 243, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(167, 199, 255, 1) 0%,rgba(177, 138, 243, 1) 100%);
    background: -moz-linear-gradient(top,    rgba(167, 199, 255, 1) 0%,rgba(177, 138, 243, 1) 100%);
    background: -o-linear-gradient(top,      rgba(167, 199, 255, 1) 0%,rgba(177, 138, 243, 1) 100%);
    background: -ms-linear-gradient(top,     rgba(167, 199, 255, 1) 0%,rgba(177, 138, 243, 1) 100%);
}

.leftgradient_role_tank {
    color: rgba(255, 239, 152, 1);
    background: linear-gradient(to right,     rgba(241, 215, 78, 0.6) 0%,rgba(204,175,102,0) 100%);
    background: -webkit-linear-gradient(left, rgba(241, 215, 78, 0.6) 0%,rgba(204,175,102,0) 100%);
    background: -moz-linear-gradient(left,    rgba(241, 215, 78, 0.6) 0%,rgba(204,175,102,0) 100%);
    background: -o-linear-gradient(left,      rgba(241, 215, 78, 0.6) 0%,rgba(204,175,102,0) 100%);
    background: -ms-linear-gradient(left,     rgba(241, 215, 78, 0.6) 0%,rgba(204,175,102,0) 100%);
}

.leftgradient_role_heal {
    color: rgba(232, 254, 255, 1);
    background: linear-gradient(to right,     rgba(222,246,247,0.5) 0%,rgba(139, 205, 236, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(222,246,247,0.5) 0%,rgba(139, 205, 236, 0) 100%);
    background: -moz-linear-gradient(left,    rgba(222,246,247,0.5) 0%,rgba(139, 205, 236, 0) 100%);
    background: -o-linear-gradient(left,      rgba(222,246,247,0.5) 0%,rgba(139, 205, 236, 0) 100%);
    background: -ms-linear-gradient(left,     rgba(222,246,247,0.5) 0%,rgba(139, 205, 236, 0) 100%);
}

.leftgradient_role_melee {
    color: rgba(250, 215, 204, 1);
    background: linear-gradient(to right,     rgba(250, 95, 46, 0.6) 0%,rgba(221, 73, 73, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(250, 95, 46, 0.6) 0%,rgba(221, 73, 73, 0) 100%);
    background: -moz-linear-gradient(left,    rgba(250, 95, 46, 0.6) 0%,rgba(221, 73, 73, 0) 100%);
    background: -o-linear-gradient(left,      rgba(250, 95, 46, 0.6) 0%,rgba(221, 73, 73, 0) 100%);
    background: -ms-linear-gradient(left,     rgba(250, 95, 46, 0.6) 0%,rgba(221, 73, 73, 0) 100%);
}

.leftgradient_role_range {
    color: rgba(216, 246, 184, 1);
    background: linear-gradient(to right,     rgba(187,255,116,0.5) 0%,rgba(131,178,82,0) 100%);
    background: -webkit-linear-gradient(left, rgba(187,255,116,0.5) 0%,rgba(131,178,82,0) 100%);
    background: -moz-linear-gradient(left,    rgba(187,255,116,0.5) 0%,rgba(131,178,82,0) 100%);
    background: -o-linear-gradient(left,      rgba(187,255,116,0.5) 0%,rgba(131,178,82,0) 100%);
    background: -ms-linear-gradient(left,     rgba(187,255,116,0.5) 0%,rgba(131,178,82,0) 100%);
}

.leftgradient_role_support {
    color: rgba(232, 226, 235, 1);
    background: linear-gradient(to right,     rgba(252, 179, 255, 0.5) 0%,rgba(255, 195, 250, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(252, 179, 255, 0.5) 0%,rgba(255, 195, 250, 0) 100%);
    background: -moz-linear-gradient(left,    rgba(252, 179, 255, 0.5) 0%,rgba(255, 195, 250, 0) 100%);
    background: -o-linear-gradient(left,      rgba(252, 179, 255, 0.5) 0%,rgba(255, 195, 250, 0) 100%);
    background: -ms-linear-gradient(left,     rgba(252, 179, 255, 0.5) 0%,rgba(255, 195, 250, 0) 100%);
}

#lockMessage {
    float: left;
    position: relative;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 100px;
    margin-left: -150px;
    margin-top: -50px;
    text-align: center;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    color: #e8e8e8;
}

#eventblocker {
    background-color: black;
    left: 0px;
    top: 0px;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    z-index: 10;
    backdrop-filter: blur(4px);
}

/* Dark Mode Ajax Blocker */
#ajaxblocker {
    position: fixed;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

#ajaxblocker .notification {
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    text-align: center;
    color: #e8e8e8;
    position: fixed; 
    left: 50%; 
    top: 50%; 
    width: 280px; 
    margin-left: -140px;
    margin-top: -80px; 
    background: rgba(25, 25, 30, 0.98);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(102, 126, 234, 0.3);
    opacity: 1.0;
    padding: 32px;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05);
    animation: fadeInScale 0.3s ease-out;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

#ajaxblocker .background {
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(8px);
    left: 0px;
    top: 0px;
    position: fixed;
    display: block;
    height: 100%;
    width: 100%;
}

#prompt_text {
    background: rgba(20, 20, 25, 0.9);
    border: 2px solid rgba(102, 126, 234, 0.3);
    color: #e8e8e8;
    margin-top: 10px;
    width: 98%;
    height: 20px;
    padding-left: 8px;
    border-radius: 6px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

#applyButton {
    position: absolute;
    top: 500px;
    right: 4px;
    white-space: nowrap;
    height: 35px;
}
/* Legibility fixes without changing drag targets or legacy slot dimensions. */
#profile, #settings, #raiddetail { min-height: 550px; }
#profile .charslot .newname, #profile .charslot .newname_label { color: var(--ui-text); }
#attendance .label, #attendance .labels .label { color: var(--ui-muted); }
#settings .groupSlot .head { background-color: var(--ui-hover); }
#settings .user:hover { background-color: var(--ui-hover); border-radius: 4px; }
#settings .user .userFunction, #profile .charslot .clearchar { filter: brightness(2); }
#profile .role_group { background-color: #394456; border-radius: 0 0 6px 6px; }
#profile .newchar, #profile .nextgroup { background-color: #394456; }
#profile .tab_icon, #settings .tab_icon, #raiddetail .tab_icon { opacity: .8; }
#profile .tab_icon:hover, #settings .tab_icon:hover, #raiddetail .tab_icon:hover { opacity: 1; }
/* Monochrome legacy action sprites were authored for light panels. */
#settings .user .userFunction, #profile .charslot .clearchar { filter: invert(.8); }
#profile .role_group .single, #profile .role_group .primary, #profile .role_group .secondary { filter: grayscale(1) invert(.8); }
#appwindow #body .tab_icon[class*="_off"] { opacity: .8; filter: brightness(1.8); }
#profile #attendance .label, #profile #attendance .labels .label { color: var(--ui-muted); }
.combobox {
    display: inline-block;
    overflow: visible;
    white-space: nowrap;
    position: relative; /* for absolute positioning of .combobox_list */
}

.combobox input[type=text] {
    border: 0;
    background-color: transparent;
    color: white;
}

.combobox_value {
    display: inline-block;
    overflow: hidden;
    padding: 0 0 0 6px;
    margin: 0;
    height: 100%;
    text-align: left;
    vertical-align: middle;
}

.combobox_value_dark {
    opacity: 0.4;
}

.combobox_value_bright {
    opacity: 0.6;
}

.combobox_edit {
    display: inline-block;
    background-color: transparent;
    border: 0px solid transparent;
    color: white;
    cursor: text!important;
    font-size: 11px!important;
    height: 14px;
    margin-top: -1px;
}

.combobox_valuetext {
    display: inline-block;
    font-size: 11px!important;
    line-height: 16px;
}

.combobox_valueimg {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 2px 8px 0px 0px;
    float: left;
}

.combobox_open {
    opacity: 1.0;
    margin: 0px 0px 0px 1px;
    display: inline-block;
    width: 16px;
    height: 100%;
}

.combobox_list {
    position: absolute;
    background-color: black;
    border: 1px solid #aaaaaa;
    opacity: 0.9;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 198px;
    float: left;
    z-index: 15;
    clear: both;
    display: none;
}

.combobox_list .option {
    padding: 2px 8px 2px 8px;
    color: white;
    height: 16px;
    line-height: 15px;
    vertical-align: middle;
    opacity: 1.0;
    color: #aaaaaa;
}

.combobox_list .option img {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0px 8px 0px 0px;
    float: left;
}

.combobox_list .option .text {
    font-size: 11px;
    display: inline-block;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

.combobox_list .separator {
    color: white;
    height: 7px;
    opacity: 1.0;
    border-bottom: 1px dotted #aaa;
    margin-bottom: 6px;
}

.combobox_list .selected {
    background-color: #333333;
    color: white;
}

.combobox_list .option:hover {
    background-color: #666666;
    color: white;
}
/* Keep the original combobox width calculations: padding belongs to the value only. */
.combobox .combobox_value { padding: 0 0 0 6px; box-shadow: none; }
.combobox .combobox_open { padding: 0; box-shadow: none; vertical-align: top; }
.combobox .combobox_edit { box-sizing: border-box; padding: 0; line-height: 16px; box-shadow: none; }
.combobox_value_dark, .combobox_value_bright { opacity: 1; }
.combobox .combobox_value.ui-state-disabled { opacity: 1; cursor: pointer; }
.combobox_list { background: var(--ui-raised); opacity: 1; border-color: var(--ui-border); }
.combobox_list .option { color: var(--ui-text); }
.combobox_list .option:hover, .combobox_list .selected { background: var(--ui-hover); }
/* Application shell; inner raid editors retain their legacy geometry. */
#appwindow {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: min(1120px, calc(100% - 40px));
    height: auto;
    margin: 24px auto;
    border: 1px solid var(--ui-border);
    border-radius: 12px;
    background: var(--ui-surface);
    box-shadow: 0 16px 48px #0005;
}
#appwindow.portalmode {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    margin: 0 !important;
}
#banner {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: clamp(100px, 13vw, 154px);
    background-color: var(--ui-surface);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 11px 11px 0 0;
    border-bottom: 1px solid var(--ui-border);
}
#menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
    width: 100%;
    min-height: 64px;
    padding: 6px 12px;
    background: var(--ui-surface);
    border-bottom: 1px solid var(--ui-border);
}
#menu .menu_button {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: auto;
    padding: 0 16px;
    border-radius: 6px;
    color: var(--ui-muted);
    font: 500 14px/1.4 var(--ui-font);
    cursor: pointer;
    transition: background-color 150ms, color 150ms;
}
#menu .menu_button:hover { color: var(--ui-text); background: var(--ui-hover); }
#menu .on, #menu .on:hover {
    color: #d9e1ff;
    background: #26324c;
    box-shadow: inset 0 -3px var(--ui-accent);
}
#menu .menu_button .icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .85;
}
#menu .menu_button .text { float: none; width: auto; height: auto; }
#menu .indicator { display: none; }
#button_login .icon, #button_profile .icon { background-image: url(images/menu_user.png); }
#button_register .icon { background-image: url(images/menu_register.png); }
#button_calendar .icon { background-image: url(images/menu_calendar.png); }
#button_raid .icon { background-image: url(images/menu_raid.png); }
#button_settings_users .icon { background-image: url(images/menu_settings.png); }
#help, #logout { position: relative; float: none; height: auto; margin: 0 0 0 4px; }
#logout { margin-left: auto; order: 2; }
#help { order: 3; }
#help .button_help, #logout .button_logout {
    height: 40px;
    min-width: 76px;
    padding: 0 12px;
    font-size: 13px;
}
#body {
    display: flow-root;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 560px;
    padding: 24px 0 32px;
    text-align: center;
    background: var(--ui-surface);
}
/* Scope horizontal scrolling to legacy editors, never the whole page. */
#body:has(> #profile), #body:has(> #settings), #body:has(> #raiddetail) {
    overflow-x: auto;
    padding-bottom: 48px;
}
#body:has(> #loginform) { min-height: 420px; }
#version {
    display: block;
    clear: both;
    padding: 14px 24px;
    border-top: 1px solid var(--ui-border);
    color: var(--ui-muted);
    font: 12px/1.5 var(--ui-font);
    text-align: right;
}
@media (max-width: 600px) {
    #appwindow { width: calc(100% - 16px); margin: 8px auto; }
    #menu { padding: 6px; gap: 4px; }
    #menu .menu_button { flex: 1 0 auto; padding: 0 10px; font-size: 13px; }
    #menu .menu_button .icon { flex-basis: 24px; width: 24px; margin-right: 6px; background-size: 24px; }
    #help, #logout { margin-top: 4px; }
    #body { padding-top: 16px; }
    #body:has(> #loginform) { min-height: 360px; }
}
/* Natural document flow keeps both forms centered at any width. */
#loginform {
    position: relative;
    box-sizing: border-box;
    width: min(420px, calc(100% - 32px));
    margin: 36px auto !important; /* Overrides generated negative registration margin. */
    padding: 32px;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--ui-raised);
    box-shadow: 0 8px 24px #0003;
    text-align: left;
}
#loginform input.text, #loginform input.textactive {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid #536078;
    border-radius: 6px;
    background: var(--ui-surface);
    color: var(--ui-text);
    font: 16px/22px var(--ui-font);
    box-shadow: none;
    transition: border-color 150ms, background-color 150ms;
}
#loginform input.text { color: var(--ui-muted); }
#loginform input:hover { border-color: var(--ui-accent); }
#loginform input:focus { outline: 2px solid var(--ui-accent); outline-offset: 2px; }
#loginform input:disabled { opacity: .6; cursor: not-allowed; }
#loginform .button_login, #loginform .button_register {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin: 4px 0 0 !important; /* Overrides generated inline margins. */
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #435dcc;
    color: #fff;
    font: 600 15px/1.5 var(--ui-font);
    box-shadow: none;
}
#loginform .button_login { width: calc(100% - 56px); }
#loginform .button_login:hover, #loginform .button_register:hover { background: #354db5; transform: none; }
#loginform .button_sticky {
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    margin: 4px 0 0 8px !important;
    vertical-align: top;
    border: 1px solid #536078;
    border-radius: 6px;
    background: var(--ui-hover);
}
#strprogress, #hashing {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 28px;
    margin: 0 0 16px;
    overflow: hidden;
    border: 1px solid var(--ui-border);
    border-radius: 5px;
    background: var(--ui-surface);
}
#strprogress .pglabel, #hashing .pglabel {
    position: absolute;
    inset: 0;
    z-index: 2;
    color: #fff;
    font: 12px/26px var(--ui-font);
    text-align: center;
    text-shadow: 0 1px 2px #000, 0 0 4px #000;
}
#strprogress .progress, #hashing .progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #435dcc;
}
@media (max-width: 600px) {
    #loginform { margin: 20px auto !important; padding: 24px; }
}

#loginform .button_login { width: 100%; }
#loginform .button_sticky {
    width: 100%;
    margin: 12px 0 0 !important;
    padding: 0 12px;
    text-align: left;
    color: var(--ui-muted);
    background: transparent;
    font: 14px/1.5 var(--ui-font);
}
#loginform .button_sticky::before { content: ''; display: inline-block; box-sizing: border-box; width: 18px; height: 18px; margin-right: 10px; border: 1px solid var(--ui-muted); border-radius: 3px; vertical-align: -3px; }
#loginform .button_sticky[aria-pressed=true] { color: var(--ui-text); border-color: var(--ui-accent); background: #263451; }
#loginform .button_sticky[aria-pressed=true]::before { content: '\2713'; border-color: var(--ui-accent); color: #fff; background: #435dcc; font-size: 14px; line-height: 16px; text-align: center; }
#calendarPositioner {
    padding-left: 20px;
    padding-top: 10px;
}

#calendar {
    float: left;
    margin: 0px;
    text-align: left;
    font-size: 12px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
    width: 980px;
}

#calendar tr.row {
    height: 81px;
    max-height: 81px;
}

#calendar td {
    min-width: 137px;
    width: 137px;
}

#calendar .weekday {
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-color: #9a9a9a;
    border-bottom-style: dotted;
    height: 20px;
    font-weight: bold;
    font-size: 16px;
    color: #7d7d7d;
}

#calendar .calendarDay {
    height: 70px;
    max-height: 70px;
}

#calendar .day_overflow {
    height: 70px;
    max-height: 70px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

#calendar .dayOfMonth {
    color: #d2d2d2;
    font-size: 24px;
    text-align: left;
}

#calendar .dayOfOther {
    text-align: left;
    font-size: 10px;
    color: #7d7d7d;
}

#calendar .vacation {
    border-top: 2px solid rgba(255,0,0,0.2);
}

#calendar .vacation_today {
    border-top: 2px solid rgba(255,0,0,1)!important;
}

#calendar .today {
    border: 1px solid #b88e8e;
    vertical-align: top;
    background-color: rgba(220, 200, 200, 0.3);
    padding: 3px;
}

#calendar .day {
    border-right: 1px dotted #9a9a9a;
    border-bottom: 1px dotted #9a9a9a;
    vertical-align: top;
    padding: 3px;
}

#calendar .dayFirst {
    border-right: 1px dotted #9a9a9a;
    border-bottom: 1px dotted #9a9a9a;
    border-left: 1px dotted #9a9a9a;
    vertical-align: top;
    padding: 3px;
}

#month {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 20px;
    color: #7d7d7d;    
    padding-left: 20px;
    vertical-align: top;
}

#calendarFunctions {
    clear: left;
    position: relative;
    top: 20px;
    text-align: left;
    padding-left: 20px;
    height: 40px;
    display: block;
}

#calendar .raid {
    margin-right: 4px;
    display: inline-block;
    width: 32px;
    height: 32px;
}

#calendar .raid .overlayCanceled {
    background-image: url(images/raid_canceled_small.png);
    background-repeat: no-repeat;
    float: right;
    width: 32px;
    height: 32px;
    top: -14px;
    position: relative;
}

#calendar .raid .overlayLocked {
    background-image: url(images/raid_locked_small.png);
    background-repeat: no-repeat;
    float: right;
    left: 1px;
    top: -13px;
    width: 32px;
    height: 32px;
    position: relative;
}

#calendar .raid .statusok {
    float: right;
    right: 2px;
    position: relative;
    top: 16px;
    font-weight: bold;
    font-size: 14px;
    color: #00ff00;
    z-index: 5;
}

#calendar .raid .statusabsent {
    float: right;
    right: 2px;
    position: relative;
    top: 16px;
    font-weight: bold;
    font-size: 14px;
    color: #ff4b48;
    z-index: 5;
}

#calendar .raid .statuswait {
    float: right;
    right: 2px;
    position: relative;
    top: 16px;
    font-weight: bold;
    font-size: 14px;
    color: #ffff00;
    z-index: 5;
}

#calendar .raid .status {
    float: right;
    right: 2px;
    position: relative;
    top: 16px;
    font-weight: bold;
    font-size: 14px;
    color: #cccccc;
    z-index: 5;
}

#calendar .raid .tooltip {
    left: 0px;
    top: 0px;
    position: fixed;
    visibility: hidden;
}

#calendar .raid .comment {
    left: 0px;
    top: 0px;
    position: fixed;
    visibility: hidden;
}

#calendarFunctions .button {
    width: 32px;
    margin-right: 4px;
}

#tooltip .attendstatus {
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    padding: 0 8px 0 8px;
    float: right;
}

#tooltip .attendtext {
    float: left;
}

#tooltip .attendedrole {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    top: -5px;
    left: 6px;
}

#tooltip .statuswait {
    background-color: rgba(177, 179, 133, 0.4);
    color: rgba(255,255,0,1);
}

#tooltip .statusok {
}

#tooltip .statusabsent {
    background-color: rgba(184, 97, 97, 0.6);
    color: #f00;
}

#tooltip .status {
    color: rgba(255,255,255,0.5);
    background-color: rgba(128,128,128,0.4);
}

#tooltip .icon {
    display: block;
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
}

#tooltip .location {
    font-weight: bold;
    font-size: 16px;
    margin-right: 10px;
    max-width: 250px;
}

#tooltip .time {
    font-style: italic;
    font-size: 10px;
    line-height: 12px;
    color: #ccc;
}

#tooltip .attends {
    font-style: italic;
    font-size: 10px;
    line-height: 12px;
    color: #ccc;
}

#tooltip .textBlock {
    float: left;
}

#tooltip .description {
    margin-top: 10px;
    margin-bottom: 15px;
    display: block;
    max-width: 250px;
}

#tooltip .functions {
    clear: left;
    margin-top: 10px;
    white-space: nowrap;
    margin-bottom: 2px;
}

#tooltip .comment .submit {
    position: relative;
    top: 5px;
    margin: 0px;
}

#tooltip .comment .text {
    padding: 2px;
    font-size: 12px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    display: block;
    border: 1px solid #666666;
    background-color: black;
    color: white;
    width: 250px;
    height: 49px;
    margin-top: 10px;
}

#tooltip .commentbadge {
    width: 32px;
    height: 41px;
    background: url(images/badge.png);
    background-repeat: no-repeat;
    position: relative;
    float: right;
    top: -15px;
}

#tooltip .commentbadge:hover {
    background: url(images/badge_over.png);
}

#tooltip .infobadge {
    width: 32px;
    height: 41px;
    background: url(images/raidbadge.png);
    background-repeat: no-repeat;
    position: relative;
    float: right;
    top: -15px;
}

#tooltip .infobadge:hover {
    background: url(images/raidbadge_over.png);
}

#tooltip .wantedbadge {
    height: 22px;
    position: relative;
    left: -12px;
}

#tooltip .wantedbadge .lfm {
    background-color: #cdaa3f;
}

#tooltip .wantedbadge .ok {
    background-color: #7BB853;
}

#tooltip .wantedbadge .wrap {
    height: 22px;
    width: 3px;
    display: inline-block;
    background-image: url(images/wanted_badge.png);
    background-repeat: no-repeat;
    
    border-radius: 2px 0px 0px 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    -moz-border-radius: 2px 0px 0px 2px;
    -o-border-radius: 2px 0px 0px 2px;
    -ms-border-radius: 2px 0px 0px 2px;
}

#tooltip .wantedbadge .count {
    height: 17px;
    width: 0px;
    margin-top: 5px;
    padding-left: 16px;
    padding-right: 4px;
    overflow: hidden;
    display: inline-block;
    color: rgba(0,0,0,0);
    font-size: 12px;
    line-height: 19px;
    font-weight: bold;
    background-position: 2px 0px;
    background-repeat: no-repeat;
    
    border-radius: 0px 2px 2px 0;
    -webkit-border-radius: 0px 2px 2px 0;
    -moz-border-radius: 0px 2px 2px 0;
    -o-border-radius: 0px 2px 2px 0;
    -ms-border-radius: 0px 2px 2px 0;
}

#tooltip .wantedbadge .count:hover {
    width: auto;
    color: rgba(0,0,0,0.5);
    padding-left: 18px;
}

#tooltip .wantedbadge .role_ok:hover {
    padding-left: 16px;
}

#tooltip .wantedbadge .role_melee {
    background-image: url(images/icon_badge_melee.png);
}

#tooltip .wantedbadge .role_range {
    background-image: url(images/icon_badge_range.png);
}

#tooltip .wantedbadge .role_tank {
    background-image: url(images/icon_badge_tank.png);
}    

#tooltip .wantedbadge .role_heal {
    background-image: url(images/icon_badge_heal.png);
}

#tooltip .wantedbadge .role_support {
    background-image: url(images/icon_badge_support.png);
}

#tooltip .wantedbadge .role_ok {
    background-image: url(images/icon_badge_ok.png);
}
/* Calendar layout and readable day states. */
#calendarPositioner { padding: 0 24px; overflow-x: auto; }
#calendar { float: none; width: 100%; min-width: 700px; font-family: var(--ui-font); }
#calendar td { width: 14.285%; min-width: 0; }
#calendar .weekday { height: 36px; color: var(--ui-muted); font-size: 13px; font-weight: 600; border-bottom: 1px solid var(--ui-border); }
#calendar .day, #calendar .dayFirst, #calendar .today { padding: 8px; border: 1px solid var(--ui-border); background: #181f2b; }
#calendar .today { background: #263451; box-shadow: inset 0 3px var(--ui-accent); }
#calendar .dayOfMonth { color: var(--ui-text); font-size: 18px; font-weight: 600; line-height: 26px; }
#calendar .dayOfOther { color: var(--ui-muted); font-size: 14px; line-height: 26px; }
#calendar .calendarDay, #calendar .day_overflow { height: 76px; max-height: 76px; }
#calendar .raid { margin-top: 4px; }
#calendarFunctions { top: auto; height: auto; min-height: 44px; margin-top: 20px; padding: 0 24px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#calendarFunctions .button { box-sizing: border-box; width: 44px; height: 44px; margin: 0; }
/* Empty legacy icon buttons still need visible, CSS-only affordances. */
#calendarFunctions .button_prev_month:empty::before { content: '\2190'; }
#calendarFunctions .button_next_month:empty::before { content: '\2192'; }
#calendarFunctions .button_new_raid:empty::before { content: '+'; }
#calendarFunctions .button:empty::before { font-size: 22px; line-height: 24px; }
#month { padding-left: 8px; color: var(--ui-text); font: 600 20px/1.4 var(--ui-font); }
@media (max-width: 600px) {
    #calendarPositioner { padding: 0 12px; }
    #calendarFunctions { padding: 0 12px; }
    #month { flex-basis: 100%; padding: 4px 0 0; font-size: 18px; }
}
#raiddetail {
    text-align: left;
    color: #e8e8e8;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    left: 20px;
    top: 20px;
    position: relative;
    width: 980px;
    float: left;
}

#raidsetup {   
}

#slackers {
}

#raidoptions {
}

#raiddetail .setup {
    background-image: url(images/block_01.png);
}

#raiddetail .slackers {
    background-image: url(images/block_02.png);
}

#raiddetail .settings {
    background-image: url(images/block_03.png);
}

#raiddetail .icon_setup {
    background-image: url(images/icon_raid.png);
}

#raiddetail .icon_slackers {
    background-image: url(images/icon_users.png);
}

#raiddetail .icon_settings {
    background-image: url(images/icon_settings.png);
}

#raiddetail .icon_setup_off {
    background-image: url(images/icon_raid_off.png);
    opacity: 0.2;
}

#raiddetail .icon_setup_off:hover {
    opacity: 1.0;
}

#raiddetail .icon_slackers_off {
    background-image: url(images/icon_users_off.png);
    opacity: 0.2;
}

#raiddetail .icon_slackers_off:hover {
    opacity: 1.0;
}

#raiddetail .icon_settings_off {
    background-image: url(images/icon_settings_off.png);
    opacity: 0.2;
}

#raiddetail .icon_settings_off:hover {
    opacity: 1.0;
}

#tablist .iconbadge {
    position: relative;
    height: 14px;
    font-size: 12px;
    line-height: 12px;
    padding: 0px 2px 0px 1px;
    margin: 0px 2px 0px 2px;
    background-color: rgba(0,0,0,0.6);
    top: 18px;
    left: -2px;
    width: 29px;
    text-align: center;
}

#tablist .iconbadge:empty {
    display: none;
}

#raiddetail .raidinfo {
    height: 64px;
    margin-bottom: 15px;
}

#raiddetail .raidicon {
    float:left;
    width: 64px;
    height: 64px;
    margin-right: 10px;
    display: inline-block;
}

#raiddetail .raidname {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
    width: 450px;
    height: 32px;
    overflow-y: hidden;
    color: #e8e8e8;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

#raiddetail .raidsize {
    font-size: 10px;
    line-height: 12px;
    color: #c0c0c0;
}

#raiddetail .raidcomment {
    height: 64px;
    width: 300px;
    top: 10px;
    right: 36px;
    position: absolute;
    font-size: 11px;
    color: #aaa;
    overflow-y: auto;
    padding-left: 32px;
    padding-top: 4px;
    padding-top: 4px;
    background-image: url(images/comment.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
}

#raiddetail .datetime {
    font-size: 10px;
    line-height: 12px;
    color: #c0c0c0;
}

#raiddetail .playerIcon {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    float: left;
}

#raidsetup .activeSlot .playerIcon {
    left: 4px;
}

#raidsetup .activeSlotComment .playerIcon {
    left: 4px;
}

#raidsetup .spilledSlot .playerIcon {
    left: 4px;
}

#raidsetup .spilledSlotComment .playerIcon {
    left: 4px;
}

#raiddetail .playerIcon .mainbadge {
    background-image: url(images/star.png);
    width: 18px;
    height: 16px;
    position: absolute;
    left: 12px;
    top: 14px;
}

#tooltip .role_select {
    display: inline-block;
    width: 32px;
    height: 64px;
    padding-right: 8px;
    border-right: 1px solid #666;
    overflow: hidden;
    line-height: 0;
}

#tooltip img.role {
    width: 32px;
    height: 32px;
    position: relative;
    top: -16px;
}

#tooltip img.single_role {
    width: 32px;
    height: 32px;
    position: relative;
    top: 16px;    
}

#tooltip .char_select {
    display: inline-block;
    width: 64px;
    height: 64px;
    padding-left: 8px;
    background-repeat: no-repeat;
    background-position: 8px 0px;
}

#tooltip .char_select .mainchar {
    background-image: url(images/star.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 52px;
    top: 2px;
}

#tooltip .switch_button {
    width: 110px;
}


#tooltip .absent_button {
    width: 110px;
    margin-top: 5px;
}

#tooltip .player_info {
    display: inline-block;
    max-width: 200px;
    min-width: 100px;
    line-height: 1.5em;
    color: white;
    vertical-align: top;
    padding-left: 16px;
}

#tooltip .player_info .name {
    font-weight: bold;
    font-size: 1.5em;
}

#tooltip .player_info .detail {
    font-size: 10px;
    font-style: italic;
    color: #666;
    margin-bottom: 10px;
}

#tooltip .switch_role_up {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
}

#tooltip .switch_role_up:hover {
    background-position: 0px -5px;
    background-repeat: no-repeat;
    background-image: url(images/move_up.png);
}

#tooltip .switch_role_down {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 40px;
    left: 8px;
    z-index: 10;
}

#tooltip .switch_role_down:hover {
    background-position: 0px 10px;
    background-repeat: no-repeat;
    background-image: url(images/move_down.png);
}

#tooltip .switch_char_next {
    width: 32px;
    height: 32px;
    position: relative;
    top: 16px;
    left: 47px;
    background-image: url(images/move_right.png);
}

#raiddetail .playerName {
    height: 16px;
    display: inline-block;
    position: relative;
    float: left;
    font-size: 11px;
    top: 10px;
    left: 5px;
    width: 80px;
    overflow: hidden;
    color: #e0e0e0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

#raidsetup .activeSlot .playerName {
    padding-left: 4px;
    width: 76px!important;
}

#raidsetup .activeSlotComment .playerName {
    padding-left: 4px;
    width: 76px!important;
}

#raidsetup .spilledSlot .playerName {
    padding-left: 4px;
    width: 76px!important;
}

#raidsetup .spilledSlotComment .playerName {
    padding-left: 4px;
    width: 76px!important;
}

#raiddetail .playerName a {
    color: #e0e0e0;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

#raiddetail .playerName a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#raiddetail .editableName {
    height: 16px;
    width: 92px;
    display: inline-block;
    position: relative;
    float: left;
    font-size: 10px;
    line-height: 16px;
    color: white;
    top: 6px;
    left: 4px;
    margin: 0;
    padding: 0;
    min-width: 0;
    box-sizing: border-box;
    font-family: inherit;
    background: transparent;
    border: 0 none transparent;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

#raiddetail .editableName:focus {
    background: transparent;
    border: 0 none transparent;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

#raidsetup .activeSlot .editableName {
    margin-left: 4px;
    width: 88px!important;
}

#raidsetup .activeSlotComment .editableName {
    margin-left: 4px;
    width: 88px!important;
}

#raidsetup .spilledSlot .editableName {
    margin-left: 4px;
    width: 88px!important;
}

#raidsetup .spilledSlotComment .editableName {
    margin-left: 4px;
    width: 88px!important;
}

#raiddetail .roleList {
    margin-right: 14px;
    height: 350px;
    float: left;
    overflow: visible;
}

#raiddetail .attendance_count {
    color: #bbb;
    font-size: 12px;
    font-weight: normal;
    vertical-align: text-top;
    text-shadow: none;   
}

#raiddetail .clip {    
    display: none;
    float: left;
    overflow: visible;
}

#raiddetail .clip .separator {    
    width: 100%;
    height: 10px;
    clear:left;
}

#raiddetail .nobreak {
    float: left;
    margin-bottom: 4px;
    margin-right: 4px;
    width: 140px;
    height: 32px;
    overflow: visible; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

#raiddetail .break {
    clear: left;
    float: left;
    margin-bottom: 4px;
    margin-right: 4px;
    width: 140px;
    height: 32px;
    overflow: visible; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

#raiddetail .clip .clickable {
    -moz-box-shadow: 0px 1px 0 #aaa;
    -webkit-box-shadow: 0px 1px 0 #aaa;
    box-shadow: 0px 1px 0 #aaa;
}

#raiddetail .clip .clickable:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 1px;
    margin-bottom: 3px;
}

#raiddetail .dragable {
}

#raiddetail .activeSlot {
    background-image: url(images/slot_set.png);
}

#raiddetail .activeSlotComment {
    background-image: url(images/slot_set_comment.png);
}

#raiddetail .spilledSlot {
    background-image: url(images/slot_spill.png);
}

#raiddetail .spilledSlotComment {
    background-image: url(images/slot_spill_comment.png);
}

#raiddetail .waitSlot {
    background-image: url(images/slot_wait.png);
}

#raiddetail .waitSlotComment {
    background-image: url(images/slot_wait_comment.png);
}

#raiddetail .benchSlot {
    background-image: url(images/slot_bench.png);
}

#raiddetail .benchSlotComment {
    background-image: url(images/slot_bench_comment.png);
}

#raiddetail .emptySlot {
    height: 32px;
    background: rgba(40, 40, 45, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 5px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

#raiddetail .randomSlot {
    background-image: url(images/slot_random.png);
    height: 32px;
    background: rgba(40, 40, 45, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
    /* Enhance role icon visibility */
    filter: brightness(1.3) contrast(1.2) saturate(1.1);
    backdrop-filter: blur(2px);
}

#raiddetail .clipchange {
    background-image: url(images/slot_more.png);
}

#raiddetail .slotMarker {
    background-image: url(images/slot_marker.png);
    width: 9px;
    height: 32px;
    float: left;
    position: relative;
    left: -5px;
    top: 0px;
    display: inline-block;
}

#exportButton {
    position: absolute;
    top: 470px;
    right: 200px;
    white-space: nowrap;
}

#absent_drop {
    display: none;
    position: absolute;
    bottom: -28px;
    height: 22px;
    width: 740px;
        
    background-color: rgb(200,182,182);
    color: rgb(200,152,152);
    
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    font-size: 13px;
    font-weight: bold;
    
    box-shadow: inset 1px 1px 8px rgba(200, 0, 0, 0.15);
    -webkit-box-shadow: inset 1px 1px 8px rgba(200, 0, 0, 0.15);
    -moz-box-shadow: inset 1px 1px 8px rgba(200, 0, 0, 0.15);
    -o-box-shadow: inset 1px 1px 8px rgba(200, 0, 0, 0.15);
    -ms-box-shadow: inset 1px 1px 8px rgba(200, 0, 0, 0.15);
    
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px; 
}

#absent_drop.absent_hover {
    background-color: rgb(200,160,160)!important;
    color: rgb(200,64,64)!important;
    box-shadow: inset 1px 1px 8px rgba(200, 0, 0, 0.5)!important;
}

#raiddetail .locationicon {
    float:left;
    width: 64px;
    height: 64px;
    margin-right: 10px;
    display: inline-block;
}

#absentList {
    height: 170px;
}

#raidoptions .filltext {
    display: inline-block;
    text-align: center; 
    color: #000;
    font-size: 11px;
    font-family: Helvetica, Verdana, Arial, sans-serif; 
}
#raidlist {
    float: left;
    position: relative;
    left: 20px;
    top: 20px;
    text-align: left;
    font-size: 12px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    border-spacing: 0px 0px;
    width: 980px;
}

#nextRaids {
    width: 980px;
}

#raidlist .raidSlot {
    display: inline-block;
    background-repeat: no-repeat;
    width: 310px;
    height: 85px;
    margin-right: 15px;
    margin-bottom: 10px;
    overflow: hidden;
}

#raidlist .raidSlot .tooltip {
    left: 0px;
    top: 0px;
    position: fixed;
    visibility: hidden;
}

#raidlist .raidSlot .comment {
    left: 0px;
    top: 0px;
    position: fixed;
    visibility: hidden;
}

#raidlist .raidSlot .locationImg {
    position: relative;
    float: left;
    left: 10px;
    top: 11px;
    width: 64px;
    height: 64px;
}

#raidlist .raidSlot .overlayStatus {
    position: relative;
    float: right;
    background-repeat: no-repeat;
    top: -66px;
    width: 64px;
    height: 64px;
}

#raidlist .raidSlot .overlayStatusOk {
}

#raidlist .raidSlot .overlayStatusOpen {
    background-image: url(images/raid_open.gif);
}

#raidlist .raidSlot .overlayStatusCanceled {
    background-image: url(images/raid_canceled.png);
}

#raidlist .raidSlot .overlayStatusLocked {
    background-image: url(images/raid_locked.png);
}

#raidlist .raidSlot .raidInfo {
    position: relative;
    float: left;
    font-size: 10px;
    left: 20px;
    top: 11px;
    width: 140px;
    margin-right: 20px;
    height: 64px;
}

#raidlist .raidSlot .raidInfo .location {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 3px;
}

#raidlist .raidSlot .setupInfo {
    float: left;
    margin-top: 10px;
    margin-left: 18px;
    width: 68px;    
    height: 66px;
    overflow: hidden;
}

#raidlist .raidSlot .setupInfoSlot {
    height: 27px;
    width: 140px;
    margin-bottom: 2px;
    padding-left: 32px;
    padding-top: 5px;
    font-size: 18px;
    color: #AAA;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

#raidHistory {
    width: 980px;
    height: 260px;
    overflow-y: auto;
}

#raidHistory .historySlot {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    height: 32px;
}

#raidHistory .historySlot .icon {
    display: inline-block;
    float: left;
    width: 32px;
    height: 32px;
}

#raidHistory .historySlot .overlayCanceled {
    display: inline-block;
    background-image: url(images/raid_canceled_small.png);
    background-repeat: no-repeat;
    float: left;
    width: 32px;
    height: 32px;
    margin-left: -32px;
    position: relative;
}


#raidHistory .historySlot .overlayLocked {
    display: inline-block;
    background-image: url(images/raid_locked_small.png);
    background-repeat: no-repeat;
    float: left;
    width: 32px;
    height: 32px;
    margin-left: -32px;
    position: relative;
}

#raidHistory .historySlot .name {
    margin-top: 2px;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin-left: 10px;
    width: 132px;
    white-space: nowrap;
    overflow: hidden;
}
/* Flexible cards retain all existing status icons and actions. */
#raidlist { box-sizing: border-box; float: none; left: auto; top: auto; width: 100%; padding: 0 24px; font: 14px/1.5 var(--ui-font); }
#nextRaids { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; width: 100%; margin-bottom: 32px; }
#raidlist .raidSlot { box-sizing: border-box; width: 100%; height: auto; min-height: 136px; margin: 0; padding: 16px; border: 1px solid var(--ui-border); border-radius: 8px; background: var(--ui-raised); display: flex; align-items: flex-start; gap: 12px; }
#raidlist .raidSlot:hover { border-color: var(--ui-accent); }
#raidlist .raidSlot .locationImg { float: none; flex: 0 0 64px; left: auto; top: auto; }
#raidlist .raidSlot .raidInfo { float: none; flex: 1; min-width: 0; width: auto; height: auto; left: auto; top: auto; margin: 0; color: var(--ui-muted); font-size: 12px; }
#raidlist .raidSlot .raidInfo .location { font-size: 14px; line-height: 1.4; margin: 0 0 8px; color: var(--ui-text); overflow-wrap: anywhere; }
#raidlist .raidSlot .setupInfo { float: none; flex: 0 0 58px; width: 58px; height: auto; margin: 0; overflow: visible; }
#raidlist .raidSlot .setupInfoSlot { box-sizing: border-box; width: 58px; height: 32px; padding-top: 3px; font-size: 16px; color: var(--ui-text); }
#raidHistory { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; box-sizing: border-box; width: 100%; height: auto; max-height: 360px; padding: 2px; }
#raidHistory .historySlot { display: block; height: auto; min-height: 44px; margin: 0; padding: 8px; border-radius: 6px; background: #1d2532; }
#raidHistory .historySlot .name { width: calc(100% - 44px); white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
@media (max-width: 800px) {
    #nextRaids { grid-template-columns: 1fr; }
    #raidHistory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    #raidlist { padding: 0 12px; }
    #raidlist .raidSlot { padding: 12px; gap: 8px; }
    #raidHistory { grid-template-columns: 1fr; }
}
#raidlist .raidSlot { box-shadow: none; }
#raidlist .raidSlot .setupInfoSlot { background-color: #394456; background-repeat: no-repeat; border-radius: 4px; }
#profile {
    position: relative;
    left: 20px;
    top: 20px;
    text-align: left;
    font-size: 12px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    border-spacing: 0px 0px;
    width: 980px;
    float: left;
}

#characters {    
}

#profilesettings {
}

#profile .characters {
    background-image: url(images/block_01.png);
}

#profile .settings {
    background-image: url(images/block_02.png);
}

#profile .icon_characters {
    background-image: url(images/icon_users.png);
}

#profile .icon_settings {
    background-image: url(images/icon_settings.png);
}

#profile .icon_characters_off {
    background-image: url(images/icon_users_off.png);
    opacity: 0.2;
}

#profile .icon_settings_off {
    background-image: url(images/icon_settings_off.png);
    opacity: 0.2;
}

#profile .icon_characters_off:hover {
    background-image: url(images/icon_users_off.png);
    opacity: 1.0;
}

#profile .icon_settings_off:hover {
    background-image: url(images/icon_settings_off.png);
    opacity: 1.0;
}

#charlist {
    vertical-align: top;
    width: 910px;
    height: 175px;
    overflow: hidden;
    white-space: nowrap;
}

#charlist .charGroup {
    display: none;
    width: 910px;
    height: 175px;
}

#profile .charslot {
    float: left;
    width: 123px;
    height: 148px;
    margin-right: 5px;
    margin-bottom: 10px;
    vertical-align: top;
}

#profile .newchar {
    float: left;
    width: 123px;
    height: 148px;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    background-image: url(images/profile_add.png);
    background-repeat: no-repeat;
    background-position: 46px 58px
}

#profile .nextgroup {
    float: left;
    width: 115px;
    height: 148px;
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px 8px;
    background-image: url(images/profile_next.png);
    background-repeat: no-repeat;
    background-position: 26px 58px
}

#profile .charslot .clearchar {
    background: url(images/clear_off.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    float: right;
    top: 5px;
    left: -3px;
}

#profile .charslot .clearchar:hover {
    background: url(images/clear.png);
    background-repeat: no-repeat;
}

#profile .charslot .class {
    width: 64px;
    height: 64px;
    display: block;
    position: relative;
}

#profile .charslot .class .badge {
    width: 38px;
    height: 48px;
    display: block;
    position: relative;
}

#profile .charslot .mainchar {
    background: url(images/mainchar.png);
    background-repeat: no-repeat;
}

#profile .charslot .twink {
    background: url(images/twink.png);
    background-repeat: no-repeat;
}

#profile .charslot .twink:hover {
    background: url(images/mainchar.png);
    background-repeat: no-repeat;
}

#profile .charslot .name {    
    text-align: center;    
    width: 110px;
    height: 30px;
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
}

#profile .charslot .newname {    
    width: 105px;
    height: 13px;
    display: block;
    position: relative;
    text-align: center;
    left: 8px;
    margin-bottom:15px;
    padding: 0px;
    font-size: 12px;
    border: 0px solid transparent;
    border-bottom: 1px dotted #888;
    background-color: transparent;
    display: none;
    color: black;
}

#profile .charslot .newname_label {    
    text-align: center;    
    width: 105px;
    height: 13px;
    display: block;
    position: relative;
    text-align: center;
    left: 8px;
    margin-bottom:15px;
    padding: 0px;
    font-size: 12px;
    border: 0px solid transparent;
    border-bottom: 1px dotted #888;
    background-color: transparent;
    color: #AAA;
}

#profile .charslot .role_group {
    width: 123px;
    height: 32px;
    position: relative;
    top: 16px;
    overflow: hidden;
}

#profile .role_group .single {
    width: 123px;
    height: 32px;
    
    background-position: 46px 0px;
}

#profile .role_group .primary {
    width: 60px;
    height: 32px;
    float: left;
    position: relative;
    left: -5px;
        
    background-position: 26px 0px;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

#profile .role_group .secondary {
    display: flex;
    height: 32px;
    position: relative;
    right: -5px; 
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

#profile .button_profile {
    clear: left;
    margin-top: 10px;
}

#attendance .attendanceCount {
    height: 26px;
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    text-align: right;
    float: left;
    border-radius: 4px;
    border: 1px solid #999;
    overflow: hidden;
}

#attendance .attendanceType {
    height: 26px;
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    text-align: right;
    float: left;
    border-radius: 4px;
    border: 1px solid #999;
    overflow: hidden;
}

#attendance .label {
    display: block;
    line-height: 26px;
    vertical-align: bottom;
    float: left;
    margin-top: 10px;
    color: #666666;
    text-align: left;
}

#attendance .bar_part {    
    display: inline-block;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    color: rgba(0,0,0,0.5);
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

#attendance .box {
    display: inline-block;
    width: 14px;
    height: 26px;
    float: left;
    border-radius: 4px;
    border: 1px solid #999;
}

#attendance .labels {
    padding-top: 20px;
    clear: left;
}

#attendance .labels .label {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    color: #666666;
    width: 140px;
    line-height: 26px;
    vertical-align: bottom;
}

#attendance .labels .start {
    position: relative;
    display: inline-block;
}

#attendance .labels .end {
    display: inline-block;
    position: relative;
    margin-left: 0px;
}

#profilesettings .labeldisabled {
    color: #aaa;
}

#profilesettings input[type=password] {
    width: 140px;
    margin-top: 0px;
    margin-bottom: 4px;
}

#profilesettings textarea {
    width: 280px;
    max-width: 280px;
    height: 43px;
    max-height: 43px;
    margin-top: 0px;
    margin-bottom: 4px;
}

#profile_hashing {
    position: absolute;
    top: 468px;
    right: 200px;
    width: 150px;
    height: 23px;
    background-color: #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

#profile_hashing .pglabel {
    position: absolute;
    display: inline-block;
    text-align: center;
    width: 150px;
    line-height: 23px; 
    color: #aaa;
    left: 0px;
}

#profile_hashing .pglabel {
    position: absolute;
    display: inline-block;
    text-align: center;
    width: 150px;
    line-height: 23px; 
    color: #aaa;
    left: 0px;
}

#profile_hashing .progress {
    display: inline-block;
    height: 23px;
    background-color: #666;
    width: 0%; 
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

#profile_strprogress {
    width: 144px;
    height: 16px;
    background-color: #ddd;
    text-align: left;  
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px; 
    display: inline-block;
}

#profile_strprogress .pglabel {
    position: absolute;
    display: inline-block;
    text-align: center;
    float: left;
    line-height: 16px;
    width: 140px;
    color: #aaa;
}

#profile_strprogress .progress {
    display: inline-block;
    height: 16px;
    width: 0%; 
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

#profilesettings .datepicker {
    background-color: rgba(96,96,96,0.1);
    border: 1px solid #aaa;
    width: 144px;
    display: inline-block;
}

#profilesettings .datepicker_icon {
    display: inline-block;
    background-image: url(images/ui-icons_222222_256x240.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
}

#profilesettings .datepicker_field {
    width: 124px;
    height: 16px;
    line-height: 16px;
    border: 0px;
    margin: 0px;
    padding: 2px;
    background-color: transparent;
    color: #222;
    
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}

#tooltip .class_select {
    width: 60px;
    margin: 5px;
    line-height: 12px;
    font-size: 9px;
    float: left;
    text-align: center;
}

#tooltip .class_selected {
    width: 32px;
    height: 32px;
    margin: 5px;
    float: left;
}

#tooltip .multi_selected {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #888;
}

#tooltip .shuffle {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 5px;
    vertical-align: top;
}/* Dark Mode Tooltip Design */
#tooltip {
    position: absolute;
    background: rgba(20, 20, 25, 0.98);
    backdrop-filter: blur(15px);
    
    border-radius: 8px;
    border: 1px solid rgba(102, 126, 234, 0.4);
    
    box-shadow: 0 8px 24px rgba(0,0,0,0.6), 0 0 0 1px rgba(255, 255, 255, 0.05);
    
    padding: 12px 16px;
    color: #e8e8e8;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; 
    line-height: 1.6em;
    z-index: 30;
    animation: tooltipFadeIn 0.2s ease-out;
}

@keyframes tooltipFadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#tooltip_arrow {
    position: absolute;
    width: 0px;
    height: 0px;
    border: 10px solid rgba(0,0,0,0.9);
}

#tooltip_arrow.top {
    top: -20px; 
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

#tooltip_arrow.bottom {
    bottom: -20px;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

#tooltip_arrow.left {
    left: 16px;
}

#tooltip_arrow.right_badge {
    right: 48px;
}

#tooltip_arrow.right {
    right: 16px;
}

#tooltip_arrow.side_left {
    left: -20px;
    top: 16px;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
}

#tooltip_arrow.side_right {
    right: -20px;
    top: 16px;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
}

#tooltip a {
    color: #ccc;
    text-decoration: underline;
}

#tooltip a:hover {
    text-decoration: none;
}/* Dark Mode Sheet Overlay */
#sheetoverlay {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -130px;
    margin-left: -315px;
    display: none;
    background: rgba(25, 25, 30, 0.98);
    backdrop-filter: blur(25px);
    border-radius: 20px;
    padding: 32px;
    z-index: 20;
    border: 1px solid rgba(102, 126, 234, 0.4);
    box-shadow: 0 20px 60px rgba(0,0,0,0.8), 0 0 0 1px rgba(255, 255, 255, 0.05);
    animation: sheetSlideIn 0.3s ease-out;
    color: #e0e0e0;
}

@keyframes sheetSlideIn {
    from {
        opacity: 0;
        transform: translate(-50%, -45%) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
}

/* Modern Close Button */
#closesheet {
    position: absolute;
    top: -14px;
    left: -14px;
    width: 32px;
    height: 32px;
    border: 2px solid #667eea;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    
    background-image: url(images/close.png);
    background-repeat: no-repeat;
    background-position: center;
    
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
    
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

#closesheet:hover {
    transform: scale(1.1) rotate(90deg);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}

#sheet_body {
    clear: both;
}

#sheet_body .filltext {
    display: inline-block;
    text-align: center; 
    color: #fff;
    font-size: 11px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

#sheet_body select {
    border-color: #4d4d4d;
    border-width: 1px;
    border-style: solid;
    color: white;
    font-size: 12px;
    background-color: #313131;
}

#sheet_body .textdummy {
    border-color: #4d4d4d;
    border-width: 1px;
    border-style: solid;
    color: #5c5c5c;
    background-color: #313131;
}

#sheet_body .textinput {
    border-color: #4d4d4d;
    border-width: 1px;
    border-style: solid;
    color: #ffffff;
    background-color: #313131;
}

#sheet_body .description {
    min-height: 95px;
    max-height: 95px;
    height: 95px;
}

#selectlocation {
}

#newlocation {
    width: 140px;
}

#newlocationdummy {
    width: 140px;
}

#locationimagepicker {
    height: 64px;
    width: 64px;
    background-image: url(images/icon_choose.png);
    background-repeat: no-repeat;
}

#locationimagepicker .imagelist {
    left: 0px;
    top: 0px;
    position: fixed;
    visibility: hidden;
}

#descriptiondummy {
    height: 100px;
    width: 410px;
}

#description {
    height: 100px;
    width: 410px;
}

/* Keep sheets reachable on short and narrow screens. */
#sheetoverlay {
    box-sizing: border-box;
    width: 680px;
    max-width: calc(100% - 24px);
    max-height: calc(100dvh - 32px);
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    padding: 20px 24px 24px;
    overflow: auto;
    background: var(--ui-raised);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    box-shadow: 0 16px 48px #0008;
    backdrop-filter: none;
    animation: none;
}
#closesheet {
    position: sticky;
    top: 0;
    left: auto;
    float: right;
    z-index: 3;
    width: 36px;
    height: 36px;
    margin: 0 0 12px;
    border: 1px solid #536078;
    border-radius: 6px;
    background-color: var(--ui-hover);
    box-shadow: none;
}
#closesheet:hover { transform: none; border-color: var(--ui-accent); box-shadow: none; }
#sheet_body .textdummy { color: var(--ui-muted); background: var(--ui-surface); }
#sheet_body .textinput { color: var(--ui-text); background: var(--ui-surface); }
#sheet_body .ui-datepicker { width: 16em; }
#sheet_body .ui-datepicker td a { padding: .4em; }
#sheet_body .description { box-sizing: border-box; max-width: 100% !important; }
#sheet_body #submit_options { margin-top: 12px; }
@media (max-width: 700px) {
    #sheetoverlay { width: 380px; padding: 12px 16px 20px; }
    #sheet_body > span { display: block !important; margin-right: 0 !important; }
    #raiddatepicker { margin-bottom: 16px; }
    #sheet_body .ui-datepicker { box-sizing: border-box; width: 100%; }
    #sheet_body .description { width: 100% !important; }
    #sheet_body #submit_options { margin-left: 0 !important; max-width: 100%; }
    #newRaidSubmit { margin-top: 8px; min-height: 40px; }
}
#sheet_body .ui-datepicker td .ui-state-default { background: var(--ui-surface); border-color: var(--ui-border); color: var(--ui-text); }
#sheet_body .ui-datepicker td .ui-state-hover { background: var(--ui-hover); border-color: var(--ui-accent); }
#sheet_body .ui-datepicker td .ui-state-active { background: #435dcc; color: #fff; }
#settings {
    position: relative;
    left: 20px;
    top: 20px;
    text-align: left;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    border-spacing: 0px 0px;
    width: 980px;
    overflow-y: visible;
    float: left;
    color: #e0e0e0;
}

#groups {
    padding-left: 5px;
}

#raidsettings {
}


#locationsettings {
}

#statistics {
}

#about {
}

#about .version {
    width: 400px; 
    height: 200px; 
    position: relative; 
    left: 50%; 
    top: 50%; 
    margin-left: -200px; 
    margin-top: -50px; 
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #666666;
}

#settings .propLabel2 {
    margin-left: 10px;
    display: inline-block;
    color: #c0c0c0;
}

#settings .timeField {
    width: 32px;
    margin-right: 5px;
    display: inline-block;
}

#settings .metricField {
    width: 96px;
    display: inline-block;
}

#settings .groupSlot {
    float: left;
    margin-right: 7px;
    width: 224px;
    height: 410px;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
}

#settings .groupSlot .head {
    width: 224px;
    height: 20px;
    background-color: rgba(40, 40, 45, 0.6);
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #e0e0e0;
    padding-top: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px 4px 0 0;
}

#settings .groupSlot .content {
    width: 218px;
    height: 370px;
    overflow-y: auto;
    overflow-x: hidden;
}


#settings .groupTarget {
    background-color: rgba(40, 40, 45, 0.4);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 6px;
}

#settings .user {
    clear: left;
    padding: 4px;
    margin-left: 5px;
    white-space: nowrap;
    height: 30px;
}

#settings .user .userImage {
    float: left;
    width: 32px;
    height: 32px;
}

#settings .user .overlayLocked {
    background-image: url(images/raid_locked_small.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: left;
}

#settings .user .userName {
    float: left;
    padding-top: 2px;
    width: 100px;
    margin-left: 8px;
}

#settings .user .userName .binding_active {
    background-image: url(images/icon_link.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    padding-left: 20px;
    height: 16px;
    display: inline-block;
    font-size: 10px; 
    color: #148cdc;
}

#settings .user .userName .binding {
    background-image: url(images/icon_nolink.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    padding-left: 20px;
    height: 16px;
    display: inline-block;
    font-size: 10px; 
    color: #999;
}

#settings .user .userNameLocal {
    float: left;
    padding-top: 8px;
    width: 100px;
    margin-left: 8px;
}

#settings .user .userFunction {
    float: right;
    width: 24px;
    height: 24px;
}

#settings .user .functionDelete {
    background-image: url(images/clear_off.png);
    background-repeat: no-repeat;
    margin-top: 5px;
}

#settings .user .functionDelete:hover {
    background-image: url(images/clear.png);
}

#settings .user .functionEdit {
    background-image: url(images/edituser_off.png);
    background-repeat: no-repeat;
    margin-top: 5px;
}

#settings .user .functionEdit:hover {
    background-image: url(images/edituser.png);
}

#settings .users {
    background-image: url(images/block_01.png);
}

#settings .locations {
    background-image: url(images/block_02.png);
}

#settings .settings {
    background-image: url(images/block_03.png);
}

#settings .stats {
    background-image: url(images/block_04.png);
}

#settings .about {
    background-image: url(images/block_05.png);
}

#settings .icon_users {
    background-image: url(images/icon_users.png);
}

#settings .icon_locations {
    background-image: url(images/icon_locations.png);
}

#settings .icon_settings {
    background-image: url(images/icon_settings.png);
}

#settings .icon_stats {
    background-image: url(images/icon_stats.png);
}

#settings .icon_about {
    background-image: url(images/icon_about.png);
}

#settings .icon_users_off {
    background-image: url(images/icon_users_off.png);
    opacity: 0.2;
}

#settings .icon_locations_off {
    background-image: url(images/icon_locations_off.png);
    opacity: 0.2;
}

#settings .icon_settings_off {
    background-image: url(images/icon_settings_off.png);
    opacity: 0.2;
}

#settings .icon_stats_off {
    background-image: url(images/icon_stats_off.png);
    opacity: 0.2;
}

#settings .icon_about_off {
    background-image: url(images/icon_about_off.png);
    opacity: 0.2;
}

#settings .icon_users_off:hover {
    background-image: url(images/icon_users_off.png);
    opacity: 1.0;
}

#settings .icon_locations_off:hover {
    background-image: url(images/icon_locations_off.png);
    opacity: 1.0;
}

#settings .icon_settings_off:hover {
    background-image: url(images/icon_settings_off.png);
    opacity: 1.0;
}

#settings .icon_stats_off:hover {
    background-image: url(images/icon_stats_off.png);
    opacity: 1.0;
}

#settings .icon_about_off:hover {
    background-image: url(images/icon_about_off.png);
    opacity: 1.0;
}

#locationsettings .location {
    height: 40px;
    margin-right: 25px;
    margin-bottom: 10px;
    float: left;
}

#locationsettings .locationimg {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    margin-top: 8px;
    float: left;
}

#locationsettings .locationname {
    width: 180px;
    height: 18px;
    margin-right: 5px;
    margin-top: 5px;
    vertical-align: middle;
    float: left;
}

#locationsettings .deletecmd {
    background-image: url(images/clear_off.png);
    margin-top: 5px;
    float: left;
    height: 24px;
    width: 24px;
}

#locationsettings .deletecmd:hover {
    background-image: url(images/clear.png);
}

#statistics .name {
    width: 135px;
    line-height: 32px;
    vertical-align: bottom;
    float: left;
}

#statistics .bar {
    margin-bottom: 5px;
    float: left;
    border-radius: 4px;
    border: 1px solid #999;
    overflow: hidden;
    height: 26px;
    color: rgba(0,0,0,0.5);
}

#statistics .bar_part {
    height: 26px;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    color: rgba(0,0,0,0.5);
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

#statistics .box {
    margin-right: 10px;
    display: inline-block;
    width: 14px;
    height: 26px;
    float: left;
    border-radius: 4px;
    border: 1px solid #999;
    overflow: hidden;
}

#statistics .labels {
    margin-bottom: 20px;
    margin-left: 140px;
}

#statistics .labels .label {
    display: inline-block;
    margin-left: 0px;
    margin-right: 10px;
    color: #666666;
    width: 140px;
    line-height: 26px;
    vertical-align: bottom;
    text-align: left;
    float: left;
}

#tooltip .removeLink {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    float: left;
}