/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(/assets/fonts/glyphicons-halflings-regular.eot);src:url(/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(/assets/fonts/glyphicons-halflings-regular.woff) format("woff"),url(/assets/fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map *//**
 * import components to builds angular-ui.css
 */

/* ui-reset */

.ui-resetwrap {
  position: relative;
  display: inline-block;
}

.ui-reset {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: none;
  height: 100%;
  cursor: pointer;
}

.ui-resetwrap:hover .ui-reset {
  display: block;
}

/* ui-currency */

.ui-currency-pos {
  color: green;
}

.ui-currency-neg {
  color: red;
}

.ui-currency-zero {
  color: blue;
}

.ui-currency-pos.ui-bignum,
.ui-currency-neg.ui-smallnum {
  font-size: 110%;
}

/* highlight */

.ui-match {
  background: yellow;
}

.minicolors {
	position: relative;
}

.minicolors-swatch {
	position: absolute;
	vertical-align: top;
	background: url(/assets/img/jquery.minicolors.png) -80px 0;
	border: solid 1px #ccc;
	cursor: text;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.minicolors-swatch-color {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.minicolors input[type=hidden] + .minicolors-swatch {
	width: 28px;
	position: static;
	cursor: pointer;
}

/* Panel */
.minicolors-panel {
	position: absolute;
	width: 173px;
	height: 152px;
	background: white;
	border: solid 1px #CCC;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	z-index: 99999;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: none;
}

.minicolors-panel.minicolors-visible {
	display: block;
}

/* Panel positioning */
.minicolors-position-top .minicolors-panel {
	top: -154px;
}

.minicolors-position-right .minicolors-panel {
	right: 0;
}

.minicolors-position-bottom .minicolors-panel {
	top: auto;
}

.minicolors-position-left .minicolors-panel {
	left: 0;
}

.minicolors-with-opacity .minicolors-panel {
	width: 194px;
}

.minicolors .minicolors-grid {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 150px;
	height: 150px;
	background: url(/assets/img/jquery.minicolors.png) -120px 0;
	cursor: crosshair;
}

.minicolors .minicolors-grid-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: none;
}

.minicolors-slider-saturation .minicolors-grid {
	background-position: -420px 0;
}

.minicolors-slider-saturation .minicolors-grid-inner {
	background: url(/assets/img/jquery.minicolors.png) -270px 0;
}

.minicolors-slider-brightness .minicolors-grid {
	background-position: -570px 0;
}

.minicolors-slider-brightness .minicolors-grid-inner {
	background: black;
}

.minicolors-slider-wheel .minicolors-grid {
	background-position: -720px 0;
}

.minicolors-slider,
.minicolors-opacity-slider {
	position: absolute;
	top: 1px;
	left: 152px;
	width: 20px;
	height: 150px;
	background: white url(/assets/img/jquery.minicolors.png) 0 0;
	cursor: row-resize;
}

.minicolors-slider-saturation .minicolors-slider {
	background-position: -60px 0;
}

.minicolors-slider-brightness .minicolors-slider {
	background-position: -20px 0;
}

.minicolors-slider-wheel .minicolors-slider {
	background-position: -20px 0;
}

.minicolors-opacity-slider {
	left: 173px;
	background-position: -40px 0;
	display: none;
}

.minicolors-with-opacity .minicolors-opacity-slider {
	display: block;
}

/* Pickers */
.minicolors-grid .minicolors-picker {
	position: absolute;
	top: 70px;
	left: 70px;
	width: 12px;
	height: 12px;
	border: solid 1px black;
	border-radius: 10px;
	margin-top: -6px;
	margin-left: -6px;
	background: none;
}

.minicolors-grid .minicolors-picker > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	border: solid 2px white;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.minicolors-picker {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 2px;
	background: white;
	border: solid 1px black;
	margin-top: -2px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* Inline controls */
.minicolors-inline {
	display: inline-block;
}

.minicolors-inline .minicolors-input {
	display: none !important;
}

.minicolors-inline .minicolors-panel {
	position: relative;
	top: auto;
	left: auto;
	box-shadow: none;
	z-index: auto;
	display: inline-block;
}

/* Default theme */
.minicolors-theme-default .minicolors-swatch {
	top: 5px;
	left: 5px;
	width: 18px;
	height: 21px;	
}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
	left: auto;
	right: 5px;
}
.minicolors-theme-default.minicolors {
	width: auto;
	display: inline-block;
}
.minicolors-theme-default .minicolors-input {
	height: 20px;
	width: auto;
	display: inline-block;
	padding-left: 26px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-input {
	padding-right: 26px;
	padding-left: inherit;
}

/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
	top: 3px;
	left: 3px;
	width: 28px;
	height: 28px;
	border-radius: 3px;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
	left: auto;
	right: 3px;
}
.minicolors-theme-bootstrap .minicolors-input {
	padding-left: 44px;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
	padding-right: 44px;
	padding-left: 12px;
}/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/assets/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('/assets/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('/assets/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('/assets/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('/assets/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}
div.sudoku {
    padding: 0px 2px 3px 2px;
}

table.sudoku {
    width: 346px;
    height: 346px;
    table-layout: fixed;
    border: solid 3px #000;
    padding: 0;
    margin: 5px 0 0 0;
}

table.sudoku td {
    border: solid 1px #000;
    /*width: 35.5px;*/
    text-align: center;
    font-size: 22px;
}

table.sudoku tr {
    /*height: 36px;*/
}

table.sudoku td.column2, table.sudoku td.column5 {
    border-right: solid 3px #000;
}

table.sudoku tr.row2 td, table.sudoku tr.row5 td {
    border-bottom: solid 3px #000;
}

div.sudoku h1 {
    background-color: #818181;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0;
    padding: 3px 5px;
}h1.headline {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 2px 3px 2px;
    padding: 3px 5px 3px 5px;
    color: #000;
    min-height: 14.5px;
    -webkit-hyphens: manual;
    -webkit-hyphenate-character: "-";
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

h1.headline-non-bold {
    font-weight: normal !important;
}

h1.headline p {
    margin: 0px;
}

h2.sub-headline {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    margin: 0 2px 3px 2px;
    padding: 3px 5px 3px 5px;
    -webkit-hyphens: manual;
    -webkit-hyphenate-character: "-";
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

h1.headline div span {
    /* fix https://code.google.com/p/chromium/issues/detail?id=115095 */
    background-color: transparent !important;
}

h1.sub-headline div span {
    /* fix https://code.google.com/p/chromium/issues/detail?id=115095 */
    background-color: transparent !important;
}

div.articlecontent {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    line-height: 1.2em;
    margin: 0;
    padding: 3px 7px 3px 7px;
    text-align: justify;
    /* overflow:hidden; */
    -webkit-hyphens: manual;
    -webkit-hyphenate-character: "-";
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
}

div.articlecontent p {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: justify;
    /* overflow: hidden; */
    -webkit-hyphens: manual;
    /*-webkit-locale:"de";*/
    /*-webkit-hyphenate-locale:"de";*/
    /*-webkit-hyphenate-character:"\2022";*/
    -webkit-hyphenate-character: "-";
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    text-indent: 11px;
    overflow-wrap: break-word;
}

div.articlecontent p span {
    /* fix https://code.google.com/p/chromium/issues/detail?id=115095 */
    background-color: transparent !important;
}

div.articlecontent p.article-lead {
    font-weight: bold;
    text-indent: 0 !important;
}

div.articlecontent p.article-lead-only {
    text-indent: 0 !important;
}

div.block-tourdata p.article-lead-only {
    text-indent: 0 !important;
    text-align: left;
}

.__article-lead {
    visibility: hidden;
}

/* tourdata tour post info block */

/* div.tdin {
    padding-bottom: 1em;
} */

/* tourdata event post block */

/* div.tdpo {
    margin-top: 15px;
} */

/* tourdata event pre block */

/* div.tdpr {
    margin-top: 5px;
    margin-bottom: 15px;
} */

/* tourdata event/tour description block */

/* div.tddc {
}

div.tdin p, div.tdpo p, div.tdpr p, div.tddc p, div.tdin, div.tdpo, div.tdpr, div.tddc {
    text-indent: unset;
    text-align: left;
} */

div.articlecontent div.t­dib­to p:first-child {
    text-indent: 0 !important;
}

div.articlecontent p:first-child {
    text-indent: 0 !important;
}

div.no-indent p {
    text-indent: 0 !important;
}

div.articlecontent ul {
    margin: 0 0 10px 15px;
    padding: 0px;
}

div.articlecontent ul li {
    line-height: 1em;
}

.image-subtitle {
    /*background-color: #FFFFFF;*/
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    line-height: 12px;
    font-style: italic;
    margin: 0;
    text-indent: 0 !important;
    padding: 1px 0 5px 0;
    /*width: 100%;*/
    -webkit-hyphens: manual;
    -webkit-hyphenate-character: "-";
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.image-copyright {
    top: -10px;
    color: #FFFFFF;
    font-family: "Times New Roman", Times, serif;
    font-size: 7px;
    font-style: italic;
    margin: 0;
    position: absolute;
    right: 3px;
    text-indent: 0 !important;
    transform: rotate(-90deg) translate(-10px, -6px);
    -webkit-transform: rotate(-90deg) translate(-10px, -6px);
    -moz-transform: rotate(-90deg) translate(-10px, -6px);
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    text-shadow: 0 0 3px #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* div.col1 {

} */

div.col2 {
    column-count: 2;
    column-gap: 14px;
    -moz-column-count: 2;
    -moz-column-gap: 14px;
    -webkit-column-count: 2;
    -webkit-column-gap: 14px;
}

div.col3 {
    column-count: 3;
    column-gap: 14px;
    -moz-column-count: 3;
    -moz-column-gap: 14px;
    -webkit-column-count: 3;
    -webkit-column-gap: 14px;
}

div.col4 {
    column-count: 4;
    column-gap: 14px;
    -moz-column-count: 4;
    -moz-column-gap: 14px;
    -webkit-column-count: 4;
    -webkit-column-gap: 14px;
}

.column-break {
    break-after: column;
    -webkit-column-break-after: always;
    -moz-column-break-after: always;
    column-break-after: always;
    display: block;
    height: 0;
    border-top: 1px dashed #bbb;
    margin: 2px 0;
    overflow: visible;
}

.balanced-columns {
    column-fill: balance !important;
    -moz-column-fill: balance !important;
    -webkit-column-fill: balance !important;
    break-inside:auto !important;
    -webkit-column-break-inside:auto !important;
}

.article-img-thumbnail {
    width: 161px;
}

p.author {
    text-align: right !important;
    margin-top: 5px !important;
    margin-right: 15px !important;
}div.custom-block h1 {
    color: #FFFFFF;
}

div.sidebar-block h1 {
    background-color: #818181;
    color: #FFFFFF;
}

div.sidebar-block div.edit-text {}

div.sidebar-block div.image-subtitle {
    background-color: transparent !important;
}

div.sidebar {
    background-color: #DDD;
    padding: 0;
}

div.sidebar div.edit-text {}

div.sidebar div.image-subtitle {
    background-color: transparent !important;
}

div.impressum {
    padding: 0 2px 3px 2px;
}

div.impressum h1 {
    background-color: #818181;
    color: #FFFFFF;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.2em;
    margin: 0 0 3px 0;
    padding: 3px 5px 3px 5px;
    font-weight: bold;
}

div.impressum p {
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 7px !important;
    line-height: 10px;
    margin: 2px 0 2px;
    padding: 0px 5px;
}

div.impressum p.justify {
    text-align: justify;
    -webkit-hyphens: manual;
    -webkit-hyphenate-character: "-";
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

div.impressum span.bold {
    font-weight: bold;
}

div.impressum a {
    text-decoration: none;
    color: #333;
}

div.impressum img {
    max-width: 30%;
    margin: 0;
    padding: 0 3px 3px 3px;
    float: right;
}

div.page-header .topic {
    display: none;
    position: relative;
    width: calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    background: #FFF;
    height: 13px;
    margin-bottom: 5px;
    font-size: 15px;
    text-transform: uppercase;
    margin-left: 2px;
}

div.page-header .date {
    position: relative;
    width: calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    color: #FFF;
    font-size: 9px;
    line-height: 11px;
    padding-left: 3px;
    /* background:url('/assets/img/header_bar.png') center center no-repeat #FFF; */
    background-image: linear-gradient(to right, rgba(130, 130, 130, 255), rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0));
    background-size: 100%;
    height: 12px;
    margin-left: 1px;
    bottom: 1px;
}

div.page-header .logo {
    position: absolute;
    right: 2px;
    height: 12px;
    top: -9px;
}

.header-image {
    overflow: visible;
}

.a4 .frontpage-customer-image-block {
    position: relative;
    top: -28px;
    width: 700px;
    padding: 0 2px 0 2px;
    max-height: 141px;
}

.a5 .frontpage-customer-image-block {
    position: relative;
    top: -28px;
    width: 521px;
    padding: 0 2px 0 2px;
    max-height: 143px;
}

.a4long .frontpage-customer-image-block {
    position: relative;
    top: -28px;
    width: 350px;
    padding: 0 2px 0 2px;
    max-height: 141px;
}

.a4 #frontpage-customer-image {
    width: 696px;
}

.a5 #frontpage-customer-image {
    width: 521px;
}

.a4long #frontpage-customer-image {
    width: 346px;
}

.a4 div.frontpage-namebar {
    position: absolute;
    height: 28px;
    margin: -24px 0 0 2px;
    padding: 6px 0px 5px 8px;
    bottom: 3px;
    width: 688px !important;
}

.a5 div.frontpage-namebar {
    position: absolute;
    height: 28px;
    margin: -24px 0 0 2px;
    padding: 6px 0px 5px 8px;
    bottom: 3px;
    width: 513px !important;
}

.a4long div.frontpage-namebar {
    position: absolute;
    height: 28px;
    margin: -24px 0 0 2px;
    padding: 6px 0px 5px 8px;
    bottom: 3px;
    width: 338px !important;
}

div.frontpage-namebar h1 {
    font-size: 16px !important;
    font-weight: bold;
    line-height: 18px !important;
    margin: 0;
}

div.frontpage-namebar p {
    font-size: 10px !important;
    line-height: 11px !important;
    margin: 0 0 10px 0;
}

div.frontpage-namebar div {
    float: right;
    padding-right: 10px;
}

div.frontpage-namebar-logo {
    visibility: hidden;
    max-width: 115px;
    position: relative;
    right: 0px;
    top: -36px;
}

div.frontpage-namebar-logo img {
    visibility: hidden;
    display: block;
    height: auto;
    max-width: 100%;
    padding-top: 3px;
}

div.frontpage-hotellogo {
    position: relative;
    width: 173px;
    height: 157px;
    overflow: hidden;
}

div.frontpage-hotellogo img {
    position: absolute;
    margin: auto;
    max-width: 169px;
    max-height: 156px;
    margin: auto;
    padding: 0px 2px 1px 2px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}/*
 * Original version: 1.0 © 2010 Andrew Valums ( andrew(at)valums.com )
 * Current Maintainer (2.0+): 2012, Ray Nicholus ( fineuploader(at)garstasio.com )
 * Design Adaptions by Czetina Klaus, hotelmediaservice GmbH 2013 
 *
 * Licensed under MIT license, GNU GPL 2 or later, GNU LGPL 2 or later, see license.txt.
 */


.qq-upload-drop-area, .qq-upload-extra-drop-area {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;  
    max-height: 100%;
    z-index: 2;
    background: #FF9797;
    text-align: center;
}
.qq-upload-drop-area span {
    display: block;
    width: 100%;
    font-size: 16px;
}
.qq-upload-extra-drop-area {
    position: relative;
    margin-top: 50px;
    font-size: 16px;
    padding-top: 100%;
    height: 100%;
    min-height: 100%;
}
.qq-upload-drop-area-active {
    background: #FF7171;
}
.qq-upload-list {
	   display:none;
	   top:150px;
	   position:absolute;
    margin: 0;
    padding: 0;
    list-style: none;
}
.qq-upload-list li {
    margin: 0;
    padding: 9px;
    line-height: 15px;
    font-size: 16px;
    background-color: #FFF0BD;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .qq-upload-delete {
    margin-right: 12px;
}
.qq-upload-file {
}
.qq-upload-spinner {
    display: inline-block;
    background: url("/assets/css/loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}
.qq-drop-processing {
	   position:absolute;
    display: none;
}
.qq-drop-processing-spinner {
    display: inline-block;
    background: url("/assets/img/processing.gif");
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
}
.qq-upload-finished {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}
.qq-upload-retry, .qq-upload-delete {
    display: none;
    color: #000000;
}
.qq-upload-cancel, .qq-upload-delete {
	color: #000000;
}
.qq-upload-retryable .qq-upload-retry {
    display: inline;
}
.qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-delete {
    font-size: 12px;
    font-weight: normal;
}
.qq-upload-failed-text {
    display: none;
    font-style: italic;
    font-weight: bold;
}
.qq-upload-failed-icon {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}
.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}
.qq-upload-retrying .qq-upload-failed-text {
    display: inline;
    color: #D60000;
}
.qq-upload-list li.qq-upload-success {
    background-color: #5DA30C;
    color: #FFFFFF;
}
.qq-upload-list li.qq-upload-fail {
    background-color: #D60000;
    color: #FFFFFF;
}
.qq-progress-bar {
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
    width: 0%;
    height: 15px;
    border-radius: 0px;
    margin-bottom: 3px;
    display: none;
}
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("/assets/css/Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}
/*!
 * FullCalendar v1.6.0 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
html .fc,
.fc table {
	font-size: 1em;
	}
	
.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
	}



/* Header
------------------------------------------------------------------------*/

.fc-header td {
	white-space: nowrap;
	}

.fc-header-left {
	width: 25%;
	text-align: left;
	}
	
.fc-header-center {
	text-align: center;
	}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title {
	display: inline-block;
	vertical-align: top;
	}
	
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	}
	
.fc .fc-header-space {
	padding-left: 10px;
	}
	
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
	}
	
/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
	}
	
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	clear: both;
	}
	
.fc-view {
	width: 100%; /* needed for view switching (when view is absolute) */
	overflow: hidden;
	}
	
	

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	border: 1px solid #ddd;
	}
	
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #fcf8e3;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
	}
	


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
	}
	
.fc-state-default { /* non-theme */
	border: 1px solid;
	}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	}

/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/

.fc-text-arrow {
	margin: 0 .1em;
	font-size: 2em;
	font-family: "Courier New", Courier, monospace;
	vertical-align: baseline; /* for IE7 */
	}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
	font-weight: bold;
	}
	
/* icon (for jquery ui) */
	
.fc-button .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.fc-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
	}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
	}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
	}

	

/* Global Event Styles
------------------------------------------------------------------------*/
	 
.fc-event {
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	color: #fff;               /* default TEXT color */
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-size: .85em;
	cursor: default;
	}

a.fc-event {
	text-decoration: none;
	}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
.fc-rtl .fc-event {
	text-align: right;
	}

.fc-event-inner {
	width: 100%;
	overflow: hidden;
	}
	
.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}
	
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}
	
	
	
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	
	
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
	border-collapse: separate;
	}
	
.fc-border-separate th,
.fc-border-separate td {
	border-width: 1px 0 0 1px;
	}
	
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right-width: 1px;
	}
	
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
	}
	
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
	}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
	text-align: center;
	}

.fc .fc-week-number {
	width: 22px;
	text-align: center;
	}

.fc .fc-week-number div {
	padding: 0 2px;
	}
	
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
	}
	
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
	}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
	

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
	border-collapse: separate;
	}
	
.fc-agenda-days th {
	text-align: center;
	}
	
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
	}

.fc-agenda .fc-week-number {
	font-weight: bold;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
	}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
	}
	
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
	}
	
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
	}
	
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
	}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
	}
	
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
	}
	
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
	}
	
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
	}
	
.fc-agenda-slots td div {
	height: 20px;
	}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
	}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
	}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
	}

.fc-event-vert.fc-event-start {
	border-top-width: 1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	}

.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	}
	
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
	}

.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
	}
	
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
	}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}
	
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
	}
	
	
.weather {
    padding: 2px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    line-height: 10px;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: 2px;
    width: 521px;
}

.weather td {
    vertical-align: middle;
}

.weather .symbol {
    height: 70px;
    margin: -20px 0 -15px 12px;
    border: 0px;
    text-align: center;
}

.weather .symbolprev {
    height: 70px;
    padding: 0 13px;
}

.weather .firstrow {
    height: 2px;
}

.weather .icon {
    height: 17px;
    margin: -2px 0px;
}

.weather .iconBig {
    height: 25px;
}

.weather .headline {
    background-color: #818181;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: bold;
    margin: 0;
    border: 0;
    padding: 0;
}

.weather .headline td {
    padding: 3px 5px;
    white-space: nowrap;
}

.weather .headline-non-bold td {
    font-weight: normal !important;
}

.weather .date {
    text-align: center;
}

.weather .border {
    border-right: #ccc 1px solid;
}

.weather .preview-top {
    height: 8px;
}

.weather .timecol {
    text-align: center;
    height: 25px;
    position: relative;
    z-index: 100;
}

.weather .symbolcol {
    width: 100px;
    height: 50px;
}

.weather .symbolcolprev {
    text-align: center;
    width: 101px;
}

.weather .firstcol {
    width: 30px;
    padding-left: 4px;
}

.weather .messagecol {
    text-align: center;
    width: 60px;
    height: 20px;
}

.weather .rain {
    text-align: center;
    height: 23px;
}

.weather .temperatur {
    line-height: 14px;
    height: 14px;
    text-align: center;
}

.weather .temperatur .ngg {
    padding-left: 20px;
}

.weather .temperatur td {
    line-height: 14px;
    height: 14px;
}

.weather .temperatur .low {
    text-align: center;
    color: #FFF;
    width: 30px;
    height: 18px;
    background-color: #3275CD;
}

.weather .temperatur .low_bw {
    text-align: center;
    color: #FFF;
    width: 30px;
    height: 18px;
    background-color: #818181;
}

.weather .temperatur .high {
    text-align: center;
    color: #fff;
    width: 30px;
    height: 18px;
    background-color: #CE4646;
}

.weather .temperatur .high_bw {
    text-align: center;
    color: #fff;
    width: 30px;
    height: 18px;
    background-color: #AFAFAF;
}

.weather .infobox {
    width: 69px;
    margin: 5px;
}

.weather .tempprev {
    margin: 0 15px;
}

.weather .source {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    vertical-align: bottom;
    position: absolute;
    font-size: 6px;
    bottom: 15px;
    right: -10px;
}/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -5px;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider.slider-disabled .slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed;
}
.slider input {
  display: none;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #3a94a5;
  background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  opacity: 0.8;
  border: 0px solid transparent;
}
.slider-handle.round {
  border-radius: 50%;
}
.slider-handle.triangle {
  background: transparent none;
}
/*!
 * Bootstrap Colorpicker
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */

.colorpicker-saturation {
  float: left;
  width: 100px;
  height: 100px;
  cursor: crosshair;
  background-image: url("/assets/img/bootstrap-colorpicker/saturation.png");
}

.colorpicker-saturation i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: -4px 0 0 -4px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.colorpicker-saturation i b {
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.colorpicker-hue,
.colorpicker-alpha {
  float: left;
  width: 15px;
  height: 100px;
  margin-bottom: 4px;
  margin-left: 4px;
  cursor: row-resize;
}

.colorpicker-hue i,
.colorpicker-alpha i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: #000;
  border-top: 1px solid #fff;
}

.colorpicker-hue {
  background-image: url("/assets/img/bootstrap-colorpicker/hue.png");
}

.colorpicker-alpha {
  display: none;
  background-image: url("/assets/img/bootstrap-colorpicker/alpha.png");
}

.colorpicker {
  top: 0;
  left: 0;
  z-index: 2500;
  min-width: 130px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
}

.colorpicker:before,
.colorpicker:after {
  display: table;
  line-height: 0;
  content: "";
}

.colorpicker:after {
  clear: both;
}

/*
.colorpicker:before {
  position: absolute;
  top: -7px;
  left: 6px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
*/

/*
.colorpicker:after {
  position: absolute;
  top: -6px;
  left: 7px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
*/

.colorpicker div {
  position: relative;
}

.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}

.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url("/assets/img/bootstrap-colorpicker/alpha.png");
  background-position: 0 100%;
}

.colorpicker-color div {
  height: 10px;
}

.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  cursor: pointer;
}

.colorpicker.colorpicker-inline {
  position: relative;
  z-index: auto;
  display: inline-block;
  float: none;
}

.colorpicker.colorpicker-horizontal {
  width: 110px;
  height: auto;
  min-width: 110px;
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}

.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  float: left;
  width: 100px;
  height: 15px;
  margin-bottom: 4px;
  margin-left: 0;
  cursor: col-resize;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 15px;
  margin-top: 0;
  background: #ffffff;
  border: none;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("/assets/img/bootstrap-colorpicker/hue-horizontal.png");
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("/assets/img/bootstrap-colorpicker/alpha-horizontal.png");
}

.colorpicker.colorpicker-hidden {
  display: none;
}

.colorpicker.colorpicker-visible {
  display: block;
}

.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}/*
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);
@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
*/

.range {
    display: table;
    position: relative;
    height: 25px;
    margin-top: 20px;
    background-color: rgb(245, 245, 245);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.range input[type="range"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    display: table-cell;
    width: 100%;
    background-color: transparent;
    height: 25px;
    cursor: pointer;
}
.range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range input[type="range"]::-moz-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    
    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    background-color: rgb(153, 153, 153);
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
.range input[type="range"] {
    outline: none;
}

.range.range-primary input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(66, 139, 202);
}
.range.range-primary input[type="range"]::-moz-slider-thumb {
    background-color: rgb(66, 139, 202);
}
.range.range-primary output {
    background-color: rgb(66, 139, 202);
}
.range.range-primary input[type="range"] {
    outline-color: rgb(66, 139, 202);
}

.range.range-success input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(92, 184, 92);
}
.range.range-success input[type="range"]::-moz-slider-thumb {
    background-color: rgb(92, 184, 92);
}
.range.range-success output {
    background-color: rgb(92, 184, 92);
}
.range.range-success input[type="range"] {
    outline-color: rgb(92, 184, 92);
}

.range.range-info input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(91, 192, 222);
}
.range.range-info input[type="range"]::-moz-slider-thumb {
    background-color: rgb(91, 192, 222);
}
.range.range-info output {
    background-color: rgb(91, 192, 222);
}
.range.range-info input[type="range"] {
    outline-color: rgb(91, 192, 222);
}

.range.range-warning input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(240, 173, 78);
}
.range.range-warning input[type="range"]::-moz-slider-thumb {
    background-color: rgb(240, 173, 78);
}
.range.range-warning output {
    background-color: rgb(240, 173, 78);
}
.range.range-warning input[type="range"] {
    outline-color: rgb(240, 173, 78);
}

.range.range-danger input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(217, 83, 79);
}
.range.range-danger input[type="range"]::-moz-slider-thumb {
    background-color: rgb(217, 83, 79);
}
.range.range-danger output {
    background-color: rgb(217, 83, 79);
}
.range.range-danger input[type="range"] {
    outline-color: rgb(217, 83, 79);
}
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* NEWS-1945: the workspace ground behind the pages, in the editor only (html#root is base_app).
   A background on body propagates to the canvas, so #hms-logo (z-index: -1) still paints above
   it, and .background-translation-indicator (translation mode) still replaces it. */
:where(#root) body {
    background-color: var(--ground);
}

*,
*:before,
*:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
}

input,
select {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

/* Square fields stay on the other pages that load this file (the PDF loader); in the editor
   (html#root) fields follow the radius scale (NEWS-1945), and on login, registration and reset
   (html#hms-login) login_registration.css does (NEWS-1984). */
:where(html:not(#root, #hms-login)) input,
:where(html:not(#root, #hms-login)) select {
    border-radius: 0px !important;
}

:where(#root) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
:where(#root) select,
:where(#root) textarea,
#root .form-control {
    border-radius: var(--radius-sm);
}

div#menu {
    width: 250px;
    position: fixed;
    top: 10px;
    left: 0px;
}

div#content {
    /*position:absolute;
    width:700px;
    height:990px;
    border:solid 1px #DDD;
    top:10px;
    left:270px;
    background:#FFF;
    box-shadow: 0px 0px 10px #CCC;
    z-index:0;
    padding:25px;*/
    /*padding:0 300px 300px 300px;*/
    /*border-left:300px solid #FFF;
    border-right:300px solid #FFF;*/
    /*transform: scale(0.5);
    ie-transform: scale(0.5);
    webkit-transform: scale(0.5);*/
}

div.contentarea {
    position: absolute;
    width: 700px;
    height: 990px;
    /* border:solid 1px #DDD; */
    top: var(--page-top, 50px);
    box-shadow: 0px 0px 10px #CCC;
    /*z-index:0;*/
    padding: 35.5px 25px;
    font-family: Verdana, Arial, sans-serif;
    color: #000;
    font-size: 12px;
    font-kerning: normal;
    letter-spacing: 0.0em;
    text-rendering: geometricPrecision;
    background-color: #FFF;
    background-size: cover;
}

div.contentarea-loading-overlay {
    position: absolute;
    width: 700px;
    height: 990px;
    top: var(--page-top, 50px);
    padding: 25px;
    font-family: Verdana, Arial, sans-serif;
    color: #000;
    background: rgba(255, 255, 255, 0.5);
    /* background:url('/assets/img/publication_loading.png') no-repeat center center rgba(255,255,255,0.5); */
}

div.contentblock {
    position: absolute;
    padding: 0px;
    box-shadow: 0 0 0 2px #FFFF inset;
    opacity: 1.0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    overflow: hidden;
}

div.main-block {
    background: transparent;
}

div.empty-block {
    background: #AAAAAA30;
}


div.sidebar-block,
div.custom-sidebar-block,
div.edited-sidebar-block {
    background: #DDD;
    /*box-shadow: 0 2px 0 2px #FFF inset, 0 2px 0 2px #FFF inset;*/
    padding: 0;
    overflow: hidden;
}

div.contentblock div.block-image {
    margin: auto 0 auto 0;
    position: absolute;
    bottom: 0px;
    padding: 3px 7px 3px 7px;
    overflow: hidden;
}

div.edited-main-block {
    background-color: #FFF7;
    overflow: hidden;
    /*box-shadow: none !important;*/
}

div.translation-update-required {
    background-image: linear-gradient(45deg, rgba(218, 181, 50, 0.2) 25%, transparent 25%, transparent 50%, rgba(218, 181, 50, 0.2) 50%, rgba(218, 181, 50, 0.2) 75%, transparent 75%, transparent) !important;
    background-size: 19px 19px !important;
}

/* NEWS-1945: the edit hint is a hint callout (hms-callout.is-hint), positioned as before. */
div.edit-hint {
    position: absolute;
    top: 30px;
    /*left: -33px;*/
    left: -45px;
    width: 147px;
    margin: auto;
    color: var(--on-brand);
    background-color: var(--hms-blue-dark);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-popover);
    padding: var(--space-8) var(--space-10);
    font-family: var(--font-ui);
    font-size: 12px;
    line-height: 1.35;
}

div.edit-hint:after {
    content: "";
    position: absolute;
    top: -2px;
    right: 50%;
    height: 10px;
    width: 10px;
    background: var(--hms-blue-dark);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    clip: rect(0px, 7px, 7px, 0px);
}

div.block {
    cursor: pointer;
}

div.extend-up {
    position: absolute;
    top: 8px;
    opacity: 0.5;
    width: 24px;
    height: 24px;
    z-index: 20;
}

div.extend-up:hover {
    opacity: 1.0;
}

div.extend-down {
    position: absolute;
    bottom: 8px;
    opacity: 0.5;
    width: 24px;
    height: 24px;
    z-index: 20;
}

div.extend-down:hover {
    opacity: 1.0;
}

div.extend-left {
    position: absolute;
    left: 8px;
    opacity: 0.5;
    width: 24px;
    height: 24px;
    z-index: 20;
}

div.extend-left:hover {
    opacity: 1.0;
}

div.extend-right {
    position: absolute;
    right: 8px;
    opacity: 0.5;
    width: 24px;
    height: 24px;
    z-index: 20;
}

div.extend-right:hover {
    opacity: 1.0;
}

div.contract-up {
    position: absolute;
    top: 8px;
    opacity: 0.5;
    width: 24px;
    height: 24px;
    z-index: 20;
}

div.contract-up:hover {
    opacity: 1.0;
}

div.contract-down {
    position: absolute;
    bottom: 8px;
    opacity: 0.5;
    width: 24px;
    height: 24px;
    z-index: 20;
}

div.contract-down:hover {
    opacity: 1.0;
}

div.contract-left {
    position: absolute;
    left: 8px;
    opacity: 0.5;
    width: 24px;
    height: 24px;
    z-index: 20;
}

div.contract-left:hover {
    opacity: 1.0;
}

div.contract-right {
    position: absolute;
    right: 8px;
    opacity: 0.5;
    width: 24px;
    height: 24px;
    z-index: 20;
}

div.contract-right:hover {
    opacity: 1.0;
}

/* resize article drag handels */

.drag-resize-up,
.drag-resize-down,
.drag-resize-right,
.drag-resize-left {
    position: absolute;
    opacity: 0.1;
    z-index: 20;
    background-color: #007aa4;
}

.drag-resize-up:hover,
.drag-resize-down:hover,
.drag-resize-left:hover,
.drag-resize-right:hover {
    opacity: 0.5;
}

div.drag-resize-up {
    top: 0px;
    left: 1%;
    width: 98%;
    height: 3px;
    cursor: ns-resize;
}

div.drag-resize-down {
    bottom: 0px;
    left: 1%;
    width: 98%;
    height: 3px;
    cursor: ns-resize;
}

div.drag-resize-left {
    top: 1%;
    left: 0px;
    width: 3px;
    height: 98%;
    cursor: ew-resize;
}

div.drag-resize-right {
    top: 1%;
    right: 0px;
    width: 3px;
    height: 98%;
    cursor: ew-resize;
}

div.size-one-button-lr {
    left: calc(50% - 12px);
    left: -moz-calc(50% - 12px);
    left: -webkit-calc(50% - 12px);
}

div.size-one-button-tb {
    top: calc(50% - 12px);
    top: -moz-calc(50% - 12px);
    top: -webkit-calc(50% - 12px);
}

div.size-two-buttons-l {
    left: calc(50% - 26px) !important;
    left: -moz-calc(50% - 26px) !important;
    left: -webkit-calc(50% - 26px) !important;
}

div.size-two-buttons-r {
    left: calc(50% + 26px) !important;
    left: -moz-calc(50% + 2px) !important;
    left: -webkit-calc(50% + 2px) !important;
}

div.size-two-buttons-t {
    top: calc(50% - 26px) !important;
    top: -moz-calc(50% - 26px) !important;
    top: -webkit-calc(50% - 26px) !important;
}

div.size-two-buttons-b {
    top: calc(50% + 26px) !important;
    top: -moz-calc(50% + 2px) !important;
    top: -webkit-calc(50% + 2px) !important;
}

.block-dragging {
    z-index: 9000;
    background-color: #CCC;
    box-shadow: 0px 0px 10px #F0F0F0 !important;
    opacity: 0.5;
}

#resize-constraint {
    position: absolute;
    border: #DDD 1px solid;
}

.ui-icon-gripsmall-diagonal-se {
    background: none !important;
}

div.select-block {
    position: absolute;
    /*height:20px;*/
    /*width:60px;*/
    width: 169px;
    height: 46px;
    /*top:calc(50% - 10px);
    top:-moz-calc(50% - 10px);
    top:-webkit-calc(50% - 10px);
    left:calc(50% - 30px);
    left:-moz-calc(50% - 30px);
    left:-webkit-calc(50% - 30px);*/
    top: 0px;
    left: 0px;
    padding-top: 28px;
    text-align: center;
    background-color: #007aa4 !important;
    font-size: 0.75em;
    color: #FFF;
}

div.select-block:hover {
    background-color: var(--hms-blue-dark) !important;
    box-shadow: none !important;
}

div.edit-block-container {
    position: absolute;
    height: 20px;
    width: 84px;
    top: calc(50% - 10px);
    top: -moz-calc(50% - 10px);
    top: -webkit-calc(50% - 10px);
    left: calc(50% - 34px);
    left: -moz-calc(50% - 34px);
    left: -webkit-calc(50% - 34px);
    z-index: 1000;
}

div.edit-block {
    border-radius: var(--radius-sm);
    background-color: var(--hms-blue) !important;
    font-size: 0.75em;
    color: #FFF;
    height: 16px;
    width: 60px;
    text-align: center;
    float: left;
    padding-top: 4px;
}

div.block-edit-inactive {
    opacity: 0.3 !important;
}

div.edit-block:hover {
    background-color: var(--hms-blue-dark) !important;
    box-shadow: none !important;
}

div.edit-block-delete {
    z-index: 100;
    position: absolute;
    /*color:#ffffff;
    background-color:#007aa4;*/
    color: #007aa4;
    top: 5px;
    right: 8px;
    width: 10px;
    height: 10px;
    padding: 0px 3px 0 0;
    margin: 0px;
    font-size: 15px;
    /*line-height:15px;*/
    text-align: center;
    cursor: pointer;
}

div.edit-block-delete:hover {
    color: var(--hms-blue-dark) !important;
    text-shadow: none !important;
}

div.block-loading-indicator {
    position: absolute;
    top: calc(50% - 7px);
    top: -moz-calc(50% - 7px);
    top: -webkit-calc(50% - 7px);
    left: calc(50% - 7px);
    left: -moz-calc(50% - 7px);
    left: -webkit-calc(50% - 7px);
}

.btn {
    font-size: 12px;
}

div.block-menu {
    position: fixed;
    left: 0;
    top: 0;
    color: #FFFFFF;
    font-size: 1.0em;
    font-weight: 700;
    height: auto;
    width: 200px;
    background: transparent;
    padding-right: 10px;
    margin-top: 40px;
    z-index: 10000;
}

/* NEWS-1945: the block menu's actions are buttons: --radius-md, a darker blue on hover. The
   active toggles and "Artikel speichern" stay gold (attention), with --on-gold text, never white. */
div.block-menu div.menu {
    border-radius: var(--radius-md);
    background-color: var(--hms-blue) !important;
    margin: 5px 0 5px 0;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    padding: 4px 14px;
    width: auto;
}

div.block-menu div.menu-active {
    background-color: var(--hms-gold) !important;
    color: var(--on-gold);
}

div.block-menu div.menu:not(.menu-active):not(.edit-done):hover {
    background-color: var(--hms-blue-dark) !important;
    box-shadow: none !important;
}

div.block-menu div.edit-done {
    background-color: var(--hms-gold) !important;
    color: var(--on-gold);
}

div.block-menu div.menu-active:hover,
div.block-menu div.edit-done:hover {
    text-decoration: underline;
}

div.block-menu div.recurrency {
    cursor: pointer;
    border-radius: var(--radius-md);
    background-color: var(--hms-blue) !important;
    margin: 5px 0 5px 0;
    cursor: pointer;
    line-height: 20px;
    vertical-align: middle;
    padding: 4px 14px;
    width: auto;
}

div.block-menu div.recurrency select {
    max-width: 150px;
    font-size: 12px;
}

div.block-menu div.recurrency div.enable-recurrence {
    max-width: 150px;
    margin-bottom: 5px;
}

div.block-menu div.recurrency input[type="checkbox"] {
    margin: 0px 5px 0px 0px;
    width: 150px;
}

div.block-menu div.recurrency button {
    width: 150px;
}

div.block-widget-marker {
    background: rgba(218, 181, 50, 0.15);
}

div.block-recurrence-marker {
    background-image: linear-gradient(45deg, rgba(90, 179, 211, 0.15) 25%, transparent 25%, transparent 50%, rgba(90, 179, 211, 0.15) 50%, rgba(90, 179, 211, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 19px 19px !important;
}

div.block-recurrence-marker-custom:hover:after,
div.block-recurrence-marker-monthly:hover:after,
div.block-recurrence-marker-yearly:hover:after,
div.block-lock-marker:hover > div.block-lock-badge {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
}

/* NEWS-1945 (review items 24 and 25): the recurrence badge (a clock and the interval) is editor
   chrome on the canvas; the PDF and publication templates never set these classes. It is as wide
   as its clock and text, with 6px corners, white on --hms-blue (4.86:1), at its old place in the
   block's top left corner. It is the block's ::after, not its ::before: an article's image is
   positioned, and painted over a badge that came before it in the block. As the block's last
   child it paints above the block's content at the block's own level, with no z-index of its
   own, so it stays under the page chip, the page menus, #menu, #tabs, the toolbar and dialogs
   (NEWS-1988), and does not take their clicks. */
div.block-recurrence-marker-custom:after,
div.block-recurrence-marker-monthly:after,
div.block-recurrence-marker-yearly:after {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: var(--space-4) var(--space-6) var(--space-4) 24px;
    border-radius: var(--radius-sm);
    color: var(--on-brand);
    font: 700 14px/16px var(--font-ui);
    white-space: nowrap;
    background-size: 14px 14px;
    background-position: var(--space-6) center;
    background-image: url('/assets/img/clock-white.png');
    background-repeat: no-repeat;
    background-color: var(--hms-blue);
    -webkit-opacity: 0.0;
    -moz-opacity: 0.0;
    opacity: 0.0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

/* custom shows the day interval (data-recurrence set on the block element) */
div.block-recurrence-marker-custom:after {
    content: attr(data-recurrence);
}

div.block-recurrence-marker-monthly:after {
    content: "M";
}

div.block-recurrence-marker-yearly:after {
    content: "Y";
}

/* NEWS-1945: the lock marker (top right) had the same fault as the recurrence badge: it was the
   block's ::before, and an article's image, positioned and later in the block, painted over it.
   The ::after is the recurrence badge's, and a block can carry both, so the marker is an element
   of its own (.block-lock-badge), placed after the block's image and before its edit controls. It
   paints above the image at the block's own level, with no z-index of its own, so it stays under
   the page chip, the page menus, #menu, #tabs, the toolbar and dialogs (NEWS-1988), and under the
   block's delete control. A click on it reaches the block, as one on the recurrence badge does.
   Editor only: the PDF and publication templates never render it. */
div.contentblock > div.block-lock-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 10px;
    width: 10px;
    padding: 5px;
    background-size: 10px 10px;
    background-position: center;
    background-image: url('/assets/img/lock.png');
    background-repeat: no-repeat;
    background-color: var(--hms-gold);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

div.block-menu div.category {
    cursor: pointer;
    border-radius: var(--radius-md);
    background-color: var(--hms-blue) !important;
    margin: 5px 0 5px 0;
    cursor: pointer;
    line-height: 20px;
    vertical-align: middle;
    padding: 4px 14px;
    width: auto;
}

div.block-menu div.category select {
    max-width: 150px;
    font-size: 12px;
}

div.block-menu div.category input[type="checkbox"] {
    margin: 0px 5px 0px 0px;
    width: 150px;
}

div.block-menu div.category button {
    width: 150px;
}

div.block-menu div.delete {
    margin: 15px 0 5px 0;
}

div.block-draggable-handle {
    /*position:absolute;
    top:10px;
    right:10px;*/
    float: right;
    width: 20px;
    height: 20px;
    border-radius: var(--radius-sm);
    background-color: var(--hms-blue);
    overflow: hidden;
}

div.block-draggable-handle:hover,
div.block-draggable-handle:active {
    background-color: var(--hms-blue-dark) !important;
    box-shadow: none !important;
}

/* The document's minimum height: it ends 36px below an A4 page at the top (1097px + its 50px). A
   page centred lower (NEWS-2039, --page-top) takes it along, so it never adds a scroll of its own. */
div#addmargin {
    position: absolute;
    height: 50px;
    width: 700px;
    top: max(1097px, calc(var(--page-top, 50px) + var(--page-box-h, 1061px) - 14px));
    left: var(--page-left, 300px);
}

/* Room after the last page, so that it scrolls clear of the sidebar. NEWS-1945 (review item 20):
   the "+" and "−" it held are on the page navigator now. NEWS-2045: 400px beside the default
   sidebar, as before; beside a wider one, 75px more than the widest the sidebar has been since the
   page loaded (--sidebar-room, which app.js raises and never lowers). If it followed the width
   itself, narrowing the sidebar while scrolled to the end would make the document narrower, the
   browser would pull the scroll back, and every page would jump. */
div#addmarginright {
    position: absolute;
    height: 990px;
    width: max(400px, calc(var(--sidebar-room) + 75px));
    top: 0px;
}

/* The other pages that load this file keep their spinner where it was. */
:where(html:not(#root)) div#loading-indicator {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 200;
}

/* NEWS-1945: in the editor the loading spinner is the last item of #editor-toolbar. */
#editor-toolbar div#loading-indicator {
    padding: var(--space-4);
}

button.minimized {
    position: fixed;
    top: 37px;
    right: 0px;
    width: 30px;
    height: 36px;
    z-index: 10000;
}

button.maximized {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 36px;
    z-index: 10000;
}

div#hms-logo {
    bottom: 3px;
    position: fixed;
    left: 3px;
    z-index: -1;
    width: 200px;
}

div#hms-logo img {
    max-width: 100%;
}

/* The legacy button look stays on the other pages that load this file (the PDF loader; html#root
   is the editor, base_app.html.twig; html#hms-login is login, registration and reset, NEWS-1984).
   :where() keeps these at the specificity of a bare `button`, as before, so e.g. Bootstrap's .btn
   font-size still wins there. */
:where(html:not(#root, #hms-login)) button {
    background-color: #007aa4 !important;
    background-image: none !important;
    border-radius: 0px !important;
    border-image: none !important;
    border-width: 1px !important;
    box-shadow: none !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-size: 12px;
}

:where(html:not(#root, #hms-login)) button:hover {
    background-color: #dab532 !important;
    box-shadow: 0px 0px 10px #dab532 !important;
}

:where(html:not(#root, #hms-login)) button[type="submit"]:hover {
    background-color: #dab532 !important;
    box-shadow: 0px 0px 10px #dab532 !important;
}

/* NEWS-1945: editor buttons on the design system, without !important. :where() keeps this at the
   specificity of a bare `button`; the #root rules below outrank Bootstrap's .btn-* states. The
   button text is chrome, so it takes --font-ui (no publication template contains a button).
   Bootstrap's semantics map onto the system: .btn-primary is the primary button, .btn-default and
   .btn-warning (only ever Cancel) are ghost buttons. Hover is --hms-blue-dark, never gold. */
:where(#root) button {
    background-color: var(--hms-blue);
    background-image: none;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    box-shadow: none;
    color: var(--on-brand);
    text-shadow: none;
    font-family: var(--font-ui);
    font-size: 12px;
}

:where(#root) button:hover {
    background-color: var(--hms-blue-dark);
}

/* NEWS-1945: focus rings (review item 14). A mouse click leaves no ring: the browser's default
   ring, and Bootstrap's on .btn:focus, ignore the control's shape (on Martin's Mac a blue frame
   stood inside the A4 segment after a click). Keyboard focus (:focus-visible) shows one ring that
   fits the control: an outline with an offset (--focus-ring) on a standalone control, an inset
   ring (--focus-ring-inset) on a part of one, navy on gold, white on the blues. */
#root a:focus:not(:focus-visible),
#root button:focus:not(:focus-visible),
#root .btn:focus:not(:focus-visible),
#root .btn:active:focus:not(:focus-visible) {
    outline: 0;
}

#root button:focus-visible,
#root .btn:focus-visible {
    outline: var(--focus-ring);
    outline-offset: 2px;
}

#root .dropdown-menu>li>a:focus-visible {
    outline: 0;
    box-shadow: var(--focus-ring-inset);
}

#root .btn {
    border-radius: var(--radius-md);
    font-family: var(--font-ui);
    font-weight: 700;
    text-shadow: none;
    box-shadow: none;
}

/* Bootstrap's .btn:hover/.btn:focus set #333, which the legacy !important used to mask: on a blue
   button that is dark text on blue. The ghost and segment rules below come later and win. */
#root .btn,
#root .btn:hover,
#root .btn:focus,
#root .btn:active {
    color: var(--on-brand);
}

#root .btn-primary,
#root .btn-primary:focus {
    background-color: var(--hms-blue);
    border-color: var(--hms-blue);
    color: var(--on-brand);
}

#root .btn-primary:hover,
#root .btn-primary:active,
#root .btn-primary.active {
    background-color: var(--hms-blue-dark);
    border-color: var(--hms-blue-dark);
    color: var(--on-brand);
}

#root .btn-default,
#root .btn-default:focus,
#root .btn-warning,
#root .btn-warning:focus {
    background-color: var(--surface);
    border-color: var(--border-control);
    color: var(--hms-blue-dark);
}

#root .btn-default:hover,
#root .btn-default:active,
#root .btn-default.active,
#root .btn-warning:hover,
#root .btn-warning:active {
    background-color: var(--hms-blue-light);
    border-color: var(--border-control);
    color: var(--hms-blue-dark);
}

/* NEWS-1945: a button on the blue sidebar (the translation packages under Settings, and any other
   plain <button> in a sidebar panel). The editor's plain button is --hms-blue, the sidebar's own
   ground, so there it showed only its white text. On the sidebar a button is white with
   --hms-blue-dark text, light blue on hover, and a white focus ring that shows on the blue. */
#tabs button {
    box-sizing: border-box;
    min-height: var(--control-h);
    padding: var(--space-8) var(--space-14);
    border: 0;
    border-radius: var(--radius-md);
    background-color: var(--surface);
    color: var(--hms-blue-dark);
    font: var(--ui-tab);
    line-height: 1.3;
    text-align: left;
    white-space: normal;
}

#tabs button:hover,
#tabs button:active {
    background-color: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

#tabs button:focus-visible {
    outline: 2px solid var(--on-brand);
    outline-offset: 2px;
}

input[type="submit"] {
    background-color: #007aa4 !important;
    background-image: none !important;
    border-radius: 0px !important;
    border-image: none !important;
    border-width: 1px !important;
    box-shadow: none !important;
    color: #FFF !important;
    text-shadow: none !important;
}

input[type="submit"]:hover {
    background-color: #dab532 !important;
    box-shadow: 0px 0px 10px #dab532 !important;
}

button.pushWebsite {
    left: 0px;
}

button.pushFacebook {
    left: 0px;
}

/* NEWS-1945: the editor toolbar, top left of the workspace. It stacks in the 300px gutter left
   of the first page (the pages start at left: 300px, top: 50px, and must not move). The save
   button shows only while there are unsaved changes, as before (ng-show in base_app).
   It is fixed to the window: it stays at its place at the top left whatever the pages' scroll
   (review item 17, decided: the whole toolbar is pinned). Scrolled sideways, it may cover a strip of
   a page; it stays above the canvas at --z-floating-action and below the sidebar, dialogs, tooltips
   and the loading overlay. Only its controls take clicks, not the room its box spans beside them. */
div#editor-toolbar {
    position: fixed;
    top: var(--space-16);
    left: var(--space-16);
    z-index: var(--z-floating-action);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-10);
    font-family: var(--font-ui);
    pointer-events: none;
}

div#editor-toolbar > * {
    pointer-events: auto;
}

/* PDF: a segmented control whose first segment names it; each format segment downloads that
   format (getPDF), so the label is not a button of its own. */
div.pdf {
    display: inline-flex;
    align-items: stretch;
    height: var(--control-h);
    box-sizing: border-box;
    border: 1px solid var(--border-control);
    border-radius: var(--radius-md);
    background-color: var(--surface);
    overflow: hidden;
}

#iconPdfDownload {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    padding: 0 var(--space-12);
    color: var(--hms-blue-dark);
    font: var(--ui-button);
}

div.pdfBtn {
    display: flex;
}

#root div.pdfBtn button {
    box-sizing: border-box;
    min-width: 48px;
    height: 100%;
    padding: 0 var(--space-12);
    border: 0;
    border-left: 1px solid var(--border-control);
    border-radius: 0;
    background-color: transparent;
    color: var(--ink);
    font: var(--ui-button);
}

#root div.pdfBtn button:focus,
#root div.pdfBtn button:active {
    color: var(--ink);
}

/* a segment's ring sits inside it; the control's overflow and corners clip the end segments */
#root div.pdfBtn button:focus-visible {
    outline: 0;
    box-shadow: var(--focus-ring-inset);
}

#root div.pdfBtn button:hover {
    background-color: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

/* NEWS-1945 (review item 7): the page navigator, the design system's page navigator (.hms-pages)
   on the editor's own markup: a white chip above the marked page's top right corner, left of the
   sidebar, above the pages' top edge (they start at 50px). The page in view is --hms-blue
   (aria-current); on the last page, "+" and "−" are dashed buttons (review item 20). A click
   leaves no ring; keyboard focus gets --focus-ring.
   Each page's own menu ("2 - Seitenmenü"), the TA menu and the translation title sit in the same
   band above the pages and scroll with them; the toolbar sits in it at the top left. The chip
   never takes their clicks: it has the canvas' z-index and comes after the pages, so it stays
   above a page scrolled up under it, while those controls sit at --z-canvas-overlay and the
   toolbar at --z-floating-action, above it. positionPageNavigator() sets an inline right: the
   page's right edge, or --space-8 left of the page's TA menu or title, clear of its page menu. */
/* Review item 26: slim, 36px high, so that at rest --space-8 or more stays between it and the pages'
   top edge (50px), and centred on the tab strip's centre line (--button-lg-h high, at the top of
   the window), so that its text is level with the tab labels whatever the strip's height. */
nav#page-navigator {
    position: fixed;
    top: calc(var(--button-lg-h) / 2);
    right: calc(var(--sidebar-w) + var(--space-16));
    z-index: var(--z-canvas);
    display: inline-flex;
    align-items: center;
    gap: var(--space-4);
    padding: 2px var(--space-8);
    transform: translateY(-50%);
    border-radius: var(--radius-md);
    background-color: var(--surface);
    box-shadow: var(--shadow-chip);
    font-family: var(--font-ui);
}

nav#page-navigator > span {
    margin-right: var(--space-4);
    color: var(--ink-muted);
    font-size: 14px;
}

#root nav#page-navigator button {
    box-sizing: border-box;
    height: 32px;
    min-width: 32px;
    padding: 0 var(--space-10);
    border: 0;
    border-radius: var(--radius-sm);
    background-color: transparent;
    color: var(--ink);
    font: var(--ui-button);
    font-size: 14px;
}

#root nav#page-navigator button:hover {
    background-color: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

#root nav#page-navigator button[aria-current="page"] {
    background-color: var(--hms-blue);
    color: var(--on-brand);
}

#root nav#page-navigator button.add-page,
#root nav#page-navigator button.remove-page {
    border: 1px dashed var(--border-control);
    color: var(--ink-muted);
}

/* Review item 20, decision e (comment 26492): where the chip would not stay --space-8 clear of the
   page's menu, the "Page" label goes first (the buttons keep their aria-labels), then its buttons
   get slightly narrower (a digit still has room), and where that is still too wide, it collapses
   to one "Page 8 ▾" button that opens the page list. positionPageNavigator() sets the classes. */
nav#page-navigator.is-compact {
    gap: 2px;
    padding: 2px var(--space-6);
}

#root nav#page-navigator.is-compact button {
    min-width: 28px;
    padding: 0 var(--space-6);
}

nav#page-navigator.is-bare > span {
    display: none;
}

#root nav#page-navigator > button.page-navigator-toggle,
nav#page-navigator.is-collapsed > span,
#root nav#page-navigator.is-collapsed > button {
    display: none;
}

nav#page-navigator.is-collapsed {
    padding: 2px;
}

/* The collapsed chip: "Seite" in the label's muted ink, the marked page's number, a chevron. */
#root nav#page-navigator.is-collapsed > button.page-navigator-toggle {
    display: inline-flex;
    align-items: center;
    gap: var(--space-6);
}

nav#page-navigator .page-navigator-toggle span {
    color: var(--ink-muted);
    font-weight: 400;
}

nav#page-navigator .page-navigator-toggle i {
    color: var(--ink-muted);
    font-size: 10px;
}

#root nav#page-navigator > button.page-navigator-toggle[aria-expanded="true"] {
    background-color: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

/* While the page list is open, the chip is on the highest menu layer: the list hangs over the
   page, its menus and its blocks' edit controls. Closed, the chip is back at the canvas' level. */
nav#page-navigator.is-open {
    z-index: var(--z-block-menu);
}

/* The page list: a white dropdown like the editor's other lists (the page menu's, the block
   menu's), right-aligned under the button, with a pointer of the same fill. The marked page is
   --hms-blue, as on the chip; "+" and "−" follow a divider. */
nav#page-navigator ul#page-navigator-list {
    position: absolute;
    top: calc(100% + var(--space-8));
    right: 0;
    box-sizing: border-box;
    min-width: 180px;
    margin: 0;
    padding: var(--space-4);
    list-style: none;
    border-radius: var(--radius-md);
    background-color: var(--surface);
    box-shadow: var(--shadow-popover);
}

nav#page-navigator ul#page-navigator-list::before {
    content: "";
    position: absolute;
    top: -5px;
    right: 18px;
    width: 10px;
    height: 10px;
    background-color: var(--surface);
    transform: rotate(45deg);
}

nav#page-navigator ul#page-navigator-list li.separator {
    height: 1px;
    margin: var(--space-4) 0;
    background-color: var(--border-subtle);
}

#root nav#page-navigator ul#page-navigator-list button {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--space-8);
    width: 100%;
    padding: 0 var(--space-10);
    font: var(--ui-tab);
    font-size: 14px;
    text-align: left;
    white-space: nowrap;
}

#root nav#page-navigator ul#page-navigator-list button i {
    width: 12px;
    color: var(--ink-muted);
}

/* keyboard focus on a row: the inset ring of the editor's other dropdown rows (review item 14) */
#root nav#page-navigator ul#page-navigator-list button:focus-visible {
    outline: 0;
    box-shadow: var(--focus-ring-inset);
}

/* on the marked page's blue row the ring is --on-brand, as on the other blues */
#root nav#page-navigator ul#page-navigator-list button[aria-current="page"]:focus-visible {
    box-shadow: inset 0 0 0 2px var(--on-brand);
}

/* "Ausgabe speichern": gold means a pending save, with --on-gold text, never white. */
/* A long label (translation mode: "Übersetzte Ausgabe speichern") wraps inside the gutter rather
   than reaching the first page, which starts at left: 300px. */
#root button.savechanges {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    box-sizing: border-box;
    min-height: var(--control-h);
    max-width: calc(300px - 2 * var(--space-16));
    padding: var(--space-6) var(--space-16);
    white-space: normal;
    text-align: left;
    border: 0;
    background-color: var(--hms-gold);
    color: var(--on-gold);
    box-shadow: var(--glow-pending);
    font: var(--ui-button);
    line-height: 1.2;
}

#root button.savechanges:hover,
#root button.savechanges:focus,
#root button.savechanges:active {
    background-color: var(--hms-gold);
    color: var(--on-gold);
}

#root button.savechanges:focus-visible {
    outline-color: var(--hms-navy);
}

#root button.translatepub {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    box-sizing: border-box;
    min-height: var(--control-h);
    max-width: calc(300px - 2 * var(--space-16));
    padding: var(--space-6) var(--space-16);
    white-space: normal;
    text-align: left;
    font: var(--ui-button);
    line-height: 1.2;
}

/* NEWS-1945: the sidebar's width is one value, --sidebar-w, which the editor sets to 325px
   (the design system's 320px would need the tile grid reworked). Its width, its slide-out and
   what sits beside it (#publicationTypeEditor, the page navigator) all take it from here, so a
   later drag-to-resize changes one custom property. */
#root {
    --sidebar-w: 325px;
}

/* NEWS-2045: the user drags the sidebar's left edge (#sidebar-resize, or its arrow keys) to change
   --sidebar-w, which app.js then sets inline on html#root and remembers per user; a double click
   goes back to the 325px above. --sidebar-w-min is the narrowest width at which three tiles still
   fit beside a classic 17px scrollbar (3 x 96px plus the panel's insets) and the widest tab strip
   (a staff account's, in German, in DejaVu Sans) is not cut off. The widest is half the window,
   never more than --sidebar-w-cap (Martin, comment 26522); below 1400px app.js also keeps page 1
   clear of it (NEWS-2039). app.js reads all three from here. */
#root {
    --sidebar-w-min: 310px;
    --sidebar-w-cap: 560px;
    --sidebar-room: 0px;
}

/* NEWS-2039: where the pages sit. On the desktop page 1 starts at left 300px and top 50px, with the
   toolbar pinned in the gutter beside it (NEWS-1945). Everything placed against the pages takes the
   same two values: the pages and their loading overlays, the translation title, the room after the
   last page (#addmarginright) and the document's minimum height (#addmargin). */
#root {
    --page-left: 300px;
}

/* NEWS-2039 (comment 26538, decision 2 of comment 26577): in a window taller than they need, the
   pages, and with them their page menus (30px above each page, inside it), sit in its middle; in a
   lower one they stay at the top, at 50px, as before. The toolbar and the page chip stay at the top.
   --page-h is the paper format's page height (pageHeight, set on body in base_app, whose inline
   style overrides the A4 default here); the page box adds div.contentarea's 35.5px padding above
   and below. It is declared here, on body, where --page-h is set, so that var() resolves it. */
#root body {
    --page-h: 990px;
    --page-box-h: calc(var(--page-h, 990px) + 71px);
    --page-top: max(50px, calc((100vh - var(--page-box-h)) / 2));
}

/* NEWS-2039, decision 1 (option b): with the sidebar open, an A4 page (750px with its padding) fits
   beside the 300px gutter only in a window of 1385px or more (the edge handle straddles the sidebar's
   border by 10px, 22px on a touch screen). Below 1400px the toolbar is a column of icons,
   --touch-min wide, and page 1 starts --space-12 right of it: at 1180 x 820 an A4 page ends at 822px,
   left of the sidebar (855px) and its handle, and an A5 page at 640px. The pages keep their size and
   nothing is scaled, so the drag and drop and the block resizing work as before; the desktop (1400px
   and wider) is unchanged. Each label stays in the toolbar for screen readers.
   An a4_long paper (body.paper-a4-long, base_app) keeps the desktop layout: its 400px page fits beside
   the gutter at 1180 x 820 (it ends at 700px), and its PDF formats ("A4 (Druck)", "DIN lang") would
   not fit a --touch-min column. */
@media (max-width: 1399px) {
    #root body:not(.paper-a4-long) {
        --page-left: calc(var(--space-16) + var(--touch-min) + var(--space-12));
    }

    body:not(.paper-a4-long) #editor-toolbar .toolbar-label {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    /* the logo (200px) no longer fits the gutter: page 1 would cut it off */
    body:not(.paper-a4-long) div#hms-logo {
        display: none;
    }

    #root body:not(.paper-a4-long) button.savechanges,
    #root body:not(.paper-a4-long) button.translatepub {
        justify-content: center;
        width: var(--touch-min);
        min-height: var(--touch-min);
        padding: 0;
    }

    /* PDF: the download icon above one segment per format, each --touch-min square */
    body:not(.paper-a4-long) div.pdf {
        flex-direction: column;
        height: auto;
    }

    body:not(.paper-a4-long) #iconPdfDownload {
        justify-content: center;
        height: var(--touch-min);
        padding: 0;
    }

    #root body:not(.paper-a4-long) div.pdfBtn button {
        min-width: var(--touch-min);
        height: var(--touch-min);
        padding: 0;
        border-left: 0;
        border-top: 1px solid var(--border-control);
    }
}

/* NEWS-2039, decisions 3 and 4: on a touch screen the icon tabs of the sidebar strip and logout are
   --touch-min wide (and --button-lg-h high), except on a staff account's wider strip (below). The
   sidebar's edge handle and a tile's delete icon keep their look and take taps on a --touch-min
   square around them, a transparent ::before: centred on the 20px handle (hidden, the sidebar leaves
   the handle at the window's edge, so its square reaches to the left), and in the tile's top right
   corner for the delete icon (3px in from it). The tile preview (#article-tooltip) has no tap
   alternative: a long press would compete with the touch drag of NEWS-2040. */
@media (pointer: coarse) {
    #tabs {
        --tab-icon-w: var(--touch-min);
    }

    /* A staff account's strip has a fourth icon tab (Admin, the sixth tab): four --touch-min icons
       and the three labels do not fit 325px, and the labels must never be cut off, so its icon tabs
       keep their desktop width (inherited from :root). */
    #tabs:has(.nav-tabs > li:nth-child(6)) {
        --tab-icon-w: inherit;
    }

    #tabs #ui-toggle::before {
        content: "";
        position: absolute;
        top: -2px;
        bottom: -2px;
        left: calc(-2px - (var(--touch-min) - 20px) / 2);
        right: calc(-2px - (var(--touch-min) - 20px) / 2);
    }

    #root.sidebar-collapsed #tabs #ui-toggle::before {
        left: calc(18px - var(--touch-min));
        right: -2px;
    }

    div.tab-article div.delete::before,
    div.tab-image div.delete::before {
        content: "";
        position: absolute;
        top: -3px;
        right: -3px;
        width: var(--touch-min);
        height: var(--touch-min);
    }

    /* NEWS-2040: a touch held on a drag source starts the editor's own drag (hms-touch-drag.js).
       An image in one (a block's move handle, the column icons of the masthead, header image and
       games tiles) must not start the iPad's drag of the image instead: that cancels the touch. */
    .ui-draggable img {
        -webkit-user-drag: none;
    }
}

/* NEWS-1945: the sidebar is chrome, so the chrome font goes here and never on html/body. Hidden,
   it slides out by position, never with a transform: its tiles are jQuery UI drag sources, and a
   transform on an ancestor breaks the drag helper's position. A --sidebar-edge strip stays, with
   the handle on it. */
div#tabs {
    position: fixed;
    background-color: var(--hms-blue);
    font-family: var(--font-ui);
    height: 100%;
    width: var(--sidebar-w);
    top: 0px;
    right: 0px;
    z-index: var(--z-sidebar);
    transition: right 0.5s ease;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -ms-transition: right 0.5s ease;
}

#root.sidebar-collapsed div#tabs {
    right: calc(var(--sidebar-edge) - var(--sidebar-w));
}

/* NEWS-1945 (review item 15): the show/hide handle, centred on the sidebar's left border and
   straddling it; it moves with the sidebar. 20 x 56px (a hit area taller than --touch-min), a
   white chevron on --hms-blue-dark, 85% opaque at rest; on hover a --hms-blue-light line runs
   along the whole edge. The two ids outrank the white sidebar buttons (#tabs button). */
#tabs #ui-toggle {
    position: absolute;
    top: 50%;
    left: -10px;
    z-index: var(--z-sidebar-control);
    box-sizing: border-box;
    width: 20px;
    height: 56px;
    min-height: 0;
    margin-top: -28px;
    padding: 0;
    border: 2px solid var(--on-brand);
    border-radius: var(--radius-pill);
    background-color: var(--hms-blue-dark);
    box-shadow: var(--shadow-chip);
    color: var(--on-brand);
    font-size: 10px;
    line-height: 52px;
    text-align: center;
    opacity: 0.85;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

/* hidden, the sidebar leaves only --sidebar-edge on screen: the handle keeps its whole shape by
   ending at the window's edge instead of straddling the strip's border */
#root.sidebar-collapsed #tabs #ui-toggle {
    left: calc(var(--sidebar-edge) - 20px);
}

#tabs #ui-toggle:hover {
    opacity: 1;
    background-color: var(--hms-blue-dark);
    color: var(--on-brand);
}

#tabs:has(> #ui-toggle:hover)::before,
#tabs:has(> #sidebar-resize:hover)::before,
#tabs:has(> #sidebar-resize:focus-visible)::before,
#root.sidebar-resizing #tabs::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 4px;
    background-color: var(--hms-blue-light);
}

/* NEWS-2045: the rest of the sidebar's left edge resizes it, with the mouse or the arrow keys
   (app.js); the handle keeps its clicks, because it comes after the edge on the same layer. An
   --space-8 strip over the border, mostly outside it, so that the inline forms on the headings
   (also at --z-sidebar-control, later in the page) do not take it. While it is under the pointer,
   focused or dragged, the edge shows the handle's --hms-blue-light line (above); no width is shown
   on screen (comment 26702). It changes --sidebar-w only, never a
   transform: the tiles are jQuery UI drag sources. Not on a touch screen (comment 26522: no
   resizing on touch; the handle stays), and not while the sidebar is hidden. */
#tabs #sidebar-resize {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-1 * var(--space-6));
    z-index: var(--z-sidebar-control);
    width: var(--space-8);
    cursor: col-resize;
}

#tabs #sidebar-resize:focus {
    outline: 0;
}

#root.sidebar-collapsed #tabs #sidebar-resize {
    display: none;
}

@media (pointer: coarse) {
    #tabs #sidebar-resize {
        display: none;
    }
}

/* during a drag the pointer keeps the resize cursor and selects no text, wherever it is */
#root.sidebar-resizing,
#root.sidebar-resizing * {
    cursor: col-resize;
    -webkit-user-select: none;
    user-select: none;
}

.tabset-height {
    height: 100% !important;
}

.papers-calendar-container {
    position: relative;
    height: calc(100%);
    height: -moz-calc(100%);
    height: -webkit-calc(100%);
    overflow: hidden !important;
    position: relative;
}

/* NEWS-1945 (review items 22 and 23): the Paper tab is a column under the tab strip. The saved
   papers take all the height down to the "Neue Ausgabe erstellen" section, --space-8 above it, and
   scroll inside it; that section is as tall as its content, or only its heading when collapsed.
   .tab-content is as tall as the whole sidebar (it runs the strip's height past its end, hidden);
   this pane stops at the sidebar's end instead. While the list goes on below its end, a shadow
   along that edge says so (more-below, set in app.js). */
#tabs .tab-content>.tab-pane.active:has(> .mypapers-container) {
    display: flex;
    flex-direction: column;
    height: calc(100% - var(--button-lg-h));
}

/* ... so that column follows the sidebar's own height: .tab-content's 640px minimum and 1280px
   maximum would put the calendar's end below a short window or above the end of a tall one */
#tabs .tab-content:has(> .tab-pane.active > .mypapers-container) {
    min-height: 0;
    max-height: none;
}

.mypapers-container {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.mypapers-container:not(:last-child) {
    margin-bottom: var(--space-8);
}

/* the shadow sticks to the bottom of the list's visible area and takes no room; the container
   itself stays unpositioned: the paper menu (hmsPublicationMenu) is placed in it by coordinates
   relative to the sidebar */
.mypapers-container>.scrolling-container::after {
    content: '';
    position: sticky;
    bottom: 0;
    display: block;
    height: var(--space-16);
    margin-top: calc(-1 * var(--space-16));
    box-shadow: var(--shadow-scroll-more);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.mypapers-container.more-below>.scrolling-container::after {
    opacity: 1;
}

.mypapers-container>.heading-papers {
    flex: none;
}

.tab-content>.tab-pane {
    height: 100%;
}

.independent-publications {
    position: absolute;
    top: 397px;
}

.independent-publications-container {
    height: 141px;
}

.shared-source-publications {
    display: block;
    width: 100%;
    overflow: overlay;
}

.scrolling-container {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 100%;
}

/* NEWS-1945: one scroll area per sidebar panel. Martin saw two scrollbars side by side (three in
   the Paper tab): the panel's list of categories scrolled, and so did the open category's own
   tile list inside it. Now only the list of categories scrolls (the accordion-height panel group
   in Articles and Images, sized from accordionHeightThreshold as before; the column under
   "Gespeicherte Ausgaben" in Paper), and a category's tiles are part of it. Their infinite
   loading follows that scroll area (infiniteScroll in app.js). flow-root keeps the floated tiles
   inside their list, which its own scrolling used to do. */
.accordion-height .scrolling-container {
    display: flow-root;
    overflow: visible;
    max-height: none;
}

.mypapers-container>.scrolling-container {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
}

.mypapers-container .papers-accordion>.panel-group {
    overflow: visible;
}

/* NEWS-1945 (tester feedback, comment 26574): a scroll area of the sidebar keeps its gestures. At
   the end of its list, the wheel or trackpad does not go on to scroll the pages behind the sidebar.
   Only on the panels' own scroll areas (the saved papers; the category lists of Articles and
   Images), never on everything inside them: an overflow: hidden box (a heading's name, the search
   field) counts as a scroll container too, and with contain it would swallow the wheel, so the list
   around it would stop scrolling. Sideways gestures over the parts that do not scroll are stopped
   in app.js. -x for older Safari. */
#tabs .mypapers-container>.scrolling-container,
#tabs .accordion-height>.panel-group {
    overscroll-behavior: contain;
    overscroll-behavior-x: contain;
}

/* Thin scrollbars on the blue: a translucent white thumb on a transparent track, so no grey or
   white gutter runs beside the sidebar. scrollbar-color inherits; scrollbar-width does not, hence
   the descendants. Chrome, Edge and Firefox use these; Safari the ::-webkit-scrollbar rules below,
   kept in their own blocks so a browser that rejects that selector keeps these. */
#tabs {
    scrollbar-color: var(--scrollbar-thumb) transparent;
}

#tabs * {
    scrollbar-width: thin;
}

#tabs ::-webkit-scrollbar {
    width: var(--scrollbar-w);
    height: var(--scrollbar-w);
}

#tabs ::-webkit-scrollbar-track {
    background: transparent;
}

#tabs ::-webkit-scrollbar-thumb {
    border-radius: var(--radius-pill);
    background: var(--scrollbar-thumb);
}

#tabs ::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}

/* The workspace and the white panels beside the sidebar: a darker thumb, lightly themed. html is
   the viewport's scroller; only scrollbar properties go on it, never a font. */
:where(#root) {
    scrollbar-color: var(--scrollbar-thumb-ground) transparent;
}

#root::-webkit-scrollbar,
#publicationTypeEditor::-webkit-scrollbar {
    width: var(--scrollbar-w);
    height: var(--scrollbar-w);
}

#root::-webkit-scrollbar-track,
#publicationTypeEditor::-webkit-scrollbar-track {
    background: transparent;
}

#root::-webkit-scrollbar-thumb,
#publicationTypeEditor::-webkit-scrollbar-thumb {
    border-radius: var(--radius-pill);
    background: var(--scrollbar-thumb-ground);
}

#root::-webkit-scrollbar-thumb:hover,
#publicationTypeEditor::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-ground-hover);
}

/* NEWS-1945 (review item 19): the toolbar hmsCategoryEdit puts in a category heading has no box of
   its own: its icons are items of the heading's row, beside the share icon (see the heading row). */
div.category-edit {
    display: contents;
}

div.category-add,
div.category-rename,
div.category-remove,
div.category-copy,
div.category-upload,
div.category-use,
div.type-remove {
    position: absolute;
    top: 9px;
    width: 16px;
    height: 22px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    color: var(--on-brand);
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    transition: background-color 0.2s ease, width 0.5s ease;
    -webkit-transition: background-color 0.2s ease, width 0.5s ease;
    -moz-transition: background-color 0.2s ease, width 0.5s ease;
    -ms-transition: background-color 0.2s ease, width 0.5s ease;
    cursor: pointer;
}

input.category-add-name {
    color: var(--ink);
}

/* NEWS-1979: per-category loading spinner in the accordion heading. */
/* The ng-if sits on this wrapper, not on the spinning icon inside: ngAnimate waits for an
   element's own CSS animation before it finishes an enter or leave, and fa-spin never ends, so an
   icon with ng-if on itself stayed on screen after its load was done (NEWS-1945). */
/* NEWS-1945: every lazily loaded group shows it (review item 11), always as fa-refresh fa-spin.
   It is the last item of the heading's name row (review item 19), after the count, so it sits
   left of all the heading's icons whichever of them are there, and at the row's end in a group
   without actions (imported content). While changePublicationType's own inline spinner is
   showing, only that one shows. */
.category-loading {
    flex: none;
    padding: 0 var(--space-4);
    background-color: var(--hms-blue-heading);
    font-size: 14px;
    color: var(--on-brand);
}

/* NEWS-1945 (review item 28): a section or category heading under the pointer takes the sidebar's
   one hover fill, the same as a tab of the strip (--sidebar-hover); its icons keep their own hover.
   Not while something is dragged over it: then it is a drop target, in gold (below). The loading
   icon's backing follows. */
#tabs .my-accordion>.panel-heading:not(.category-drop-target):hover,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading:not(.category-drop-target):hover,
#tabs .panel-heading:not(.category-drop-target):hover .category-loading {
    background-color: var(--sidebar-hover);
}

/* a category turns gold while something is dragged over it (hmsCategoryDroppable); the indicator's
   backing follows, and its icon takes --on-gold with the rest of the heading */
#tabs .panel-heading.category-drop-target .category-loading {
    background-color: var(--hms-gold);
}

.panel-heading:has(.loading-inline-tab) .category-loading {
    display: none;
}

div.category-add,
div.category-remove,
div.category-use {
    right: 5px;
}

div.category-shared {
    position: absolute;
    top: 9px;
    right: 5px;
    width: 16px;
    height: 22px;
    text-align: center;
    padding: 5px;
    color: var(--on-brand);
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    transition: background-color 0.2s ease, width 0.5s ease;
    -webkit-transition: background-color 0.2s ease, width 0.5s ease;
    -moz-transition: background-color 0.2s ease, width 0.5s ease;
    -ms-transition: background-color 0.2s ease, width 0.5s ease;
    cursor: pointer;
}

div.category-upload {
    opacity: 0.7;
    cursor: default;
}

div.type-shared {
    position: absolute;
    top: 9px;
    right: 5px;
    width: 16px;
    height: 22px;
    text-align: center;
    padding: 5px;
    color: var(--on-brand);
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}


div.article-search {
    position: absolute;
    top: 3px;
    width: 16px;
    right: 26px;
    height: 23px;
    top: 7px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    overflow: hidden;
    transition: background-color 0.2s ease, width 0.5s ease;
    cursor: pointer;
    display: inline-block;
    z-index: 5;
}

div.category-type {
    top: 0px !important;
}

div.category-use i {
    padding-top: 7px;
}

div.category-rename {
    right: 30px;
}

div.category-copy {
    right: 24px;
}

div.category-add {
    top: 9px;
    display: inline-block;
    z-index: var(--z-sidebar-control);
}

/* NEWS-1945 (review items 16 and 18): the inline forms (new category, rename category, new paper
   type) cover their whole heading as one row: a field that looks like the search field, then the
   ✓ and ✗ actions as squares of the field's height, each a Font Awesome icon (fa-check, fa-times)
   rather than the old 20px PNGs, which were blurry when scaled. Field and actions are
   --input-h-compact high with --ui-input-compact text on a fine pointer, and --control-h with
   --ui-input (16px, so iPad Safari does not zoom on focus) on a coarse one (below).
   The add icon that holds a new category or new paper type form stops being a box
   (display: contents), so the form is laid out over the heading rather than inside the icon; the
   rename form sits in the heading's toolbar, which has no box either. */
#tabs div.category-add:has(> .category-add-form, > .publicationtype-add-form) {
    display: contents;
}

div.category-add-form,
div.category-rename-form,
div.publicationtype-add-form {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-sidebar-control);
    display: flex;
    align-items: center;
    gap: var(--space-8);
    padding: 0 var(--space-14);
    background-color: var(--hms-blue-heading);
    text-align: left;
    cursor: default;
}

div.publicationtype-add-form div.publication-type-name {
    flex: 1 1 auto;
    min-width: 0;
}

div.category-add-form input,
div.category-rename-form input,
div.publicationtype-add-form input {
    flex: 1 1 auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: var(--input-h-compact);
    margin: 0;
    padding: 0 var(--space-12);
    border: 0;
    border-radius: var(--radius-sm);
    box-shadow: none;
    background-color: var(--surface);
    color: var(--ink);
    font: var(--ui-input-compact);
}

div.category-add-form input::placeholder,
div.category-rename-form input::placeholder,
div.publicationtype-add-form input::placeholder {
    color: var(--ink-muted);
}

div.category-add-form input:focus,
div.category-rename-form input:focus,
div.publicationtype-add-form input:focus {
    outline: none;
    box-shadow: var(--focus-ring-inset);
}

/* the format of a new paper type (A4, A5, ...): a label beside the field; no overflow rule here,
   the open dropdown menu is a child of this div and must not be clipped */
div.publicationtype-add-form div.dropdown {
    flex: none;
    max-width: 62px;
    font-size: 11px;   /* the format menu's rows, as before */
    line-height: 27px;
    white-space: nowrap;
}

div.publicationtype-add-form div.dropdown > a.dropdown-toggle {
    /* a long format label stays on one line */
    display: inline-block;
    color: var(--on-brand);
    font: var(--ui-tab);
    max-width: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/* ✓ and ✗: square icon actions. The click handlers are bound to the div; a click on the icon
   inside bubbles up to it. Outside the forms (the paper settings dialog's ✓) they keep their
   place at the top right of their container. */
div.ok,
div.cancel {
    position: absolute;
    top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 19px;
    padding: 5px;
    border-radius: var(--radius-sm);
    background-color: var(--hms-blue);
    cursor: pointer;
    color: var(--on-brand);
    font-size: 16px;
    transition: background-color 0.2s ease;
}

div.ok {
    right: 31px;
}

div.cancel {
    right: 5px;
}

#publicationTypeEditor div.ok {
    right: 3px;
}

div.ok:hover,
div.cancel:hover {
    background-color: var(--hms-blue-dark);
}

div.category-add-form div.ok,
div.category-add-form div.cancel,
div.category-rename-form div.ok,
div.category-rename-form div.cancel,
div.publicationtype-add-form div.ok,
div.publicationtype-add-form div.cancel {
    position: static;
    flex: none;
    box-sizing: border-box;
    width: var(--input-h-compact);
    height: var(--input-h-compact);
    padding: 0;
}

/* NEWS-1945: the search and clear buttons sit inside the white search field. */
div.search {
    position: absolute;
    right: 38px;
    top: 0;
    width: 36px;
    height: var(--input-h-compact);
    padding: 0;
    text-align: center;
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--ink-muted);
    font-size: 16px;
    line-height: var(--input-h-compact);
    transition: background-color 0.2s ease;
}

div.search:hover {
    background-color: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

/* NEWS-1945: the clear button of the search field: an icon on the white field, not the
   white-on-blue square of the inline forms. */
div.article-search-form div.cancel {
    right: 2px;
    top: 0;
    width: 36px;
    height: var(--input-h-compact);
    padding: 0;
    border-radius: var(--radius-sm);
    background-color: transparent;
    color: var(--ink-muted);
    font-size: 16px;
}

div.article-search-form div.cancel:hover {
    background-color: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

div.category-add i {
    padding-top: 0;
}

div.publicationtype-add-form div.publication-format-chooser {
    position: relative;
    width: 100px;
    top: 6px;
    height: 16px;
    float: left;
    margin-left: 10px;
    visibility: hidden;
}

div.publication-format-chooser input {
    position: relative;
    display: inline-block;
    width: 15px;
    float: left;
    margin-top: -4px;
}

div.publication-format-chooser span {
    position: relative;
    display: inline-block;
    width: 15px;
    float: left;
    color: white;
}

div.publication-format-chooser span:hover {
    color: white;
}

.accordion-toggle:focus {
    outline: none;
}

.accordion-height>div {
    margin-bottom: 0px;
    max-height: none !important;
    height: inherit;
}

.sub-accordion>.panel-heading {
    padding-left: var(--space-14);
}

/* The title link stays full width so the whole heading opens the group. */
.sub-accordion>.panel-heading .panel-title {
    width: 100%;
}

/* NEWS-1945 (review item 19): a category heading is one row. The title (name, count, loading icon)
   takes all the width the heading's actions leave, and the actions that are there follow it at the
   right: PDF upload, share, settings, copy, remove, in that order whichever directive added them
   (hmsCategoryEdit, hmsArticleShare, hmsPublicationShare). An action that is not there takes no
   room: the share icon exists only for hotels with linked hotels, PDF upload is display: none
   unless it is enabled. So the count sits --space-8 left of the first action, and a heading without
   the share icon gives its width to the name. Not the search row (the field spans the heading). */
#tabs .sub-accordion:not(.search-accordion)>.panel-heading {
    display: flex;
    align-items: center;
    min-height: var(--sidebar-row-h);
    padding-top: 0;
    padding-bottom: 0;
}

#tabs .sub-accordion:not(.search-accordion)>.panel-heading>.panel-title {
    flex: 1 1 auto;
    min-width: 0;
}

#tabs .sub-accordion:not(.search-accordion)>.panel-heading>.panel-title:not(:last-child) {
    margin-right: var(--space-8);
}

#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-upload,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-shared,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading>.article-share,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading>.publication-share,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-rename,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-copy,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-remove {
    position: static;
    flex: none;
}

/* the icon actions sit close together (review item 21): 22px wide, 32px high each */
#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-upload,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-shared,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-rename,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-copy,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-remove {
    padding: 5px 3px;
}

#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-upload {
    order: 1;
}

#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-shared,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading>.article-share,
#tabs .sub-accordion:not(.search-accordion)>.panel-heading>.publication-share {
    order: 2;
}

#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-rename {
    order: 3;
}

#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-copy {
    order: 4;
}

#tabs .sub-accordion:not(.search-accordion)>.panel-heading div.category-remove {
    order: 5;
}

/* NEWS-1945 (review item 8): the title is a row itself: the name, which gives way with an
   ellipsis, then how many items the category holds, which stays whole. The name fills the row: it
   carries click handlers (an image category's upload target, switching the paper type) that must
   answer on the whole heading, as before, not only on the name's text. A paper type shared with
   this hotel carries its share mark in the row too, after the count. */
#tabs .sub-accordion:not(.search-accordion)>.panel-heading .panel-title a>span {
    display: flex;
    align-items: center;
    gap: var(--space-6);
}

#tabs .sub-accordion:not(.search-accordion)>.panel-heading .panel-title a>span>div {
    flex: 1 1 auto;
    align-self: stretch;   /* the row's full height, even for an empty name */
    min-width: 0;
    max-width: 100%;
}

#tabs .sub-accordion:not(.search-accordion)>.panel-heading .panel-title a>span>div.type-shared {
    position: static;
    flex: none;
    align-self: center;
}

.sub-accordion .pub-type-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tabs .category-count {
    flex: none;
    padding: 0 var(--space-4);
    border-radius: var(--radius-pill);
    background-color: var(--border-on-brand);
    color: var(--on-brand);
    font: var(--ui-sidebar-count);
}

/* NEWS-1945: the search row is a white field on the blue ground, not a heading: --input-h-compact
   high on a fine pointer, --control-h on a coarse one (review item 18). */
#tabs .search-accordion>.panel-heading {
    display: block;
    width: auto;
    min-height: 0;
    padding: var(--space-12) var(--space-14);
    background-color: transparent;
    border-bottom: 0;
}

#tabs .search-accordion .panel-title {
    display: block;
    width: auto;
}

.search-accordion .panel-body a {
    padding-left: 5px !important;
}

div.article-search-form {
    position: relative;
    height: var(--input-h-compact);
    box-sizing: border-box;
    padding: 0 76px 0 var(--space-12);
    border-radius: var(--radius-sm);
    background-color: var(--surface);
    cursor: text;
}

div.article-search-form:focus-within {
    box-shadow: inset 0 0 0 2px var(--hms-blue);
}

.search-accordion input {
    width: 100%;
    height: var(--input-h-compact);
    padding: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    font: var(--ui-input-compact);
    color: var(--ink);
}

.search-accordion input::placeholder {
    color: var(--ink-muted);
}

.search-accordion input:focus {
    outline: none;
}

/* NEWS-1945 (review item 18): on a touch screen the sidebar's fields and their icon actions keep the
   touch size and 16px text: iPad Safari zooms the page into any field with smaller text on focus. */
@media (pointer: coarse) {
    div.article-search-form,
    .search-accordion input,
    div.search,
    div.article-search-form div.cancel,
    div.category-add-form input,
    div.category-rename-form input,
    div.publicationtype-add-form input {
        height: var(--control-h);
    }

    div.search {
        line-height: var(--control-h);
    }

    #tabs .sub-accordion:not(.search-accordion)>.panel-heading {
        min-height: var(--control-h);
    }

    .search-accordion input,
    div.category-add-form input,
    div.category-rename-form input,
    div.publicationtype-add-form input {
        font: var(--ui-input);
    }

    div.category-add-form div.ok,
    div.category-add-form div.cancel,
    div.category-rename-form div.ok,
    div.category-rename-form div.cancel,
    div.publicationtype-add-form div.ok,
    div.publicationtype-add-form div.cancel {
        width: var(--control-h);
        height: var(--control-h);
    }
}

.search-results {
    overflow-y: auto;
}

.empty-search-result {
    padding: var(--space-8) var(--space-14);
    color: var(--on-brand);
}

.my-accordion div.accordion {
    overflow-y: auto;
    margin-bottom: 0px !important;
}

div.scrolldown {
    position: absolute;
    bottom: 0px;
    left: 53px;
    width: 200px;
    height: 40px;
    background: url("/assets/img/scroll-down.png") no-repeat scroll center center rgba(255, 255, 255, 0.5);
}

div.scrolldown:hover {
    background: url("/assets/img/scroll-down.png") no-repeat scroll center center rgba(218, 181, 50, 0.5);
}

div.scrollup {
    position: absolute;
    top: 0px;
    left: 53px;
    width: 200px;
    height: 40px;
    background: url("/assets/img/scroll-up.png") no-repeat scroll center center rgba(255, 255, 255, 0.5);
}

div.scrollup:hover {
    background: url("/assets/img/scroll-up.png") no-repeat scroll center center rgba(218, 181, 50, 0.5);
}

/* NEWS-2079: the upload area at the end of the Images tab: the drop tile and, beside it, where the
   images go. The panel group above ends in a 20px margin; the space-16 below is the room that
   accordionHeightImageThreshold (app.js) leaves under it, so the tile never meets the sidebar's
   bottom edge. The area is outside the list's scroll area and does not move when the list scrolls. */
#upload-new-image {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    box-sizing: border-box;
    width: 100%;
    padding: 0 var(--space-14) var(--space-16);
    color: var(--on-brand);
}

#upload-new-image div.tab-image-dropzone {
    flex: 0 0 auto;
    margin: 0;
}

/* where the images go; a long category name wraps, and past three lines ends in an ellipsis (its
   title shows it whole), so the text never grows taller than the tile */
#upload-new-image p.upload-target {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font: var(--ui-small);
    overflow-wrap: anywhere;
}

#upload-new-image .upload-target-label,
#upload-new-image .upload-target-formats {
    display: block;
}

#upload-new-image .upload-target-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    font-weight: 600;
}

#upload-new-image .upload-target-formats {
    margin-top: var(--space-6);
    font: var(--ui-small);
}

/* NEWS-1945: logout is the icon at the end of the tab strip. The float sits beside the strip
   (.nav-tabs is a flex container, so it never runs under it) and carries the strip colour. */
div.logout {
    background-color: var(--hms-blue-strip);
    float: right;
    width: var(--tab-icon-w);
    height: var(--button-lg-h);
    color: var(--on-brand);
    font-size: 16px;
    line-height: var(--button-lg-h);
    text-align: center;
    transition: background-color 0.2s ease, right 0.5s ease, opacity 0.5s ease;
    -webkit-transition: background-color 0.2s ease, right 0.5s ease, opacity 0.5s ease;
    -moz-transition: background-color 0.2s ease, right 0.5s ease, opacity 0.5s ease;
    -ms-transition: background-color 0.2s ease, right 0.5s ease, opacity 0.5s ease;
    cursor: pointer;
}

div.logout:hover {
    background-color: var(--hms-blue-dark);
}

div.tabbable {
    height: calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
}

div.tab-content {
    height: 100%;
    overflow: hidden;
    min-height: 640px;
    max-height: 1280px;
}

/* NEWS-1945: a tile is --tile-w x --tile-h, white, with 6px corners and a resting shadow that
   does not change on hover. The thumbnail painters (the backgroundImage directive, the thumb
   repair in angular-controller/app.js) set background-image, -size and -position inline on the
   tile itself, so the tile stays the painted element: background-origin puts the thumbnail in
   the content box, and the bottom padding is the band the title (and the meta row) sit in.
   The grid gap is --space-8, not --space-12: three tiles need 3 x (8 + 88) = 288px, and beside a
   classic 17px scrollbar (a browser that ignores scrollbar-width: thin) 325 - 17 = 308px is left.
   No transform, here or on hover: tiles are jQuery UI drag sources. */
div.tab-article {
    box-sizing: border-box;
    width: var(--tile-w);
    height: var(--tile-h);
    background-color: var(--surface);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    background-origin: content-box;
    margin: var(--space-8) 0 0 var(--space-8);
    float: left;
    padding: var(--space-6) var(--space-6) 30px;
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-tile);
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

div.tab-article.with-info {
    padding-bottom: 54px;
}

/* A saved paper's tile is its page and its date (NEWS-1945 review). The page thumbnail is a
   200 x 300 screenshot (generateThumbnail in helper.php); the tile opts into
   background-image-fit="width", so it fills the inner width from the top, and the tile is as
   tall as that thumbnail plus a 20px date band: no white band beside the page, no empty space
   under the date. The date, "17.09.2026" with " /2", " /3" for further papers of the day, is
   regular and narrowly inset, so it fits one line. */
.mypapers-container div.tab-article {
    height: calc(var(--space-6) + (var(--tile-w) - 2 * var(--space-6)) * 1.5 + 20px);
    padding-bottom: 20px;
}

.mypapers-container div.tab-article span {
    height: 20px;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    font: var(--ui-tile-date);
}

/* NEWS-1571: the search/article list tile is a clean, fully contained flex row.
   Everything lives in a bounded child so the article thumbnail can never bleed
   over the text, and headline/category/snippet each read on their own line. */
div.tab-article-list {
    width: calc(100% - 30px);
    max-width: 300px;
    height: 100px;
    box-sizing: border-box;
    background-color: #FFF;
    /* NEWS-1571: the thumbnail JS paints article renders onto tiles by id/data-id
       (meant for the grid, where the tile IS the preview). In the list view the
       thumb lives in .article-list-image - never on the tile itself. */
    background-image: none !important;
    margin: 10px 0 10px 10px;
    float: left;
    padding: 6px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

div.tab-article-list i {
    padding: 0;
    color: #007AA4 !important;
    position: absolute;
    right: 5px;
}

div.article-list-image {
    flex: 0 0 60px;
    width: 60px;
    height: 78px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    border: 1px solid #eee;
    overflow: hidden;
}

div.article-list-info {
    flex: 1 1 auto;
    min-width: 0;              /* allow the flex child to shrink so text can truncate */
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
}

/* the markup separates rows with <br/>; the flex column handles spacing instead */
div.article-list-info br {
    display: none;
}

div.article-list-info>span {
    color: #000 !important;
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

div.article-list-info>span.article-list-headline {
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article-list-text {
    display: -webkit-box;
    font-size: 11px;
    line-height: 1.35;
    color: #555 !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* NEWS-1571: shorten the snippet when a category line is also shown */
.article-list-text.has-category {
    -webkit-line-clamp: 2;
}

div.article-list-info>span.article-list-category {
    font-size: 11px;
    font-weight: 600;
    color: #007AA4 !important;   /* brand blue so the category is the line that stands out */
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 2px;
}

/* the info column must clear the absolute meta bar (2x12 + date, 36px) in with-info tiles */
div.tab-article-list.with-info div.article-list-info {
    padding-bottom: 38px;
}

div.tab-article.current-publication {
    box-shadow: var(--ring-selected);
}

div.tab-article div.delete,
div.tab-image div.delete,
div.tab-image div.delete-info,
div.tab-article div.delete-info {
    color: #007aa4;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 10px;
    height: 10px;
    padding: 0px 3px 0 0;
    margin: 0px;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
}

div.tab-image div.delete-info {
    cursor: default;
}

div.tab-article div.delete:hover,
div.tab-image div.delete:hover,
div.tab-image div.delete-info:hover,
div.tab-article div.delete-info:hover {
    color: var(--hms-blue-dark);
}

div.tab-article div.column-selector {
    height: 10px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 66px;
}

div.tab-article div.column-selector div {
    background-color: var(--hms-blue);
    border-radius: var(--radius-sm);
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    margin: 1px;
    padding: 2px;
    text-align: center;
    width: 16px;
    height: 20px;
}

div.tab-article div.column-selector div:hover {
    background-color: var(--hms-blue-dark);
}

/* NEWS-1945: the title band at the bottom of a tile; opaque, so the painted thumbnail never
   runs under the text. */
div.tab-article span {
    background-color: var(--surface);
    color: var(--ink);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    box-sizing: border-box;
    padding: 3px var(--space-6) 0;
    overflow: hidden;
    font: var(--ui-tile-label);
}

div.tab-article div.with-info {
    height: 115px !important;
}

div.tab-article.with-info span {
    bottom: 24px;
}

div.left-info div.article-info div.block-indicator-page {
    float: left !important;
}

div.tab-article-list.left-info div.article-info {
    padding-left: 8px;
}

/* NEWS-1945: the meta row (size, and for imported articles the draggable column pickers). */
div.tab-article div.article-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 24px;
    box-sizing: border-box;
    padding-left: var(--space-6);
    border-top: 1px solid var(--border-subtle);
    background-color: var(--surface);
    color: var(--ink-muted);
    font: var(--ui-micro);
}

/* An imported article offers up to three column pickers, each a drag source (hms-draggable):
   at a fixed 26px all three fit the 82px of the row, with a two-digit height. */
div.tab-article div.article-info div.block-indicator-page {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
    width: 26px;
    height: 23px;
    margin: 0;
    padding: 0;
    border-radius: var(--radius-sm);
}

/* own articles carry a single "w x h" indicator instead */
div.tab-article.left-info div.article-info div.block-indicator-page {
    justify-content: flex-start;
    width: auto;
}

div.tab-article div.article-info div.block-indicator-page:hover {
    background-color: var(--hms-blue-light);
}

/* the column icons are white PNGs, drawn for the old blue meta bar */
div.tab-article div.article-info div.block-indicator-container,
div.tab-article div.article-info div.block-indicator-container-custom {
    position: static;
    width: 12px;
    height: 15px;
    background-size: contain;
    background-position: center;
    filter: brightness(0);
    opacity: 0.6;
}

div.tab-article div.article-info div.block-indicator-page-size,
div.tab-article div.article-info div.block-indicator-page-size-custom {
    position: static;
    width: auto;
    font-size: inherit;
    line-height: 23px;
    opacity: 1;
}

div.tab-article-list div.article-info {
    position: absolute;
    bottom: 0px;
    left: -5px;
    font-size: 0.8em;
    color: #FFF;
    height: 36px;
    width: 100%;
    padding-left: 5px;
    background-color: #007AA4;
}

div.tab-article-list.with-info {
    height: 151px !important;
}

div.article-info div.block-indicator-page {
    /* border:1px solid #FFF; */
    height: 35px;
    width: 20px;
    float: left;
    margin-left: 7px;
    position: relative;
}

div.article-info div.block-indicator-page:hover {
    background-color: var(--hms-blue-dark);
}

div.article-info div.block-indicator-page-size {
    opacity: 0.7;
    font-size: 12px;
    position: absolute;
    width: 20px;
    text-align: center;
}

div.article-info div.block-indicator-page-size-custom {
    opacity: 0.7;
    font-size: 12px;
    position: absolute;
    left: 30px;
    top: 0px;
    width: 50px;
    line-height: 36px;
}

div.article-info div.block-indicator-container {
    position: relative;
    top: 2px;
    left: 2px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

div.article-info div.block-indicator-container-custom {
    position: relative;
    top: 7px;
    left: 2px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

div.article-creation-date {
    float: right;
    padding-right: 13px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}

div#drag-helper {
    display: none;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 100;
}

div.drag-helper-create-copy {
    background-color: rgba(128, 128, 128, 0.2) !important;
}

div.copy-marker {
    position: absolute;
    bottom: 0px;
    right: 10px;
    color: #FFF;
    font-size: 36px;
}

div.tab-article.add {
    width: 70px;
    height: 100px;
    background-color: #FFF;
    margin: 10px;
    padding: 5px;
    overflow: hidden;
    float: left;
}

div.tab-publication.add {
    width: 70px;
    height: 100px;
    background-color: #FFF;
    padding: 5px;
    overflow: hidden;
    float: left;
    margin: 10px 0px 10px 10px;
}

div.tab-article.add div,
div.tab-publication.add div {
    position: relative;
    color: #BBB;
    font-size: 70px;
    text-align: center;
}

div.image-scroll-wrapper {
    position: relative;
}

/* NEWS-1945: image tiles are tiles too; see div.tab-article. */
div.tab-image {
    box-sizing: border-box;
    width: var(--tile-w);
    height: var(--tile-h);
    background-color: var(--surface);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    background-origin: content-box;
    margin: var(--space-8) 0 0 var(--space-8);
    float: left;
    padding: var(--space-6) var(--space-6) 30px;
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-tile);
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

/* NEWS-2079: the drop tile reads as an upload target: a dashed control border and a large upload
   icon in the brand blue. The whole tile is the button (FineUploader puts its file input there). */
div.tab-image-dropzone {
    background: var(--surface);
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    border: 2px dashed var(--border-control);
    color: var(--hms-blue);
    text-align: center;
}

div.tab-image-dropzone .qq-uploader,
div.tab-image-dropzone .qq-upload-button {
    height: 100%;
}

div.tab-image-dropzone .qq-upload-button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
}

/* state shows through the fill (docs/design-system.md, Focus) */
div.tab-image-dropzone:hover {
    background: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

/* while a file is dragged over the window the drop area covers the tile (dnd.js shows and hides it);
   over the tile itself it turns brand blue: "drop here" */
div.tab-image-dropzone .sidebar-drop-area {
    position: absolute;
    inset: 0;
    background: var(--hms-blue-light);
    color: var(--hms-blue-dark);
    font-size: 36px;
}

/* centred without flex: dnd.js shows the area with an inline display: block */
div.tab-image-dropzone .sidebar-drop-area i {
    position: absolute;
    inset: 0;
    width: fit-content;
    height: fit-content;
    margin: auto;
}

div.tab-image-dropzone .sidebar-drop-area.is-drop-active {
    background: var(--hms-blue);
    color: var(--on-brand);
}

div.tab-image span {
    background-color: var(--surface);
    color: var(--ink);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    box-sizing: border-box;
    padding: 3px var(--space-6) 0;
    overflow: hidden;
    font: var(--ui-tile-label);
}

/* the image's name: one line, a longer name ends in an ellipsis; its title shows it whole */
div.tab-image > span.editInline {
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.imageDropzone {
    position: absolute;
    bottom: 0px;
    /*background:url('/assets/img/image_dropzone.png') center center no-repeat #DDD;*/
    background: #DDD;
    width: 950px;
    height: 76.25px;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #FFF inset;
}

div.imageAdded {
    position: absolute;
    bottom: 0px;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    overflow: hidden;
}

div.imageDropzone img {
    cursor: pointer;
    max-width: 100%;
    margin: auto;
    padding-top: 7px;
}

/* NEWS-1945: the image menu on a block is a white popover with rounded rows. */
div.imageMenu {
    position: absolute;
    z-index: var(--z-canvas-popover);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-popover);
    background-color: var(--surface);
    color: var(--ink);
    margin: 10px 10px 10px 0;
}

div.imageMenu ul li {
    list-style: none;
    cursor: pointer;
    margin: 5px;
    padding: 5px;
    border-radius: var(--radius-sm);
}

div.imageMenu ul li:hover {
    background: var(--hms-blue-light);
    color: var(--hms-blue-dark);
    cursor: pointer;
}

/* NEWS-1945: accordion panels in the sidebar: 44px headings in --hms-blue-heading, divided by
   a hairline, over the --hms-blue ground. Sub-accordion headings are indented one step. */
.panel-group .panel {
    margin-bottom: 0;
    overflow: visible;
    border-radius: 0px;
    border-bottom: 1px solid var(--border-on-brand);
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    box-shadow: none;
}

.panel-group .panel+.panel {
    margin-top: 0px;
}

.panel-default>.panel-heading {
    background-color: var(--hms-blue-heading);
    font-weight: bold;
    position: relative;
    color: var(--on-brand);
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
}

.panel-heading {
    box-sizing: border-box;
    min-height: var(--control-h);
    padding: 13px var(--space-14) 12px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.panel-title {
    font: var(--ui-heading);
    margin: 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 80%;
}

.panel-heading .panel-title a {
    padding-left: 0;
    text-decoration: none;
    display: block;
}

/* NEWS-1945: a category heading while an article or image is dragged over it (set by
   hmsCategoryDroppable): the attention colour, so the text and icons on it are --on-gold. */
#tabs .panel-heading.category-drop-target {
    background-color: var(--hms-gold);
}

#tabs .panel-heading.category-drop-target,
#tabs .panel-heading.category-drop-target * {
    color: var(--on-gold);
}

/* a long category name ends in an ellipsis instead of doubling the heading's height */
#tabs .panel-title a>span>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* NEWS-1945: the sidebar's own, smaller type scale (hms-tokens.css): category headings in
   --ui-sidebar-heading, the section headers above them in --ui-sidebar-section, both semibold. */
#tabs .panel-title {
    font: var(--ui-sidebar-heading);
}

#tabs .my-accordion>.panel-heading .panel-title,
#tabs .accordion-settings .panel-title {
    font: var(--ui-sidebar-section);
}

.panel-title span {
    text-decoration: none;
}

.panel-title-margin {
    margin-left: 5px;
}

.panel-body {
    background-color: var(--hms-blue);
    padding: 0;
    position: relative;
}

.accordion-settings .panel-body {
    padding: 7px 0 !important;
}

.text-muted {
    color: var(--on-brand);
}

.panel-body {
    color: var(--on-brand);
}

.panel-body a {
    color: var(--on-brand);
    padding-left: 15px;
}

.progress {
    border-radius: var(--radius-sm);
}

.panel-inner {
    padding: 0px !important;
}

h4.panel-title div.btn-group {
    right: -30px;
}

h4.panel-title div.btn-group label {
    border-radius: 0;
    border: 0;
    padding: 0 var(--space-8);
    line-height: 18px;
    background-color: transparent;
    color: var(--on-brand);
    opacity: 0.6;
}

h4.panel-title div.btn-group label.active,
.btn-success:active,
.btn-success:focus,
.btn-success:active:focus,
.btn-success:active:hover {
    border-radius: 0;
    border-image-width: 0;
    box-shadow: none;
    background-color: transparent;
    color: var(--on-brand);
    opacity: 1;
}

div#publicationSettingsCtrl {
    padding: 10px;
}

div.publication-type-settings,
div.publication-design-settings,
div.translation-settings {
    padding: 0px 10px 10px 10px;
    margin-top: -5px;
}

div.publication-type-settings input.publication-name {
    width: 293px;
    height: 25px;
    border: 1px solid #CCC;
    padding-left: 5px;
    color: #333;
}

div.publication-type-settings div.minicolors {
    width: 296px;
    height: 30px;
    margin-bottom: 5px;
    border: 1px solid #CCC;
}

div.publication-type-settings div.rgb-input input {
    margin-top: 5px;
    vertical-align: middle;
    width: 30px;
    height: 25px;
    margin-right: 5px;
    padding-top: 2px;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: none;
    text-align: center;
    color: #333;
}

div.publication-type-settings div.rgb-input-label {
    display: inline-block;
    vertical-align: top;
    background-color: #FFF;
    color: #000;
    width: 20px !important;
    height: 22px !important;
    text-align: center;
    border-top: 1px solid #CCC;
    border-right: none;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    padding-top: 6px;
    margin-top: 5px;
    padding-right: 1px;
}

div.publication-type-settings button {
    margin-top: 30px;
    width: 283px;
    height: 30px;
}

div.publication-type-settings div.headline-color-mode label {
    font-size: 12px;
}

div.translation-settings button {
    margin-top: var(--space-8);
    width: 100%;
}

div.print-settings {
    padding-top: 10px;
}

.nav {
    margin-bottom: 0 !important;
}

#tabs .tab-content {
    background-color: var(--hms-blue);
}

/* NEWS-1945: the tab strip. A flex container establishes its own formatting context, so it sits
   beside the floated logout icon instead of running under it. The #tabs prefix outranks
   Bootstrap's .nav-tabs states without !important.
   Labels must never be cut off, in German or English, with the widest strip (Help, Settings, the
   Admin tab of staff accounts, logout): the icon tabs are --tab-icon-w, the labels --ui-tab, and
   the label tabs share what is left. test/frontend/editor_chrome.test.js checks it with a font
   wider than San Francisco. The ellipsis stays only as a last resort for a future longer label.
   NEWS-2045: the label tabs are inset --space-4, so that the widest strip also fits the narrowest
   sidebar (--sidebar-w-min); where the strip has room, the label tabs share it equally and look as
   with a wider inset. */
#tabs .nav-tabs {
    display: flex;
    height: var(--button-lg-h);
    background-color: var(--hms-blue-strip);
    border-bottom: 0;
}

#tabs .nav-tabs>li {
    float: none;
    flex: 1 1 auto;
    min-width: 0;
    height: var(--button-lg-h);
    margin-bottom: 0;
}

#tabs .nav-tabs>li:has(.fa) {
    flex: 0 0 var(--tab-icon-w);
}

.nav>li {
    position: relative;
    display: block;
    font-weight: bold;
}

#tabs .nav-tabs>li>a {
    box-sizing: border-box;
    height: var(--button-lg-h);
    margin: 0;
    padding: 0 var(--space-4);
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: var(--on-brand);
    font: var(--ui-tab);
    line-height: var(--button-lg-h);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

#tabs .nav-tabs>li:has(.fa)>a {
    padding: 0;
}

#tabs .nav-tabs>li>a .fa {
    font-size: 16px;
}

/* review item 28: the one hover fill of the sidebar, shared with the category headings */
#tabs .nav-tabs>li>a:hover {
    background-color: var(--sidebar-hover);
}

/* A clicked tab keeps the focus; that is not a hover, so it gets no fill. Keyboard focus is a
   white ring inside the tab (with the gold underline, if it is the active one). */
#tabs .nav-tabs>li>a:focus {
    outline: 0;
}

#tabs .nav-tabs>li>a:focus-visible {
    box-shadow: inset 0 0 0 2px var(--on-brand);
}

#tabs .nav-tabs>li.active>a,
#tabs .nav-tabs>li.active>a:hover,
#tabs .nav-tabs>li.active>a:focus {
    background-color: transparent;
    box-shadow: inset 0 -3px 0 var(--hms-gold);
    color: var(--on-brand);
    cursor: default;
}

#tabs .nav-tabs>li.active>a:focus-visible {
    box-shadow: inset 0 -3px 0 var(--hms-gold), inset 0 0 0 2px var(--on-brand);
}

div.heading-papers {
    box-sizing: border-box;
    background-color: var(--hms-blue-heading);
    display: block;
    padding: 0 var(--space-14);
    color: var(--on-brand);
    border-bottom: 1px solid var(--border-on-brand);
    width: 100%;
    cursor: default;
    position: relative;
    height: var(--control-h);
    font: var(--ui-sidebar-section);
    line-height: 43px;
}

div.heading-images {
    cursor: default;
}

/*  CALENDAR ------------------------------------ */

/* NEWS-1945: the "Neue Ausgabe erstellen" calendar under the saved papers. It is as tall as its
   content (the heading plus FullCalendar's own height option, 250px in the fullCalendar
   directive): its fixed 300px box used to hang about 49px out of the container. The grid is a
   rounded panel of rounded day cells; today is --hms-navy, the loaded paper's day --hms-blue, and
   the month buttons are small white buttons. Every rule is scoped to #calendar, which outranks
   fullcalendar.css without the !important these used to carry. */
div#calendar-container {
    flex: none;
    background-color: var(--hms-blue);
}

/* review item 23: the heading opens and closes the section, like the other groups; collapsed,
   only the heading stays. The calendar keeps its width while collapsed (no display: none), so
   FullCalendar's columns are still right when it opens again. */
#calendar-container button.heading {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: var(--control-h);
    margin: 0;
    padding: 0 var(--space-14);
    border: 0;
    border-top: 1px solid var(--border-on-brand);
    border-bottom: 1px solid var(--border-on-brand);
    border-radius: 0;
    background-color: var(--hms-blue-heading);
    color: var(--on-brand);
    font: var(--ui-sidebar-section);
    text-align: left;
    cursor: pointer;
}

#calendar-container button.heading:hover {
    background-color: var(--sidebar-hover);
}

#calendar-container button.heading:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 2px var(--on-brand);
}

#calendar-body {
    padding-bottom: var(--space-8);
}

#calendar-container.calendar-collapsed #calendar-body {
    height: 0;
    padding-bottom: 0;
    overflow: hidden;
    visibility: hidden;
}

div#calendar {
    position: relative;
    margin: var(--space-4) var(--space-12) 0;
}

td.ui-widget-content {
    cursor: pointer;
}

.ui-draggable-dragging {
    z-index: 20000;
}

#calendar .fc-header-title {
    padding-top: var(--space-10);
}

#calendar .fc-header-title h2 {
    margin-top: 0;
    color: var(--on-brand);
    font: var(--ui-sidebar-section);
    white-space: nowrap;
}

#calendar .fc-button {
    height: 28px;
    margin-top: var(--space-6);
    padding: 0 var(--space-8);
    border: 0;
    border-radius: var(--radius-sm);
    background-color: var(--surface);
    background-image: none;
    box-shadow: none;
    color: var(--hms-blue-dark);
    line-height: 28px;
    text-shadow: none;
}

#calendar .fc-button + .fc-button {
    margin-left: var(--space-4);
}

#calendar .fc-button.fc-state-hover {
    background-color: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

#calendar .fc-text-arrow {
    font-family: var(--font-ui);
    font-size: 18px;
}

/* FullCalendar sets every column but the last to a seventh of the width it measures, rounded down,
   and gives the last one the rest. Padding around the grid or border-spacing between its cells is
   width it does not know about, and all of it came out of Sunday (23px beside 43px). The gaps are
   drawn inside the cells instead: a transparent border the cell's background stops at
   (background-clip), which FullCalendar counts in each column's outer width. */
#calendar .fc-content {
    border-radius: var(--radius-md);
    background-color: var(--hms-blue-heading);
    overflow: hidden;
}

/* NEWS-2045: with a resizable sidebar the calendar has any width, and Sunday took up to 6px more
   than the other days. FullCalendar measures this panel, so app.js makes it a multiple of seven
   pixels wide (not CSS round(), which older browsers drop), and it is centred here: a seventh of it,
   rounded down, is then exact. */
#calendar .fc-content {
    margin: 0 auto;
}

#calendar .fc-border-separate th,
#calendar .fc-border-separate td {
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background-clip: padding-box;
}

#calendar .fc-border-separate th {
    background-color: transparent;
    color: var(--on-brand);
    font-size: 12px;
    font-weight: 600;
}

#calendar td.fc-day {
    background-color: var(--surface);
    color: var(--hms-blue-dark);
    font-size: 11px;
    cursor: pointer;
}

#calendar td.fc-day:hover,
#calendar td.fc-day.fc-day-selected {
    background-color: var(--hms-blue-light);
}

#calendar td.fc-day.fc-day-selected {
    box-shadow: inset 0 0 0 2px var(--hms-blue);
}

#calendar td.fc-day.fc-today {
    background-color: var(--hms-navy);
    color: var(--on-brand);
}

#calendar .fc-event {
    height: 29px;
    border: 0;
    border-radius: var(--radius-sm);
    background-color: var(--hms-blue);
    background-size: auto 50%;
    color: var(--on-brand);
    font-size: 11px;
    text-shadow: none;
    cursor: pointer;
}

/* NEWS-1945: dialogs on the design system: 12px corners, a grey header and footer, a stronger
   backdrop. The wrapper keeps its legacy offset; div.modal outranks Bootstrap's .modal, so the
   !important it carried was not needed. */
div.modal {
    border: none;
    left: -25%;
}

#root .modal-content {
    border: 0;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-panel);
}

div.modal label,
div.modal input {
    float: left;
}

div.modal label {
    width: 150px;
    margin-right: 10px;
    padding-top: 5px;
    font-weight: bold;
}

div.modal input {
    width: 300px;
    margin-right: 10px;
    padding-top: 5px;
    font-weight: bold;
}

/* The header and footer are chrome; the body is left alone, as some dialogs edit article text. */
#root .modal-header {
    padding: var(--space-16) var(--space-24);
    border-bottom: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    background-color: var(--surface-sunken);
    font-family: var(--font-ui);
    color: var(--ink-strong);
}

#root .modal-header h3,
#root .modal-header h4 {
    margin: 0;
    font-family: var(--font-ui);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

#root .modal-footer {
    padding: var(--space-12) var(--space-24);
    border-top: 1px solid var(--border-subtle);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    background-color: var(--surface-sunken);
    font-family: var(--font-ui);
}

#root .modal-backdrop {
    background-color: var(--backdrop);
}

#root .modal-backdrop.in {
    opacity: 1;
}

/* NEWS-2053: once the session has ended, only its dialog is shown (logoutTimeoutDialog puts
   is-logged-out on body, the window and the backdrop). Everything else under body is hidden,
   not just covered, so the layers above the modal (block menu, drag proxy, loading overlay,
   tooltip) go too. display, because Bootstrap and plugins set visibility on descendants;
   !important, because jQuery's show() writes an inline display. The backdrop is kept and made
   opaque whichever dialog created it: ui-bootstrap shares one backdrop between all open dialogs,
   so when another dialog was open first it does not carry is-logged-out. */
#root body.is-logged-out > :not(.is-logged-out):not(.modal-backdrop) {
    display: none !important;
}

#root body.is-logged-out > .modal-backdrop {
    background-color: var(--ground);
}

div.userlist {
    position: relative;
    background: url("/assets/img/user.png") no-repeat scroll left center transparent;
    height: 40px;
    margin-left: 15px;
    padding: 20px 50px 0 0;
}

div.userlist span.user {
    padding-left: 35px;
    font-weight: bold;
}

div#menu {
    background: #FFF;
    z-index: 10;
}

div.userlist div.menu {
    position: absolute;
    right: 0px;
    top: 20px;
    text-align: left;
    padding-left: 15px;
    cursor: pointer;
}

#imgControlButtons {
    position: relative;
    background: #007aa4 !important;
    border: 0px !important;
    width: 90px !important;
    height: 120px !important;
    left: 236px;
    top: -48px;
    color: #FFF;
    padding: 10px;
    margin-left: 10px;
}

#imgControlButtons a {
    color: #FFF !important;
}

#close_imageControl {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    padding: 0px 5px;
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--hms-blue-dark);
}

#close_imageControl:hover {
    background: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

.image-menu-item {
    border-radius: var(--radius-sm);
    width: 50px;
    height: 15px;
    margin: 0px 10px;
    padding: 0px 5px 5px 5px;
    float: left;
    cursor: pointer;
}

.image-menu-item:hover {
    text-decoration: none;
    background-color: var(--hms-blue-dark) !important;
    box-shadow: none !important;
}

.mce-panel {
    height: 35px !important;
    /*width:526px !important;*/
    width: 650px !important;
}

#dropbox {
    position: fixed;
    top: 50px;
    left: 1040px;
}

div.delete-background-image {
    position: absolute;
    top: 7px;
}

div.page-header {
    font-family: Verdana, Arial, sans-serif !important;
    height: 27px;
    position: relative;
    top: 10px;
    width: 700px;
    padding-bottom: 0px !important;
    padding-top: 1px;
    margin: 0px !important;
    border-bottom: none !important;
}

div.page-header-a5 {
    font-family: Verdana, Arial, sans-serif !important;
    left: -3px;
}

.a4 div.page-footer {
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 700px;
}

.a5 div.page-footer {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 521px;
}

.a4long div.page-footer {
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 350px;
}

div.page-footer>p {
    font-size: 7px !important;
    font-family: Verdana, Arial, sans-serif !important;
    line-height: 10px;
    margin: 0;
}

.a5 div.page-footer>p {
    font-size: 6px !important;
    font-family: Verdana, Arial, sans-serif !important;
    line-height: 10px;
    margin: 0;
}

.a4long div.page-footer>p {
    font-size: 5px !important;
    font-family: Verdana, Arial, sans-serif !important;
    line-height: 7px;
    margin: 0;
}

.allow-overflow {
    overflow: visible !important;
}

.contenteditable-toolbar {
    background-color: transparent;
    /* NEWS-1988: no fixed width/height -- the absolutely positioned palette shrink-wraps
       to its two button rows, so its real width can be measured and clamped to the page. */
    width: auto;
    height: auto;
    /* keeps each row on one line, so the shrink-to-fit width is the full row even
       when the block sits close to the page edge and little space is left */
    white-space: nowrap;
    position: absolute;
    top: -60px;
    opacity: 0;
    left: 0px;
    /* stays below the side panels (#menu 10, #tabs 1000) and the floating controls,
       but above a neighbouring page (div.contentarea has no z-index) */
    z-index: 1;
    display: block !important;
    -webkit-transition: top 0.5s, opacity 0.5s;
    -moz-transition: top 0.5s, opacity 0.5s;
    -ms-transition: top 0.5s, opacity 0.5s;
    transition: top 0.5s, opacity 0.5s;
    outline: 0px solid transparent;
    text-indent: 0px;
}

.contenteditable-toolbar div div {
    border-radius: var(--radius-sm);
    background-color: var(--hms-blue);
    padding: 0px !important;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 1px 0 1px;
    text-indent: 0px;
}

.contenteditable-toolbar div div:hover {
    background-color: var(--hms-blue-dark);
    cursor: pointer;
}

/* an active format (bold, italic) is a state, not an alert: navy, not gold behind white icons */
.contenteditable-toolbar div div.active {
    background-color: var(--hms-navy);
}

.qq-upload-drop-area-active {
    background: url('/assets/img/image_dropzone.png') center center no-repeat #dab532 !important;
}

.qq-upload-drop-area,
.qq-upload-extra-drop-area {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    max-height: 100%;
    z-index: 2;
    background: url('/assets/img/image_dropzone.png') center center no-repeat #dab532 !important;
    text-align: center;
}

.qq-upload-drop-area span {
    display: block;
    width: 100%;
    font-size: 16px;
}

div.imagetools {
    display: inline-block;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 10000;
}

div.imagetool {
    position: absolute;
    border-radius: var(--radius-sm);
    background-color: var(--hms-blue);
    cursor: pointer;
}

div.imagetool:hover {
    background-color: var(--hms-blue-dark) !important;
    box-shadow: none !important;
}

div.remove-image {
    top: 0px;
    left: -5px;
}

div.crop-start {
    top: 0px;
    right: 0px;
}

div.cropping-dialog {
    top: 0px;
    right: 0px;
}

/* the toolbar is as wide as the image; lay the tools out in a row instead of pinning each to a fixed
   offset, so they cannot cover each other on a narrow image (the row then grows to the left) */
div.imagetools {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    min-width: 70px;
}

/* icons are font glyphs, not 20x20 PNGs: those were drawn at 2x on a retina screen and looked blurry */
div.imagetools div.imagetool {
    position: static;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 13px;
}

div.imagetools div.remove-image {
    margin-left: -5px;
    margin-right: auto;
}

/* square stage, so the preview stays inside it at 90/270 degrees */
.rotation-preview {
    width: 360px;
    height: 360px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.rotation-preview img {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.2s ease-in-out;
}

.rotation-controls {
    text-align: center;
    padding-top: 15px;
}

.rotation-controls .rotation-angle {
    display: inline-block;
    min-width: 50px;
}

div.crop-cancel {
    top: 0px;
    right: 25px;
}

div.crop-done {
    top: 0px;
    right: 0px;
}

.jcrop-holder {
    background-color: transparent !important;
}

div.crop-params {
    padding-left: 15px;
    padding-bottom: 15px;
}

* [contenteditable=true] {
    outline: 0px solid transparent;
}

#loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50000;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
}

#loading-overlay div {
    margin: auto;
}

#paste-overlay {
    position: absolute;
    background-color: rgba(240, 240, 240, 0.9);
    padding: 3px 7px 3px 7px;
}

div.page-menu {
    position: absolute;
    top: -30px;
    left: 0px;
}

div.ta-menu {
    position: absolute;
    top: -30px;
    left: 380px;
}

/* NEWS-1945: a page's own menus and the translation title are canvas overlays; at
   --z-canvas-overlay they stay above the page navigator (--z-canvas, after the pages), which
   shares their band above the pages. */
div.page-menu,
div.ta-menu,
div#current-publication-language-title-false,
div#current-publication-language-title-true {
    z-index: var(--z-canvas-overlay);
}

/* A z-index makes the menu a stacking context, which would cap the dropdown it opens (Bootstrap's
   1000) at 1, under a selected block's edit controls. While it is open, the menu has none, and the
   dropdown competes at 1000 as it always did; the page navigator steps aside meanwhile (hidden),
   so it cannot cover the open menu's toggle or label either. */
div.page-menu:has(> .dropdown.open),
div.ta-menu:has(> .dropdown.open) {
    z-index: auto;
}

body:has(div.page-menu > .dropdown.open, div.ta-menu > .dropdown.open) nav#page-navigator {
    visibility: hidden;
}

/* Decision e: where not even the collapsed button fits beside the marked page's menus (a narrow
   window, scrolled so that the pinned toolbar covers most of that page's band), the chip steps
   aside in the same way rather than cover a menu, until positionPageNavigator() finds room again. */
nav#page-navigator.is-crowded {
    visibility: hidden;
}

div.dropdown {
    cursor: default;
}

div.dropdown a::after {
    width: 0;
    height: 0;
    display: inline-block;
    content: "&darr;";
    text-indent: -99999px;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* The editor's dropdown lists are rounded popovers (below), and so is the language switch of login
   and registration (login_registration.css, NEWS-1984); elsewhere they stay square. */
:where(html:not(#root, #hms-login)) div.dropdown ul {
    border-radius: 0px !important;
}

div.dropdown ul {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.dropdown ul li {
    cursor: pointer;
}

div.dropdown ul li.separator {
    border-bottom: 1px solid #CCC;
}

div.dropdown ul li div {
    padding: 2px 5px 2px 8px;
}

div.dropdown ul li div:hover {
    background-color: #007aa4;
    color: #FFF;
}

div.dropdown {
    cursor: default;
}

div.recurrency div.dropdown a::after {
    border-top: 4px solid #FFF;
    filter: alpha(opacity=100);
    -webkit-opacity: 1.0;
    -moz-opacity: 1.0;
    opacity: 1.0;
}

div.recurrency div.dropdown a {
    color: #FFF;
    text-decoration: none;
}

div.recurrency div.dropdown ul li div {
    padding: 2px 5px 2px 8px;
    color: #007aa4;
}

div.recurrency div.dropdown ul li div:hover {
    background-color: #007aa4;
    color: #FFF !important;
}

/* custom "every [N] days" row — match the 8px left inset of the option labels above */
div.recurrency div.dropdown ul li.recurrence-custom-days {
    padding: 2px 5px 2px 8px;
    color: #007aa4;
    white-space: nowrap;
}

div.recurrency div.dropdown ul li.recurrence-custom-days span,
div.recurrency div.dropdown ul li.recurrence-custom-days input {
    vertical-align: middle;
}

div.recurrency div.dropdown ul li.recurrence-custom-days input {
    width: 48px;
    margin: 0 4px;
}

/* NEWS-1978: the trailing "days" label doubles as an apply/save trigger */
div.recurrency div.dropdown ul li.recurrence-custom-days span.apply-days {
    cursor: pointer;
    text-decoration: underline;
}

div.category div.dropdown a::after {
    border-top: 4px solid #FFF;
    filter: alpha(opacity=100);
    -webkit-opacity: 1.0;
    -moz-opacity: 1.0;
    opacity: 1.0;
}

div.category div.dropdown a {
    color: #FFF;
    text-decoration: none;
}

div.category div.dropdown ul li div {
    padding: 2px 5px 2px 8px;
    color: var(--ink);
}

div.category div.dropdown ul li div:hover {
    background-color: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

.upload-progress-bar {
    position: absolute;
    bottom: 3px;
    left: 10px;
    background-color: #AAA;
    height: 20px;
    color: #FFF;
    text-align: center;
}

.upload-progress-value {
    background-color: #dab532;
    -moz-transition: width 0.3s;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

/* NEWS-1945: the paper menu (Ausgabe laden, kopieren, Übersetzung) stays gold, as decided on
   review (comment 26466): rounded, the popover shadow, a gold pointer, and --on-gold text, never
   white. The hover row is --hms-gold-light, which keeps --on-gold at 6.2:1 (a darker gold would
   fall below 4.5:1). */
div#hms-publication-menu {
    position: absolute;
    box-sizing: border-box;
    padding: var(--space-4);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-popover);
    background-color: var(--hms-gold);
    font: var(--ui-tab);
    color: var(--on-gold);
    width: 225px;
    opacity: 0;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    transition: left 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
    z-index: 10;
}

div#hms-publication-menu:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -5px;
    height: 10px;
    width: 10px;
    background: var(--hms-gold);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    clip: rect(0px, 7px, 7px, 0px);
    z-index: -1;
}

#hms-publication-menu .hms-publication-menu-close {
    background-color: #FFF;
    color: #007aa4;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 10px;
    height: 10px;
    padding: 5px;
    margin: 0px;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    text-align: center;
    cursor: pointer;
}

#hms-publication-menu .hms-publication-menu-close:hover {
    background-color: #FFF !important;
    box-shadow: 0px 0px 10px #FFF !important;
    color: #dab532;
}

div#hms-publication-menu .publication-menu-item {
    cursor: pointer;
    padding: 0 var(--space-10);
    border-radius: var(--radius-sm);
    background-color: transparent;
    vertical-align: middle;
    line-height: 38px;
}

div#hms-publication-menu .publication-menu-item:hover {
    background-color: var(--hms-gold-light);
}

.modal-lg {
    width: 605px !important;
}

div#hms-publication-menu .dropdown-toggle {
    cursor: pointer;
    color: var(--on-gold);
    text-decoration: none;
}

div#hms-publication-menu div.dropdown select {
    max-width: 150px;
    font-size: 12px;
}

div#hms-publication-menu div.dropdown a:after {
    width: 0;
    height: 0;
    display: inline-block;
    content: "&darr;";
    text-indent: -99999px;
    /* NEWS-1945: centred on the label's x-height, whatever the row height (a fixed top margin
       fitted the old, lower rows and sat about 5px high in the 38px ones). The margin is reset
       on purpose: without it, div.dropdown a::after's 8px top margin applies and pushes the
       arrow down to the baseline. */
    vertical-align: middle;
    margin-top: 0;
    margin-left: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid var(--on-gold);
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

div#hms-publication-menu div.dropdown div.no-defined-language {
    padding: 5px;
    cursor: default;
    color: var(--ink);
    line-height: 1.3em;
}

div#hms-publication-menu ul.dropdown-menu {
    color: var(--ink);
}

div#hms-article-translation-helper {
    position: relative;
    background-color: #FFF;
    border: 1px solid #007aa4;
    padding: 0 5px 5px 5px;
    font-size: 0.8em;
    color: #FFF;
    width: 200px;
    opacity: 0;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    transition: left 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

div#hms-article-translation-helper:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -3px;
    height: 10px;
    width: 10px;
    background: #FFF;
    border: 1px solid #007aa4;
    clip: rect(0px, 7px, 7px, 0px);
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-90deg);
}

div#hms-article-translation-helper div.helper-content {
    overflow-y: auto;
    overflow-x: auto;
    color: #000;
}

div#hms-article-translation-helper div.helper-content h1 {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    background-color: #FFF !important;
}

div#hms-article-translation-helper div.helper-content p {
    color: #000;
    font-size: 10.5px;
    line-height: 15.5px;
}

div#translation-helper-image {
    display: inline-block;
    background: black;
    padding: 0;
}

div#translation-helper-image img {
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
}

div#translation-helper-image:hover img {
    opacity: 0.5;
    box-shadow: 0px 0px 10px #dab532 !important;
}

.cropping-dialog-image {
    max-height: 400px;
    max-width: 555px;
    text-align: center;
}

.image {
    opacity: 0.0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

/* NEWS-1945: the overflow warning is a warning callout (hms-callout.is-warning): gold with
   --on-gold text, never white. Its position is still set by showOverflowTooltip(). */
div#overflow-tooltip {
    position: absolute;
    background-color: var(--hms-gold);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-popover);
    padding: var(--space-8) var(--space-10);
    font-family: var(--font-ui);
    color: var(--on-gold);
    width: 200px;
    opacity: 1;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    transition: left 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
    z-index: var(--z-sidebar);
}

div#overflow-tooltip:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -6px;
    height: 10px;
    width: 10px;
    background: var(--hms-gold);
    clip: rect(0px, 7px, 7px, 0px);
    transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
}

/* The text is a div, not a p: the callout sits inside the page, where the hotel's font CSS
   (getCssFontStyleClasses) sets every p in the publication font with !important. */
div#overflow-tooltip div.overflow-tooltip-text {
    font-family: var(--font-ui);
    font-size: 12px;
    line-height: 1.35;
    margin: 0px;
    color: var(--on-gold);
}

div.alert-login {
    position: absolute;
    margin: 50px 150px;
    text-align: center;
    width: 45%;
}

div.weather-pending {
    position: relative;
    padding: 40px 40px 40px 70px;
    width: 80%;
    height: 100%;
    background: url('/assets/img/weather_pending.png') no-repeat right 0px center transparent;
}

div.info-icon-weather {
    position: absolute;
    top: 40px;
    left: 20px;
    width: 50px;
    height: 50px;
    background: url('/assets/img/info.png') no-repeat left center transparent;
    background-size: 50px 50px;
}

/* NEWS-2039: right-aligned to page 1's right edge and 29px above its top, wherever the page is */
div#current-publication-language-title-false {
    position: absolute;
    top: calc(var(--page-top, 50px) - 29px);
    left: calc(var(--page-left, 300px) + 452px);
    width: 300px;
    text-align: right;
}

/* NEWS-1945 (review item 20): the title is text only, right-aligned in a 300px box. The page
   navigator ends --space-8 left of the text, inside the box's empty part: the box, above the chip,
   must not take the chip's clicks. */
div#current-publication-language-title-false,
div#current-publication-language-title-true {
    pointer-events: none;
}

div#current-publication-language-title-true {
    position: absolute;
    top: calc(var(--page-top, 50px) - 29px);
    left: calc(var(--page-left, 300px) + 269px);
    width: 300px;
    text-align: right;
}

.background-translation-indicator {
    background: -webkit-linear-gradient(left, rgba(90, 179, 211, 0), rgba(90, 179, 211, 0.3)) fixed;
    background: -moz-linear-gradient(left, rgba(90, 179, 211, 0), rgba(90, 179, 211, 0.3)) fixed;
    background: linear-gradient(to right, rgba(90, 179, 211, 0), rgba(90, 179, 211, 0.3)) fixed;
}

i.dark {
    padding: 0;
    display: inline-block;
    color: #007aa4;
    background-color: #fff;
    border: 1px solid #fff;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

iframe.previewWidget {
    border-top: 1px dashed lightgreen;
    border-bottom: 1px dashed lightgreen;
    border-right: 1px dashed lightblue;
    border-left: 1px dashed lightblue;
    margin: 5px 20px;
    padding: 1px;
}

.widget-modal-big {
    width: 1000px;
}

.modal-content {
    width: 800px;
}

.widget-embed {
    width: 600px;
    padding-bottom: 1em;
    /*cursor: copy;*/
}

.widget-embed[readonly] {
    cursor: hand;
}

/* NEWS-1945 (review item 27): the preview of an article, image or imported tile (the builders in
   app.js and angular-controller/app.js place it, by getBoundingClientRect) is a popover: rounded
   (--radius-lg), --shadow-popover, no border, with a pointer of the same fill and a footer in
   --ui-small on --surface-sunken, rounded to the box's corners. The margin keeps it clear of the
   sidebar's edge handle, which straddles the sidebar's border; it sits above the handle
   (z-index 10000 inline, the handle 2, both in #tabs). */
div#article-tooltip {
    color: var(--ink);
    position: absolute;
    background-color: var(--surface);
    width: 225px;
    margin-right: var(--space-12);
    opacity: 0;
    border: 0;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-popover);
    -webkit-transition: left 0.3s ease, opacity 0.3s ease-in-out;
    -moz-transition: left 0.3s ease, opacity 0.3s ease-in-out;
    -ms-transition: left 0.3s ease, opacity 0.3s ease-in-out;
    transition: left 0.3s ease, opacity 0.3s ease-in-out;
    z-index: var(--z-tooltip);
    padding: 3px 7px;
    /* NEWS-2075: the pointer's top (below), a layout variable: hmsTilePreview.place()
       (tile-preview.js) sets it on the preview, so a preview moved up to stay on screen moves its
       pointer down to the tile */
    --tile-preview-pointer-top: 5px;
}

div#article-tooltip:after {
    content: "";
    position: absolute;
    top: var(--tile-preview-pointer-top);
    right: -3px;
    height: 10px;
    width: 10px;
    background: var(--surface);
    transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    clip: rect(0px, 7px, 7px, 0px);
    z-index: 99999;
}

/* NEWS-2050: an image's name in its preview (updateUploadTooltip): one line, a longer name ends in
   an ellipsis inside the popover, as on the image's tile (NEWS-1945); its title shows it whole */
div#article-tooltip h1.tooltip-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#article-tooltip img {
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-radius: var(--radius-sm);
}

div.tooltip-meta {
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    margin: 3px 0 0 0;
    padding: var(--space-6) var(--space-8);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    background-color: var(--surface-sunken);
    color: var(--ink-muted);
    font: var(--ui-small);
}

.sub-accordion div.panel-group {
    /* remove overflow for drop-down boxes to be shown completely in accordion */
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

hr.menu-seperator {
    margin: 5px;
    width: 150px;
    color: #CCC;
}

li.save-page-categories {
    background-color: #5AB3D3;
    color: #FFF;
    margin-top: 5px;
}

div.page-menu ul.dropdown-menu {
    padding: 5px 0 0 0 !important;
}

div.ta-menu ul.dropdown-menu,
div.ta-menu ul.dropdown-menu {
    padding: 5px 0 0 0 !important;
}

div.page-menu .dropdown-toggle {
    cursor: pointer;
}

div.save-page-categories {
    background-color: #5AB3D3;
    color: #FFF;
    margin-top: 5px;
}

/*div.save-page-categories input {
    margin-left:8px;
}
*/

div.save-page-categories label {
    font-weight: normal;
    margin-left: 8px;
    display: inline-block;
}

.dropdown-menu {
    font-size: 12px;
    color: #000;
}

/* NEWS-1945: dropdown lists in the editor (the page menu, recurrence, category and website area
   in the block menu, the translation list of the paper menu) are white popovers: --radius-md,
   --shadow-popover, --ink rows that turn light blue under the pointer. */
#root .dropdown-menu {
    padding: var(--space-4);
    border: 0;
    border-radius: var(--radius-md);
    background-color: var(--surface);
    box-shadow: var(--shadow-popover);
    color: var(--ink);
    font-family: var(--font-ui);
}

#root .dropdown-menu>li>a,
#root .dropdown-menu>li>div {
    border-radius: var(--radius-sm);
    color: var(--ink);
}

#root .dropdown-menu>li>a:hover,
#root .dropdown-menu>li>div:hover {
    background-color: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}

.dropdown-menu-selection {
    padding-left: 20px;
    float: right;
}

.boldText {
    font-weight: bold;
}

div.imageDropzoneHeaderImage {
    position: absolute;
    /*background:url('/assets/img/image_dropzone.png') center center no-repeat #DDD;*/
    background-color: #DDD;
    width: 696px;
    padding: 0 2px 0 2px;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    box-shadow: 0 0 0 2px #FFF inset;
}

div.imageDropzoneHeaderImage img {
    display: inline-block;
    margin-top: 30px;
}

/* NEWS-1945: the active publication type is the selected one, so its heading is gold: a
   --hms-gold-light ground with a 4px --hms-gold bar, its name, count and icons in --on-gold (6.2:1).
   A bar alone was not visible enough (tester feedback, 2026-10-03). Under the pointer it turns
   --hms-gold (4.56:1), not the sidebar's blue hover fill, so hovering never hides which type is
   active. The count pill is an --on-gold pill with --on-brand text there, as the white one on the
   blue is nearly invisible on gold. The share chip keeps its own fills (blue-light when shared,
   blue-dark under the pointer); at rest it is an --on-gold icon like the others. */
.activePublicationType>.panel-heading .pub-type-name span {
    font-weight: bold;
    text-decoration: none;
}

#tabs .sub-accordion.activePublicationType>.panel-heading:not(.category-drop-target),
#tabs .sub-accordion.activePublicationType>.panel-heading:not(.category-drop-target) .category-loading {
    background-color: var(--hms-gold-light);
}

#tabs .sub-accordion.activePublicationType>.panel-heading {
    box-shadow: inset 4px 0 0 var(--hms-gold);
}

#tabs .sub-accordion.activePublicationType:not(.search-accordion)>.panel-heading:not(.category-drop-target):hover,
#tabs .sub-accordion.activePublicationType:not(.search-accordion)>.panel-heading:not(.category-drop-target):hover .category-loading {
    background-color: var(--hms-gold);
}

#tabs .sub-accordion.activePublicationType>.panel-heading,
#tabs .sub-accordion.activePublicationType>.panel-heading .panel-title a,
#tabs .sub-accordion.activePublicationType>.panel-heading .pub-type-name,
#tabs .sub-accordion.activePublicationType>.panel-heading .category-loading,
#tabs .sub-accordion.activePublicationType>.panel-heading div.type-shared,
#tabs .sub-accordion.activePublicationType>.panel-heading div.category-upload,
#tabs .sub-accordion.activePublicationType>.panel-heading div.category-rename,
#tabs .sub-accordion.activePublicationType>.panel-heading div.category-copy,
#tabs .sub-accordion.activePublicationType>.panel-heading div.category-remove,
#tabs .sub-accordion.activePublicationType>.panel-heading>.publication-share:not(.active):not(:hover) {
    color: var(--on-gold);
}

#tabs .sub-accordion.activePublicationType>.panel-heading .category-count {
    background-color: var(--on-gold);
    color: var(--on-brand);
}

.no-display {
    display: none;
}

div.modal-languages label {
    width: 100%;
    margin-right: 10px;
    padding-top: 5px;
    font-weight: bold;
}

div.modal-languages label div.language-name {
    float: left;
    width: 180px;
}

div.modal-languages label div.language-select {
    float: left;
    width: 180px;
    margin-left: 10px;
}

div.modal-languages label div.main-language-select {
    float: left;
    width: 180px;
    margin-left: 10px;
}

div.modal-languages input {
    width: 20px;
    margin-right: 10px;
    padding-top: 5px;
    font-weight: bold;
}

.publication-share {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 12px;
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.share-active-pub {
    right: 64px;
}

.share-inactive-pub {
    right: 64px;
}

.article-share {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 12px;
    right: 56px;
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.headerimage-share {
    width: 20px;
    height: 22px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: var(--radius-sm);
    color: var(--hms-blue);
    cursor: pointer;
    line-height: 22px;
}

/* NEWS-1945: "shared" is an on-state, not an alert: the selected-state blue, never gold. */
.publication-share.inactive:hover,
.article-share.inactive:hover,
.headerimage-share.inactive:hover {
    background-color: var(--hms-blue-dark);
    color: var(--on-brand);
}

.publication-share.active,
.article-share.active,
.headerimage-share.active {
    background-color: var(--hms-blue-light);
    color: var(--hms-blue-dark);
}



.publication-share>div,
.article-share>div {
    text-align: center;
    line-height: 20px;
}

div.template-only-hint {
    position: fixed;
    top: 85px;
    right: 336px;
    background-color: var(--hms-gold);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-popover);
    font-family: var(--font-ui);
    width: 300px;
    height: 20px;
    line-height: 20px;
    color: var(--on-gold);
    font-size: 12px;
    /* font-weight: bold; */
    padding: 5px;
}

div.template-only-hint:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -7px;
    height: 15px;
    width: 15px;
    background: var(--hms-gold);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    clip: rect(0px, 7px, 7px, 0px);
    z-index: -1;
}

.progress-bar {
    background-color: #007aa4;
    margin: 1px;
}

div#publicationTypeEditor {
    width: 350px;
    height: 100vh;
    z-index: 1040;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    right: var(--sidebar-w);
    overflow-y: auto;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
}/*
 * Hotelmedia News design system, version 2.1, direction B "Weich" (NEWS-2038).
 *
 * Source of truth for every design value of the app chrome. Generated by hand from the design
 * system export design-system-tokens-v2.1.json (attached to NEWS-2038); docs/design-system.md
 * explains how to use them. This file holds :root custom properties ONLY — no selector here may
 * style an element, so loading it changes nothing on screen.
 *
 * Format, because /admin/styleguide lists this file mechanically: one token per line, its usage
 * as a trailing comment, grouped under "@group <family>" markers. Keep that shape when editing.
 *
 * Breakpoints (not tokens):
 *   - iPad landscape 1180 x 820 is the design size.
 *   - Below 1400px the editor's toolbar is a column of icons and the pages start beside it, so an
 *     A4 page fits beside the open sidebar (NEWS-2039, app.css); 1400px and wider is the desktop.
 *
 * Chrome font: the system font stack (decided 2026-09-28). No font files, no @font-face,
 * nothing from Google. Set --font-ui on chrome containers only, never on html or body: the
 * editor would otherwise render div.frontpage-namebar h1 and widgets differently from the PDF.
 */

:root {
    /* @group color */
    --hms-blue: #007aa4; /* The brand. Primary buttons, the sidebar ground, the current page number, links on white (4.86:1). */
    --hms-blue-dark: #005f80; /* Link hover, text on hms-blue-light (6.1:1), the selected A3/A4 segment's text. */
    --hms-blue-strip: #00658a; /* The tab strip at the top of the sidebar. White tab text 6.5:1. */
    --hms-blue-heading: #006a8f; /* Accordion panel headings in the sidebar. White text 6.07:1. */
    --sidebar-hover: var(--hms-blue-dark); /* The one hover fill of the editor sidebar: a tab of the strip, a section or category heading, the calendar heading. White text 6.1:1. Not in the v2.1 export (NEWS-1945 review). */
    --hms-blue-light: #e0f0f7; /* Selected segment fill (A4 of A3/A4), soft brand tint behind icons. */
    --hms-gold: #dab532; /* Attention, never decoration: selected tile ring, pending save, overflow warning, active tab underline. Text on it is on-gold. */
    --on-gold: #004f6c; /* Text and icons on hms-gold (4.56:1). Never white on gold (1.97:1). */
    --hms-gold-light: #ecd684; /* Hover row in a gold menu (the paper menu), and the ground of the active paper type's heading in the sidebar: on-gold text on it is 6.2:1. A darker gold would drop below 4.5:1. Not in the v2.1 export (NEWS-1945 review). */
    --hms-navy: #004f6c; /* Deep brand ink for emphasis on light grounds (9.0:1 on white). */
    --ink-strong: #0f2a3a; /* Page titles on login and registration (14.9:1 on white). */
    --ink: #1e293b; /* Body text and tile labels on surface, surface-sunken and ground. */
    --ink-secondary: #334155; /* Form labels and checkbox text (10.4:1 on white). */
    --ink-muted: #475569; /* Hints, tile meta, counts, the "Seite" label (7.58:1 on white). */
    --border-control: #7b8ba1; /* Borders of inputs, ghost buttons and the A3/A4 segment: the one border that must be seen (3.47:1). */
    --border: #cbd5e1; /* Decorative dividers only: card outlines, the dashed add-page button. Never the only edge of a control. */
    --border-subtle: #e2e8f0; /* Hairlines inside tiles and between list rows. */
    --ground: #eef2f5; /* The editor workspace behind the page. */
    --surface: #ffffff; /* Tiles, the page, modals, the login form column, the info frame. */
    --surface-sunken: #f8fafc; /* Input fill and modal header/footer. */
    --on-brand: #ffffff; /* Text and icons on hms-blue, hms-blue-dark, hms-blue-strip, hms-blue-heading. */
    --error: #b91c1c; /* Error text and the invalid field's border (6.47:1 on white). Replaces #ff0000. */
    --border-on-brand: rgba(255, 255, 255, 0.12); /* Hairline between panel headings on the blue sidebar. Not in the v2.1 export: lifted from its components so they stay token-only. */
    --backdrop: rgba(15, 42, 58, 0.35); /* Dimmed ground behind a modal. Not in the v2.1 export: lifted from its components so they stay token-only. */
    --scrollbar-thumb: rgba(255, 255, 255, 0.45); /* Scrollbar thumb on the blue sidebar, over a transparent track. Not in the v2.1 export (NEWS-1945 review). */
    --scrollbar-thumb-hover: rgba(255, 255, 255, 0.7); /* The sidebar scrollbar thumb under the pointer. Not in the v2.1 export (NEWS-1945 review). */
    --scrollbar-thumb-ground: rgba(51, 65, 85, 0.4); /* Scrollbar thumb on the workspace and white panels (ink-secondary at 40%). Not in the v2.1 export (NEWS-1945 review). */
    --scrollbar-thumb-ground-hover: rgba(51, 65, 85, 0.6); /* That thumb under the pointer. Not in the v2.1 export (NEWS-1945 review). */

    /* @group font */
    --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* App chrome. The system font stack: San Francisco on iPad and Mac, Segoe UI on Windows, Roboto on Android. */
    --font-publication: Verdana, Arial, sans-serif; /* Publication content. Owned by article.css and the PDF; never restyle it from chrome tokens. */
    --font-publication-serif: "Times New Roman", Times, serif; /* Publication sub-headlines. Owned by article.css and the PDF. */

    /* @group type */
    --ui-title: 800 26px/1.2 var(--font-ui); /* Page titles on login and registration, in ink-strong. */
    --ui-body: 400 15px/1.45 var(--font-ui); /* Default chrome text, dialog bodies, search input. */
    --ui-button: 700 15px/1 var(--font-ui); /* Buttons, sidebar tabs, segmented controls. */
    --ui-heading: 700 14px/1.3 var(--font-ui); /* Sidebar panel headings, form labels. */
    --ui-input: 400 16px/1.25 var(--font-ui); /* Every text input. 16px keeps iPad Safari from zooming on focus. */
    --ui-input-compact: 400 14px/1.25 var(--font-ui); /* Editor sidebar fields (search, new and rename category, new paper type) on a fine pointer. A coarse pointer keeps ui-input, whose 16px stops iPad Safari zooming. Not in the v2.1 export (NEWS-1945 review). */
    --ui-small: 400 13px/1.4 var(--font-ui); /* Field hints, secondary lines, in ink-muted. */
    --ui-overline: 700 13px/1.2 var(--font-ui); /* Step indicators, upper case, hms-blue-dark, letter-spacing 0.04em. */
    --ui-tile: 700 11px/1.2 var(--font-ui); /* Tile titles in the sidebar grid. */
    --ui-micro: 400 10px/1.3 var(--font-ui); /* Tile meta bar (size, date), in ink-muted. */
    --ui-tab: 600 13px/1 var(--font-ui); /* Editor sidebar tab labels (Ausgabe, Artikel, Bilder) and buttons on the sidebar: semibold, so three labels and four icon tabs fit 325px in any system font. Not in the v2.1 export (NEWS-1945 review). */
    --ui-sidebar-section: 600 14px/1.2 var(--font-ui); /* Editor sidebar section headers: Gespeicherte Ausgaben, Eigene Artikel, Eigene Bilder, Neue Ausgabe erstellen. Not in the v2.1 export (NEWS-1945 review). */
    --ui-sidebar-heading: 600 13px/1.2 var(--font-ui); /* Editor sidebar category headings inside a section. Not in the v2.1 export (NEWS-1945 review). */
    --ui-sidebar-count: 600 11px/16px var(--font-ui); /* The item count in an editor sidebar category heading, in a compact pill. Not in the v2.1 export (NEWS-1945 review). */
    --ui-tile-label: 600 10px/1.25 var(--font-ui); /* Editor sidebar tile titles (articles, images). Not in the v2.1 export (NEWS-1945 review). */
    --ui-tile-date: 400 10px/1.25 var(--font-ui); /* Saved-paper tile dates in the editor sidebar: regular, so "17.09.2026 /3" fits one line of a tile. Not in the v2.1 export (NEWS-1945 review). */
    --ui-login-title: 600 24px/1.25 var(--font-ui); /* Page titles of login, registration and reset, in ink-strong: semibold and smaller than ui-title, the lighter scale of the NEWS-1945 review. Not in the v2.1 export (NEWS-1984). */
    --ui-login-label: 600 14px/1.3 var(--font-ui); /* Form labels, links and the language switch in the login column. Not in the v2.1 export (NEWS-1984). */
    --ui-login-button: 600 15px/1 var(--font-ui); /* The primary button of login, registration and reset: the size of ui-button, semibold. Not in the v2.1 export (NEWS-1984). */
    --ui-login-overline: 600 12px/1.2 var(--font-ui); /* The registration step indicator ("Schritt 1 von 3"): upper case, letter-spacing 0.04em, hms-blue-dark; semibold, as the rest of the login column. Not in the v2.1 export (NEWS-1984). */
    --ui-admin-title: 600 22px/1.25 var(--font-ui); /* Page titles of the admin console (h1: "Hotel", "Tasks"), in ink-strong: the lighter scale of the NEWS-1945 review. Not in the v2.1 export (NEWS-2046). */
    --ui-admin-section: 600 18px/1.3 var(--font-ui); /* Section headings inside an admin page (h2: "Maintenance", "Publication Copy"). Not in the v2.1 export (NEWS-2046). */
    --ui-admin-heading: 600 15px/1.3 var(--font-ui); /* Admin sub-headings (h3) and panel titles. Not in the v2.1 export (NEWS-2046). */
    --ui-admin-body: 400 14px/1.45 var(--font-ui); /* Admin text, lists and table cells: a dense data console, a step below ui-body. Not in the v2.1 export (NEWS-2046). */
    --ui-admin-label: 600 13px/1.3 var(--font-ui); /* Admin form labels and table headers, in ink-secondary. Not in the v2.1 export (NEWS-2046). */
    --ui-admin-nav: 600 14px/1.2 var(--font-ui); /* The admin top bar and side navigation entries. Not in the v2.1 export (NEWS-2046). */
    --ui-admin-button: 600 14px/1 var(--font-ui); /* Admin buttons: semibold, the size of the admin text. Not in the v2.1 export (NEWS-2046). */
    --pub-headline: 700 12px/1.2 var(--font-publication); /* Reference only: h1.headline in articles. The overflow check and the PDF depend on it; never apply it from chrome. */
    --pub-subheadline: 700 11px/1.2 var(--font-publication-serif); /* Reference only: h2.sub-headline in articles. */

    /* @group spacing */
    --space-4: 4px; /* Gaps inside segmented controls and between page numbers. */
    --space-6: 6px; /* Label to input. */
    --space-8: 8px; /* Icon to text inside buttons and headings. */
    --space-10: 10px; /* Between toolbar buttons. */
    --space-12: 12px; /* Tile grid gap; search field inset. */
    --space-14: 14px; /* Sidebar side inset, heading padding. */
    --space-16: 16px; /* Form field gaps; toolbar distance from the workspace edge. */
    --space-24: 24px; /* Page distance from the workspace bottom; section breaks. */
    --space-32: 32px; /* Form column vertical padding. */
    --space-40: 40px; /* Form column side padding. */
    --space-48: 48px; /* Info panel padding. */

    /* @group radius */
    --radius-sm: 6px; /* Tiles, inputs, the search field, callouts, page-number buttons. */
    --radius-md: 8px; /* Buttons, the A3/A4 segment, toolbar chips. */
    --radius-lg: 12px; /* Modals and the login info frame. */
    --radius-pill: 999px; /* Avatars and badges only. */

    /* @group shadow */
    --shadow-tile: 0 1px 3px rgba(0, 40, 60, 0.25); /* Tiles resting on the blue sidebar. */
    --shadow-chip: 0 1px 3px rgba(0, 0, 0, 0.12); /* Small floating chips on the workspace (the page navigator). */
    --shadow-popover: 0 4px 12px rgba(0, 0, 0, 0.15); /* Callouts and menus. */
    --shadow-page: 0 8px 24px rgba(15, 40, 60, 0.16); /* The newspaper page on the workspace. */
    --shadow-panel: 0 12px 32px rgba(0, 30, 50, 0.35); /* The info frame on the blue login panel; modals. */
    --shadow-scroll-more: inset 0 -14px 12px -12px rgba(0, 30, 50, 0.55); /* The bottom edge of a sidebar list that goes on below it (the saved papers). Not in the v2.1 export (NEWS-1945 review). */
    --ring-selected: 0 0 0 3px #dab532, 0 0 12px rgba(218, 181, 50, 0.7); /* The current / selected tile: 3px gold ring and soft glow. */
    --glow-pending: 0 0 10px rgba(218, 181, 50, 0.55); /* The gold save button while changes are unsaved. */
    --focus-ring: 2px solid var(--hms-blue); /* Keyboard focus (:focus-visible) of a standalone control on a light ground: an outline, offset 2px. On gold use hms-navy, on the blues on-brand. A mouse click shows no ring. Not in the v2.1 export (NEWS-1945 review). */
    --focus-ring-inset: inset 0 0 0 2px var(--hms-blue); /* Keyboard focus of a part of a control (an A3/A4 segment, a menu row): a ring inside it, clipped by the control's corners. Not in the v2.1 export (NEWS-1945 review). */

    /* @group size */
    --touch-min: 44px; /* Minimum hit area of anything tappable. */
    --control-h: 44px; /* Buttons, tab row items, panel headings, search field. */
    --input-h: 46px; /* Text inputs. */
    --input-h-compact: 38px; /* Editor sidebar fields and their icon actions on a fine pointer; a coarse pointer keeps control-h. Not in the v2.1 export (NEWS-1945 review). */
    --sidebar-row-h: 40px; /* Editor sidebar category headings on a fine pointer, dense enough to show a paper type's whole name; a coarse pointer keeps control-h. Not in the v2.1 export (NEWS-1945 review). */
    --button-lg-h: 48px; /* The primary button on login and registration; the tab strip. */
    --sidebar-w: 320px; /* The editor sidebar. The editor sets it to 325px on html#root (app.css): one value for its width, its slide-out and what sits beside it. */
    --sidebar-edge: 6px; /* What stays of the editor sidebar at the window's edge when it is hidden, with its handle on it. Not in the v2.1 export (NEWS-1945 review). */
    --tile-w: 88px; /* Sidebar tile width (three per row). */
    --tile-h: 124px; /* Sidebar tile height. */
    --scrollbar-w: 8px; /* Width of a themed scrollbar where the browser takes one (Safari's ::-webkit-scrollbar); others use scrollbar-width: thin. Not in the v2.1 export (NEWS-1945 review). */
    --tab-icon-w: 32px; /* Icon tabs of the editor sidebar strip (Help, Settings, Admin, logout), so three labels fit beside them on a fine pointer. On a coarse pointer app.css sets touch-min on #tabs (NEWS-2039), except on a staff account's strip with the Admin tab, where four touch-min icons would cut the labels off. Not in the v2.1 export (NEWS-1945 review). */
    --admin-nav-w: 200px; /* The admin console's side navigation; the page starts beside it. Not in the v2.1 export (NEWS-2046). */
    --login-column-w: 360px; /* The form column of login and registration. */
    --login-info-w: 676px; /* The width the logininfo page is laid out at: the inside of the info frame at 1180 x 820. It is scaled from there to the frame, so what fits on the iPad fits everywhere. Not in the v2.1 export (NEWS-1984). */
    --login-info-h: 564px; /* The height the logininfo page is laid out at, as login-info-w. Not in the v2.1 export (NEWS-1984). */

    /* @group z-index */
    --z-canvas: 0; /* #content, the page canvas. */
    --z-canvas-overlay: 1; /* Overlays inside a canvas page (contenteditable toolbar, overflow badges). Keep them here (NEWS-1988). */
    --z-sidebar-control: 5; /* Search and add rows inside the sidebar; its edge handle (#ui-toggle) and, under it, its resize edge (NEWS-2045). */
    --z-menu: 10; /* #menu and the publication menu. */
    --z-block-handle: 20; /* Block extend/contract/resize handles. */
    --z-canvas-popover: 50; /* Image menu on a block. */
    --z-drag-helper: 100; /* Drag helper, block delete control. */
    --z-floating-action: 200; /* Save changes, PDF buttons, loading indicator. */
    --z-sidebar: 1000; /* #tabs sidebar, #ui-toggle, the block edit container, the overflow tooltip. */
    --z-editor-dialog: 1040; /* #publicationTypeEditor (Bootstrap modal layer). */
    --z-block-dragging: 9000; /* A block while it is dragged. */
    --z-block-menu: 10000; /* Block menu, image tools, maximize/minimize. */
    --z-drag: 20000; /* jQuery UI drag proxy (.ui-draggable-dragging). */
    --z-loading-overlay: 50000; /* #loading-overlay. */
    --z-tooltip: 100000; /* #article-tooltip, above everything. */
}
/*
 * Hotelmedia News design system, version 2.1, direction B "Weich" (NEWS-2038): app-chrome
 * component classes, written only against the tokens in hms-tokens.css.
 * Source: design-system-components.css (attached to NEWS-2038); usage in docs/design-system.md,
 * every class in every state on /admin/styleguide.
 *
 * Rules for this file:
 *   - token values only: no raw colours, no !important;
 *   - every class is hms-* (state modifiers is-* only ever combine with an hms-* class), so
 *     nothing here can match existing markup by accident;
 *   - never style html or body: --font-ui goes on chrome containers (.hms-root), never on the
 *     page, or the editor and the PDF render publication text differently;
 *   - no transform on tiles: they are jQuery UI drag sources;
 *   - .is-hover stands in for :hover in the style guide's static renditions.
 */

.hms-root { font-family: var(--font-ui); font-size: 15px; line-height: 1.45; color: var(--ink); }
.hms-icon { width: 16px; height: 16px; flex-shrink: 0; }

/* Button */
.hms-btn {
  display: inline-flex; align-items: center; gap: var(--space-8);
  height: var(--control-h); padding: 0 var(--space-16); box-sizing: border-box;
  font: 700 15px/1 var(--font-ui); border: none; border-radius: var(--radius-md);
  background: var(--hms-blue); color: var(--on-brand); cursor: pointer;
  transition: background-color .15s ease, box-shadow .15s ease;
}
.hms-btn:hover, .hms-btn.is-hover { background: var(--hms-blue-dark); }
.hms-btn:focus-visible { outline: 2px solid var(--hms-navy); outline-offset: 2px; }
.hms-btn.is-pending { background: var(--hms-gold); color: var(--on-gold); box-shadow: var(--glow-pending); }
.hms-btn.is-ghost { background: var(--surface); color: var(--hms-blue-dark); border: 1px solid var(--border-control); }
.hms-btn.is-ghost:hover, .hms-btn.is-ghost.is-hover { background: var(--hms-blue-light); }
.hms-btn.is-large { height: var(--button-lg-h); font-size: 16px; width: 100%; justify-content: center; }
.hms-btn[disabled] { background: var(--surface-sunken); color: var(--ink-muted); border: 1px solid var(--border); box-shadow: none; cursor: default; }

/* Segmented control (A3 / A4) */
.hms-seg { display: inline-flex; border: 1px solid var(--border-control); border-radius: var(--radius-md); overflow: hidden; background: var(--surface); }
.hms-seg button { height: 42px; width: 48px; border: none; background: transparent; color: var(--ink); font: 700 15px/1 var(--font-ui); cursor: pointer; }
.hms-seg button + button { border-left: 1px solid var(--border-control); }
.hms-seg button[aria-pressed="true"] { background: var(--hms-blue-light); color: var(--hms-blue-dark); font-weight: 800; }

/* Page navigator */
.hms-pages { display: inline-flex; align-items: center; gap: var(--space-4); background: var(--surface); border-radius: var(--radius-md); padding: var(--space-4) var(--space-8); box-shadow: var(--shadow-chip); }
.hms-pages span { font-size: 14px; color: var(--ink-muted); margin-right: var(--space-4); }
.hms-pages button { height: 36px; min-width: 36px; padding: 0 var(--space-10); border: none; border-radius: var(--radius-sm); background: transparent; color: var(--ink); font: 700 14px/1 var(--font-ui); cursor: pointer; }
.hms-pages button[aria-current="page"] { background: var(--hms-blue); color: var(--on-brand); }
.hms-pages button.is-add { border: 1px dashed var(--border-control); color: var(--ink-muted); }

/* Icon action: square icon button for inline forms, hit area touch-min */
.hms-icon-action {
  display: inline-flex; align-items: center; justify-content: center;
  width: var(--touch-min); height: var(--touch-min); border: none; border-radius: var(--radius-sm);
  background: var(--hms-blue); color: var(--on-brand); cursor: pointer;
}
.hms-icon-action.is-quiet { background: transparent; color: var(--on-brand); }
.hms-icon-action:hover, .hms-icon-action.is-hover { background: var(--hms-blue-dark); }

/* Sidebar */
.hms-sidebar { width: var(--sidebar-w); background: var(--hms-blue); color: var(--on-brand); display: flex; flex-direction: column; }
.hms-tabs { display: flex; height: var(--button-lg-h); background: var(--hms-blue-strip); margin: 0; padding: 0; }
.hms-tabs button { flex-grow: 1; border: none; border-bottom: 3px solid transparent; background: transparent; color: var(--on-brand); font: 700 15px/1 var(--font-ui); cursor: pointer; }
.hms-tabs button[aria-selected="true"] { border-bottom-color: var(--hms-gold); }
.hms-tabs button.is-icon { flex-grow: 0; width: 52px; display: flex; align-items: center; justify-content: center; }
.hms-search { padding: var(--space-12) var(--space-14); }
.hms-search label { display: flex; align-items: center; gap: var(--space-8); height: var(--control-h); padding: 0 var(--space-12); background: var(--surface); border-radius: var(--radius-sm); color: var(--ink-muted); box-sizing: border-box; }
.hms-search input { border: none; outline: none; background: transparent; font: 400 15px/1 var(--font-ui); color: var(--ink); width: 100%; }
.hms-panel-heading {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  height: var(--control-h); padding: 0 var(--space-14); border: none; border-bottom: 1px solid var(--border-on-brand);
  background: var(--hms-blue-heading); color: var(--on-brand); font: 700 14px/1 var(--font-ui); cursor: pointer;
}
.hms-panel-heading span { display: flex; align-items: center; gap: var(--space-8); }
.hms-panel-heading small { font-size: 12px; font-weight: 600; }
.hms-panel-body { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-12); padding: var(--space-14); background: var(--hms-blue); justify-items: center; }

/* Tile */
.hms-tile {
  width: var(--tile-w); height: var(--tile-h); padding: 0; border: none; border-radius: var(--radius-sm);
  background: var(--surface); box-shadow: var(--shadow-tile); overflow: hidden;
  display: flex; flex-direction: column; text-align: left; cursor: pointer; font-family: var(--font-ui);
}
.hms-tile.is-current { box-shadow: var(--ring-selected); }
.hms-tile-thumb { height: 58px; width: 100%; background: var(--border); }
.hms-tile-body { padding: 5px 6px 0; display: flex; flex-direction: column; gap: 3px; flex-grow: 1; }
.hms-tile-body i { display: block; height: 3px; width: 80%; background: var(--border); }
.hms-tile-body i + i { width: 64%; background: var(--border-subtle); }
.hms-tile-title { font-size: 11px; font-weight: 700; line-height: 1.2; color: var(--ink); margin-top: 2px; }
.hms-tile-meta { padding: 3px 6px; font-size: 10px; color: var(--ink-muted); border-top: 1px solid var(--border-subtle); }

/* Callout */
.hms-callout { position: relative; display: inline-block; width: 190px; padding: var(--space-8) var(--space-10); border-radius: var(--radius-sm); font-size: 12px; line-height: 1.35; box-shadow: var(--shadow-popover); box-sizing: border-box; }
.hms-callout.is-warning { background: var(--hms-gold); color: var(--on-gold); }
.hms-callout.is-hint { background: var(--hms-blue-dark); color: var(--on-brand); }

/* Field bubble (NEWS-1984): a hint (.is-hint) or an error (.is-error) beside a form field, with a
   pointer on its straight left edge, clear of the rounded corners. Placed by placeFieldBubble() in
   app.js from the field's getBoundingClientRect; .is-below puts it under the field, pointing up. At
   --z-sidebar, as the editor's overflow tooltip: under a dialog and its backdrop. Where a bubble had
   to move out of the way of another (NEWS-2056), the login page moves its pointer to the field's
   middle (login_registration.css), or hides it (.is-pointerless) where it cannot reach. */
.hms-field-bubble { position: fixed; z-index: var(--z-sidebar); box-sizing: border-box; max-width: 240px; padding: var(--space-8) var(--space-10); border-radius: var(--radius-md); box-shadow: var(--shadow-popover); font: var(--ui-small); }
.hms-field-bubble b, .hms-field-bubble strong { font-weight: 600; }
.hms-field-bubble::before { content: ""; position: absolute; top: var(--space-12); left: -5px; width: 10px; height: 10px; background: inherit; transform: rotate(45deg); }
.hms-field-bubble.is-below::before { top: -5px; left: var(--space-16); }
.hms-field-bubble.is-pointerless::before { content: none; }
.hms-field-bubble.is-hint { background: var(--hms-blue-dark); color: var(--on-brand); }
.hms-field-bubble.is-error { background: var(--hms-gold); color: var(--on-gold); }

/* Modal */
.hms-backdrop { background: var(--backdrop); padding: var(--space-24); }
.hms-modal { background: var(--surface); border-radius: var(--radius-lg); box-shadow: var(--shadow-panel); max-width: 440px; overflow: hidden; }
.hms-modal-header { padding: var(--space-16) var(--space-24); background: var(--surface-sunken); border-bottom: 1px solid var(--border-subtle); font-weight: 700; font-size: 17px; color: var(--ink-strong); }
.hms-modal-body { padding: var(--space-24); }
.hms-modal-footer { display: flex; justify-content: flex-end; gap: var(--space-10); padding: var(--space-12) var(--space-24); background: var(--surface-sunken); border-top: 1px solid var(--border-subtle); }

/* Forms */
.hms-field { display: flex; flex-direction: column; gap: var(--space-6); font-size: 14px; font-weight: 700; color: var(--ink-secondary); }
.hms-input { height: var(--input-h); box-sizing: border-box; padding: 0 var(--space-14); border: 1px solid var(--border-control); border-radius: var(--radius-sm); background: var(--surface-sunken); font: 400 16px/1.25 var(--font-ui); color: var(--ink); }
.hms-input:focus { outline: 2px solid var(--hms-blue); outline-offset: 1px; background: var(--surface); }
.hms-input.is-invalid { border-color: var(--error); }
.hms-hint { font-size: 13px; font-weight: 400; color: var(--ink-muted); }
.hms-hint.is-error { color: var(--error); }
.hms-check { display: flex; align-items: center; gap: var(--space-10); min-height: var(--touch-min); font-size: 15px; font-weight: 400; color: var(--ink-secondary); }
.hms-check input { width: 20px; height: 20px; accent-color: var(--hms-blue); }
.hms-links { display: flex; flex-direction: column; gap: var(--space-6); font-size: 14px; }
/* A link is as wide as its text, not the column, so its keyboard focus ring fits it; the corners
   round the ring (NEWS-2056). */
.hms-links a { min-height: 32px; width: fit-content; max-width: 100%; display: flex; align-items: center; border-radius: var(--radius-sm); font-weight: 600; color: var(--hms-blue); text-decoration: none; }
.hms-links a:hover { color: var(--hms-blue-dark); text-decoration: underline; }
.hms-title { font-size: 26px; font-weight: 800; line-height: 1.2; color: var(--ink-strong); }
.hms-overline { font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--hms-blue-dark); }
.hms-steps { display: flex; gap: var(--space-4); }
.hms-steps i { height: 6px; flex-grow: 1; border-radius: 3px; background: var(--border-subtle); }
.hms-steps i.is-done { background: var(--hms-blue); }

/* Login / registration page (NEWS-1984) */
.hms-login-page { display: grid; grid-template-columns: var(--login-column-w) minmax(0, 1fr); }
.hms-login-pane { background: var(--surface); display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-24); padding: var(--space-32) var(--space-40); }
.hms-info-panel { background: var(--hms-blue); display: flex; align-items: center; justify-content: center; padding: var(--space-48); }
.hms-info-frame { width: 100%; aspect-ratio: 1160 / 980; background: var(--surface); border-radius: var(--radius-lg); box-shadow: var(--shadow-panel); display: flex; align-items: center; justify-content: center; color: var(--ink-muted); text-align: center; padding: var(--space-24); box-sizing: border-box; }
/* The info frame holding the website's login-info page (login, NEWS-1984; PDF loader, NEWS-2053):
   the panel is a size container, so the frame takes the largest size of its aspect ratio that fits
   it both ways, never cropped. The page inside is laid out at --login-info-w x --login-info-h (the
   inside of the frame at 1180 x 820) and scaled to the frame by login-info.js (fit): its own page
   puts the content in an inner iframe of a fixed height, so laid out wider it would be cut off. */
.hms-info-panel.is-fitted { min-width: 0; min-height: 0; box-sizing: border-box; container-type: size; }
.hms-info-panel.is-fitted .hms-info-frame { position: relative; width: 100%; width: min(100cqw, 100cqh * 1160 / 980); overflow: hidden; }
.hms-info-panel.is-fitted .hms-info-frame iframe { position: absolute; top: var(--space-24); left: var(--space-24); display: block; width: var(--login-info-w); height: var(--login-info-h); border: 0; transform-origin: 0 0; }